:root{color-scheme:light;--paper: #f8f3e7;--ink: #16120f;--muted: #6f6256;--line: #211a15;--blue: #3f72e0;--blue-deep: #1f3d8a;--orange: #e07528;--orange-deep: #8f3e12;--cream: #fffaf0;--near-white: #faf8f5;--near-black: #1a1310;--shadow: 0 22px 60px rgba(32, 24, 17, .24)}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}body{min-height:100vh;overflow-x:hidden;color:var(--ink);font-family:Trebuchet MS,Avenir Next,Gill Sans,sans-serif;background:radial-gradient(circle at 13% 19%,rgba(37,99,235,.22) 0 7rem,transparent 7.2rem),radial-gradient(circle at 88% 18%,rgba(249,115,22,.24) 0 8rem,transparent 8.2rem),radial-gradient(circle at 69% 88%,rgba(37,99,235,.12) 0 12rem,transparent 12.2rem),linear-gradient(135deg,#fff8df 0%,var(--paper) 42%,#eee3d0 100%)}body:before{position:fixed;inset:0;z-index:-1;pointer-events:none;content:"";opacity:.22;background-image:linear-gradient(90deg,rgba(22,18,15,.13) 1px,transparent 1px),linear-gradient(rgba(22,18,15,.13) 1px,transparent 1px);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 0%,transparent 78%);mask-image:radial-gradient(circle at center,black 0%,transparent 78%)}button,canvas{font:inherit}.game-page{width:min(1180px,calc(100vw - 28px));min-height:560px;height:100dvh;margin:0 auto;padding:clamp(12px,2dvh,24px) 0 clamp(12px,1.6dvh,20px);display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(12px,1.5dvh,20px)}.masthead{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(320px,1.3fr);align-items:end;gap:clamp(14px,3vw,28px)}.brand-lockup{transform:none}.brand-kicker,.timer-label,.score-label,.score-keys,.fine-print{letter-spacing:.12em;text-transform:uppercase}.brand-kicker{display:inline-block;padding:4px 12px;border:2px solid var(--line);border-radius:999px;color:var(--cream);font-size:.72rem;font-weight:900;background:var(--line);box-shadow:4px 4px #16120f2e}h1{margin:8px 0 0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(2.7rem,8vw,6.8rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;text-shadow:3px 3px 0 #fff6d8,7px 7px 0 rgba(22,18,15,.14)}.scoreboard{display:grid;grid-template-columns:minmax(0,1fr) 112px minmax(0,1fr);gap:clamp(8px,1.5vw,16px)}.score-card,.timer-card{position:relative;overflow:hidden;min-height:88px;padding:12px 16px;border:3px solid var(--line);border-radius:24px;background:#fffaf0db;box-shadow:8px 8px #16120f21}.score-card:before,.timer-card:before{position:absolute;inset:auto -20px -32px auto;width:96px;height:96px;border-radius:999px;content:"";opacity:.23}.score-card--blue:before{background:var(--blue)}.score-card--orange:before{background:var(--orange)}.timer-card:before{inset:-30px auto auto -25px;background:var(--line)}.score-label,.timer-label,.score-keys{position:relative;z-index:1;display:block;color:var(--muted);font-size:.72rem;font-weight:900}.score-card strong,.timer-card strong{position:relative;z-index:1;display:block;margin-top:4px;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(1.8rem,4vw,3rem);line-height:1;letter-spacing:-.04em}.score-card--blue strong{color:var(--blue)}.score-card--orange strong{color:var(--orange)}.score-keys{margin-top:8px;color:var(--ink);opacity:.72}.timer-card{text-align:center;background:var(--near-black);color:var(--cream)}.timer-card .timer-label{color:#e6d7bf}.timer-card strong{color:var(--cream)}.timer-card.timer--danger{background:#241210;animation:timer-pulse .48s ease-in-out infinite}.timer-card.timer--danger strong{color:#e8554a}@keyframes timer-pulse{0%,to{transform:scale(1);box-shadow:8px 8px #16120f21}50%{transform:scale(1.05);box-shadow:4px 4px #16120f33}}.arena-frame{position:relative;align-self:center;width:min(100%,max(620px,calc((100dvh - 220px) * 16 / 9)));padding:clamp(8px,1.5vw,14px);border:3px solid var(--line);border-radius:32px;background:linear-gradient(135deg,#ffffffbf,#ffffff3d),repeating-linear-gradient(-45deg,#f6d8a2 0 9px,#f2cd8a 9px 18px);box-shadow:var(--shadow),10px 10px #16120f26}.canvas-wrap{position:relative;overflow:hidden;border:4px solid var(--line);border-radius:22px;background:var(--near-white);aspect-ratio:16 / 9}#game-canvas{display:block;width:100%;height:100%;background:var(--near-white)}.game-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:clamp(16px,4vw,40px);pointer-events:none}.overlay-panel{width:min(720px,92%);padding:clamp(16px,4vw,32px);border:4px solid var(--line);border-radius:32px;text-align:center;background:#faf5edf0;box-shadow:12px 12px #16120f2e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:pop-in .26s cubic-bezier(.2,1.35,.36,1) both}.overlay-title{margin:0;font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(3rem,9vw,6.5rem);line-height:.9;letter-spacing:-.05em;text-transform:uppercase}.overlay-copy{max-width:54ch;margin:12px auto 0;color:#44382f;font-size:clamp(.95rem,2vw,1.12rem);font-weight:800}.controls-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.control-box{padding:12px;border:2px solid rgba(22,18,15,.18);border-radius:18px;background:#fffaf099;transition:background .2s ease,border-color .2s ease}.control-box:hover{background:#fffaf0e6;border-color:#16120f59}.control-box b{display:block;margin-bottom:4px;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.press-space{display:inline-block;margin-top:20px;padding:12px 20px;border:3px solid var(--line);border-radius:999px;color:var(--cream);font-weight:950;letter-spacing:.08em;text-transform:uppercase;background:var(--line);box-shadow:5px 5px #16120f2e;animation:thump .98s ease-in-out infinite;cursor:default;transition:transform .15s cubic-bezier(.2,1.35,.36,1),box-shadow .15s ease}.press-space:active{transform:scale(.94);box-shadow:2px 2px #16120f2e}.countdown-mark,.go-mark{font-family:Impact,Haettenschweiler,Arial Black,sans-serif;font-size:clamp(6rem,18vw,15rem);line-height:.8;letter-spacing:-.07em;text-transform:uppercase;color:#fff7dc;-webkit-text-stroke:clamp(3px,.7vw,8px) var(--line);text-shadow:12px 12px 0 rgba(22,18,15,.2);animation:pop-in .24s cubic-bezier(.2,1.35,.36,1) both}.go-mark{color:#b8ff9d}.countdown-mark--warn{animation:pop-in .28s cubic-bezier(.2,1.35,.36,1) both,pulse-warn .74s ease-in-out infinite;color:#ffe08a}.countdown-mark--urgent{font-size:clamp(7rem,22vw,18rem);color:#ffab4a;-webkit-text-stroke:clamp(4px,.9vw,10px) var(--line);text-shadow:14px 14px 0 rgba(22,18,15,.28);animation:pop-in .22s cubic-bezier(.2,1.35,.36,1) both,shake-urgent .42s ease-in-out infinite}.countdown-mark--final{font-size:clamp(8rem,26vw,22rem);color:#ff4a4a;-webkit-text-stroke:clamp(5px,1.2vw,12px) var(--line);text-shadow:18px 18px 0 rgba(22,18,15,.32);animation:pop-in .18s cubic-bezier(.2,1.35,.36,1) both,shake-final .3s ease-in-out infinite}@keyframes pulse-warn{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes shake-urgent{0%,to{transform:translate(0)}25%{transform:translate(-5px) rotate(-1deg)}75%{transform:translate(5px) rotate(1deg)}}@keyframes shake-final{0%,to{transform:translate(0) scale(1)}20%{transform:translate(-8px) scale(1.05)}40%{transform:translate(8px) scale(1.05)}60%{transform:translate(-5px) scale(1.02)}80%{transform:translate(5px) scale(1.02)}}.result-scores{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px;font-weight:950}.result-scores span{padding:8px 12px;border-radius:999px;background:var(--near-white)}.fine-print{margin:0;text-align:center;color:var(--muted);font-size:clamp(.68rem,1.5vw,.82rem);font-weight:900}.github-link{margin:6px 0 0;text-align:center;font-size:clamp(.55rem,1.2vw,.68rem);font-weight:700;letter-spacing:.12em;text-transform:uppercase}.github-link a{color:var(--muted);text-decoration:none;transition:color .2s ease}.github-link a:hover{color:var(--ink);text-decoration:underline}@keyframes pop-in{0%{opacity:0;transform:translateY(12px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes thump{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media(max-width:760px){.game-page{justify-content:flex-start}.masthead{grid-template-columns:1fr;align-items:stretch}.scoreboard{grid-template-columns:1fr 84px 1fr}.score-card,.timer-card{min-height:76px;padding:12px;border-radius:18px}.controls-grid{grid-template-columns:1fr}}@media(max-height:760px){.game-page{min-height:500px;padding-top:8px;gap:12px}h1{font-size:clamp(2rem,7dvh,4.4rem)}.brand-kicker,.fine-print{font-size:.62rem}.score-card,.timer-card{min-height:66px;padding:8px 12px;border-radius:18px}.score-card strong,.timer-card strong{font-size:clamp(1.55rem,5dvh,2.35rem)}.score-keys{margin-top:4px}.arena-frame{width:min(100%,max(560px,calc((100dvh - 175px) * 16 / 9)))}.fine-print{display:none}}