:root{--bg: #0A0C0A;--surface: #111411;--surface-2: #191D19;--line: #262B26;--text: #E8ECE6;--muted: #7A837A;--accent: #C8F135;--accent-dim: #5A6B1E;--up: #3DE58A;--down: #FF5C47;--alarm: #FFB020;--faint: #3A413A;--qb: #4DA3FF;--rb: #3DE58A;--wr: #FFB224;--te: #B78CFF;--snap: cubic-bezier(.2, 0, 0, 1);--eject: cubic-bezier(.6, -.1, .8, .4);--nav-h: 56px;--hdr-h: 50px;--font-ui: "Instrument Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{background:var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}.display{font-family:"Archivo",var(--font-ui);font-stretch:125%;font-weight:800;text-transform:uppercase;line-height:.95}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}#app{max-width:1100px;margin:0 auto}.shell{min-height:100dvh;display:flex;flex-direction:column}.content{flex:1;display:flex;flex-direction:column;padding-bottom:calc(var(--nav-h) + env(safe-area-inset-bottom,0px));animation:view-wipe .16s var(--snap)}@keyframes view-wipe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}.hdr{height:var(--hdr-h);display:flex;align-items:center;justify-content:space-between;padding:0 16px;border-bottom:1px solid var(--line);flex-shrink:0}.hdr h1{font-size:clamp(20px,5vw,24px);letter-spacing:.04em;line-height:1;white-space:nowrap}.hdr h1 span{color:var(--accent)}.profile-chip{position:relative;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line);padding:8px 12px;background:var(--surface);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap}.profile-chip:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.profile-chip b{color:var(--text);font-weight:700}@media(max-width:560px){.profile-chip .chip-sub{display:none}}:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.banner{margin:8px 16px 0;padding:8px 12px;font-family:var(--font-ui);font-size:12.5px;line-height:1.5;background:var(--surface);border:1px solid var(--line)}.banner.warn{border-top:2px solid var(--down);color:var(--down)}.banner.info{border-top:2px solid var(--accent-dim);color:var(--muted)}.banner.gold{border-top:2px solid var(--alarm);color:var(--alarm)}.banner button{margin-left:8px}.nav{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;justify-content:center;background:var(--bg);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom,0px)}.nav button{flex:1;max-width:200px;height:var(--nav-h);position:relative;background:none;border:none;cursor:pointer;color:var(--muted);font-family:var(--font-mono);font-size:10px;font-weight:500;letter-spacing:.18em;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color .12s var(--snap)}.nav button svg{stroke:currentColor;fill:none;stroke-width:1.5}.nav button:before{content:"";position:absolute;top:-1px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transition:transform .16s var(--snap)}.nav button.on{color:var(--accent)}.nav button.on:before{transform:scaleX(1)}.loop{flex:1;display:flex;flex-direction:column;min-height:0}.progress{height:2px;background:var(--surface-2);flex-shrink:0}.progress i{display:block;height:100%;background:var(--accent)}.frame{flex:1;display:flex;flex-direction:column;min-height:0}@media(min-width:560px){.frame{flex-direction:row}.frame .seam{flex-direction:column;border:none;border-left:1px solid var(--line);border-right:1px solid var(--line);width:116px;justify-content:center;gap:16px;padding:0 8px;text-align:center}}.half{flex:1;display:flex;flex-direction:column;justify-content:center;padding:12px 24px;position:relative;cursor:pointer;min-height:0;min-width:0;container-type:inline-size;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background .12s var(--snap);animation:half-rise .12s var(--snap)}@keyframes half-rise{0%{transform:translateY(8px);opacity:0}to{transform:none;opacity:1}}.half:active{background:var(--surface);transition:none}.half.lead{background:var(--surface)}.half .pos-tick{position:absolute;left:0;top:16px;bottom:16px;width:3px;background:var(--line)}.tick-QB{background:var(--qb)}.tick-RB{background:var(--rb)}.tick-WR{background:var(--wr)}.tick-TE{background:var(--te)}.half .postm{font-family:var(--font-mono);font-size:11px;letter-spacing:.16em;color:var(--muted);margin-bottom:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.half .postm .tm{color:var(--text)}.half .postm .inj{color:var(--down);font-weight:700}.half .fn{font-size:13px;font-weight:500;color:var(--muted)}.half .sn{letter-spacing:.02em;line-height:1.02;--sn-cap: 48px;font-size:clamp(20px,calc(min(12.5cqi,var(--sn-cap)) * var(--sn-scale, 1)),var(--sn-cap));overflow-wrap:normal;text-wrap:balance}.half .plate{display:flex;margin-top:12px;border-top:1px solid var(--line);flex-wrap:wrap}.half .plate div{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);padding:8px 16px 0 0;margin-right:8px;white-space:nowrap}.half .plate div b{color:var(--text);font-weight:700}.half .dk{position:absolute;top:12px;right:12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);padding:8px 12px;cursor:pointer;touch-action:manipulation;transition:color .12s var(--snap),border-color .12s var(--snap)}.half .dk:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.half .dk:active{color:var(--text);border-color:var(--muted);transition:none}.half .key-hint{position:absolute;bottom:10px;right:12px;font-family:var(--font-mono);font-size:10px;color:var(--faint)}.seam{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:8px 16px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);flex-shrink:0;gap:8px}.seam .lev{color:var(--accent)}.seam .draw-btn{position:relative;background:none;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:8px 12px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:color .12s var(--snap),border-color .12s var(--snap)}.seam .draw-btn:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px}.seam .draw-btn:active{color:var(--text);border-color:var(--muted);transition:none}.ticker{border-top:1px solid var(--line);padding:8px 16px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.ticker b{color:var(--text);font-weight:700}.ticker .up{color:var(--up)}.ticker .down{color:var(--down)}.page{width:100%;max-width:720px;margin:0 auto;padding:0 16px}.tabs{display:flex;gap:0;padding:12px 16px 0;max-width:720px;margin:0 auto;width:100%;overflow-x:auto}.tabs button{background:none;color:var(--muted);border:1px solid var(--line);border-left:none;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;padding:0 16px;min-height:44px;cursor:pointer;flex-shrink:0;touch-action:manipulation;transition:color .12s var(--snap),background .12s var(--snap)}.tabs button:first-child{border-left:1px solid var(--line)}.tabs button.on{color:var(--bg);background:var(--accent);border-color:var(--accent);font-weight:700}.board{padding-top:4px}.tier-break{display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:10.5px;font-weight:500;letter-spacing:.18em;color:var(--accent);margin:16px 0 8px}.tier-break:after{content:"";flex:1;height:1px;background:var(--line)}.row{display:flex;align-items:center;gap:8px;min-height:44px;padding:4px 12px;border-bottom:1px solid var(--line);font-size:13.5px;animation:row-in .1s var(--snap) backwards}.row:first-child{border-top:1px solid var(--line)}.row .rank{width:30px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--muted);text-align:right;flex-shrink:0}@keyframes row-in{0%{transform:translateY(6px);opacity:0}to{transform:none;opacity:1}}.row .who{flex:1;min-width:0}.row .who .nm{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row .who .tm{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.08em;color:var(--muted)}.row .tier-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.1em;color:var(--muted);border:1px solid var(--line);padding:2px 8px;flex-shrink:0}.row .delta{font-family:var(--font-mono);font-size:12px;font-weight:700;width:46px;text-align:right;flex-shrink:0;animation:delta-in 60ms var(--snap) .36s both}@keyframes delta-in{0%{opacity:0}to{opacity:1}}.row .delta.up{color:var(--up)}.row .delta.down{color:var(--down)}.row .delta.flat{color:var(--faint)}.row .delta.model{font-weight:400;width:40px;opacity:.75}.row .dot{width:6px;height:6px;flex-shrink:0}.dot.hi{background:var(--accent)}.dot.mid{background:var(--alarm);transform:rotate(45deg)}.dot.lo{background:transparent;border:1px solid var(--faint)}.row .inj{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--down);letter-spacing:.08em;margin-left:6px}.pos{font-family:var(--font-mono);font-weight:700}.pos.QB{color:var(--qb)}.pos.RB{color:var(--rb)}.pos.WR{color:var(--wr)}.pos.TE{color:var(--te)}.stamp{text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);padding:24px 0}.edge{display:flex;flex-direction:column;gap:16px;padding-top:12px;padding-bottom:8px}.panel{border:1px solid var(--line);padding:16px;background:var(--surface)}.panel h3{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.panel h3:before{content:"▸"}.panel h3 .tag{color:var(--muted);font-weight:400;letter-spacing:.1em;margin-left:8px;font-size:10px}.panel .hint{font-size:12.5px;color:var(--muted)}.cliff-row{display:flex;align-items:baseline;gap:12px;font-family:var(--font-mono);font-size:12px;padding:4px 0}.cliff-row .pick{width:84px;font-weight:700;color:var(--alarm);flex-shrink:0}.cliff-row .what{color:var(--muted)}.cliff-row .what b{font-weight:700;color:var(--text)}.banner.flush{margin:0}.btn-row{display:flex;gap:8px;flex-wrap:wrap}.stack-sm{margin-top:12px}.stack-xs{margin-top:8px}.stack-below{margin-bottom:12px}.sync .hint.mono{font-size:12px;letter-spacing:.06em}.sim-controls{display:flex;align-items:center;gap:8px;font-size:13px;margin-bottom:12px;flex-wrap:wrap;color:var(--muted)}select,.sync input{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:0;font-family:var(--font-mono);font-size:13px;padding:8px 10px}.sim-pick{margin-bottom:16px}.sim-pick .pick-hdr{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--text);margin-bottom:8px;border-bottom:1px solid var(--line);padding-bottom:4px}.sim-cols{display:grid;grid-template-columns:repeat(4,minmax(64px,1fr));gap:8px;overflow-x:auto}.sim-col .col-hdr{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--muted);margin-bottom:4px;text-align:center}.sim-cell{font-family:var(--font-mono);font-size:10px;line-height:1.35;padding:4px 8px;margin-bottom:4px;background:var(--surface-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sim-cell .pct{color:var(--muted);font-size:10px}.flip-row{display:flex;align-items:center;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px solid var(--line)}.flip-row:last-of-type{border-bottom:none}.flip-row .names{flex:1;min-width:0}.flip-row .g{font-family:var(--font-mono);color:var(--muted);font-size:10.5px;letter-spacing:.08em;flex-shrink:0}.heat-row{display:flex;align-items:center;gap:8px;padding:4px 0;font-size:13px}.heat-row .rd{width:52px;font-family:var(--font-mono);font-size:11px;font-weight:500;color:var(--muted);flex-shrink:0}.heat-bar{height:12px;background:var(--accent-dim);min-width:2px;flex-shrink:0}.heat-row .names{font-family:var(--font-mono);font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:0;font-family:var(--font-mono);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;padding:12px 16px;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:transform 80ms var(--snap),background .12s var(--snap)}.btn:active{transform:scale(.97);background:var(--surface);transition:transform 60ms var(--snap),background 0ms}.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent);font-weight:700}.btn.small{font-size:10px;padding:7px 12px}.btn:disabled{opacity:.4;cursor:default}.sync{display:flex;flex-direction:column;gap:16px;padding-top:12px}.sync .code{font-family:var(--font-mono);font-size:15px;letter-spacing:.14em;text-align:center;background:var(--surface-2);border:1px solid var(--line);padding:12px;word-break:break-all;-webkit-user-select:all;user-select:all;color:var(--accent)}.sync .hint{font-size:12.5px;color:var(--muted);line-height:1.55}.sync .roww{display:flex;gap:8px}.sync .roww input{flex:1;min-width:0}.sync .status{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;margin-top:10px}.sync .status.ok{color:var(--up)}.sync .status.err{color:var(--down)}.scout-veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0c0ad1;display:flex;align-items:flex-end;justify-content:center}@media(min-width:560px){.scout-veil{align-items:center;padding:24px}}.scout{width:100%;max-width:480px;max-height:calc(100dvh - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--line);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px));animation:scout-in .16s var(--snap)}@keyframes scout-in{0%{transform:translateY(16px);opacity:0}to{transform:none;opacity:1}}.scout-hdr{display:flex;align-items:center;justify-content:space-between;gap:8px}.scout-hdr .postm{font-size:11px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}.scout-hdr .inj{color:var(--down);font-weight:700}.scout-close{position:relative;background:none;border:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.12em;padding:8px 12px;cursor:pointer;touch-action:manipulation}.scout-close:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.scout-name{font-size:clamp(22px,6vw,32px);margin:8px 0 4px;line-height:1.05}.scout-sec{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.scout-sec h4{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:8px}.scout-sec h4:before{content:"▸"}.scout-grid{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:11.5px;color:var(--muted)}.scout-grid b{color:var(--text);font-weight:700}.scout-grid .up{color:var(--up)}.scout-grid .down{color:var(--down)}.scout-grid .alarm-txt{color:var(--alarm);font-weight:700}.scout-grid .wide{width:100%}.scout-grid .passed-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:4px}.ticker{display:flex;align-items:center;gap:12px}.ticker .ticker-txt{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticker .undo-btn{position:relative;flex-shrink:0;background:none;border:1px solid var(--line);color:var(--muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px;cursor:pointer;touch-action:manipulation;transition:color .12s var(--snap),border-color .12s var(--snap)}.ticker .undo-btn:after{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.ticker .undo-btn:active{color:var(--text);border-color:var(--muted);transition:none}.spark{display:block;width:100%;height:40px;margin-top:12px}.spark-seed{stroke:var(--line);stroke-width:1}.spark-line{fill:none;stroke-width:1.5}.spark-line.up{stroke:var(--up)}.spark-line.down{stroke:var(--down)}.spark-empty{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--faint);margin-top:12px}.spark-cap{font-size:10px;letter-spacing:.1em;color:var(--faint);margin-top:4px}.scout-link{display:block;text-align:center;text-decoration:none;margin-top:16px}.namelink{cursor:pointer;text-decoration:underline;text-decoration-color:var(--faint);text-underline-offset:3px}.namelink:active{text-decoration-color:var(--accent)}.half .scout-btn{position:absolute;top:12px;right:106px;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);background:none;border:1px solid var(--line);padding:8px 10px;cursor:pointer;touch-action:manipulation;transition:color .12s var(--snap),border-color .12s var(--snap)}.half .scout-btn:after{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.half .scout-btn:active{color:var(--text);border-color:var(--muted);transition:none}.error-screen{padding:80px 24px;text-align:center;max-width:480px;margin:0 auto}.error-screen h2{font-size:20px;margin-bottom:12px}.error-screen p{color:var(--muted);font-size:13.5px;margin-bottom:20px;line-height:1.6}.forming{text-align:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;color:var(--muted);padding:48px 24px;line-height:1.8;max-width:480px;margin:0 auto}@media(prefers-reduced-motion:reduce){.content,.half,.row{animation:none}*{transition-duration:0ms!important}}@media(max-height:640px){.half .sn{--sn-cap: 34px}.half{padding-top:8px;padding-bottom:8px}.half .plate div{padding-top:4px;font-size:10.5px}.hdr{height:42px}.nav button{height:46px}:root{--nav-h: 46px}}