:root{color-scheme:dark;--ink: #07131d;--ink-soft: #091c27;--panel: #0d2530;--panel-raised: #123541;--paper: #f7f0d0;--muted: #b7c9c4;--signal: #ffd166;--signal-ink: #231800;--mint: #69e3b2;--sky: #70c6e8;--coral: #ff8066;--line: #315360;font-family:Trebuchet MS,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0;color:var(--paper);background:linear-gradient(rgba(112,198,232,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(112,198,232,.025) 1px,transparent 1px),var(--ink);background-size:8px 8px;font-size:16px;line-height:1.55}body:before{position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 80% 10%,rgba(105,227,178,.08),transparent 32rem);content:"";pointer-events:none}button,input,select{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--sky);text-underline-offset:3px}a:hover{color:var(--paper)}button,.button{min-height:48px;border:2px solid var(--paper);border-radius:4px;padding:10px 18px;color:var(--paper);background:var(--panel-raised);box-shadow:0 4px #03090d;font-weight:800;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}button:hover,.button:hover{color:var(--paper);background:#194554;transform:translateY(-1px)}button:active,.button:active{box-shadow:0 1px #03090d;transform:translateY(3px)}button:disabled{opacity:.48;cursor:not-allowed;transform:none}.button.primary,button.primary{border-color:var(--signal);color:var(--signal-ink);background:var(--signal)}.button.primary:hover,button.primary:hover{color:var(--signal-ink);background:#ffe29a}.button.quiet,button.quiet{border-color:var(--line);box-shadow:none}.button.small,button.small{min-height:44px;padding:8px 12px;font-size:.9rem}:focus-visible{outline:3px solid var(--paper);outline-offset:3px;box-shadow:0 0 0 6px var(--sky)}.skip-link{position:fixed;top:8px;left:8px;z-index:100;padding:10px 14px;color:var(--ink);background:var(--paper);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,main{width:min(1160px,calc(100% - 32px));margin-inline:auto}.site-header{display:flex;align-items:center;justify-content:space-between;min-height:78px;padding-block:12px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--paper);font-family:Courier New,monospace;font-size:1.05rem;font-weight:800;letter-spacing:.04em;text-decoration:none}.brand img{width:52px;height:32px;image-rendering:pixelated}.header-tools{display:flex;align-items:center;gap:12px}.privacy-chip{color:var(--muted);font-family:Courier New,monospace;font-size:.75rem;letter-spacing:.06em;text-transform:uppercase}.privacy-chip:before{color:var(--mint);content:"■ "}main{min-height:calc(100vh - 190px);padding-block:36px 64px}.site-footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;border-top:1px solid var(--line);padding:24px 0 calc(24px + env(safe-area-inset-bottom));color:var(--muted);font-size:.9rem}.footer-links{display:flex;flex-wrap:wrap;gap:20px}h1,h2,h3,.eyebrow,.room-code,.score,.game-label{font-family:Courier New,Courier,monospace}h1{max-width:15ch;margin:12px 0 18px;font-size:clamp(2.3rem,7vw,4.3rem);line-height:.98;letter-spacing:-.055em}h2{margin:0 0 16px;font-size:clamp(1.55rem,4vw,2.2rem);line-height:1.12}h3{margin:0 0 8px;font-size:1.15rem}p{max-width:68ch}.eyebrow{margin:0;color:var(--mint);font-size:.78rem;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.lede{max-width:56ch;margin:0 0 26px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.2rem)}.muted{color:var(--muted)}.tiny{color:var(--muted);font-size:.84rem}.hero{display:grid;grid-template-columns:minmax(0,.85fr) minmax(420px,1.15fr);align-items:center;gap:clamp(32px,5vw,72px);min-height:560px}.hero>*{min-width:0}.hero-copy{position:relative;z-index:1}.hero-art{position:relative;margin:0;border:2px solid var(--line);border-radius:4px;background:#050d27;box-shadow:12px 12px #031018}.hero-art:before{position:absolute;inset:8px;z-index:1;border:1px solid rgba(247,240,208,.25);content:"";pointer-events:none}.hero-art img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;image-rendering:auto}.art-caption{display:flex;justify-content:space-between;gap:12px;margin:0;border-top:2px solid var(--line);padding:10px 12px;color:var(--muted);background:var(--panel);font-family:Courier New,monospace;font-size:.72rem;text-transform:uppercase}.entry-console{max-width:540px;border-left:4px solid var(--signal);padding-left:20px}.action-row{display:flex;flex-wrap:wrap;gap:12px}.join-drawer{margin-top:18px;border:2px solid var(--line);padding:18px;background:var(--panel)}.join-drawer[hidden]{display:none}label{display:block;margin-bottom:8px;font-weight:800}.code-input,.license-input{width:100%;min-height:52px;border:2px solid var(--line);border-radius:3px;padding:10px 14px;color:var(--paper);background:#061821;caret-color:var(--signal)}.code-input{font-family:Courier New,monospace;font-size:1.5rem;font-weight:800;letter-spacing:.16em}.form-row{display:grid;grid-template-columns:1fr auto;align-items:end;gap:12px}.field-error{min-height:24px;margin:8px 0 0;color:#ff9d89;font-weight:700}.tape{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:72px 0 24px;border-block:2px solid var(--line);padding-block:24px}.tape-step{display:grid;grid-template-columns:auto 1fr;gap:12px;padding:0 20px}.tape-step+.tape-step{border-left:2px dotted var(--line)}.tape-number{display:grid;width:32px;height:32px;place-items:center;color:var(--signal-ink);background:var(--signal);font-family:Courier New,monospace;font-weight:900}.tape-step p{margin:3px 0 0;color:var(--muted)}.promise{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-block:56px}.plain-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.plain-list li:before{margin-right:10px;color:var(--mint);content:"□";font-family:monospace}.pack{border:2px solid var(--signal);padding:24px;background:#ffd1660e;box-shadow:8px 8px #03090d}.pack-price{margin:8px 0 18px;color:var(--signal);font:800 1.25rem Courier New,monospace}.pack-actions{display:flex;flex-wrap:wrap;gap:12px}.restore{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}.status-banner{position:sticky;top:8px;z-index:10;display:flex;align-items:center;justify-content:center;gap:10px;width:min(720px,calc(100% - 24px));margin:0 auto;border:2px solid var(--coral);padding:10px 14px;color:var(--paper);background:#3d211f;box-shadow:0 4px #03090d}.status-banner[hidden]{display:none}.status-banner.success{border-color:var(--mint);background:#10382f}.room-shell{min-height:620px}.room-topbar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;border-bottom:2px solid var(--line);padding-bottom:20px}.room-topbar>:last-child{justify-self:end}.room-code{color:var(--signal);font-size:clamp(1.5rem,5vw,2.2rem);font-weight:900;letter-spacing:.11em}.room-code small{display:block;color:var(--muted);font:700 .7rem Trebuchet MS,sans-serif;letter-spacing:.08em;text-align:center;text-transform:uppercase}.connection-pair{display:flex;gap:18px}.window-status{display:grid;grid-template-columns:14px auto;align-items:center;gap:7px;color:var(--muted);font-size:.85rem}.status-light{width:14px;height:14px;border:2px solid var(--muted);background:transparent}.window-status.online .status-light{border-color:var(--mint);background:var(--mint);box-shadow:0 0 12px #69e3b273}.window-status.online{color:var(--paper)}.room-stage{padding-top:34px}.room-intro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.room-intro p{margin:4px 0 0;color:var(--muted)}.waiting-signal{display:inline-flex;align-items:center;gap:9px;color:var(--muted);font-weight:700}.waiting-signal:before{width:12px;height:12px;border:2px solid var(--muted);content:""}.waiting-signal.ready{color:var(--mint)}.waiting-signal.ready:before{border-color:var(--mint);background:var(--mint)}.game-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.game-card{display:flex;min-height:270px;flex-direction:column;align-items:stretch;border:2px solid var(--line);padding:20px;background:var(--panel)}.game-card:nth-child(2){transform:translateY(12px)}.game-card:nth-child(3){transform:translateY(24px)}.game-card p{flex:1;color:var(--muted)}.game-icon{display:grid;width:56px;height:56px;margin-bottom:20px;place-items:center;color:var(--signal);background:#061821;font:900 1.8rem Courier New,monospace;image-rendering:pixelated}.game-card button{width:100%}.game-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:24px}.game-header h2{margin-bottom:6px}.turn-chip{border:2px solid var(--sky);padding:9px 12px;color:var(--sky);background:#70c6e80f;font-family:Courier New,monospace;font-size:.83rem;font-weight:800;white-space:nowrap}.turn-chip.mine{border-color:var(--signal);color:var(--signal)}.game-board-wrap{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:24px}.game-board{min-height:380px;border:2px solid var(--line);padding:clamp(16px,4vw,32px);background:var(--panel);box-shadow:inset 0 0 0 6px #091c27}.game-aside{border-left:2px dotted var(--line);padding-left:22px}.game-aside p{color:var(--muted)}.round-message{min-height:50px;margin:0 0 20px;color:var(--paper);font-weight:800}.clue-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:32px}.clue{display:grid;min-width:0;aspect-ratio:1;place-items:center;border:2px solid var(--line);color:var(--sky);background:#071a24;font-size:clamp(1.2rem,4vw,2rem)}.clue.partner{color:var(--muted);background:repeating-linear-gradient(135deg,#0b202b 0 5px,#112e39 5px 10px);font:800 .7rem Courier New,monospace}.clue.done{border-color:var(--mint);box-shadow:inset 0 -5px var(--mint)}.symbol-buttons,.direction-buttons,.color-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.symbol-button{min-width:72px;font-size:1.6rem}.progress-pips{display:flex;justify-content:center;gap:8px;margin:20px 0}.pip{width:24px;height:8px;background:var(--line)}.pip.lit{background:var(--mint)}.patch-grid,.river-grid{display:grid;width:min(100%,430px);margin-inline:auto;gap:8px}.patch-grid{grid-template-columns:repeat(3,1fr)}.patch-cell{position:relative;aspect-ratio:1;border:3px dashed var(--line);padding:0;background:#071a24;box-shadow:none}.patch-cell[data-target=mint]{border-top-color:var(--mint)}.patch-cell[data-target=sky]{border-top-color:var(--sky)}.patch-cell[data-target=amber]{border-top-color:var(--signal)}.patch-cell.filled{border-style:solid;cursor:default}.patch-cell.filled:after{position:absolute;inset:28%;border:3px solid rgba(7,19,29,.55);content:"";transform:rotate(45deg)}.patch-cell.mint{background:var(--mint)}.patch-cell.sky{background:var(--sky)}.patch-cell.amber{background:var(--signal)}.color-button[aria-pressed=true]{color:var(--signal-ink);background:var(--paper)}.river-grid{grid-template-columns:repeat(5,1fr);background:#081c2c}.river-cell{display:grid;aspect-ratio:1;place-items:center;border:1px solid #255064;color:var(--sky);background:repeating-linear-gradient(0deg,#0c3041 0 5px,#0e394a 5px 8px);font-size:clamp(1rem,4vw,1.7rem)}.river-cell.rock{color:var(--muted);background:#344b4e}.river-cell.goal{border:3px solid var(--signal);color:var(--signal)}.river-cell.firefly{color:var(--signal-ink);background:var(--signal);box-shadow:0 0 18px #ffd16680}.energy{display:flex;gap:4px;margin:20px auto;justify-content:center}.energy span{width:12px;height:12px;border:1px solid var(--line)}.energy span.on{border-color:var(--signal);background:var(--signal)}.win-panel{display:grid;min-height:360px;place-items:center;border:2px solid var(--mint);padding:32px;text-align:center;background:var(--panel);box-shadow:8px 8px #03090d}.win-mark{margin:0 auto 16px;color:var(--signal);font-size:4rem;line-height:1}.win-panel .action-row{justify-content:center}.legal{max-width:760px}.legal h1{max-width:none}.legal h2{margin-top:38px;font-size:1.35rem}.legal time{color:var(--muted);font-family:Courier New,monospace}.theme-dawn{--ink: #211829;--ink-soft: #2a1e30;--panel: #37273a;--panel-raised: #4a3148;--line: #76576c;--sky: #a8d8ea;--mint: #9fe6b8}.theme-berry{--ink: #170f22;--ink-soft: #241333;--panel: #321944;--panel-raised: #482258;--line: #744d7f;--signal: #ffd06a;--sky: #88d7ef;--mint: #78e5c0}.theme-picker{display:flex;gap:10px;margin-top:14px}.theme-swatch{width:48px;min-height:48px;padding:0;border-radius:0}.theme-swatch[data-theme=night]{background:#0d2530}.theme-swatch[data-theme=dawn]{background:#4a3148}.theme-swatch[data-theme=berry]{background:#482258}@media(max-width:860px){.hero{grid-template-columns:1fr;min-height:auto}.hero-art{grid-row:2;width:100%;max-width:680px;min-width:0}.tape,.promise{grid-template-columns:1fr}.tape{gap:18px}.tape-step+.tape-step{border-left:0}.promise{gap:24px}.game-board-wrap{grid-template-columns:1fr}.game-aside{border-top:2px dotted var(--line);border-left:0;padding:20px 0 0}}@media(max-width:680px){.site-header,.site-footer,main{width:min(100% - 24px,1160px)}.site-header{min-height:68px}.privacy-chip{display:none}main{padding-block:24px 48px}.hero{gap:36px}.hero-art{box-shadow:6px 6px #031018}.entry-console{border-left:0;padding-left:0}.action-row>*{flex:1 1 150px}.form-row{grid-template-columns:1fr}.form-row button{width:100%}.tape{margin-top:52px}.room-topbar{grid-template-columns:1fr auto}.room-topbar .connection-pair{grid-column:1 / -1;grid-row:2;justify-content:center;border-top:1px solid var(--line);padding-top:12px}.game-picker{grid-template-columns:1fr}.game-card,.game-card:nth-child(2),.game-card:nth-child(3){min-height:0;transform:none}.game-card{display:grid;grid-template-columns:auto 1fr;gap:0 16px}.game-card .game-icon{grid-row:1 / 3}.game-card button{grid-column:1 / -1}.game-header{grid-template-columns:1fr;gap:8px}.turn-chip{justify-self:start}.game-board{min-height:340px;padding:16px}.clue-strip{gap:4px}.clue.partner{font-size:0}.clue.partner:after{font-size:1rem;content:"?"}.symbol-button{min-width:54px;padding-inline:12px}.room-intro{align-items:start;flex-direction:column}.site-footer{align-items:flex-start;flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}