@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('./fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('./fonts/barlow-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('./fonts/barlow-800.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('./fonts/barlow-900.woff2') format('woff2')}
@font-face{font-family:'DM Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('./fonts/dm-sans.woff2') format('woff2')}
:root{--paper:#f6f4eb;--ink:#16343a;--muted:#657477;--line:#cdd1c8;--accent:#f3ad48;--blue:#b9e0e7;--font:'DM Sans',Arial,sans-serif;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;color-scheme:light;font-family:var(--font);color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,canvas:focus-visible{outline:3px solid #b26b21;outline-offset:4px}[hidden]{display:none!important}
.site-header{height:112px;max-width:1440px;margin:auto;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.wordmark{font-family:var(--display);font-size:42px;line-height:1;font-weight:900;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;white-space:nowrap;gap:9px}.wordmark img{image-rendering:pixelated;transform:rotate(-7deg)}.wordmark-dot{font:12px var(--font);align-self:flex-start;margin-top:4px}.header-right{display:flex;align-items:center;gap:40px;font-size:10px;letter-spacing:1.2px;font-weight:700}.arcade-label{color:var(--muted)}.text-link{text-decoration:none;display:flex;gap:22px;align-items:center;padding:12px 0}.text-link span{font-size:24px}
main{max-width:1440px;margin:auto;padding:36px 6% 0}.arcade{display:grid;grid-template-columns:minmax(0,1fr) 348px;gap:68px;align-items:start}.game-column{min-width:0}.game-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:9px;letter-spacing:1.3px;font-weight:700}.game-meta>span{display:flex;align-items:center;gap:8px}.live-dot{width:6px;height:6px;background:var(--ink);border-radius:50%}.icon-button{border:0;background:transparent;font-size:10px;letter-spacing:1px;padding:7px}.icon-button span{font-size:16px;margin-left:6px}.game-shell{background:var(--blue);height:620px;position:relative;overflow:hidden;border:1px solid #8baeb1;isolation:isolate}.game-shell canvas{width:100%;height:100%;display:block;object-fit:contain;touch-action:none;outline-offset:-5px!important;image-rendering:auto}.game-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;text-align:center;pointer-events:none}.game-intro{padding-top:43px;animation:arrive .65s ease-out both}.game-eyebrow{font-size:8px;font-weight:700;letter-spacing:2px}.game-intro h1{font-family:var(--display);font-size:108px;line-height:.78;letter-spacing:-1.5px;font-weight:900;margin:25px 0 15px;transform:rotate(-5deg);text-shadow:3px 3px #f8efd5}.game-intro h1 span{color:#fff5d4;-webkit-text-stroke:2px var(--ink)}.game-intro p{font-size:12px;margin-top:23px;font-weight:500}.overlay-bottom{margin-bottom:85px;display:flex;flex-direction:column;gap:13px;align-items:center}.start-hint{font-size:8px;font-weight:700;letter-spacing:1.5px}.game-button{pointer-events:auto;background:var(--ink);color:var(--paper);border:0;padding:17px 23px;font-size:11px;font-weight:700;letter-spacing:1.3px;min-width:205px;display:flex;justify-content:space-between;gap:25px;transition:transform .18s,background .18s}.game-button:hover{transform:translateY(-3px);background:#28515a}.game-score{position:absolute;top:26px;left:0;right:0;pointer-events:none;text-align:center;font-family:var(--display);font-size:60px;font-weight:800;color:white;-webkit-text-stroke:1px var(--ink);text-shadow:2px 3px var(--ink)}.game-controls{display:flex;justify-content:space-between;gap:14px;margin-top:14px;color:var(--muted);font-size:10px}.game-controls>span:first-child{display:flex;align-items:center;gap:6px}kbd{border:1px solid #c1c7bd;border-radius:3px;padding:3px 6px;font-size:9px;background:#fcfaf2;color:var(--ink)}
.side-column{padding-top:7px}.eyebrow{font-size:9px;letter-spacing:1.5px;font-weight:700;display:block}.tiny-cross{font-size:18px;vertical-align:-2px;margin-right:6px}.side-column h2{font-family:var(--display);font-size:38px;line-height:1.03;letter-spacing:-.5px;margin:15px 0 11px;font-weight:700}.intro-copy,.player-panel>p{font-size:12px;line-height:1.6;color:var(--muted);margin-bottom:23px}form>label{display:block;font-size:10px;font-weight:600;margin:13px 0 7px}input:not([type=checkbox]){display:block;width:100%;background:transparent;border:1px solid #b7c1b9;border-radius:0;padding:12px 13px;font-size:12px;color:var(--ink);height:43px;transition:background .15s,border-color .15s}input:not([type=checkbox]):focus{background:#fffdf5;border-color:var(--ink)}input::placeholder{color:#8a9591}.consent{padding:0;border:0;margin:17px 0 18px}.consent legend{font-size:10px;font-weight:600;margin-bottom:9px}.consent legend span{font-weight:400;color:var(--muted)}.check-label{display:flex;gap:8px;align-items:flex-start;font-size:10px;color:var(--muted);margin:8px 0;line-height:1.5}.check-label input{width:13px;height:13px;flex-shrink:0;accent-color:var(--ink);margin:1px 0 0}.primary-button{border:1px solid var(--ink);background:var(--ink);color:var(--paper);width:100%;padding:14px 17px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:700;letter-spacing:1.3px;min-height:46px;transition:background .15s,transform .15s}.primary-button span{font-size:20px;line-height:1}.primary-button:hover{background:#2a5257;transform:translateY(-1px)}.privacy-copy{font-size:9px;line-height:1.7;color:var(--muted);margin-top:12px}.inline-button{background:none;border:0;border-bottom:1px solid #a8b1a9;padding:0;font:inherit;font-size:inherit;color:inherit}.inline-button:hover{color:var(--ink);border-color:var(--ink)}.privacy-copy .inline-button{display:inline}.form-error{font-size:12px;line-height:1.5;color:#a53c2d;background:#fbe6da;padding:10px}.player-panel{padding-top:9px;animation:arrive .4s ease}.player-panel h2{font-size:42px}.personal-best{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:28px 0 22px;padding:17px 0}.personal-best>span{font-size:10px;letter-spacing:1px;font-weight:700}.personal-best strong{font:700 55px var(--display)}.player-note{font-size:11px!important}.player-panel>.inline-button{font-size:10px}
.leaderboard{margin-top:30px;padding-top:21px;border-top:1px solid var(--ink);scroll-margin-top:20px}.leaderboard-header{display:flex;align-items:center;justify-content:space-between}.leaderboard-header h2{font-size:28px;margin:0;display:flex;gap:12px;align-items:center}.leaderboard-header h2 span{font-family:var(--font);font-size:22px}.board-period{font-size:8px;letter-spacing:1px}.board-caption{font-size:10px;line-height:1.6;color:var(--muted);margin:10px 0 18px}.board-head{display:flex;justify-content:space-between;color:var(--muted);font-size:8px;letter-spacing:1px;border-bottom:1px solid var(--line);padding-bottom:10px}.leaderboard-list{list-style:none;margin:0;padding:0;max-height:240px;overflow:auto}.leaderboard-list li{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center;border-bottom:1px solid var(--line);padding:12px 0;font-size:12px}.leaderboard-list li:first-child .rank{background:var(--accent);color:var(--ink)}.rank{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;font-size:10px;font-weight:700;border-radius:50%;color:var(--muted)}.leader-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leader-score{font-weight:700;font-variant-numeric:tabular-nums}.leaderboard-empty{padding:16px 0;color:var(--muted);font-size:11px;line-height:1.7}.board-refresh{font-size:9px;margin-top:10px;padding-bottom:2px}.result-overlay,.pause-overlay{position:absolute;inset:0;background:#f8f1dbed;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;animation:arrive .2s ease}.result-overlay h2,.pause-overlay h2{font:800 68px/.9 var(--display);margin:21px 0}.result-score{font:800 95px/1 var(--display);font-variant-numeric:tabular-nums}.result-unit{font-size:10px;letter-spacing:2px;margin:10px 0}.result-overlay p,.pause-overlay p{font-size:12px;line-height:1.7;max-width:270px;min-height:40px}.result-overlay .primary-button,.pause-overlay .primary-button{max-width:260px;margin-top:12px}.result-overlay .eyebrow{font-size:8px}.game-shell.playing{background:#b9e0e7}.how-to{margin-top:42px;border-top:1px solid var(--line);padding:26px 0 33px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.how-to>div{display:flex;align-items:center;gap:14px}.how-to>div>span{font:600 28px var(--display);color:#88948d}.how-to p{font-size:10px;line-height:1.7;color:var(--muted)}.how-to strong{display:block;color:var(--ink);font-size:11px;font-weight:600}footer{padding:23px 6% 28px;max-width:1440px;margin:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;letter-spacing:1px;font-weight:700}.footer-star{padding:0 14px;font-size:15px;vertical-align:-1px}dialog{background:var(--paper);color:var(--ink);border:1px solid var(--ink);max-width:480px;width:calc(100% - 32px);padding:35px}dialog::backdrop{background:#16343a77;backdrop-filter:blur(3px)}dialog h2{font:700 38px/1 var(--display)}dialog p{font-size:13px;line-height:1.7;color:var(--muted)}.dialog-close{position:absolute;right:10px;top:7px;font-size:24px}
.name-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.name-fields label{display:block;font-size:10px;font-weight:600;margin:13px 0 7px}.name-fields input{min-width:0}
@media(max-width:720px){.name-fields label{font-size:12px;margin-top:17px}}
@media(min-width:721px) and (max-height:850px){.name-fields label{margin-top:10px}}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1440px){.arcade{grid-template-columns:minmax(0,1fr) 390px;gap:80px}.game-shell{height:690px}.game-intro h1{font-size:126px}.game-intro{padding-top:54px}}
@media(max-width:1050px){.site-header{padding:0 4%;height:92px}.arcade-label{display:none}main{padding:25px 4% 0}.arcade{grid-template-columns:minmax(0,1fr) 310px;gap:34px}.game-shell{height:610px}.game-controls{font-size:9px}.game-controls>span:last-child{max-width:125px;text-align:right}.game-intro h1{font-size:96px}.game-eyebrow{font-size:7px}.game-meta{font-size:8px;letter-spacing:.7px}.side-column h2{font-size:34px}}
@media(max-width:720px){.site-header{height:80px;padding:0 6%}.wordmark{font-size:32px;gap:5px}.wordmark img{width:35px;height:30px}.wordmark-dot{font-size:8px}.header-right{font-size:8px;letter-spacing:.7px}.text-link{gap:7px}.text-link span{font-size:18px}main{padding:19px 5% 0}.arcade{grid-template-columns:1fr;gap:32px}.game-meta{margin-bottom:9px;font-size:8px;letter-spacing:.7px}.game-shell{height:auto;aspect-ratio:360/560;max-height:calc(100svh - 148px);min-height:430px}.game-intro{padding-top:32px}.game-intro h1{font-size:clamp(88px,25vw,116px);margin-top:23px}.game-intro p{margin-top:22px;font-size:11px}.overlay-bottom{margin-bottom:72px}.game-controls{font-size:9px}.game-controls>span:last-child{max-width:none}.side-column{padding:0 3%}.side-column h2{font-size:40px}.registration{scroll-margin-top:25px}.intro-copy{font-size:13px}.eyebrow{font-size:9px}form>label{font-size:12px;margin-top:17px}input:not([type=checkbox]){font-size:16px;height:49px}.consent legend,.check-label{font-size:11px}.check-label{margin:10px 0;gap:9px}.check-label input{width:16px;height:16px}.primary-button{min-height:50px;font-size:11px}.privacy-copy{font-size:10px}.leaderboard{margin-top:35px}.leaderboard-header h2{font-size:32px}.leaderboard-list li{font-size:13px;padding:13px 0}.board-caption,.leaderboard-empty{font-size:12px}.board-head,.board-period{font-size:9px}.board-refresh{font-size:11px}.how-to{grid-template-columns:1fr;gap:3px;padding:20px 3%;margin-top:30px}.how-to p{font-size:11px}.how-to strong{display:inline;margin-right:4px;font-size:11px}.how-to>div{gap:15px}.how-to>div>span{font-size:23px}footer{padding:22px 6%;font-size:8px;line-height:1.8}footer>span:last-child{display:none}.result-overlay,.pause-overlay{padding:28px}.result-overlay h2{font-size:64px}}
@media(min-width:721px) and (max-height:850px){.site-header{height:84px}main{padding-top:20px}.game-shell{height:calc(100svh - 176px);min-height:420px;max-height:650px}.game-intro{padding-top:28px}.game-intro h1{font-size:90px;margin-top:20px}.game-intro p{margin-top:18px}.overlay-bottom{margin-bottom:64px;gap:9px}.game-controls{margin-top:10px}.side-column h2{font-size:33px;margin-top:12px}.intro-copy{margin-bottom:15px}form>label{margin-top:10px}.consent{margin-top:12px;margin-bottom:12px}.privacy-copy{margin-top:9px}.leaderboard{margin-top:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.is-embedded .site-header,.is-embedded body>footer{display:none}.is-embedded main{padding:20px 3% 0}.is-embedded .arcade{gap:clamp(24px,4vw,54px)}.is-embedded .game-shell{height:620px;min-height:0;max-height:none}.is-embedded .how-to{margin-top:24px;padding-bottom:20px}
@media(max-width:720px){.is-embedded main{padding:16px 4% 0}.is-embedded .arcade{gap:28px}.is-embedded .game-shell{height:auto;aspect-ratio:360/560}.is-embedded .side-column{padding:0}.is-embedded .how-to{padding-left:0;padding-right:0}}