:root{--bg:#0b0d12;--panel:hsla(0,0%,100%,.04);--panel-line:hsla(0,0%,100%,.08);--text:#e8edf4;--muted:#8b97a8;--dim:#5a6472;--accent:#ffd54a;--safe-b:env(safe-area-inset-bottom,0px)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{height:100%}html{background:#060709}body{background:radial-gradient(120% 620px at 50% 0,#1b2030 0,#0b0d12 55%,#060709 100%) no-repeat #060709;color:var(--text);font-family:-apple-system,Segoe UI,Roboto,system-ui,sans-serif;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font:inherit;cursor:pointer;border:none;background:none}a,button{color:inherit}a{text-decoration:none}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:16px 14px calc(16px + var(--safe-b))}.app.playing{height:100dvh;min-height:0;overflow:hidden}.app.playing .roster,.app.playing .round,.app.playing .topbar{flex:0 0 auto}.app.playing .credit{display:none}.roster{background:var(--bg)}.h1{font-size:26px;font-weight:900;letter-spacing:1px}.h1 small{display:block;font-size:11px;font-weight:700;letter-spacing:3px;color:var(--accent);margin-top:3px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini{font-size:12px;color:var(--muted);font-weight:600}.slots{gap:8px}.slot,.slots{display:flex;flex-direction:column}.slot{background:var(--panel);border:1px solid var(--panel-line);border-left:4px solid var(--dim);border-radius:12px;padding:12px 14px;min-height:64px;justify-content:center}.slot.filled{border-left-color:var(--accent)}.slot-top{display:flex;justify-content:space-between;align-items:baseline}.slot-label{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.slot-score{font-size:20px;font-weight:800;color:var(--accent);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.slot-match{font-size:15px;font-weight:700;margin-top:3px;line-height:1.25;overflow-wrap:anywhere}.slot-sub{font-size:12px;color:var(--muted);margin-top:2px}.slot-empty{font-size:14px;color:var(--dim);font-weight:600}.awl{font-size:12px;font-weight:700;color:#5ad6ff;margin-top:3px;line-height:1.25;overflow-wrap:anywhere}.blindtoggle{font-size:11px;font-weight:800;letter-spacing:.5px;padding:5px 10px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);color:var(--muted)}.blindtoggle.on{background:var(--accent);color:#0b0d12;border-color:var(--accent)}.bdg{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:5px;margin-left:6px;vertical-align:middle}.bdg.title{background:#3a2a00;color:#ffd54a}.bdg.award{background:#0a3a4a;color:#5ad6ff}.tray{margin-top:auto;padding-top:12px}.spin-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.cell{font-size:18px;font-weight:900;letter-spacing:1px}.forslot{color:var(--accent)}.pickhint{font-size:13px;color:var(--muted);margin:0 0 8px}.slot:not(.filled){cursor:pointer}.slot.active{outline:2px solid var(--accent);outline-offset:1px;background:rgba(255,213,74,.06)}.round{text-align:center;font-size:13px;font-weight:800;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin:6px 0 2px}.round b{color:var(--accent)}.spinstage{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;min-height:50dvh}.reels{display:flex;gap:16px}.reel{width:120px;padding:16px 10px;border-radius:16px;text-align:center;background:#11151f;border:3px solid #f5a623;box-shadow:0 0 22px rgba(245,166,35,.35)}.reel.year{border-color:#a855f7;box-shadow:0 0 22px rgba(168,85,247,.35)}.reel-label{font-size:11px;font-weight:800;letter-spacing:2px;color:#f5a623}.reel.year .reel-label{color:#c084fc}.reel-val{font-size:30px;font-weight:900;margin-top:6px;line-height:1.05}.reel.spinning .reel-val{animation:flick .12s steps(1) infinite;opacity:.85}@keyframes flick{50%{opacity:.5}}.spinbtn{background:var(--accent);color:#0b0d12;font-size:22px;font-weight:900;letter-spacing:1px;padding:16px 54px;border-radius:14px;box-shadow:0 6px 24px rgba(255,213,74,.4)}.spinbtn:disabled{opacity:.7}.pickstage{flex:1 1;display:flex;flex-direction:column;min-height:0}.search{flex:0 0 auto;width:100%;background:#0b0d12;border:1px solid var(--panel-line);border-radius:10px;padding:11px 14px;color:var(--text);font-size:15px;margin-bottom:8px}.pickstage .options{flex:1 1;max-height:none;min-height:0;overflow-y:auto}.roster{display:flex;gap:6px;padding:10px 0 4px;margin-top:8px;border-top:1px solid var(--panel-line)}.rtile{flex:1 1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 2px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-line)}.rtile.filled{background:rgba(255,213,74,.12);border-color:var(--accent)}.rtile.active{outline:2px solid var(--accent);outline-offset:1px}.rtile-pos{font-size:9px;font-weight:800;letter-spacing:.3px;color:var(--muted);text-transform:uppercase;text-align:center;line-height:1.1}.rtile.filled .rtile-pos{color:var(--accent)}.rtile{touch-action:none}.rtile-val{display:flex;flex-direction:column;align-items:center;font-size:11px;font-weight:800;color:var(--text);line-height:1.15}.rtile-val,.rtile-vs,.rtile-w{max-width:100%;overflow:hidden}.rtile-vs,.rtile-w{text-overflow:ellipsis;white-space:nowrap}.rtile-vs{font-size:10px;font-weight:700;color:var(--muted)}.rtile:not(.filled) .rtile-val{color:var(--dim);font-size:16px}.rtile.dragging{opacity:.35}.rtile.droppable{outline:2px dashed #7cfc9a;outline-offset:1px}.dragghost{position:fixed;transform:translate(-50%,-160%);background:var(--accent);color:#0b0d12;font-weight:900;font-size:13px;padding:6px 12px;border-radius:10px;pointer-events:none;z-index:70;box-shadow:0 4px 16px rgba(0,0,0,.5)}.landing{max-width:560px;margin:0 auto;min-height:100dvh;flex-direction:column;justify-content:center;gap:14px;padding:28px 20px calc(20px + var(--safe-b));text-align:center}.landing,.logo{display:flex;align-items:center}.logo{font-size:30px;gap:10px;font-weight:900}.logo span{letter-spacing:2px}.landing-q{font-size:30px;font-weight:900;margin-top:6px}.landing-sub{font-size:14px;color:var(--muted);max-width:320px}.modecards{gap:12px;width:100%;margin-top:10px}.modecard,.modecards{display:flex;flex-direction:column}.modecard{text-align:left;background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:16px;gap:4px}.modecard.daily{border-color:rgba(245,166,35,.5)}.mc-emoji{font-size:24px}.mc-title{font-size:19px;font-weight:800}.mc-desc{font-size:13px;color:var(--muted)}.mc-play{margin-top:10px;align-self:stretch;text-align:center;background:var(--accent);color:#0b0d12;font-weight:900;padding:11px;border-radius:10px}.help-box{background:#11151f;border:1px solid var(--panel-line);border-radius:16px;padding:22px;width:100%;max-width:400px;max-height:84dvh;overflow-y:auto}.help-title{font-size:22px;font-weight:900;color:var(--accent);text-align:center}.help-sub{font-size:14px;color:var(--muted);text-align:center;margin:4px 0 12px}.help-h{font-size:15px;font-weight:800;color:var(--accent);margin-top:12px}.help-box p{font-size:14px;line-height:1.5;color:var(--text);margin-top:3px}.help-q{font-size:18px;font-weight:900;color:var(--accent);text-align:center;margin:16px 0 12px}.help-btns{display:flex;gap:8px}.landing-links{gap:18px}.chooser,.landing-links{display:flex;justify-content:center}.chooser{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:60;align-items:center;padding:24px}.chooser-box{background:#11151f;border:1px solid var(--panel-line);border-radius:16px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:10px}.chooser-title{font-size:16px;font-weight:800;text-align:center;margin-bottom:4px}.chooser-opts{gap:8px}.chooser-opts,.options{display:flex;flex-direction:column}.options{gap:6px;max-height:44dvh;overflow-y:auto;-webkit-overflow-scrolling:touch}.opt{display:flex;align-items:flex-start;gap:10px;text-align:left;background:var(--panel);border:1px solid var(--panel-line);border-radius:10px;padding:10px 12px;width:100%;transition:transform .05s}.opt:active{transform:scale(.99)}.opt-r{font-size:16px;font-weight:800;color:var(--accent);min-width:42px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-top:1px}.opt-main{flex:1 1;min-width:0;display:flex;flex-direction:column}.opt-t{font-size:14px;line-height:1.25;overflow-wrap:anywhere}.opt-aw,.opt-t{font-weight:700}.opt-aw{font-size:11px;color:#5ad6ff;margin-top:2px;line-height:1.2}.opt-s{font-size:11px;color:var(--muted);margin-top:1px}.opt-pos{flex:0 0 auto;letter-spacing:.3px;color:var(--accent);max-width:56px;line-height:1.2}.opt-pos,.opt-slot{font-size:9px;font-weight:800;text-transform:uppercase;text-align:right}.opt-slot{letter-spacing:.5px;color:var(--dim)}.btnrow{display:flex;gap:8px;margin-top:10px}.btn{flex:1 1;padding:14px;border-radius:12px;font-weight:800;font-size:15px;text-align:center;background:#1b2230;border:1px solid var(--panel-line)}.btn.primary{background:var(--accent);color:#0b0d12}.btn:disabled{opacity:.4}.fb-text{min-height:110px;resize:vertical}.fb-contact,.fb-text{width:100%;padding:12px;border-radius:12px;background:#0b0d12;border:1px solid var(--panel-line);color:var(--text);font:inherit;font-size:15px;box-sizing:border-box}.fb-contact,.fb-err{margin-top:8px}.fb-err{color:#ff6b6b;font-size:13px;font-weight:700;text-align:center}.result{display:flex;flex-direction:column;gap:12px}.gradehero{text-align:center;padding:10px 0 2px}.grade{font-size:88px;font-weight:900;line-height:.9}.tier{font-size:16px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.cardscore{font-size:16px;font-weight:700;color:var(--muted);margin-top:6px}.cardscore b{color:var(--text);font-size:22px}.banner{text-align:center;font-size:16px;font-weight:900;letter-spacing:2px;color:#0b0d12;padding:10px;border-radius:10px}.share-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.share-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:12px 4px;border-radius:12px;background:var(--panel);border:1px solid var(--panel-line);font-size:10px;font-weight:700;color:var(--muted)}.share-btn .ic{width:26px;height:26px}.share-btn .emoji{font-size:22px;line-height:26px}.share-btn.donate{grid-column:1/-1;flex-direction:row;justify-content:center;gap:8px;font-size:14px;padding:12px;text-decoration:none;background:#fd0;color:#0b0d12;border-color:#fd0}.toast{position:fixed;left:50%;bottom:calc(20px + var(--safe-b));transform:translateX(-50%);background:#1b2230;border:1px solid var(--panel-line);color:var(--text);padding:10px 18px;border-radius:999px;font-size:13px;font-weight:700;z-index:50}.previewimg{width:100%;border-radius:14px;border:1px solid var(--panel-line);display:block}.credit{margin-top:16px;padding-top:14px;border-top:1px solid var(--panel-line);text-align:center;font-size:11px;color:var(--dim)}.credit a{color:var(--muted);text-decoration:underline}.modeseg{display:flex;gap:0;border:1px solid var(--panel-line);border-radius:999px;overflow:hidden}.modeseg button{font-size:11px;font-weight:800;padding:5px 10px;color:var(--muted);background:var(--panel)}.modeseg button.on{background:var(--accent);color:#0b0d12}.lb{display:flex;flex-direction:column;gap:10px;background:var(--panel);border:1px solid var(--panel-line);border-radius:14px;padding:14px}.lb-rank{font-size:15px;font-weight:700;color:var(--text)}.lb-rank b{color:var(--accent)}.lb-rank .dim{color:var(--dim)}.lb-submit{display:flex;gap:8px}.lb-name{flex:1 1;min-width:0;background:#0b0d12;border:1px solid var(--panel-line);border-radius:10px;padding:0 12px;color:var(--text);font-size:15px}.lb-submit .btn{flex:0 0 auto;padding:12px 16px}.lb-err{font-size:12px;color:#ff6b6b}.lb-view{font-size:13px;font-weight:800;color:var(--accent);text-align:center;padding:4px}.lb-board{border-top:1px solid var(--panel-line);padding-top:10px}.lb-tabs{display:flex;gap:8px;margin-bottom:8px}.lb-tabs button{font-size:12px;font-weight:800;padding:5px 12px;border-radius:999px;background:var(--panel);border:1px solid var(--panel-line);color:var(--muted)}.lb-tabs button.on{background:var(--accent);color:#0b0d12}.lb-list{list-style:none;display:flex;flex-direction:column;gap:2px;max-height:40dvh;overflow-y:auto}.lb-list li{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:8px;font-size:14px}.lb-list li:nth-child(odd){background:hsla(0,0%,100%,.03)}.lb-pos{min-width:26px;font-weight:800;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.lb-name2{flex:1 1;min-width:0;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-grade{font-weight:800;color:var(--accent);min-width:28px;text-align:center}.lb-score{font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;min-width:48px;text-align:right}.lb-clickable{cursor:pointer}.lb-clickable:active{background:hsla(0,0%,100%,.07)}.lb-card{font-size:12px;opacity:.7}.lb-modal{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(0,0,0,.78);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.lb-modal-inner{position:relative;width:100%;max-width:560px}.lb-modal-card{width:100%;height:auto;display:block;border-radius:12px;border:1px solid var(--panel-line);box-shadow:0 16px 50px rgba(0,0,0,.6)}.lb-modal-x{position:absolute;top:-14px;right:-6px;width:34px;height:34px;border-radius:999px;border:1px solid var(--panel-line);background:var(--panel);color:var(--text);font-size:22px;line-height:1;font-weight:800;cursor:pointer}