.ko-app{height:100dvh;display:flex;flex-direction:column;background:var(--night);overflow:hidden;overscroll-behavior:none}.ko-main{flex:1;min-height:0;display:flex}.ko-stage{position:relative;flex:1;min-width:0;display:flex;align-items:flex-end;justify-content:center;padding:0 0 env(safe-area-inset-bottom,0px);touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140' shape-rendering='crispEdges'%3E%3Crect x='12' y='20' width='2' height='2' fill='%23FFD02E'/%3E%3Crect x='90' y='8' width='2' height='2' fill='%2300F0FF'/%3E%3Crect x='60' y='70' width='2' height='2' fill='%23FF2DA6'/%3E%3Crect x='120' y='100' width='2' height='2' fill='%23F6ECCC'/%3E%3Crect x='30' y='118' width='2' height='2' fill='%2399ED73'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='90' height='90' shape-rendering='crispEdges'%3E%3Crect x='40' y='30' width='1' height='1' fill='%23F6ECCC'/%3E%3Crect x='10' y='75' width='1' height='1' fill='%237A7099'/%3E%3Crect x='75' y='60' width='1' height='1' fill='%237A7099'/%3E%3C/svg%3E")}.ko-frame{position:relative}@media(min-width:760px){.ko-stage{align-items:center;padding-block:var(--s-4)}.ko-frame{outline:3px solid var(--line);box-shadow:8px 8px 0 var(--deep-purple)}}.ko-canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.ko-hud{position:absolute;z-index:1;top:var(--ko-hud-top, 12px);left:var(--ko-left, 0px);width:var(--ko-w, 100%);padding:0 8px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--s-2);pointer-events:none;font-family:var(--font-display);font-size:var(--px-21);line-height:1;text-transform:uppercase}.ko-hud[hidden]{display:none}.ko-score{margin:0;color:var(--text-mute)}.ko-score b{color:var(--cream);font-weight:400}.ko-timer{position:relative;width:84px;height:21px;border:2px solid var(--line);background:var(--panel);display:grid;place-items:center}.ko-timer i{position:absolute;inset:0;background:var(--deep-purple);transform-origin:left}.ko-timer b{position:relative;font-weight:400;color:var(--cream);font-size:var(--px-21)}.ko-tier{margin:0;justify-self:end;color:var(--pixel-yellow)}.ko-tier[data-tier="1"]{color:var(--electric-cyan)}.ko-tier[data-tier="2"]{color:var(--sunset-pink)}.ko-countdown{position:absolute;inset:0;margin:0;display:grid;place-items:center;font-family:var(--font-display);font-size:var(--px-84);color:var(--pixel-yellow);text-shadow:6px 6px 0 var(--sunset-pink);pointer-events:none}.ko-countdown[hidden]{display:none}.ko-panel{position:absolute;inset:0;z-index:2;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;display:flex;flex-direction:column;align-items:center;justify-content:safe center;gap:var(--s-4);padding:var(--s-6) var(--gutter-r) calc(var(--s-6) + env(safe-area-inset-bottom,0px)) var(--gutter-l);background:#000000e6;text-align:center;user-select:text;-webkit-user-select:text}.ko-panel[hidden]{display:none}.ko-panel>*{max-width:420px;width:100%;margin:0}.ko-kicker{font-size:var(--fs-label);font-weight:700;letter-spacing:var(--label-tracking);text-transform:uppercase;color:var(--electric-cyan)}.ko-title{font-family:var(--font-display);font-weight:400;font-size:var(--px-42);line-height:1;text-transform:uppercase;color:var(--pixel-yellow);text-shadow:4px 4px 0 var(--sunset-pink);text-wrap:balance}@media(min-width:480px){.ko-title{font-size:var(--px-56)}}.ko-challenge{padding:var(--s-3) var(--s-4);border:2px dashed var(--sunset-pink);font-weight:700;color:var(--cream)}.ko-how{display:grid;gap:var(--s-3);padding:0;list-style:none;counter-reset:how;text-align:left;color:var(--text-mute)}.ko-how li{display:grid;grid-template-columns:28px 1fr;gap:var(--s-2);counter-increment:how}.ko-how li:before{content:counter(how);font-family:var(--font-display);font-size:var(--px-21);line-height:1.1;color:var(--pixel-yellow)}.ko-how b{color:var(--cream)}.ko-panel .btn{width:100%;max-width:420px}.ko-final{display:flex;align-items:baseline;justify-content:center;gap:var(--s-2);font-family:var(--font-display)}.ko-final b{font-weight:400;font-size:var(--px-84);line-height:1;color:var(--cream)}.ko-final span{font-size:var(--px-21);text-transform:uppercase;color:var(--text-mute)}.ko-stats{color:var(--text-mute);font-size:var(--fs-sm)}.ko-actions{display:flex;flex-direction:column;gap:var(--s-3);margin-top:var(--s-2)}.ko-name-step{text-align:left}.ko-name-step[hidden],.ko-as[hidden],.ko-after[hidden]{display:none}.ko-as,.ko-after{margin:-4px 0 0;font-size:var(--fs-sm);color:var(--text-mute)}.ko-as b{color:var(--cream)}.ko-as .textlink,.ko-after .textlink{min-height:0;font-size:inherit}.ko-share-fallback{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s-2) var(--s-5);margin:0}.ko-share-fallback[hidden]{display:none}.ko-status{margin:0;font-size:var(--fs-sm);color:var(--text-mute);overflow-wrap:anywhere}.ko-status:empty{display:none}.ko-settle{margin:var(--s-2) 0 0;font-size:var(--fs-sm);color:var(--text-mute)}.ko-settle .textlink{min-height:0;font-size:inherit;color:var(--pixel-yellow)}