:root{--color-bg-top:#d9f4f1;--color-bg-bottom:#f9e3ee;--color-bg-glow:#ffffff8c;--color-text:#0d3b43;--color-text-muted:#45666c;--color-on-accent:#fff;--color-surface:#ffffff9e;--color-surface-strong:#f4fbfa;--color-border:#0d3b431f;--color-border-strong:#0d3b4338;--blur-surface:10px;--color-board:#0f3d47;--color-board-grid:#ffffff0e;--color-cyclamen:#d6337f;--color-cyclamen-strong:#b3256a;--color-cyclamen-soft:#ffd3e6;--color-fresh:#0f9e93;--color-fresh-strong:#0b7f77;--color-success:#2fd08a;--color-warning:#ffd166;--color-danger:#cf3f2b;--color-danger-strong:#ad2e22;--color-danger-soft:#ffb1b8;--color-danger-bright:#ff5d68;--color-leaf:#1d9a6c;--color-leaf-light:#9fe0c4;--color-btn-bg:#fff;--color-btn-text:var(--color-text);--color-btn-locked-bg:#eef5f5;--color-btn-locked-text:var(--color-text-muted);--color-focus-ring:var(--color-fresh-strong);--shadow-control:0 6px 16px -10px #051e2499;--shadow-float:0 10px 30px -14px #00000080;--shadow-sheet:0 30px 70px -30px #051e2499;--shadow-board:0 18px 40px -18px #051e248c;--shadow-text:0 2px 0 #00000040, 0 0 18px #00000059;--radius-board:10px;--radius-control:14px;--radius-button:16px;--radius-panel:18px;--radius-sheet:26px;--radius-pill:99px;--dur-press:80ms;--dur-state:.2s;--dur-fade:.25s;--dur-meter:.35s;--font-display:"Fredoka", "Nunito", ui-rounded, "Segoe UI", system-ui, sans-serif;--font-body:"Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--fs-display:44px;--fs-title:28px;--fs-section:17px;--fs-lead:16px;--fs-body:15px;--fs-ui:14px;--fs-caption:12px;--fs-button:18px;--fs-stat:22px;--lh-tight:1.05;--lh-ui:1.4;--lh-body:1.5;--fs-hud-score:32px;--fs-hud-score-compact:27px;--fs-hud-label:13px;--fs-hud-value:15px;--fs-hud-button:14px;--fs-hud-sub:11px;--fs-hud-badge:13px;--fs-pop:30px;--fs-pop-sub:15px;--ui-scale:1;--hud-scale:1;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}*,:before,:after{box-sizing:border-box}html{height:100%;scroll-padding-top:env(safe-area-inset-top,0px)}html,body{overscroll-behavior:none;margin:0;overflow:hidden}body{background:radial-gradient(120% 70% at 50% 0%, var(--color-bg-glow) 0%, transparent 60%), linear-gradient(160deg, var(--color-bg-top) 0%, var(--color-bg-bottom) 100%);height:100%;color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#app{width:100%;height:100%;position:relative}#stage{position:absolute;inset:0;overflow:hidden}#stage:focus{outline:none}#under,#over-hud{pointer-events:none;position:absolute;inset:0}#under{z-index:0}#stage canvas{z-index:1;touch-action:none;display:block;position:absolute;inset:0}#over-hud{z-index:2}.abs{position:absolute}.panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-panel);-webkit-backdrop-filter:blur(var(--blur-surface)) saturate(1.15);backdrop-filter:blur(var(--blur-surface)) saturate(1.15)}#board-bg{background-color:var(--color-board);border-radius:var(--radius-board);box-shadow:0 0 0 4px var(--color-border), var(--shadow-board);background-image:linear-gradient(to right, var(--color-board-grid) 1px, transparent 1px), linear-gradient(to bottom, var(--color-board-grid) 1px, transparent 1px)}#meter{border-radius:var(--radius-pill);background:linear-gradient(to top, var(--color-success) 0%, var(--color-warning) 55%, var(--color-danger-bright) 100%);overflow:hidden}#meter-cover{background:var(--color-board);transform-origin:top;transition:transform var(--dur-meter) ease-out;position:absolute;inset:0;transform:scaleY(1)}.lbl{font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-hud-label) * var(--hud-scale));color:var(--color-text-muted);letter-spacing:.01em}#meter-lbl{writing-mode:vertical-rl;font-size:calc(var(--fs-hud-sub) * var(--hud-scale));transform:rotate(180deg)}#stats{flex-direction:column;justify-content:center;gap:2px;display:flex}#stats .score{font-family:var(--font-display);font-weight:700;font-size:calc(var(--fs-hud-score) * var(--hud-scale));letter-spacing:-.01em;font-variant-numeric:tabular-nums;color:var(--color-text);line-height:1}#stats .row{gap:calc(14px * var(--hud-scale));font-size:calc(var(--fs-hud-label) * var(--hud-scale));color:var(--color-text-muted);font-weight:700;display:flex}#stats .row b{color:var(--color-text);font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-hud-value) * var(--hud-scale));font-variant-numeric:tabular-nums}#stats.compact{text-align:center;align-items:center}#stats.compact .score{font-size:calc(var(--fs-hud-score-compact) * var(--hud-scale))}#stats.compact .row{flex-wrap:wrap;justify-content:center;gap:4px 10px;font-size:12px}#stats .row span{white-space:nowrap}.gbtn{pointer-events:auto;touch-action:manipulation;border:1px solid var(--color-border);background:var(--color-btn-bg);color:var(--color-btn-text);border-radius:var(--radius-control);font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-hud-button) * var(--hud-scale));justify-content:center;align-items:center;gap:calc(8px * var(--hud-scale));cursor:pointer;box-shadow:var(--shadow-control);transition:transform var(--dur-press), opacity var(--dur-state), background-color var(--dur-state), border-color var(--dur-state);padding:0 10px;display:flex;position:absolute}.gbtn:active{transform:scale(.95)}.gbtn:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.gbtn svg{width:calc(22px * var(--hud-scale));height:calc(22px * var(--hud-scale));flex:none}.gbtn .t{text-align:left;flex-direction:column;align-items:flex-start;line-height:1.05;display:flex}.gbtn .t small{font-family:var(--font-body);font-weight:700;font-size:calc(var(--fs-hud-sub) * var(--hud-scale));color:var(--color-text-muted)}.gbtn[disabled]{background:var(--color-btn-locked-bg);color:var(--color-btn-locked-text);box-shadow:none;cursor:default}.gbtn[disabled] svg{filter:grayscale();opacity:.5}.gbtn[disabled] .t small{color:var(--color-btn-locked-text)}#btn-cyc[data-state=used]{border-color:color-mix(in srgb, var(--color-cyclamen) 35%, transparent)}#btn-cyc[data-state=used] .t small,#btn-cyc[data-state=active] .t small{color:var(--color-cyclamen-strong)}#btn-cyc[data-state=active]{color:var(--color-btn-text);background:color-mix(in srgb, var(--color-cyclamen) 10%, var(--color-btn-bg));border-color:var(--color-cyclamen)}#btn-cyc[data-state=active] svg{filter:none;opacity:1}#btn-syn[data-state=risk]{border-color:color-mix(in srgb, var(--color-danger) 45%, transparent)}#btn-syn[data-state=risk] .t small,#btn-syn[data-state=rebound] .t small{color:var(--color-danger-strong)}#btn-syn[data-state=rebound]{color:var(--color-btn-text);background:color-mix(in srgb, var(--color-danger) 10%, var(--color-btn-bg));border-color:var(--color-danger)}.gbtn.ready{animation:1.6s ease-in-out infinite readyPulse}#btn-cyc.ready{border-color:var(--color-cyclamen)}#btn-syn.ready{border-color:var(--color-danger)}@keyframes readyPulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-cyclamen) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-cyclamen) 22%, transparent)}}#btn-syn.ready{animation-name:readyPulseR}@keyframes readyPulseR{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--color-danger) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--color-danger) 20%, transparent)}}#btn-pause{border-radius:50%;width:44px;height:44px;padding:0}.gbtn.compact-btn{flex-direction:column;gap:2px;padding:3px 4px;font-size:12px}.compact-btn svg{width:16px;height:16px}.compact-btn .t{text-align:center;align-items:center;line-height:1.02}.compact-btn .t small,.gbtn .chip{display:none}.compact-btn .chip{border-radius:var(--radius-pill);font-family:var(--font-body);white-space:nowrap;background:var(--color-btn-locked-bg);color:var(--color-btn-locked-text);box-shadow:inset 0 0 0 1px var(--color-border-strong);margin-top:2px;padding:1px 5px;font-size:9.5px;font-weight:800;line-height:1.3;display:block}.gbtn[data-state=ready] .chip{background:var(--color-btn-bg);color:var(--color-fresh-strong);box-shadow:inset 0 0 0 1px var(--color-fresh-strong)}.gbtn[data-state=used] .chip{background:var(--color-btn-bg);color:var(--color-cyclamen-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cyclamen) 45%, transparent)}.gbtn[data-state=active] .chip{background:var(--color-cyclamen-strong);color:var(--color-on-accent);box-shadow:inset 0 0 0 1px var(--color-cyclamen-strong)}.gbtn[data-state=risk] .chip{background:var(--color-btn-bg);color:var(--color-danger-strong);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-danger) 55%, transparent)}.gbtn[data-state=rebound] .chip{background:var(--color-danger-strong);color:var(--color-on-accent);box-shadow:inset 0 0 0 1px var(--color-danger-strong)}#fx-badges{pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute}#fx-badges .badge{white-space:normal;text-align:center;max-width:100%;line-height:1.25;position:static;transform:none}.badge{pointer-events:none;font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-hud-badge) * var(--hud-scale));padding:calc(5px * var(--hud-scale)) calc(11px * var(--hud-scale));border-radius:var(--radius-pill);white-space:nowrap;display:none;position:absolute;transform:translate(-50%)}#badge-rebound{background:var(--color-danger);color:var(--color-on-accent)}#badge-mult{background:var(--color-cyclamen);color:var(--color-on-accent)}#popups{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;display:flex;position:absolute}.pop{font-family:var(--font-display);color:var(--color-on-accent);text-align:center;text-shadow:var(--shadow-text);will-change:transform, opacity;font-weight:700;line-height:1.1;animation:1.25s cubic-bezier(.2,.9,.3,1.2) forwards pop}.pop .big{font-size:calc(var(--fs-pop) * var(--hud-scale));display:block}.pop .sub{font-size:calc(var(--fs-pop-sub) * var(--hud-scale));opacity:.95;font-weight:600;display:block}.pop.cyc .big{color:var(--color-cyclamen-soft)}.pop.warn .big{color:var(--color-danger-soft)}@keyframes pop{0%{opacity:0;transform:scale(.6)translateY(10px)}15%{opacity:1;transform:scale(1.06)}70%{opacity:1;transform:scale(1)translateY(-6px)}to{opacity:0;transform:scale(.98)translateY(-26px)}}#toast{pointer-events:none;background:var(--color-surface-strong);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-control);font-size:calc(var(--fs-hud-label) * var(--hud-scale));text-align:center;opacity:0;max-width:min(320px,86vw);transition:opacity var(--dur-fade), transform var(--dur-fade);box-shadow:var(--shadow-float);padding:9px 14px;font-weight:700;position:absolute;left:50%;transform:translate(-50%)}#toast.show{opacity:1;transform:translate(-50%,6px)}#danger{pointer-events:none;z-index:3;opacity:0;background:radial-gradient(ellipse at center, transparent 55%, color-mix(in srgb, var(--color-danger) 38%, transparent) 100%);position:absolute;inset:0}#danger.on{animation:1.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.25}50%{opacity:.9}}#fps{z-index:9;color:#7dffb0;pointer-events:none;background:#0009;border-radius:6px;padding:5px 7px;font:700 12px/1 ui-monospace,Menlo,Consolas,monospace;display:none;position:absolute;top:8px;left:8px}.tutorial{z-index:2;pointer-events:none;border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-surface-strong) 94%, transparent);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-float);color:var(--color-text);animation:tutIn var(--dur-fade) ease-out both;padding:10px 12px 12px;position:absolute;overflow:hidden}.tutorial[hidden]{display:none}.tut-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.tut-step{font-family:var(--font-body);color:var(--color-text-muted);letter-spacing:.02em;font-size:11px;font-weight:800}.tut-skip,.tut-done{pointer-events:auto;font-family:var(--font-display);cursor:pointer;touch-action:manipulation;font-weight:600}.tut-skip{border-radius:var(--radius-pill);min-height:32px;color:var(--color-text-muted);text-underline-offset:2px;background:0 0;border:0;padding:0 8px;font-size:13px;text-decoration:underline}.tut-title{font-family:var(--font-display);color:var(--color-cyclamen-strong);margin:2px 0;font-size:16px;font-weight:700}.tut-text{margin:0;font-size:13.5px;font-weight:700;line-height:1.4}.tut-done{border-radius:var(--radius-pill);background:var(--color-cyclamen);min-height:36px;color:var(--color-on-accent);border:0;margin-top:8px;padding:0 16px;font-size:14px}.tut-done[hidden]{display:none}.tut-skip:focus-visible,.tut-done:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}@keyframes tutIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.screen{z-index:10;background:#00000059;background:color-mix(in srgb, var(--color-bg-top) 72%, transparent);justify-content:center;align-items:center;padding:18px;display:none;position:absolute;inset:0}.screen.on{display:flex}.screen.screen-dim{background:color-mix(in srgb, var(--color-board) 58%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sheet{background:var(--color-surface-strong);color:var(--color-text);border-radius:var(--radius-sheet);padding:calc(26px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(22px * var(--ui-scale));width:min(calc(420px * var(--ui-scale)), 100%);max-height:100%;box-shadow:var(--shadow-sheet);border:1px solid var(--color-border);overflow-y:auto}.sheet h1{font-family:var(--font-display);font-weight:700;font-size:calc(var(--fs-display) * var(--ui-scale));letter-spacing:-.01em;margin:0 0 6px;line-height:.95}.sheet h2{font-family:var(--font-display);font-weight:700;font-size:calc(var(--fs-title) * var(--ui-scale));line-height:var(--lh-tight);margin:0 0 8px}.sheet h3{font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-section) * var(--ui-scale));margin:18px 0 6px}.sheet p{line-height:var(--lh-body);font-size:calc(var(--fs-body) * var(--ui-scale));margin:0 0 10px}.sheet .lead{color:var(--color-text-muted);font-weight:700;font-size:calc(var(--fs-lead) * var(--ui-scale));margin-bottom:18px}.sheet.sheet-scroll{flex-direction:column;padding:0;display:flex;overflow:hidden}.sheet-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;min-height:0;padding:calc(26px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(14px * var(--ui-scale));flex:auto;overflow-y:auto}.sheet-body:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:-3px}.sheet-actions{padding:calc(12px * var(--ui-scale)) calc(24px * var(--ui-scale)) calc(18px * var(--ui-scale));border-top:1px solid var(--color-border);background:var(--color-surface-strong);flex:none}.sheet-actions .btn,.sheet-actions.row2 .btn{margin-top:0}.btn{text-align:center;border-radius:var(--radius-button);width:100%;min-height:52px;font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-button) * var(--ui-scale));cursor:pointer;touch-action:manipulation;transition:transform var(--dur-press);border:0;justify-content:center;align-items:center;gap:8px;margin-top:10px;text-decoration:none;display:flex}.btn:active{transform:scale(.97)}.btn.primary{background:var(--color-cyclamen);color:var(--color-on-accent)}.btn.ghost{color:var(--color-text);border:1.5px solid var(--color-border);background:0 0}.btn.cta{background:var(--color-fresh-strong);color:var(--color-on-accent)}.btn.link{color:var(--color-fresh-strong);min-height:44px;font-size:calc(var(--fs-body) * var(--ui-scale));text-underline-offset:3px;background:0 0;text-decoration:underline;text-decoration-thickness:1.5px}.btn .ext{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:.85em;height:.85em}.row2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.row2 .btn{margin-top:10px}.tip{border-left:4px solid var(--color-cyclamen);background:color-mix(in srgb, var(--color-cyclamen) 9%, transparent);font-size:calc(var(--fs-ui) * var(--ui-scale));border-radius:0 12px 12px 0;margin:14px 0 4px;padding:10px 12px;line-height:1.45}.tip b{font-family:var(--font-display);color:var(--color-cyclamen-strong);margin-bottom:2px;font-weight:600;display:block}.fine{color:var(--color-text-muted);font-size:calc(var(--fs-caption) * var(--ui-scale))!important;line-height:var(--lh-ui)!important;margin-top:14px!important}.sheet-pause h2{margin-bottom:4px}.sheet-pause #b-resume{min-height:calc(58px * var(--ui-scale));font-size:calc(var(--fs-button) * 1.08 * var(--ui-scale));box-shadow:0 10px 22px -14px var(--color-cyclamen-strong);margin-top:12px}.sheet-pause .row2 .btn{min-height:calc(48px * var(--ui-scale));font-size:calc(var(--fs-button) * .92 * var(--ui-scale))}.sheet-pause .tip{margin:18px 0 2px}.sheet-pause .btn.link{margin-top:6px}.stat-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 6px;display:grid}.stat-grid div{background:color-mix(in srgb, var(--color-fresh) 9%, transparent);border-radius:var(--radius-control);text-align:center;padding:10px 6px}.stat-grid b{font-family:var(--font-display);font-size:calc(var(--fs-stat) * var(--ui-scale));font-variant-numeric:tabular-nums;font-weight:600;display:block}.stat-grid span{font-size:calc(var(--fs-caption) * var(--ui-scale));color:var(--color-text-muted);font-weight:700}.stat-grid .stat-main{background:color-mix(in srgb, var(--color-cyclamen) 11%, transparent);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-cyclamen) 35%, transparent)}.stat-grid .stat-main b{color:var(--color-cyclamen-strong);font-weight:700}.newbest{background:var(--color-cyclamen);color:var(--color-on-accent);font-family:var(--font-display);border-radius:var(--radius-pill);font-weight:600;font-size:calc(var(--fs-ui) * var(--ui-scale));width:max-content;margin-bottom:8px;padding:4px 12px;display:none}.badges{flex-wrap:wrap;gap:6px;margin:10px 0 0;display:flex}.badges>span{font-size:calc(12.5px * var(--ui-scale));border-radius:var(--radius-pill);background:var(--color-cyclamen-soft);color:var(--color-text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-cyclamen) 40%, transparent);align-items:center;gap:6px;padding:5px 10px 5px 6px;font-weight:800;line-height:1.2;display:inline-flex}.badges>span:before{content:"";background:var(--color-cyclamen-strong) center / 70% no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2.6 6.3 5 8.6l4.4-5' fill='none' stroke='%23fff' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-radius:50%;flex:none;width:1.15em;height:1.15em}.badges>span.new{background:var(--color-cyclamen);color:var(--color-on-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-cyclamen) 25%, transparent)}.badges>span.new:before{background-color:var(--color-cyclamen-strong);box-shadow:0 0 0 1.5px var(--color-on-accent)}.badges>span.locked{color:var(--color-text-muted);box-shadow:none;outline:1.5px dashed var(--color-border-strong);outline-offset:-1.5px;background:0 0;font-weight:700}.badges>span.locked:before{box-shadow:inset 0 0 0 1.5px var(--color-border-strong);background:0 0}.sr-only{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.health{border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-fresh) 7%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--color-fresh) 20%, transparent);margin-top:16px;padding:12px 14px}.health p{font-size:calc(var(--fs-ui) * var(--ui-scale));margin:0 0 8px;line-height:1.45}.health .btn.cta{min-height:46px;font-size:calc(var(--fs-lead) * var(--ui-scale));background:var(--color-btn-bg);color:var(--color-fresh-strong);box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--color-fresh-strong) 55%, transparent);margin-top:0}.over-actions{grid-template-columns:3fr 2fr;gap:10px;margin-top:14px;display:grid}.over-actions .btn{margin-top:0}.over-actions #b-again{min-height:calc(56px * var(--ui-scale));font-size:calc(var(--fs-button) * 1.08 * var(--ui-scale));box-shadow:0 10px 22px -14px var(--color-cyclamen-strong)}.over-actions #b-menu{min-height:calc(56px * var(--ui-scale))}.sheet-over .tip{margin-top:16px}.ctl-groups{gap:0 24px;display:grid}.ctl-group h3{margin-top:14px}.ctl{font-size:calc(var(--fs-ui) * var(--ui-scale));grid-template-columns:auto 1fr;gap:0 14px;margin:2px 0;line-height:1.35;display:grid}.ctl dt,.ctl dd{border-bottom:1px solid var(--color-border);padding:7px 0}.ctl dt:last-of-type,.ctl dd:last-of-type{border-bottom:0}.ctl dt{font-family:var(--font-display);white-space:nowrap;font-weight:600}.ctl dd{color:var(--color-text-muted);margin:0;font-weight:700}.ctl kbd{background:var(--color-btn-bg);border:1px solid var(--color-border-strong);min-width:1.75em;box-shadow:0 1.5px 0 var(--color-border-strong);font-family:var(--font-display);text-align:center;color:var(--color-text);border-radius:6px;padding:0 .4em;font-size:.92em;font-weight:600;line-height:1.5;display:inline-block}.map{font-size:calc(var(--fs-ui) * var(--ui-scale));margin:0;padding-left:18px;line-height:1.45}.map li{margin:4px 0}@media (width>=760px){.sheet.sheet-wide{width:min(calc(720px * var(--ui-scale)), 100%)}.ctl-groups{grid-template-columns:1fr 1fr}}.set-group{border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-fresh) 6%, transparent);border:0;min-width:0;margin:12px 0 0;padding:0 14px}.set-group legend{float:left;width:100%;font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-caption) * var(--ui-scale));letter-spacing:.07em;text-transform:uppercase;color:var(--color-fresh-strong);padding:10px 0 2px}.set-group>.set{clear:both}.set{border-bottom:1px solid var(--color-border);min-height:48px;font-weight:700;font-size:calc(var(--fs-body) * var(--ui-scale));cursor:pointer;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.set-group>.set:last-child{border-bottom:0}.set input[type=checkbox]{width:calc(22px * var(--ui-scale));height:calc(22px * var(--ui-scale));accent-color:var(--color-cyclamen);cursor:pointer;flex:none}.set input[type=range]{width:calc(140px * var(--ui-scale));accent-color:var(--color-cyclamen);cursor:pointer;flex:none}.set small{color:var(--color-text-muted);font-size:calc(var(--fs-caption) * var(--ui-scale));font-weight:700;display:block}.set:focus-within{box-shadow:0 1px 0 var(--color-fresh-strong)}.set.set-minor{min-height:44px;font-size:calc(var(--fs-ui) * var(--ui-scale));color:var(--color-text-muted)}.sheet-actions.row2 .btn{font-size:calc(var(--fs-button) * .94 * var(--ui-scale));padding:0 6px}@media (orientation:landscape) and (height<=520px){.sheet.sheet-over{grid-template-columns:1fr 1fr;align-items:start;gap:0 20px;width:min(820px,100%);padding:18px 20px 16px;display:grid}.over-next .health{margin-top:0}}.btn.btn-sub{min-height:46px;font-size:calc(var(--fs-button) * .92 * var(--ui-scale))}.tabs{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--color-fresh) 9%, transparent);grid-template-columns:1fr 1fr;gap:4px;margin:6px 0 10px;padding:4px;display:grid}.tab{border-radius:var(--radius-pill);min-height:44px;color:var(--color-text-muted);font-family:var(--font-display);font-weight:600;font-size:calc(var(--fs-body) * var(--ui-scale));cursor:pointer;touch-action:manipulation;background:0 0;border:0}.tab[aria-selected=true]{background:var(--color-btn-bg);color:var(--color-text);box-shadow:var(--shadow-control)}.tab:focus-visible,.tab-panel:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.tab-panel{border-radius:var(--radius-control)}.tab-panel[hidden],.score-table[hidden],.score-empty[hidden],.btn[hidden]{display:none}.score-table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:calc(var(--fs-ui) * var(--ui-scale));font-variant-numeric:tabular-nums}.score-table th,.score-table td{border-bottom:1px solid var(--color-border);text-align:left;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px;overflow:hidden}.score-table thead th{font-family:var(--font-body);font-weight:800;font-size:calc(var(--fs-caption) * var(--ui-scale));color:var(--color-text-muted)}.score-table th:first-child{width:3em}.score-table th:nth-child(3){width:30%}.score-table th:nth-child(4){width:22%}.score-table th:nth-child(3),.score-table th:nth-child(4),.score-table td.score,.score-table td.lines{text-align:right}.score-table tbody th{font-family:var(--font-display);color:var(--color-text-muted);font-weight:600}.score-table td.nick{font-weight:700}.score-table td.score{font-family:var(--font-display);font-weight:600}.score-table tbody tr:last-child th,.score-table tbody tr:last-child td{border-bottom:0}.score-empty{text-align:center;color:var(--color-text-muted);font-weight:700;font-size:calc(var(--fs-ui) * var(--ui-scale));margin:14px 0 6px}.submit-score{border-radius:var(--radius-control);box-shadow:inset 0 0 0 1px var(--color-border);margin-top:14px;padding:10px 12px}.submit-label{font-weight:800;font-size:calc(var(--fs-caption) * var(--ui-scale));color:var(--color-text-muted);margin-bottom:4px;display:block}.submit-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.submit-row input{border-radius:var(--radius-control);border:1.5px solid var(--color-border-strong);background:var(--color-btn-bg);min-width:0;min-height:44px;color:var(--color-text);font:inherit;font-weight:700;font-size:calc(var(--fs-body) * var(--ui-scale));-webkit-user-select:text;user-select:text;padding:0 12px}.submit-row input[aria-invalid=true]{border-color:var(--color-danger)}.submit-row input:disabled{background:var(--color-btn-locked-bg);color:var(--color-btn-locked-text)}.submit-row .btn{width:auto;min-height:44px;font-size:calc(var(--fs-body) * var(--ui-scale));white-space:nowrap;margin-top:0;padding:0 14px}.submit-row .btn:disabled{opacity:.55;cursor:default}.submit-hint{font-size:calc(var(--fs-caption) * var(--ui-scale));color:var(--color-text-muted);margin-top:4px;font-weight:700;display:block}.submit-status{min-height:1.2em;font-weight:700;font-size:calc(var(--fs-ui) * var(--ui-scale))!important;margin:4px 0 0!important}.submit-status:empty{display:none}.submit-score[data-state=sent] .submit-status{color:var(--color-fresh-strong)}.submit-score[data-state=failed] .submit-status{color:var(--color-danger-strong)}@media (width<=480px){.submit-row{grid-template-columns:1fr}}#scr-how .btn,#scr-scores .btn,#scr-pause .btn,#scr-over .btn,#scr-set .btn{min-height:calc(52px * var(--ui-scale))}#scr-pause .btn.link{min-height:44px}@media (width>=1500px) and (height>=860px){#scr-how,#scr-scores,#scr-pause,#scr-over,#scr-set{--ui-scale:1.12}}@media (width>=1880px) and (height>=1020px){#scr-how,#scr-scores,#scr-pause,#scr-over,#scr-set{--ui-scale:1.25}}@media (width>=2400px) and (height>=1340px){#scr-how,#scr-scores,#scr-pause,#scr-over,#scr-set{--ui-scale:1.45}}#scr-start.screen{background:radial-gradient(60% 50% at 12% 8%, color-mix(in srgb, var(--color-fresh) 20%, transparent), transparent 70%), radial-gradient(55% 45% at 92% 96%, color-mix(in srgb, var(--color-cyclamen) 14%, transparent), transparent 70%), color-mix(in srgb, var(--color-bg-top) 80%, transparent);overflow:hidden}#scr-start .airflow{pointer-events:none;will-change:transform;width:112%;height:112%;animation:28s ease-in-out infinite alternate startAirDrift;position:absolute;inset:-6%}#scr-start .flow{fill:none;stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke}#scr-start .flow-a,#scr-start .flow-c{stroke:color-mix(in srgb, var(--color-fresh) 26%, transparent)}#scr-start .flow-b,#scr-start .flow-d{stroke:color-mix(in srgb, var(--color-on-accent) 65%, transparent);stroke-width:3px}#scr-start .sheet{background:color-mix(in srgb, var(--color-surface-strong) 90%, transparent);border:1px solid color-mix(in srgb, var(--color-on-accent) 75%, transparent);width:min(440px,100%);box-shadow:var(--shadow-sheet), inset 0 1px 0 color-mix(in srgb, var(--color-on-accent) 90%, transparent);-webkit-backdrop-filter:blur(var(--blur-surface)) saturate(1.2);backdrop-filter:blur(var(--blur-surface)) saturate(1.2);padding:28px 28px 20px;animation:.5s cubic-bezier(.2,.8,.2,1) both startSheetIn;position:relative}#scr-start .start-brand{flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:10px;display:flex}#scr-start .start-flower{transform-origin:45% 95%;width:72px;height:84px;margin:-4px 0 0 -8px;animation:7s ease-in-out infinite startFlowerBreathe;display:block}#scr-start .petal{fill:url(#cy-petal)}#scr-start .petal-back,#scr-start .petal-bud{fill:url(#cy-petal-back)}#scr-start .nose{fill:color-mix(in srgb, var(--color-cyclamen-strong) 75%, var(--color-text))}#scr-start .stem{fill:none;stroke:var(--color-leaf);stroke-width:3.2px;stroke-linecap:round}#scr-start .stem-bud{stroke-width:2.2px}#scr-start .leaf path{fill:url(#cy-leaf)}#scr-start .leaf .marble{fill:var(--color-leaf-light);opacity:.2}#scr-start h1{letter-spacing:-.02em;color:var(--color-text);margin:0;font-size:52px;line-height:.92}#scr-start .title-accent{color:var(--color-cyclamen-strong)}#scr-start .lead{max-width:36ch;margin-bottom:20px}#scr-start .btn.primary{letter-spacing:.01em;background:linear-gradient(135deg, var(--color-cyclamen) 0%, var(--color-cyclamen-strong) 100%);min-height:56px;box-shadow:0 14px 26px -14px color-mix(in srgb, var(--color-cyclamen) 80%, transparent), inset 0 1px 0 color-mix(in srgb, var(--color-on-accent) 28%, transparent);font-size:20px}#scr-start .btn.ghost{background:color-mix(in srgb, var(--color-btn-bg) 72%, transparent);border-color:var(--color-border-strong)}@media (hover:hover){#scr-start .btn.primary:hover{transform:translateY(-1px)}#scr-start .btn.ghost:hover{border-color:var(--color-fresh)}}#scr-start .tip{border-radius:0 var(--radius-control) var(--radius-control) 0;background:color-mix(in srgb, var(--color-cyclamen) 7%, transparent);border-left-width:3px;margin-top:18px}#scr-start .fine{border-top:1px solid var(--color-border);padding-top:12px}@media (width>=1600px) and (height>=900px){#scr-start .sheet{width:480px;padding:32px 32px 22px}#scr-start h1{font-size:58px}#scr-start .start-flower{width:80px;height:94px}}@keyframes startSheetIn{0%{opacity:0;transform:translateY(10px)scale(.985)}to{opacity:1;transform:none}}@keyframes startAirDrift{0%{transform:translate(-1.5%,.8%)}to{transform:translate(1.5%,-.8%)}}@keyframes startFlowerBreathe{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(-2deg)scale(1.03)}}@media (orientation:landscape) and (height<=480px){#scr-start.screen{padding:10px}#scr-start .sheet{padding:16px 22px 14px}#scr-start .start-brand{flex-direction:row;align-items:center;gap:10px;margin-bottom:8px}#scr-start .start-flower{width:44px;height:52px;margin:0}#scr-start h1{font-size:34px}#scr-start .lead{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.pop{animation-duration:10ms}.gbtn.ready,#danger.on,.tutorial,#scr-start .airflow,#scr-start .sheet,#scr-start .start-flower{animation:none}#danger.on{opacity:.5}}