.kick{letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);flex-wrap:wrap;align-items:center;gap:.6rem;margin:0;font-size:.74rem;display:flex}.kick b{background:var(--pink);min-width:1.9rem;height:1.9rem;color:var(--ink);letter-spacing:0;place-items:center;padding:0 .3rem;display:inline-grid;box-shadow:3px 3px #7a1b52}.landing h1,.landing h2{text-transform:uppercase;letter-spacing:.02em;text-wrap:balance;text-shadow:4px 4px 0 var(--ink-top);margin:.5em 0 .4em;font-weight:700;line-height:1.04}.landing h1{font-size:clamp(2.2rem,5.4vw,4.4rem)}.landing h2{font-size:clamp(1.6rem,3.4vw,2.5rem)}.landing h1 span,.landing h2 span{color:var(--yellow);text-shadow:4px 4px #7a1b52}.landing section p{max-width:46ch;color:var(--dim);margin:0}.landing section p+p{margin-top:.7rem}.landing .lead{color:var(--text);font-size:1.05rem}.chips-row{flex-wrap:wrap;gap:.45rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.chips-row li{border:2px solid var(--line);letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:#0a0a22b3;padding:.2rem .6rem;font-size:.72rem}.landing .actions{margin-top:1.3rem}.landing button.button{font:inherit;cursor:pointer;font-size:.85rem}.link-arrow{letter-spacing:.12em;text-transform:uppercase;color:var(--cyan);margin-top:1.1rem;font-size:.8rem;text-decoration:none;display:inline-block}.link-arrow:hover{color:var(--yellow)}.controls{letter-spacing:.08em;color:var(--dim);font-size:.75rem;margin-top:1rem!important}.controls .taps{display:none}@media (pointer:coarse){.controls .keys{display:none}.controls .taps{display:inline}}.figures{flex-wrap:wrap;gap:.6rem 1.6rem;margin:1.1rem 0 0;display:flex}.figures div{display:grid}.figures dt{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);order:2;font-size:.68rem}.figures dd{color:var(--yellow);font-variant-numeric:tabular-nums;order:1;margin:0;font-size:1.5rem;font-weight:700}.mini-games{gap:.6rem;margin:1.1rem 0 0;padding:0;list-style:none;display:grid}.mini-games a{border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);background:#0a0a22d9;grid-template-columns:3.2rem minmax(0,1fr);align-items:center;gap:.1rem .9rem;padding:.5rem;text-decoration:none;transition:transform .12s steps(3,end),border-color .12s,box-shadow .12s steps(3,end);display:grid}.mini-games a:hover,.mini-games a:focus-visible{border-color:hsl(var(--hue) 90% 62%);box-shadow:6px 6px 0 hsl(var(--hue) 70% 30%);transform:translate(-2px,-2px)}.mini-games .art{background:hsl(var(--hue) 55% 14%);grid-row:span 2;width:3.2rem;height:3.2rem;overflow:hidden}.mini-games .art img,.mini-games .art canvas{object-fit:cover;width:100%;height:100%;image-rendering:pixelated;display:block}.mini-games b{letter-spacing:.1em;text-transform:uppercase;color:hsl(var(--hue) 100% 80%);font-size:.9rem}.mini-games small{color:var(--dim);font-size:.75rem}.top-list{border:2px solid var(--line);box-shadow:4px 4px 0 var(--line);background:#0a0a22d9;margin:1.1rem 0 0;padding:.8rem 1rem}.top-list h3{letter-spacing:.2em;text-transform:uppercase;color:var(--dim);margin:0 0 .5rem;font-size:.7rem}.top-list ol{counter-reset:rank;gap:.2rem;margin:0;padding:0;list-style:none;display:grid}.top-list li{counter-increment:rank;grid-template-columns:1.6rem minmax(0,1fr) auto;gap:.5rem;font-size:.9rem;display:grid}.top-list li:before{content:counter(rank);color:var(--pink)}.top-list li:first-child .who{color:var(--yellow)}.top-list .who{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.top-list small{color:var(--dim);margin-left:.4rem;font-size:.7rem}.top-list li b{color:var(--yellow);font-variant-numeric:tabular-nums;font-weight:600}.game-split{grid-template-columns:minmax(0,20rem) minmax(0,1fr);align-items:start;gap:1.4rem 1.8rem;margin-top:.4rem;display:grid}.blocks-wrap{max-width:20rem}.blocks{border:3px solid var(--line);width:100%;box-shadow:5px 5px 0 var(--line);image-rendering:pixelated;cursor:grab;background:#0a0a22;display:block}.blocks:active{cursor:grabbing}.blocks-status{min-height:2.6em;font-size:.78rem;color:var(--cyan)!important;margin-top:.6rem!important}.win-note{background:var(--yellow);padding:.6rem .8rem;font-weight:700;box-shadow:4px 4px #8a7a14;color:var(--ink)!important}.contact-line{letter-spacing:.06em;font-size:.75rem;margin-top:1.3rem!important}.contact-line a{color:var(--text)}.landing .stage,.landing .hud,.landing .bubble,.landing .prompt,.landing .backdrop,.landing .panel-close,.landing .boring-bar,.landing .game-only{display:none}.start-screen,.machine-panel{max-width:52rem;padding:3rem max(1rem, env(safe-area-inset-left)) 1rem;margin:0 auto}.machine-panel:last-of-type{padding-bottom:4rem}.no-gl .landing .start-screen .link-arrow,.boring .landing .start-screen .link-arrow{margin-top:1.4rem}.boring .landing .boring-bar{border:2px dashed var(--line);max-width:52rem;color:var(--dim);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem 1rem;margin:1rem auto 0;padding:.6rem .8rem;font-size:.8rem;display:flex}.boring .landing .boring-bar .button{min-height:2.3rem}.is-game:not(.boring) body{overflow:hidden}.is-game:not(.boring) .foot{display:none}.is-game:not(.boring) .bar{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:linear-gradient(#08081ee6,#08081e00);border-bottom:0;position:fixed;left:0;right:0}.is-game:not(.boring) .landing .stage{z-index:0;touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}.is-game:not(.boring) .landing .game-only{display:flex}.is-game:not(.boring) .landing .controls.game-only{display:block}.is-game:not(.boring) .landing .machine-panel,.is-game.started:not(.boring) .landing .start-screen{display:none}.is-game:not(.boring) .start-screen{z-index:10;text-align:center;background:radial-gradient(closest-side,#08081ef0,#08081eb3 70%,#08081e00);width:min(46rem,100vw - 2rem);margin:0;padding:2rem 1.6rem;position:fixed;top:52%;left:50%;transform:translate(-50%,-50%)}.is-game:not(.boring) .start-screen .kick,.is-game:not(.boring) .start-screen .actions{justify-content:center}.is-game:not(.boring) .start-screen p{margin-left:auto;margin-right:auto}.press-start{animation:1.1s steps(2,end) infinite blink;font-size:1rem!important}@keyframes blink{50%{background:var(--pink);border-color:var(--pink);box-shadow:4px 4px #7a1b52}}.is-game:not(.boring) .landing .hud{z-index:12;padding:.7rem max(1rem, env(safe-area-inset-left)) calc(.7rem + env(safe-area-inset-bottom,0px));letter-spacing:.14em;text-transform:uppercase;background:linear-gradient(#08081e00,#08081ed9);flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;font-size:.75rem;display:flex;position:fixed;bottom:0;left:0;right:0}.is-game:not(.boring) .landing .hud[hidden]{display:none}.hud .counter{color:var(--dim)}.hud .counter b{color:var(--yellow);font-variant-numeric:tabular-nums;margin-left:.4rem;font-size:1rem}.hud .spacer{flex:1}.hud button{height:2.2rem;color:var(--text);border:2px solid var(--line);font:inherit;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:#0a0a22d9;padding:0 .8rem;font-size:.68rem}.hud button:hover{border-color:var(--yellow);color:var(--yellow)}.hud button[aria-pressed=false]{color:var(--dim)}.hud.bump .counter b{animation:.35s steps(3,end) bump}@keyframes bump{40%{color:var(--text);transform:scale(1.5)}}.is-game:not(.boring) .landing .bubble{z-index:11;pointer-events:none;background:var(--text);max-width:min(17rem,70vw);color:var(--ink);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--pink);padding:.55rem .75rem;font-size:.8rem;font-weight:600;line-height:1.35;display:block;position:fixed;top:0;left:0}.is-game:not(.boring) .landing .bubble:after{content:"";background:var(--text);border-right:3px solid var(--ink);border-bottom:3px solid var(--ink);width:14px;height:14px;margin-left:-7px;position:absolute;bottom:-11px;left:50%;transform:rotate(45deg)}.is-game:not(.boring) .landing .bubble[hidden]{display:none}.bubble.pop{animation:.25s steps(3,end) pop}@keyframes pop{0%{opacity:0;margin-top:8px}}.is-game:not(.boring) .landing .prompt{z-index:11;background:var(--yellow);color:#1a1500;cursor:pointer;font:inherit;letter-spacing:.12em;text-transform:uppercase;border:0;align-items:center;gap:.5rem;padding:.45rem .7rem;font-size:.75rem;font-weight:700;display:inline-flex;position:fixed;top:0;left:0;box-shadow:4px 4px #8a7a14}.is-game:not(.boring) .landing .prompt[hidden]{display:none}.prompt kbd{background:var(--ink);color:var(--yellow);font:inherit;padding:.05rem .4rem}.prompt .tap{display:none}@media (pointer:coarse){.prompt kbd{display:none}.prompt .tap{display:inline}}.is-game:not(.boring) .landing .backdrop{z-index:14;background:#08081e8c;display:block;position:fixed;inset:0}.is-game:not(.boring) .landing .backdrop[hidden]{display:none}.is-game:not(.boring) .landing .machine-panel.open{z-index:15;overscroll-behavior:contain;border:3px solid var(--line);width:min(40rem,100vw - 1.5rem);max-height:calc(100dvh - 5.5rem);box-shadow:8px 8px 0 var(--pink);background:#0a0a22f7;margin:0;padding:1.6rem 1.6rem 1.8rem;animation:.22s steps(4,end) panel-in;display:block;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.is-game:not(.boring) .landing .machine-panel-game.open{width:min(54rem,100vw - 1.5rem)}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,-46%)scale(.96)}}.is-game:not(.boring) .landing .machine-panel.open .panel-close{float:right;z-index:1;background:var(--ink);width:2.4rem;height:2.4rem;color:var(--text);border:2px solid var(--line);font:inherit;cursor:pointer;place-items:center;margin:-.6rem -.6rem 0 .6rem;font-size:1.4rem;line-height:1;display:grid;position:sticky;top:0}.panel-close:hover{border-color:var(--yellow)!important;color:var(--yellow)!important}.is-game:not(.boring) .landing .machine-panel.open h2{margin-top:.4em}@media (width<=760px){.game-split{grid-template-columns:1fr}.blocks-wrap{max-width:18rem;margin:0 auto}.is-game:not(.boring) .landing .machine-panel.open{max-height:calc(100dvh - 4.5rem);box-shadow:0 -6px 0 var(--pink);border-width:3px 0 0;width:100vw;padding:1.2rem 1rem 1.6rem;top:auto;bottom:0;transform:translate(-50%)}@keyframes panel-in{0%{opacity:0;transform:translate(-50%,6%)}}.is-game.started:not(.boring) .landing .start-screen{display:none}.is-game:not(.boring) .start-screen{padding:1.2rem .6rem;top:46%}.landing h1{font-size:clamp(1.9rem,9vw,2.6rem)}.landing h2{font-size:clamp(1.4rem,6.6vw,2rem)}.hud{gap:.3rem .8rem!important;font-size:.65rem!important}.hud .spacer{display:none}}@media (prefers-reduced-motion:reduce){.press-start,.hud.bump .counter b,.bubble.pop,.is-game .landing .machine-panel.open{animation:none!important}.mini-games a{transition:none}}
