@import url('/assets/style.css');
:root{--ink:#242334;--purple:#7256ed;--muted:#797487;--lime:#d7f69b}body{background-color:var(--paper)}.site-header{padding-top:23px;padding-bottom:23px}.back{font-size:14px;color:#655f75}main{max-width:1120px}.heading{display:flex;align-items:center;justify-content:space-between;padding:44px 0 30px}.heading .eyebrow{margin:0;letter-spacing:2.3px;font-size:11px}.heading h1{font-size:46px;letter-spacing:-2px;margin:10px 0 4px;line-height:1.2}.heading h1>span{color:var(--purple)}.heading .title-star{display:inline-block;font-size:34px;margin-left:18px;color:#a6b96e;vertical-align:middle}.subtitle{color:var(--muted);font-size:14px;margin:8px 0 0}.edition{text-align:right;font-size:13px;letter-spacing:2px;color:var(--purple);font-weight:700}.edition span{display:inline-block;margin-top:8px;letter-spacing:0;font-weight:400;color:var(--muted);font-size:12px}.arcade{background:#27243d;border:6px solid #27243d;border-radius:20px;box-shadow:0 12px 0 #e5e1ec,0 24px 50px #24233412;overflow:hidden}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px 16px;color:#f6f1ff;font-size:12px}.level-info{display:flex;align-items:center;gap:12px}.level-info b{font-variant-numeric:tabular-nums;letter-spacing:1px}.level-info>span:last-child{color:#b8b1d0}.live-dot{width:6px;height:6px;background:var(--lime);border-radius:50%}.tools{display:flex;gap:7px}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #c7abff;outline-offset:3px}.tools button{border:1px solid #504967;background:transparent;color:#d8d2ea;border-radius:7px;padding:6px 10px;font-size:11px}.tools button:hover{background:#433b60}.screen{position:relative;background:#191b37;overflow:hidden;border-radius:10px;aspect-ratio:16/9}canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.hud{position:absolute;top:20px;left:23px;right:23px;display:flex;justify-content:space-between;pointer-events:none}.health,.distance{background:#17172dcc;border:1px solid #ffffff18;padding:10px 14px;border-radius:8px;display:flex;gap:12px;align-items:center}.hud-label{font-size:10px;color:#c4bddb;letter-spacing:1px}#hearts{color:#ff8898;font-size:21px;line-height:1;letter-spacing:4px;text-shadow:0 2px #7f384e}.progress-track{height:5px;width:95px;background:#56506d;border-radius:5px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--lime);width:0;transition:width .15s}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#18182dba;backdrop-filter:blur(4px);overflow:auto;padding:18px}.overlay[hidden]{display:none}.modal{color:#fff;text-align:center;max-width:430px;width:100%;padding:20px 22px}.modal .eyebrow{color:#d7f69b;font-size:10px;margin:0 0 14px;letter-spacing:2px}.modal h2{font-size:40px;letter-spacing:-1px;line-height:1.25;margin:0 0 16px}.modal>p:not(.eyebrow){font-size:13px;color:#c9c1e1;line-height:1.85;margin:0 0 22px}.modal .primary{display:flex;align-items:center;justify-content:center;gap:45px;width:100%;padding:14px 20px;background:var(--lime);color:#283021;border:0;border-radius:9px;font-weight:750;font-size:15px;box-shadow:0 4px 0 #91ac62}.primary:hover{background:#e5ffb8}.secondary{border:0;background:transparent;color:#d3c7ed;font-size:12px;padding:15px 12px}.modal .modal-note{font-size:10px!important;color:#a9a0bd!important;margin:6px 0 0!important}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin:0 0 12px}.level-grid[hidden]{display:none}.level-grid button{background:#42385f;color:#fff;border:1px solid #74618e;border-radius:5px;padding:7px;font-size:12px}.level-grid button:disabled{opacity:.35;cursor:not-allowed}.level-grid button.current{border-color:var(--lime);color:var(--lime)}.cabinet-footer{display:flex;justify-content:space-between;padding:15px 16px 11px;font-size:10px;color:#a49bbd;letter-spacing:.4px}.cabinet-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b9da83;margin-right:6px}.guide{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin:45px 0 50px}.guide-number{font-size:10px;color:#8a7caa;letter-spacing:1.7px}.guide h3{font-size:16px;margin:10px 0}.guide p{font-size:12px;color:#7b7485;line-height:1.95;margin:0}kbd{font:10px system-ui;background:#eeebf4;border:1px solid #ded8e8;border-radius:4px;padding:1px 4px;color:#625475;white-space:nowrap}.touch-controls{display:none;justify-content:space-between;padding:14px 8px 2px;user-select:none}.touch-controls>div{display:flex;gap:12px}.touch-controls button{touch-action:none;border:1px solid #62577f;border-bottom:3px solid #62577f;background:#3c3356;border-radius:10px;color:#e9e1ff;width:60px;height:48px;font-size:18px}.touch-controls button.pressed{transform:translateY(2px);background:#67538e;border-bottom-width:1px}.touch-controls .jump-button{width:108px;background:#d7f69b;color:#354326;border-color:#94b36a;font-size:14px;font-weight:700}.toast{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);color:#f1eaff;background:#26213de8;padding:8px 18px;font-size:12px;border:1px solid #9e89c3;border-radius:7px;pointer-events:none;opacity:0;transition:opacity .2s;white-space:nowrap}.toast.visible{opacity:1}@media(pointer:coarse),(max-width:900px){.touch-controls{display:flex}}@media(max-width:650px){.heading{padding:28px 0 24px}.heading h1{font-size:36px}.edition{display:none}.arcade{border-width:4px;border-radius:12px}.toolbar{padding:8px 7px 11px;gap:5px}.level-info{gap:6px;font-size:10px}.level-info>span:last-child{display:none}.tools{gap:5px}.tools button{font-size:10px;padding:5px 7px}.hud{top:10px;left:10px;right:10px}.health,.distance{padding:5px 8px;gap:6px}.hud-label{font-size:8px}#hearts{font-size:16px}.progress-track{width:55px;height:4px}.modal{max-width:360px;padding:8px 12px}.modal h2{font-size:25px;margin-bottom:9px}.modal .eyebrow{font-size:8px;margin-bottom:8px}.modal>p:not(.eyebrow){font-size:11px;line-height:1.6;margin-bottom:12px}.modal .primary{padding:9px 15px;font-size:13px}.secondary{padding:10px}.modal .modal-note{display:none}.screen:has(.overlay:not([hidden])){min-height:310px}.cabinet-footer{font-size:8px;padding:12px 8px 8px}.guide{grid-template-columns:1fr;gap:23px;margin-top:33px}.guide h3{margin:6px 0}.toast{font-size:10px;bottom:12px}.level-grid{gap:4px}.level-grid button{padding:5px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.screen{width:100%;min-width:0}canvas{position:absolute;inset:0}.arcade{min-width:0}