:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#f5f3e8;--night:#151a17;--concrete:#2b322e;--raised:#3c453f;--moss:#b7d43d;--lichen:#d9e7a3;--clay:#ff8a5b;--sky:#82c7d8;--warning:#ffd166;--danger:#ff7b74;--muted:#c3c9c2;--display:"Arial Black", Arial, sans-serif;--body:"Trebuchet MS", "Segoe UI", sans-serif;font-family:var(--body);color:var(--ink);background:var(--night);font-synthesis:none;font-size:17px}*{box-sizing:border-box}html{background:var(--night);scroll-behavior:smooth;min-width:320px}body{background-color:var(--night);background-image:radial-gradient(#f5f3e80a 1px,#0000 1px);background-size:9px 9px;min-height:100vh;margin:0}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:var(--lichen);text-underline-offset:.22em}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em;line-height:.98}h1{text-transform:uppercase;margin-bottom:24px;font-size:clamp(3rem,7vw,7rem)}h2{font-size:clamp(2rem,4vw,4rem)}h3{font-size:1.35rem}p{line-height:1.55}em{color:var(--moss);font-style:normal}kbd{min-width:30px;min-height:30px;color:var(--ink);font:700 .78rem var(--body);background:#262c28;border:2px solid #707972;border-radius:3px;place-items:center;margin:0 3px;padding:4px;display:inline-grid;box-shadow:0 2px #080a09}.skip-link{z-index:100;color:#11150f;background:var(--moss);padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}:focus-visible{outline:4px solid var(--moss);outline-offset:4px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.topbar{background:#151a17e8;border-bottom:1px solid #687168;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px 4vw;display:flex}.wordmark{color:var(--ink);font:700 .95rem var(--body);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:12px;text-decoration:none;display:inline-flex}.wordmark span{color:#11150f;background:var(--moss);width:42px;height:42px;font:900 .85rem var(--display);clip-path:polygon(0 0,90% 0,100% 78%,26% 100%,0 76%);place-items:center;display:grid}.network{color:var(--muted);align-items:center;gap:8px;font-size:.85rem;display:flex}.network i{border:2px solid var(--night);background:var(--moss);width:10px;height:10px;box-shadow:0 0 0 1px var(--moss);border-radius:50%}.network.is-offline i{background:var(--warning);box-shadow:0 0 0 1px var(--warning)}.page{min-height:calc(100vh - 150px)}.hero{grid-template-columns:minmax(310px,.85fr) minmax(480px,1.25fr);align-items:center;gap:5vw;min-height:75vh;padding:clamp(40px,7vw,100px) 4vw;display:grid;overflow:hidden}.hero-copy{max-width:680px}.eyebrow,.step-number{color:var(--lichen);letter-spacing:.15em;text-transform:uppercase;margin-bottom:18px;font-size:.82rem;font-weight:800}.hero h1{font-size:clamp(4rem,8vw,9rem)}.lede{max-width:590px;color:var(--muted);font-size:clamp(1.1rem,1.5vw,1.4rem)}.hero-actions{flex-wrap:wrap;align-items:center;gap:16px;margin-top:36px;display:flex}.button{border:3px solid var(--ink);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:13px 22px;font-weight:900;line-height:1.15;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s;display:inline-flex;box-shadow:6px 6px #070907}.button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px #070907}.button:active{transform:translate(3px,3px);box-shadow:2px 2px #070907}.button:disabled{opacity:.7;cursor:wait}.button.primary{color:#11150f;border-color:var(--moss);background:var(--moss)}.button.secondary{color:var(--ink);background:var(--concrete)}.text-button{min-height:48px;color:var(--lichen);cursor:pointer;background:0 0;border:0;padding:8px;text-decoration:underline}.remote-hint{color:var(--muted);margin:28px 0 0;font-size:.84rem}.hero-art{background:var(--concrete);border:4px solid #687168;margin:0;position:relative;transform:rotate(1.2deg);box-shadow:16px 16px #080a09}.hero-art:after{content:"";pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 8px #151a1759}.hero-art img{aspect-ratio:3/2;object-fit:cover;width:100%}.hero-art figcaption{color:#11150f;background:var(--clay);padding:10px 14px;font-size:.82rem;font-weight:800;position:absolute;bottom:-42px;right:-4px;transform:rotate(-1.2deg)}.join-panel{background:var(--concrete);border-block:3px solid #687168;grid-template-columns:.8fr 1.2fr;gap:8vw;padding:64px 8vw;display:none}.join-panel.open{display:grid}.join-panel form{gap:12px;max-width:560px;display:grid}label,legend{font-weight:800}input{width:100%;min-height:58px;color:var(--ink);background:var(--night);border:3px solid #7e877f;border-radius:2px;margin-bottom:10px;padding:12px 16px}#room-code{font:900 2.2rem var(--display);letter-spacing:.25em;text-transform:uppercase}fieldset{border:0;grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 12px;padding:0;display:grid}legend{grid-column:1/-1;margin-bottom:10px}.radio-tile{cursor:pointer;border:2px solid #7e877f;align-items:center;gap:8px;min-height:58px;padding:12px;display:flex}.radio-tile input{width:22px;min-height:22px;accent-color:var(--moss);margin:0}.form-error{min-height:1.6em;color:var(--danger);margin:0}.how,.catalogue,.family-pack{border-bottom:1px solid #687168;padding:88px 6vw}.how{background:var(--moss);color:#11150f}.how .eyebrow{color:#34400c}.how ol{counter-reset:steps;grid-template-columns:repeat(3,1fr);margin:48px 0 0;padding:0;list-style:none;display:grid}.how li{counter-increment:steps;border:3px solid #11150f;flex-direction:column;gap:12px;min-height:160px;padding:28px;display:flex}.how li+li{border-left:0}.how li:before{content:"0" counter(steps);font:900 2.5rem var(--display)}.how li b{font:900 1.3rem var(--display);text-transform:uppercase}.catalogue{grid-template-columns:.6fr 1.4fr;gap:6vw;display:grid}.game-strip{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.game-card{background:var(--concrete);border:3px solid #687168;flex-direction:column;justify-content:space-between;min-height:280px;padding:24px;display:flex;box-shadow:7px 7px #080a09}.game-icon{color:#11150f;background:var(--clay);clip-path:polygon(8% 0,100% 11%,93% 91%,17% 100%,0 63%);width:76px;height:76px;font:900 2.5rem var(--display);place-items:center;display:grid}.game-card:nth-child(2) .game-icon{background:var(--moss)}.game-card:nth-child(3) .game-icon{background:var(--sky)}.game-card p,.game-card small{color:var(--muted)}.family-pack{background:#202622;grid-template-columns:1fr auto;align-items:center;gap:40px;display:grid}.family-pack>div:first-child{max-width:720px}.pack-actions{justify-items:center;gap:12px;display:grid}.unlocked{color:#11150f;background:var(--moss);padding:20px;font-weight:900}.restore{width:min(100%,430px)}.restore summary{min-height:48px;color:var(--lichen);text-align:center;cursor:pointer;padding:12px;text-decoration:underline}.restore form{border:2px solid #687168;gap:10px;margin-top:12px;padding:18px;display:grid}.room-heading{background:var(--moss);color:#11150f;justify-content:space-between;align-items:center;gap:32px;padding:48px 5vw;display:flex}.room-heading .eyebrow{color:#34400c}.room-heading h1{margin-bottom:8px}.room-heading h1 em{color:#11150f;-webkit-text-stroke:2px #11150f;letter-spacing:.08em}#qr{background:var(--ink);width:180px;height:180px;image-rendering:pixelated;border:4px solid #11150f;padding:10px}.lobby-grid{grid-template-columns:.65fr 1.35fr;gap:5vw;padding:48px 4vw 130px;display:grid}.section-title{border-bottom:2px solid #687168;justify-content:space-between;align-items:start;gap:20px;min-height:56px;display:flex}.section-title h2{font-size:1.6rem}.players{grid-template-columns:repeat(2,1fr);gap:18px;padding-top:24px;display:grid}.players.empty{display:block}.player{grid-template-columns:60px 1fr;align-items:center;column-gap:12px;min-width:0;display:grid}.player>span{color:#11150f;background:var(--player);width:58px;height:58px;font:900 1.4rem var(--display);border-radius:45% 55% 51% 49%;grid-row:span 2;place-items:center;display:grid}.player b,.player small{text-overflow:ellipsis;overflow:hidden}.player small{color:var(--muted)}.empty-state{text-align:center;color:var(--muted);border:3px dashed #687168;padding:40px 20px}.empty-state>span{color:var(--moss);font-size:4rem;display:block}.empty-state h3{color:var(--ink)}.game-choices{grid-template-columns:repeat(2,1fr);gap:14px;padding-top:24px;display:grid}.choice{text-align:left;background:var(--concrete);cursor:pointer;border:3px solid #687168;grid-template-rows:auto auto;grid-template-columns:56px 1fr;align-items:center;column-gap:12px;min-height:136px;padding:18px;display:grid;position:relative;box-shadow:5px 5px #080a09}.choice:hover,.choice:focus-visible{border-color:var(--moss);background:var(--raised)}.choice>span{color:#11150f;background:var(--moss);width:52px;height:52px;font:900 1.7rem var(--display);grid-row:span 2;place-items:center;display:grid}.choice b{font:900 1.15rem var(--display);text-transform:uppercase}.choice small{color:var(--muted)}.choice i{color:#11150f;background:var(--warning);padding:4px 6px;font-size:.7rem;font-style:normal;font-weight:800;position:absolute;top:7px;right:7px}.choice.locked{opacity:.72}.command-rail{z-index:20;min-height:92px;padding:14px 4vw max(14px, env(safe-area-inset-bottom));background:#151a17f5;border-top:3px solid #687168;justify-content:space-between;align-items:center;gap:20px;display:flex;position:fixed;bottom:0;left:0;right:0}.command-rail p{color:var(--muted);text-align:center;margin:0}.play-header{border-bottom:2px solid #687168;justify-content:space-between;align-items:center;gap:24px;padding:20px 4vw;display:flex}.play-header h1{margin:0;font-size:clamp(2rem,4vw,4rem)}.play-header p{margin:0}.tv-stage{grid-template-columns:.45fr 1.55fr;gap:2vw;min-height:calc(100vh - 210px);padding:24px 4vw 130px;display:grid}.tv-prompt{background:var(--concrete);border:3px solid #687168;flex-direction:column;justify-content:center;align-items:flex-start;min-height:100%;padding:30px;display:flex}.tv-prompt p{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.tv-prompt strong{font:900 clamp(3rem, 8vw, 9rem)/.9 var(--display);color:var(--moss);overflow-wrap:anywhere}.tv-prompt span{color:var(--muted);margin-top:30px}.tv-canvas{background:var(--ink);border:4px solid #687168;width:100%;height:100%;min-height:480px}.point-arena{background-color:#202622;background-image:linear-gradient(#ffffff0a 2px,#0000 2px),linear-gradient(90deg,#ffffff0a 2px,#0000 2px);background-size:60px 60px;border:4px solid #687168;min-height:520px;position:relative;overflow:hidden}.target{border:15px solid var(--moss);border-radius:50%;width:100px;height:100px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #151a17}.pointer{color:#11150f;background:var(--player);border:4px solid var(--ink);width:52px;height:52px;font:900 1.1rem var(--display);border-radius:50% 50% 50% 3px;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%)rotate(-45deg)}.pointer:first-letter{transform:rotate(45deg)}.scoreboard{align-self:center;gap:10px;display:grid}.scoreboard>div{border-bottom:2px solid #687168;grid-template-columns:24px 1fr auto;align-items:center;gap:14px;min-width:min(520px,45vw);padding:14px 18px;display:grid}.scoreboard span{border-radius:50%;width:20px;height:20px}.scoreboard strong{font:900 2rem var(--display);color:var(--moss)}.chorus-mark{color:var(--clay)!important}.phone-state,.phone-game{width:min(100%,680px);min-height:calc(100vh - 70px);padding:10vh 20px calc(40px + env(safe-area-inset-bottom));text-align:center;margin:0 auto}.phone-state h1,.phone-game h1{font-size:clamp(2.8rem,14vw,5rem)}.phone-state>p,.phone-game>p{color:var(--muted)}.big-check{color:#11150f;background:var(--moss);width:100px;height:100px;font:900 3rem var(--display);clip-path:polygon(5% 0,100% 12%,89% 88%,18% 100%,0 68%);place-items:center;margin:0 auto 30px;display:grid}.shared-note{border:3px solid var(--warning);background:#ffd16618;margin:32px 0;padding:18px}.draw-pad{aspect-ratio:1;border:4px solid var(--moss);background:var(--ink);touch-action:none;width:min(100%,520px);margin:24px auto;display:block}.giant{width:100%;min-height:96px;font:900 2rem var(--display);margin-top:28px}.dpad{grid-template-columns:repeat(3,1fr);gap:8px;width:250px;margin:24px auto;display:grid}.dpad button{background:var(--concrete);min-height:72px;font:900 1.6rem var(--display);border:3px solid #7e877f}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-area:2/1}.dpad button:nth-child(3){grid-area:2/2}.dpad button:nth-child(4){grid-area:2/3}.secret-prompt{border-block:4px solid var(--moss);color:var(--moss);padding:28px 12px}.split-actions{grid-template-columns:1fr 1.5fr;gap:16px;margin-top:40px;display:grid}.split-actions .button{min-height:82px}.pass-screen{padding-top:8vh}.pass-screen>span{color:var(--moss);font-size:8rem;display:block}.colour-beats{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.colour-beats button{border:4px solid var(--ink);min-height:120px;color:var(--beat);background:var(--beat);cursor:pointer;font-size:0;box-shadow:6px 6px #080a09}.beat-count{margin-top:24px;font-weight:900}.look-up{margin-top:40px;font-size:.85rem}.legal{width:min(90%,760px);margin:0 auto;padding:80px 0}.legal h1{font-size:clamp(3.2rem,10vw,7rem)}.legal h2{margin-top:48px;font-size:1.7rem}.legal p{color:var(--muted)}.legal strong{color:var(--ink)}.legal .button{margin-top:40px}footer{min-height:100px;color:var(--muted);border-top:1px solid #687168;justify-content:space-between;gap:24px;padding:24px 4vw;font-size:.8rem;display:flex}.toast{z-index:50;border:3px solid var(--danger);max-width:420px;color:var(--ink);background:#381d1b;padding:18px 22px;transition:bottom .22s;position:fixed;bottom:-180px;right:20px;box-shadow:7px 7px #080a09}.toast.show{bottom:116px}@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-art{order:-1;max-height:40vh;overflow:hidden}.join-panel,.catalogue,.lobby-grid,.tv-stage{grid-template-columns:1fr}.game-strip{grid-template-columns:repeat(3,minmax(230px,1fr));padding:0 8px 12px;overflow-x:auto}.how ol{grid-template-columns:1fr}.how li+li{border-top:0;border-left:3px solid #11150f}.family-pack{grid-template-columns:1fr}.tv-stage{padding-bottom:160px}.tv-prompt{min-height:260px}}@media (max-width:600px){:root{font-size:16px}.topbar{min-height:62px;padding-inline:16px}.wordmark{font-size:.72rem}.wordmark span{width:36px;height:36px}.network{font-size:.72rem}.hero{gap:48px;padding:24px 16px 56px}.hero-art{box-shadow:none;border-inline:0;margin-inline:-20px;transform:none}.hero-art img{object-fit:cover;height:32vh;min-height:230px}.hero-art figcaption{display:none}.hero h1{font-size:clamp(3.5rem,18vw,5.5rem)}.hero-actions{display:grid}.hero-actions .button{width:100%}.join-panel,.how,.catalogue,.family-pack{padding:56px 16px}fieldset{grid-template-columns:1fr}.game-strip{margin-inline:-16px;padding-inline:16px}.room-heading{align-items:flex-start;padding:28px 16px}.room-heading h1{font-size:2.5rem}#qr{width:116px;height:116px;padding:6px}.lobby-grid{padding:32px 16px 180px}.players,.game-choices{grid-template-columns:1fr}.command-rail{flex-wrap:wrap;justify-content:center;min-height:130px}.command-rail p{flex-basis:100%;order:-1;font-size:.75rem}.command-rail .button{min-height:48px;padding:10px 14px}.play-header,.tv-stage{padding-inline:16px}.scoreboard>div{min-width:100%}.tv-canvas,.point-arena{min-height:400px}.phone-state,.phone-game{padding-top:7vh}footer{flex-direction:column;padding-inline:16px}.toast{left:12px;right:12px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.hero-art{transform:none}}@media (forced-colors:active){.game-icon,.wordmark span,.player>span,.target,.pointer{forced-color-adjust:none}}