:root{--ink:#29261b;--ink-2:#29261bbd;--muted:#29261b85;--cream:#f6f4ef;--cream-2:#efece4;--cream-3:#e4e0d5;--coral:#d97757;--coral-deep:#c25b3a;--teal:#2a6fdb;--amber:#e0a03c;--green:#1f8a5b;--navy:#20304a;--accent:var(--coral);--accent-deep:var(--coral-deep);--secondary:var(--teal)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle,#29261b12 1px,#0000 1.2px);background-size:22px 22px;font-family:Instrument Serif,Georgia,serif}.mono{text-transform:uppercase;letter-spacing:.05em;font-family:DM Mono,ui-monospace,monospace;font-size:11px}.display{letter-spacing:-.01em;font-family:Syne,system-ui,sans-serif}.wrap{max-width:1340px;margin:0 auto;padding:26px 28px 60px}.banner{justify-content:space-between;align-items:baseline;padding:4px 0 16px;display:flex}.nav{border-bottom:2px solid var(--ink);background:var(--cream);z-index:20;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;gap:20px;max-width:1340px;margin:0 auto;padding:12px 28px;display:flex}.nav-tabs{gap:20px;display:flex}.nav-tab{cursor:pointer;color:var(--muted);background:0 0;border:none;border-bottom:1.5px solid #0000;padding:2px 0}.nav-tab.on{color:var(--ink);border-bottom-color:var(--ink)}.hero-row{border:2px solid #0000;grid-template-columns:1.16fr 1fr;gap:24px;height:492px;transition:grid-template-columns .8s cubic-bezier(.66,0,.34,1),gap .8s cubic-bezier(.66,0,.34,1),border-color .8s,box-shadow .8s;display:grid;box-shadow:0 0 #0000}.hero-row[data-mode=game]{border-color:var(--ink);box-shadow:6px 6px 0 var(--ink);grid-template-columns:.34fr 1fr;gap:0}.panel{border:2px solid var(--ink);background:var(--cream);min-width:0;height:100%;box-shadow:6px 6px 0 var(--ink);transition:border-color .8s,box-shadow .8s;position:relative;overflow:hidden}.hero-row[data-mode=game] .panel{border-color:#0000;box-shadow:0 0 #0000}.hero-row[data-mode=game] .panel.study{border-left-color:var(--ink)}.layer{flex-direction:column;transition:opacity .45s,transform .55s cubic-bezier(.66,0,.34,1);display:flex;position:absolute;inset:0}.layer.hide{opacity:0;pointer-events:none}.layer.hide.left{transform:translate(-14px)}.layer.hide.right{transform:translate(14px)}.ph{border-bottom:1.5px solid var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.ph .eye{color:var(--muted);align-items:center;gap:8px;display:flex}.ph .tt{font-family:Instrument Serif,serif;font-size:19px;line-height:1}.swatch{border:1.5px solid var(--ink);width:11px;height:11px}.kpis{border-top:1.5px solid var(--ink);grid-template-columns:repeat(4,1fr);display:grid}.kpi{border-right:1.5px solid var(--ink);padding:14px 16px;position:relative}.kpi:last-child{border-right:none}.kpi .bar{height:3px;position:absolute;top:0;left:0;right:0}.kpi .v{font-size:26px;font-weight:800;line-height:1}.btn{text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--cream);border:2px solid var(--ink);cursor:pointer;box-shadow:3px 3px 0 var(--coral-deep);padding:11px 18px;font-family:DM Mono,monospace;font-size:12px;transition:transform .12s,box-shadow .12s}.btn:hover{box-shadow:5px 5px 0 var(--coral-deep);transform:translate(-2px,-2px)}.btn.ghost{color:var(--ink);box-shadow:none;background:0 0}.btn.ghost:hover{background:var(--cream-2);transform:none}.ladder-btn{text-align:left;border:1.5px solid var(--ink);background:var(--cream);cursor:pointer;justify-content:space-between;align-items:center;padding:9px 12px;font-family:DM Mono,monospace;font-size:12px;transition:background .12s;display:flex}.ladder-btn:hover{background:var(--cream-2)}.ladder-btn.on{background:var(--coral);color:#fff}.sb-row{border-top:1px solid var(--cream-3);grid-template-columns:1fr auto;align-items:center;gap:8px;padding:7px 0;display:grid}.sb-row.you span.nm{color:var(--coral-deep);font-weight:700}input[type=range]{width:100%;accent-color:var(--coral)}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--green)}70%{box-shadow:0 0 0 6px #0000}to{box-shadow:0 0 #0000}}.dot{border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.section-banner{justify-content:space-between;align-items:baseline;padding:44px 0 16px;display:flex}.footer{border-top:2px solid var(--ink);background:var(--ink);color:var(--cream);margin-top:40px}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1340px;margin:0 auto;padding:12px 28px;display:flex}.footer a{color:var(--cream);opacity:.85;border-bottom:1px dashed #0000;text-decoration:none}.footer a:hover{opacity:1;border-bottom-color:var(--coral)}