:root{--void: #090b17;--panel: #121528;--line: #262a48;--line-2: #3a3f63;--ink: #e9e6f2;--ink-2: #c9c6dd;--muted: #8c8aa8;--faint: #5d5b7a;--probe: #ffb347;--goal: #5fe3d0;--danger: #ff5d6c;--danger-ink: #ff8a95;--display: "Chakra Petch", "Segoe UI", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;--radius: 10px;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--void);color:var(--ink);font-family:var(--mono);font-size:14px;-webkit-font-smoothing:antialiased;overflow:hidden;overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}#app{height:100%;padding:env(safe-area-inset-top,0px) 0 env(safe-area-inset-bottom,0px)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--goal);outline-offset:2px}.hidden{display:none!important}.screen{height:100%;max-width:480px;margin:0 auto;padding:20px 20px 24px;display:flex;flex-direction:column;gap:20px;position:relative;overflow-y:auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.icon-btn{width:44px;height:44px;flex:none;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;padding:0;text-decoration:none}.icon-btn:hover{border-color:var(--line-2)}.icon-btn svg{width:18px;height:18px}.icon-btn.mute-btn.is-muted{color:var(--muted);border-style:dashed}.head-actions{display:flex;align-items:center;gap:8px;flex:none}.title-mute{position:absolute;top:20px;right:20px;z-index:2}.eyebrow{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.display{font-family:var(--display);font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--ink);font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;text-decoration:none}.btn:hover{border-color:var(--line-2)}.btn.primary{background:var(--probe);border-color:var(--probe);color:var(--void);font-weight:700}.btn.go{background:var(--goal);border-color:var(--goal);color:var(--void);font-weight:700}.btn.big{min-height:56px;font-size:18px;letter-spacing:.12em}.btn.danger{background:var(--danger);border-color:var(--danger);color:var(--void)}.btn.quiet{background:transparent;color:var(--danger-ink);font-family:var(--mono);text-transform:none;letter-spacing:0;font-weight:400;font-size:13px}.chip{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 12px;border-radius:16px;background:var(--panel);font-size:13px;font-variant-numeric:tabular-nums}.star{color:var(--probe)}.star.off{color:var(--line-2)}.bar{height:4px;border-radius:2px;background:var(--line)}.bar>i{display:block;height:4px;border-radius:2px}.card{border-radius:12px;border:1px solid var(--line);background:var(--panel)}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.title-screen{gap:0;justify-content:space-between}.title-art{position:absolute;inset:0;pointer-events:none;z-index:0}.title-art svg{width:100%;height:100%}.title-head,.title-foot{position:relative;z-index:1;display:flex;flex-direction:column;gap:12px}.title-head{padding-top:40px;gap:8px}.title-head h1{font-size:clamp(44px,13vw,56px);line-height:.95;letter-spacing:.02em}.menu-tile{display:flex;flex-direction:column;justify-content:center;gap:2px;min-height:56px;padding:8px 16px;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);color:var(--ink);text-decoration:none;cursor:pointer;text-align:left}.menu-tile b{font-family:var(--display);font-weight:600;font-size:14px;letter-spacing:.08em;text-transform:uppercase}.menu-tile small{font-size:11px;color:var(--muted)}.menu-tile small.new{color:var(--goal)}.title-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);letter-spacing:.04em}.worlds{position:relative;display:flex;flex-direction:column;gap:10px}.worlds:before{content:"";position:absolute;left:31px;top:30px;bottom:30px;border-left:2px dashed var(--line)}.world-row{position:relative;display:flex;align-items:center;gap:14px;padding:12px 14px 12px 8px;border-radius:12px;border:1px solid transparent;color:var(--ink);text-decoration:none;background:transparent;text-align:left;width:100%;cursor:pointer}.world-row.current{border-color:var(--goal);background:var(--panel)}.world-row.locked{cursor:default;opacity:.5}.world-orb{width:48px;height:48px;flex:none;border-radius:50%}.world-orb.locked{border:2px dashed var(--line-2);background:var(--void);display:flex;align-items:center;justify-content:center}.world-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.world-info .top{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.world-info .name{font-family:var(--display);font-weight:600;font-size:17px}.world-info .meta{font-size:11px;color:var(--muted)}.world-info .cont{font-size:11px;color:var(--goal);letter-spacing:.06em;text-transform:uppercase}.world-banner{position:relative;height:120px;flex:none;border-radius:14px;overflow:hidden;background:var(--panel);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;justify-content:flex-end;gap:4px}.world-banner .orb{position:absolute;right:-40px;top:-40px;width:170px;height:170px;border-radius:50%}.world-banner .ring{position:absolute;right:-78px;top:-78px;width:246px;height:246px;border-radius:50%;border:1px solid var(--line-2)}.world-banner>*:not(.orb):not(.ring){position:relative}.world-banner h2{font-size:28px;letter-spacing:.04em;text-transform:none}.level-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.level-tile{display:flex;flex-direction:column;justify-content:space-between;height:92px;padding:12px 14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink);text-decoration:none;text-align:left;cursor:pointer}.level-tile.next{border-color:var(--goal)}.level-tile.locked{opacity:.4;cursor:default}.level-tile .row{display:flex;justify-content:space-between;align-items:baseline;gap:6px}.level-tile .num{font-family:var(--display);font-weight:700;font-size:22px}.level-tile .stars{font-size:14px;letter-spacing:2px}.level-tile .lname{font-size:12px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.level-tile .tag{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);flex:none}.level-tile .tag.next{color:var(--goal)}.play{height:100%;display:grid;grid-template-columns:1fr;position:relative}.play-main{position:relative;display:flex;flex-direction:column;min-height:0;max-width:520px;width:100%;margin:0 auto;padding:16px 16px 12px;gap:8px}.play-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.play-title{flex:1;min-width:0;text-align:center;display:flex;flex-direction:column;gap:2px}.play-title .display{font-size:18px;letter-spacing:.06em;text-transform:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.readout{display:flex;justify-content:center;gap:22px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-variant-numeric:tabular-nums;min-height:16px}.readout b{color:var(--ink);font-weight:500}.readout b.amber{color:var(--probe)}.field{flex:1;min-height:0;position:relative;display:flex;align-items:center;justify-content:center}.field-canvas{display:block;border-radius:12px;touch-action:none;cursor:crosshair}.play-foot{min-height:40px;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12px;color:var(--ink-2)}.play-foot small{color:var(--muted);font-size:11px}.toast{position:absolute;left:50%;top:52%;transform:translate(-50%);display:flex;align-items:center;gap:8px;height:36px;padding:0 14px;border-radius:18px;background:var(--panel);border:1px solid var(--danger);font-size:12px;white-space:nowrap;z-index:3}.toast i{width:8px;height:8px;border-radius:50%;background:var(--danger)}.teach{position:absolute;left:16px;right:16px;bottom:14px;display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;background:var(--panel);border:1px solid var(--line);z-index:2}.teach .lbl{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--goal)}.teach p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.45}.side{display:none}.overlay{position:absolute;inset:0;z-index:10;display:flex;align-items:flex-end;justify-content:center;background:#090b178c;padding:12px}.overlay.center{align-items:center}.sheet{width:100%;max-width:456px;border-radius:28px;background:var(--panel);border:1px solid var(--line);padding:26px 22px 22px;display:flex;flex-direction:column;gap:18px;max-height:100%;overflow-y:auto}.sheet .head{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.sheet h2{font-size:34px}.stars-big{display:flex;gap:10px;align-items:center}.stars-big svg{width:40px;height:40px}.stars-big svg.mid{width:48px;height:48px}.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;text-align:center}.stats>div{display:flex;flex-direction:column;gap:4px;padding:12px 6px;border-radius:12px;background:var(--void)}.stats b{font-size:20px;font-weight:500;font-variant-numeric:tabular-nums}.stats span{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.unlock{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:12px;border:1px solid var(--goal);background:#5fe3d014}.unlock .orb{width:36px;height:36px;flex:none;border-radius:50%}.unlock b{font-family:var(--display);font-weight:600;font-size:15px}.unlock small{display:block;font-size:11px;color:var(--muted)}.actions{display:grid;grid-template-columns:1fr 2fr;gap:10px}.stuck{position:absolute;left:16px;right:16px;bottom:14px;z-index:4;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:16px;background:var(--panel);border:1px solid var(--line)}.stuck .row{display:flex;justify-content:space-between;align-items:baseline}.stuck b{font-family:var(--display);font-weight:600;font-size:15px}.stuck p{margin:0;font-size:12px;color:var(--ink-2);line-height:1.5}.toggles{display:flex;flex-direction:column;border-radius:14px;border:1px solid var(--line);background:var(--void);overflow:hidden}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:10px 16px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer;width:100%}.toggle:last-child{border-bottom:0}.toggle .txt{display:flex;flex-direction:column;gap:2px}.toggle .txt span{font-size:14px}.toggle .txt small{font-size:11px;color:var(--muted)}.switch{flex:none;width:46px;height:26px;border-radius:13px;background:var(--line-2);position:relative;transition:background .15s}.switch:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--ink);transition:left .15s}.toggle[aria-pressed=true] .switch{background:var(--goal)}.toggle[aria-pressed=true] .switch:after{left:23px}.confirm{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:12px;border:1px solid var(--danger)}.confirm p{margin:0;font-size:12px;color:var(--ink-2)}.share{padding:14px 16px;border-radius:12px;border:1px dashed var(--line-2);font-size:13px;line-height:1.55;white-space:pre-line;user-select:text;-webkit-user-select:text}.loading{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;color:var(--muted)}.spinner{width:40px;height:40px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--goal);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (min-width: 1000px){.play{grid-template-columns:280px minmax(0,1fr) 300px;gap:32px;padding:32px}.play-main{padding:0;max-width:none}.side{display:flex;flex-direction:column;gap:24px;min-width:0}.side .brand{font-family:var(--display);font-weight:700;font-size:26px;line-height:1;letter-spacing:.04em;text-transform:uppercase}.side nav{display:flex;flex-direction:column;gap:6px}.side nav a,.side nav span{display:flex;justify-content:space-between;align-items:center;height:40px;padding:0 12px;border-radius:8px;color:var(--ink);text-decoration:none;font-size:13px;border:1px solid transparent}.side nav a.current{background:var(--panel);border-color:var(--goal)}.side nav span{color:var(--faint)}.side .box{display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:12px;border:1px solid var(--line)}.side .box.filled{background:var(--panel)}.side .line{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:13px}.side kbd{font-family:var(--mono);font-size:12px;padding:2px 8px;border-radius:4px;border:1px solid var(--line-2)}.side h2{font-size:30px;letter-spacing:.04em;text-transform:none}.play .overlay{left:312px;right:332px}.teach,.stuck{left:0;right:0;max-width:420px;margin:0 auto}}@media (prefers-reduced-motion: reduce){.spinner{animation-duration:3s}.switch,.switch:after{transition:none}}.title-mute{display:flex;gap:8px}.toast.close{border-color:var(--probe)}.toast.close i{background:var(--probe)}.toast b{color:var(--probe);font-weight:500}.medal-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-left:6px;vertical-align:middle;box-shadow:0 0 0 2px #090b1799}.medals{display:flex;flex-direction:column;gap:8px}.medal-chips{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.medal-chip{display:flex;flex-direction:column;align-items:center;gap:3px;padding:8px 4px;border-radius:10px;border:1px solid var(--line);opacity:.45;text-align:center}.medal-chip .medal-dot{margin:0;width:14px;height:14px}.medal-chip b{font-size:12px;font-weight:500}.medal-chip small{font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.medal-chip.earned{opacity:1}.medal-chip.this{opacity:1;border-color:var(--mc);box-shadow:inset 0 0 0 1px var(--mc)}.medal-msg{font-size:12px;color:var(--ink-2);text-align:center}.stats small{font-size:13px;color:var(--muted)}.stats em.pb{font-style:normal;font-size:10px;color:var(--probe);letter-spacing:.04em}.attempt-line{font-size:12px;color:var(--muted);text-align:center;font-variant-numeric:tabular-nums}.goals{display:flex;flex-direction:column;gap:6px}.goal{font-size:12px;color:var(--ink-2);padding:8px 12px;border-radius:10px;border:1px dashed var(--line-2);text-decoration:none}.goal b{color:var(--ink);font-weight:500}.goal.new{border-style:solid;border-color:var(--probe);color:var(--ink)}.ach-toast{position:fixed;left:50%;top:calc(env(safe-area-inset-top,0px) + 14px);transform:translate(-50%,-140%);z-index:100;display:flex;gap:12px;align-items:center;width:min(92vw,380px);padding:12px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--goal);box-shadow:0 12px 40px #00000073;transition:transform .3s ease;pointer-events:none}.ach-toast.in{transform:translate(-50%)}.ach-toast .ach-icon{width:34px;height:34px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#5fe3d01f;color:var(--goal)}.ach-toast .ach-icon svg{width:18px;height:18px}.ach-toast span:last-child{display:flex;flex-direction:column;gap:1px;min-width:0}.ach-toast small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--goal)}.ach-toast b{font-family:var(--display);font-weight:600;font-size:15px}.ach-toast em{font-style:normal;font-size:11px;color:var(--muted)}.lives{color:var(--probe);letter-spacing:2px}.gauntlet-clear{background:#090b1759;cursor:pointer}.gauntlet-clear .banner{display:flex;flex-direction:column;align-items:center;gap:6px;padding:22px 28px;border-radius:20px;background:var(--panel);border:1px solid var(--goal);text-align:center}.gauntlet-clear .banner .display{font-size:44px;color:var(--goal)}.gauntlet-clear .banner span:not(.eyebrow){font-size:12px;color:var(--ink-2)}.gauntlet-clear .banner em{font-style:normal;color:var(--probe)}.gauntlet-clear .banner small{font-size:11px;color:var(--muted)}.gauntlet-intro{display:flex;flex-direction:column;gap:16px}.gauntlet-intro h1{font-size:44px}.gauntlet-intro p{margin:0;font-size:13px;line-height:1.6;color:var(--ink-2);max-width:46ch}.rules{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.rules li{font-size:12px;color:var(--ink-2);line-height:1.5;padding:10px 12px;border-radius:10px;border:1px solid var(--line)}.rules b{color:var(--ink);font-weight:500}.skin-section{display:flex;flex-direction:column;gap:10px}.skin-section h2{margin:0}.skin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.skin-tile{display:flex;flex-direction:column;align-items:center;gap:4px;padding:10px 6px 12px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:pointer;text-align:center}.skin-tile .skin-art{height:56px;display:flex;align-items:center;justify-content:center}.skin-tile b{font-size:12px;font-weight:500}.skin-tile small{font-size:10px;color:var(--muted);letter-spacing:.04em}.skin-tile.equipped{border-color:var(--probe)}.skin-tile.equipped small{color:var(--probe)}.skin-tile.locked{opacity:.45;cursor:default}.skin-tile.locked .skin-art{filter:grayscale(1)}.ach-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px}.ach{display:flex;gap:12px;align-items:flex-start;padding:12px 14px;border-radius:12px;border:1px solid var(--line)}.ach.done{background:var(--panel);border-color:#5fe3d066}.ach-mark{width:24px;height:24px;flex:none;border-radius:50%;border:1.5px dashed var(--line-2);display:flex;align-items:center;justify-content:center;color:var(--void)}.ach.done .ach-mark{border:0;background:var(--goal)}.ach-mark svg{width:14px;height:14px}.ach-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.ach-body b{font-family:var(--display);font-weight:600;font-size:15px}.ach-body small{font-size:11px;color:var(--muted);line-height:1.45}.ach-body .bar{margin-top:4px}.ach-body .num{font-variant-numeric:tabular-nums}.ach .when{font-size:10px;color:var(--muted);flex:none}.side-links{margin-top:auto;display:flex;flex-direction:column;gap:10px}.side-links .box{color:inherit;text-decoration:none}.side-links .box span:last-child{font-size:12px;color:var(--ink-2)}