.inv{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""game""outro""log";gap:36px;display:grid}.inv__intro{grid-area:intro}.inv__game{grid-area:game;justify-self:center;width:min(100%,416px);min-width:0}.inv__outro{grid-area:outro}.inv__log{grid-area:log}@media (min-width:960px){.inv{grid-template:"intro game""outro game""log game"1fr/minmax(0,1fr) auto;gap:40px clamp(48px,6vw,112px)}.inv__game{justify-self:end}}.nf-kicker{align-items:center;gap:14px;margin-bottom:22px;font-size:12px;display:flex}.nf-kicker>i{background:linear-gradient(90deg, var(--line), transparent);flex:1;height:1px}.nf-title{max-width:11ch;font-size:var(--fs-l);text-transform:uppercase;text-wrap:balance;margin:0}.nf-lead{max-width:460px;color:var(--muted);margin:22px 0 0;font-size:18px}.nf-path{color:var(--muted);flex-wrap:wrap;gap:0 8px;margin:20px 0 0;display:flex}.nf-path b{min-width:0;color:var(--fg);overflow-wrap:anywhere;text-transform:none;font-weight:400}.nf-links{flex-wrap:wrap;gap:10px;display:flex}.nf-links .btn--ghost{background:0 0}.inv__hud{color:var(--muted);white-space:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:0 1px 12px;font-size:11px;display:flex}.inv__hud b{color:var(--fg);font-weight:400}.inv__lives{min-width:52px;color:var(--lime);justify-content:flex-end;gap:5px;display:flex}.inv__lives svg{fill:currentColor;width:14px;height:auto}.inv__stage{aspect-ratio:208/240;width:min(100%,416px);box-shadow:0 0 0 1px var(--line);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:radial-gradient(circle,#f4f4ee12 1px,#0000 1.4px) 0 0/16px 16px,#070707;outline:none;position:relative;container-type:inline-size}.inv__stage:focus-visible{box-shadow:0 0 0 1px var(--lime)}.inv[data-phase=playing] .inv__stage{cursor:none;box-shadow:0 0 0 1px color-mix(in oklab, var(--lime) 70%, transparent)}html:has(.inv[data-phase=playing] .inv__stage:hover) :is(.cursor-dot,.cursor-ring){visibility:hidden!important}.inv__canvas{width:100%;height:100%;image-rendering:pixelated;filter:drop-shadow(0 0 5px #f4f4ee38);position:absolute;inset:0}.inv__overlay{text-align:center;pointer-events:none;background:#050505db;flex-direction:column;justify-content:center;align-items:center;gap:3.4cqw;padding:8cqw;display:flex;position:absolute;inset:0}.inv__overlay--clear{background:0 0;justify-content:flex-start;padding-top:30%}.inv__overlay p{margin:0}.inv__kicker{color:var(--lime);font-size:max(10px,3.4cqw)}.inv__title{color:var(--fg);font-size:9.5cqw;line-height:1.05}.inv__title--big{color:var(--lime);font-size:16cqw}.inv__sub{max-width:28ch;color:var(--muted);font-size:max(13px,4.1cqw);line-height:1.35}.inv__cta{color:var(--lime);font-size:max(11px,4.2cqw);animation:1.1s step-end infinite inv-blink;margin-top:3cqw!important}.inv__best{color:var(--muted)}.inv__score{color:var(--fg);flex-direction:column;align-items:center;gap:2cqw;font-size:9cqw;display:flex}.inv__score em,.inv__score span{font-size:max(10px,3.4cqw);font-style:normal}.inv__score em{color:#000;background:var(--lime);padding:.5em .7em .4em}.inv__score span{color:var(--muted)}@keyframes inv-blink{55%{opacity:0}}@media (hover:none) and (pointer:coarse){html:has(.inv:is([data-phase=playing],[data-phase=cleared])) .dock{visibility:hidden!important;opacity:0!important;pointer-events:none!important}}.inv__pad{display:none}@media (hover:none) and (pointer:coarse){.inv__pad{grid-template-columns:68px 68px 1fr;gap:8px;margin-top:12px;display:grid}}.inv__btn{border:1px solid var(--line);height:58px;color:var(--fg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;background:#f4f4ee0a;place-items:center;display:grid}.inv__btn:active{background:var(--fg);color:#000}.inv__btn svg{fill:currentColor;width:13px;height:auto}.inv__btn--fire{border-color:var(--lime);background:var(--lime);color:#000;letter-spacing:.12em;font-size:15px}.inv__btn--fire:active{background:#e4ff7a}.inv__bar{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;margin-top:12px;display:flex}.inv__keys{flex-wrap:wrap;align-items:center;gap:4px 6px;display:flex}.inv__keys kbd{border:1px solid var(--line);min-width:22px;height:22px;color:var(--fg);font:inherit;place-items:center;padding:0 6px;display:inline-grid}.inv__keys kbd+kbd{margin-left:-2px}.inv__sound{border:1px solid var(--line);min-height:32px;color:var(--muted);flex:none;align-items:center;gap:8px;padding:0 10px;transition:color .2s,border-color .2s;display:inline-flex}.inv__sound:hover{color:var(--fg);border-color:var(--fg)}.inv__sound i{opacity:.35;background:currentColor;width:7px;height:7px}.inv__sound.is-on{color:var(--lime);border-color:var(--lime)}.inv__sound.is-on i{opacity:1}.inv__log{max-width:560px}.inv__log-head,.inv__log li{grid-template-columns:26px minmax(0,1fr) 40px 118px;align-items:center;gap:14px;display:grid}.inv__log-head{border-bottom:1px solid var(--line);color:var(--muted);padding-bottom:10px}.inv__log-head>:first-child{color:var(--lime);grid-column:span 2}.inv__log ul{margin:0;padding:0;list-style:none}.inv__log li{border-bottom:1px solid var(--line);padding:11px 0}.inv__log-pix{width:22px;height:auto;fill:var(--fg)}.inv__log li.is-big .inv__log-pix{width:26px}.inv__log-name{font-size:15px}.inv__log em{color:var(--lime);font-size:12px;font-style:normal}.inv__log b{color:var(--muted);text-align:right;font-weight:400}.inv__log-head>:last-child{text-align:right}@media (max-width:420px){.inv__log-head,.inv__log li{grid-template-columns:24px minmax(0,1fr) 30px 92px;gap:10px}.inv__log-name{font-size:14px}}@media (prefers-reduced-motion:reduce){.inv__cta{animation:none}}