:root{color:#fff;background:#071426;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;font-size:clamp(16px,min(.833vw,1.481vh),32px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}.splash{width:100%;height:100%;display:grid;align-content:center;justify-items:center;gap:clamp(2rem,6vh,5rem);padding:5vw;background:radial-gradient(circle at 50% 120%,rgba(45,90,39,.65),transparent 50%),linear-gradient(145deg,#071426,#102b4c)}.brand{font-size:clamp(2rem,4.5vw,5rem);font-weight:950;letter-spacing:.18em}.brand span{color:#c8922a}.pair-panel{text-align:center}.kicker{margin:0 0 1.5rem;color:#b0bec5;font-size:clamp(1rem,1.6vw,2rem);font-weight:850;letter-spacing:.22em}.pair-qr{width:min(31vh,20vw,22.5rem);height:min(31vh,20vw,22.5rem);border:clamp(.5rem,.8vw,1rem) solid white;border-radius:1rem;background:#fff}.pair-code{margin-top:1rem;color:#dba94d;font-size:clamp(2.7rem,6vw,6rem);font-weight:950;letter-spacing:.12em;line-height:.9;font-variant-numeric:tabular-nums;text-shadow:0 10px 50px rgba(0,0,0,.35)}.instruction{margin:1.5rem 0 .75rem;font-size:clamp(1.4rem,2.2vw,2.8rem);line-height:1.35;color:#f5f5f0}.passive{color:#78909c;font-size:clamp(1rem,1.3vw,1.5rem)}.stage{width:100%;height:100%;position:relative;background:#6e9abb}.stage canvas{display:block;width:100%;height:100%}.unity-stage canvas{position:absolute;inset:0}.unity-loader{position:absolute;inset:0;z-index:20;display:grid;place-content:center;justify-items:center;gap:1.25rem;background:#071426}.unity-loader p{margin:0;color:#b0bec5;font-weight:850;letter-spacing:.18em}.unity-progress{width:min(34rem,50vw);height:.55rem;overflow:hidden;border-radius:1rem;background:#1a3559}.unity-progress span{display:block;height:100%;border-radius:inherit;background:#c8922a;transition:width .16s linear}.hud{position:absolute;top:clamp(1rem,3vw,3rem);min-width:min(28vw,30rem);padding:clamp(1rem,1.8vw,2rem);border:2px solid rgba(200,146,42,.32);border-radius:1.4rem;background:#071426e8;box-shadow:0 18px 60px #00000047;pointer-events:none}.hud-left{left:clamp(1rem,3vw,3rem)}.hud-right{right:clamp(1rem,3vw,3rem);text-align:right}.eyebrow{color:#b0bec5;font-weight:850;letter-spacing:.18em;font-size:clamp(.8rem,1.1vw,1.3rem);text-transform:uppercase}.hud-title{color:#dba94d;font-weight:950;font-size:clamp(1.8rem,3vw,4rem);text-transform:uppercase}.active-player{margin-top:.7rem;color:#fff;font-size:clamp(1.25rem,2vw,2.35rem);font-weight:950;text-transform:uppercase}.active-player span{display:block;color:#b0bec5;font-size:clamp(.68rem,.9vw,1rem);font-weight:850;letter-spacing:.16em}.hud-value,.metric{color:#fff;font-weight:950;font-size:clamp(2.5rem,5vw,6rem);font-variant-numeric:tabular-nums}.metric-sub{color:#dba94d;font-weight:850;font-size:clamp(1rem,1.6vw,2rem)}.band-strip,.contour-strip{position:absolute;left:50%;bottom:clamp(1rem,3vw,3rem);transform:translate(-50%);display:flex;gap:.55rem;max-width:88vw;padding:.7rem;border-radius:1rem;background:#071426e6;border:1px solid rgba(200,146,42,.4)}.band-chip,.contour-chip{min-width:clamp(5rem,8vw,9rem);text-align:center}.band-chip strong,.contour-chip strong{display:block;color:#dba94d;font-size:clamp(1rem,1.5vw,1.7rem)}.band-chip span,.contour-chip span{display:block;color:#b0bec5;font-size:clamp(.7rem,1vw,1.1rem);font-weight:750}.game-panel{position:absolute;top:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem);width:min(30vw,31rem);padding:clamp(.9rem,1.5vw,1.5rem);border-radius:1.35rem;background:#071426f0;border:2px solid rgba(200,146,42,.35)}.game-heading,.players,.turf-zone{display:flex;justify-content:space-between;align-items:center;gap:.7rem}.game-heading strong{font-size:clamp(1.3rem,2vw,2.3rem);letter-spacing:.12em}.game-heading span,.turn-label{color:#b0bec5;font-weight:850;letter-spacing:.12em}.players{margin:.65rem 0;font-size:clamp(.8rem,1.1vw,1.25rem);font-weight:800}.p1{color:#dba94d}.p2{color:#4fc3f7}.red{color:#f0605d}.blue{color:#4fc3f7}.column-labels{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;color:#dba94d;font-weight:900}.line-board{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(.2rem,.4vw,.45rem);padding:.5rem;border-radius:.75rem;background:#16375f}.piece{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:#071426;border:2px solid rgba(255,255,255,.08)}.piece.p1{background:#c8922a}.piece.p2{background:#4fc3f7}.piece.winner{box-shadow:0 0 0 3px #fff,0 0 18px #fff}.turf-zones{display:grid;gap:.35rem}.turf-zone{padding:.55rem .7rem;border-radius:.55rem;background:#162b4d}.turf-zone.owner-0{background:#f0605d59;border:1px solid #f0605d}.turf-zone.owner-1{background:#4fc3f74d;border:1px solid #4fc3f7}.turf-zone strong{letter-spacing:.08em}.turn-label{margin-top:.65rem;text-align:center}.poker-distance{color:#fff;text-align:center;font-size:clamp(3rem,6vw,7rem);font-weight:950}.poker-hand{display:flex;justify-content:center;gap:.4rem;min-height:3rem;align-items:center}.poker-hand span{min-width:2.4rem;padding:.7rem .35rem;border-radius:.35rem;background:#fff;color:#071426;font-size:1.2rem;font-weight:900;text-align:center}.sim9-player{margin-top:.55rem;color:#dba94d;font-size:clamp(1rem,1.5vw,1.7rem);font-weight:900;text-transform:uppercase}.sim9-distance{color:#fff;text-align:center;font-size:clamp(3.5rem,7vw,8rem);font-weight:950;text-shadow:0 6px 20px rgba(0,0,0,.4)}.sim9-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.45rem}.sim9-stats div{padding:.65rem .35rem;border-radius:.6rem;background:#162b4d;text-align:center}.sim9-stats span{display:block;color:#78909c;font-size:.7rem;font-weight:850;letter-spacing:.08em}.sim9-stats strong{display:block;color:#fff;font-size:clamp(1.3rem,2vw,2.3rem)}.connection-pill{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);display:flex;align-items:center;gap:.55rem;padding:.65rem .9rem;border-radius:999px;background:#071426e6;border:1px solid rgba(255,255,255,.16);color:#dbe5e9;font-size:clamp(.72rem,.95vw,1.05rem);font-weight:850;letter-spacing:.1em}.connection-pill span{width:.72rem;height:.72rem;border-radius:50%;background:#42bd62;box-shadow:0 0 12px #42bd62bf}.connection-pill.disconnected{color:#ffd7d6;border-color:#f0605d8c}.connection-pill.disconnected span{background:#f0605d;box-shadow:0 0 12px #f0605dbf}.connection-pill.stale{color:#ffe2a8;border-color:#dba94db3}.connection-pill.stale span{background:#dba94d;box-shadow:0 0 12px #dba94dbf}@media (prefers-reduced-motion: reduce){*{scroll-behavior:auto!important}}