:root{color-scheme:light;--ink:#203f4a;--muted:#4f656b;--paper:#fffdf5;--wash:#edf4ed;--line:#bdd1cb;--primary:#226458;--primary-hover:#174e44;--danger:#a82d43;--warning:#77540c;--sky:#b4def1;--shadow:0 8px 30px #23465124;--radius:16px;--pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--small:.75rem;--body:.875rem;--title:1.25rem;--headline:2rem;--display:3rem;--fast:.12s;--normal:.22s;--slow:.4s;--ease:cubic-bezier(.2,.7,.2,1);--save-notice-gutter:272px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--sky);color:var(--ink);font:400 16px/1.5 system-ui,sans-serif}body{user-select:none}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;font-size:var(--body);font-weight:700;line-height:1.3;cursor:pointer;color:var(--ink);min-height:48px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);padding:var(--s3) var(--s4);transition:background var(--fast) var(--ease),transform var(--fast) var(--ease)}button:hover:not(:disabled){background:var(--wash)}button:active:not(:disabled){transform:scale(.97)}button:disabled{opacity:1;color:var(--muted);background:var(--wash);cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid var(--primary);outline-offset:3px}button.std{background:var(--primary);border-color:var(--primary);color:var(--paper)}button.std:hover:not(:disabled){background:var(--primary-hover)}#c{display:block;position:fixed;inset:0;touch-action:none}#c:focus-visible{outline:3px solid var(--primary);outline-offset:-3px}#hud{position:fixed;inset:0;z-index:3;pointer-events:none;padding:calc(var(--s4) + var(--safe-top)) calc(var(--s4) + var(--safe-right)) var(--s4) calc(var(--s4) + var(--safe-left))}#hearts i{font-style:normal;color:var(--danger)}#hearts i.off{color:var(--muted);opacity:.28}#score{font-size:var(--small);color:var(--muted)}#oline{font-size:var(--body);line-height:1.5}#oline b{font-size:var(--title)}#oline>span{display:inline-block;margin-left:var(--s3);font-weight:800}#oline .low{color:var(--warning)}#oline .crit{color:var(--danger)}#osegs{display:flex;gap:var(--s1);height:6px}#osegs span{flex:1;background:var(--line);border-radius:var(--pill)}#osegs .filled{background:var(--primary)}#osegs .pending{background:repeating-linear-gradient(135deg,var(--primary) 0 3px,var(--wash) 3px 6px)}#stg{font-weight:800}#windRow{display:flex;gap:var(--s2);align-items:center;color:var(--muted)}#windIcon{display:inline-block}#btns{display:flex;gap:var(--s2);pointer-events:auto}#btns button{padding:var(--s2) var(--s3);min-width:48px}#hint,#save-status{position:absolute;bottom:calc(84px + var(--safe-bottom));left:50%;transform:translate(-50%);width:max-content;max-width:min(520px,calc(100% - 32px));padding:var(--s2) var(--s4);background:var(--paper);border:1px solid var(--line);border-radius:var(--pill);font-size:var(--small);text-align:center;box-shadow:var(--shadow)}#touch-controls{position:absolute;inset:auto var(--s4) calc(var(--s4) + var(--safe-bottom));display:flex;justify-content:space-between;gap:var(--s4);pointer-events:none}#touch-controls>div{display:flex;gap:var(--s2)}#touch-controls button{pointer-events:auto;min-width:56px;box-shadow:var(--shadow);touch-action:none}#dash{min-width:88px;font-variant-numeric:tabular-nums}#flash{position:fixed;left:50%;top:calc(120px + var(--safe-top));transform:translate(-50%);z-index:4;padding:var(--s2) var(--s4);background:var(--paper);border-radius:var(--pill);max-width:calc(100% - 32px);text-align:center;font-size:var(--body);pointer-events:none;opacity:0;transition:opacity var(--normal) var(--ease)}#ovl{position:fixed;inset:0;z-index:8;align-items:center;justify-content:center;padding:calc(var(--s5) + var(--safe-top)) var(--s4) calc(76px + var(--safe-bottom));background:linear-gradient(100deg,#eff6edee,#edf4ed77);overflow:auto;touch-action:pan-y}#card{width:min(100%,520px);max-height:100%;overflow:auto;background:var(--paper);padding:var(--s6);border:1px solid var(--line);border-radius:var(--s5);box-shadow:var(--shadow)}#ptitle{margin:0 0 var(--s4);font-size:clamp(var(--headline),5vw,var(--display));line-height:1.05;letter-spacing:-.04em;text-wrap:balance}#pline{color:var(--muted);font-size:var(--body)}#pline p{margin:0 0 var(--s4)}#pbtns{display:grid;gap:var(--s2);margin-top:var(--s5)}#pbtns button{text-align:center}.menu-steps{display:flex;justify-content:space-between;gap:var(--s3);padding-bottom:var(--s4);margin-bottom:var(--s4);border-bottom:1px solid var(--line);font-weight:800;color:var(--primary)}.menu-step{display:flex;align-items:center;gap:var(--s2)}.menu-step .ico{display:none}.menu-tag{max-width:44ch}.panel-stats{padding:var(--s3) var(--s4);background:var(--wash);border-radius:var(--radius);font-variant-numeric:tabular-nums;margin-bottom:var(--s4)}.panel-coach{color:var(--primary);font-weight:600}body[data-screen=stages] #card{width:min(100%,720px)}body[data-screen=stages] #pbtns{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-screen=stages] .stage-choice{text-align:left;padding:var(--s4)}body[data-screen=stages] #pbtns>.ghost{grid-column:1/-1}body:not([data-screen=play]):not([data-screen=order]) #hud,body:not([data-screen=play]) #flash{visibility:hidden}#loader,#error-boundary{position:fixed;inset:0;z-index:20;background:var(--wash);display:flex;align-items:center;justify-content:center;padding:var(--s5);text-align:center}#loader.hide,#error-boundary{display:none}#error-boundary p{max-width:44ch}.arcade-intro-link{position:fixed;left:max(var(--s4),var(--safe-left));top:max(var(--s4),var(--safe-top));z-index:10;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--pill);padding:var(--s3) var(--s4);min-height:48px;font-size:var(--body);text-decoration:none}.arcade-intro-link[hidden]{display:none}@media(max-width:720px){#hud{padding:calc(var(--s2) + var(--safe-top)) var(--s2)}#btns button{font-size:var(--small)}#flash{top:calc(148px + var(--safe-top));width:calc(100% - 32px);border-radius:var(--radius)}#card{padding:var(--s5)}#hint{font-size:var(--small)}}@media(max-height:500px){#ovl{padding:var(--s3) var(--s4) 68px}#card{padding:var(--s4) var(--s5)}#ptitle{font-size:var(--headline)}#pbtns{margin-top:var(--s3)}#hud{padding:var(--s2)}#hint{top:64px;bottom:auto;max-width:60%;border-radius:var(--radius)}#flash{display:none}#touch-controls{bottom:calc(var(--s2) + var(--safe-bottom))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}@media(forced-colors:active){button,#card,#mid,#meta,#hint{background:Canvas;color:CanvasText;border:1px solid CanvasText}#osegs .filled{background:Highlight}#osegs .pending{border:1px dashed Highlight;background:Canvas}.arcade-intro-link{color:LinkText}}.menu-brand{margin:0 0 var(--s3);font-size:var(--small);font-weight:800;letter-spacing:.14em;color:var(--primary)}#save-notice{color:var(--warning);font-size:var(--body);line-height:1.5}#save-status{color:var(--warning);border-radius:var(--radius);font-size:var(--small);padding:var(--s1) var(--s2);bottom:calc(var(--s4) + var(--safe-bottom));left:calc(50% + var(--s4));max-width:calc(100% - var(--save-notice-gutter))}#card{display:flex;flex-direction:column;overflow:hidden}#card>.menu-brand,#ptitle,#save-notice,#pbtns{flex-shrink:0}#pline{min-height:0;overflow:auto;overscroll-behavior:contain}body[data-screen=stages] #pbtns{flex-shrink:1;min-height:0;overflow:auto}@media(max-height:500px){#card{width:min(100%,720px)}#card>.menu-brand{margin-bottom:var(--s1)}#ptitle{margin-bottom:var(--s2)}#pbtns{grid-template-columns:repeat(3,minmax(0,1fr))}#pbtns button{padding:var(--s2);min-width:44px}#save-notice{margin:var(--s1) 0;max-height:48px;overflow:auto}}#flash{color:var(--ink)}body[data-screen=order] #hint{visibility:hidden}@media(max-height:500px){body[data-screen=stages] #pbtns{grid-template-columns:repeat(3,minmax(0,1fr));flex-shrink:0}body[data-screen=stages] #pbtns>.ghost{grid-column:auto}body[data-screen=stages] .stage-choice{padding:var(--s2)}}@media(min-width:721px)and (max-height:500px){body[data-screen=stages] #card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);grid-template-rows:auto auto minmax(0,1fr) auto;column-gap:var(--s5)}body[data-screen=stages] #card>.menu-brand,body[data-screen=stages] #ptitle,body[data-screen=stages] #pline,body[data-screen=stages] #save-notice{grid-column:1}body[data-screen=stages] #pbtns{grid-column:2;grid-row:1/5;margin-top:0;align-self:start}}#ovl{padding-top:calc(80px + var(--safe-top))}.game-exit{display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:var(--s3) var(--s4);color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:var(--pill);font-size:var(--body);text-decoration:none}.exit-actions{display:flex;flex-wrap:wrap;gap:var(--s2)}#hud-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s2)}#mid{display:flex;align-items:center;gap:var(--s3);min-width:0;padding:var(--s2) var(--s4);background:var(--paper);border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;white-space:nowrap}#mid.goal-ready{border:2px solid var(--primary)}#hearts{display:flex;gap:2px;font-size:1rem;line-height:1}#oline b{font-size:var(--body)}#oline>span:empty{display:none}#obar{width:96px;margin:0}#hud-right{display:flex;align-items:flex-start;gap:var(--s2)}#meta{display:flex;background:var(--paper);padding:var(--s2) var(--s3);border-radius:999px;font-size:var(--small);box-shadow:var(--shadow)}#meta.calm,#stg{display:none}@media(max-width:720px){#mid{gap:var(--s2);padding:var(--s2) var(--s3)}#score,#obar{display:none}#hud-top{flex-wrap:wrap}#hud-right{margin-left:auto}}