@font-face{font-family:Rye;src:url('./assets/fonts/Rye-Regular.ttf') format('truetype');font-display:swap}
:root{--sky:#234b4e;--sand:#e8bb70;--paper:#fff0cc;--ink:#30261e;--muted:#d4c6a8;--yellow:#ffd76b;--red:#b43826;--green:#497249;--deck:#183c3e;--radius:12px;color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans TC","PingFang TC",sans-serif;background:#102d30;color:var(--paper)}
*{box-sizing:border-box}body{margin:0;scrollbar-color:#a67c42 #234b4e}button{font:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}button:disabled{cursor:default;opacity:.45}[hidden]{display:none!important}::selection{background:var(--yellow);color:var(--ink)}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#game{position:relative;isolation:isolate;width:min(100%,1100px);height:100svh;min-height:580px;margin:auto;overflow:hidden;background:var(--sky);display:flex;flex-direction:column}header{position:absolute;z-index:3;top:0;left:0;right:0;display:flex;align-items:flex-start;justify-content:space-between;padding:max(22px,env(safe-area-inset-top)) 24px 0;color:var(--paper);pointer-events:none}header h1{margin:0}.brand-title{display:block;font:24px/.98 Rye,serif;letter-spacing:-.025em;color:var(--yellow)}.brand-subtitle{display:block;font-size:11px;font-weight:600;letter-spacing:.10em;margin-top:9px}nav{display:flex;gap:8px;pointer-events:auto}.icon-button{display:grid;place-items:center;width:44px;height:44px;background:#193e41;border:1px solid #718d89;color:var(--paper);border-radius:50%}.icon-button:hover{background:#326267}.icon-button[aria-pressed="true"]{color:#e4af71}
#arena{position:relative;flex:1;min-height:260px;overflow:hidden;background:var(--sky)}#scene{display:block;width:100%;height:100%}.scoreboard{position:absolute;z-index:2;left:24px;right:24px;top:max(120px,calc(env(safe-area-inset-top) + 102px));color:var(--paper);display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.scoreboard>div,.scoreboard>p{background:#183c3ef2;border-radius:10px;padding:9px 12px}.scoreboard span#time-label{font-size:11px;letter-spacing:.08em;color:#e1cfaa}.scoreboard strong{display:block;line-height:1.15;font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.04em}.scoreboard small{font:11px sans-serif;margin-left:5px;letter-spacing:0}.scoreboard p{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;margin:0;line-height:1.4}.scoreboard #level{display:block;margin-top:6px;color:var(--yellow);font-size:12px;font-weight:700}#cue{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:2;background:var(--paper);color:#822715;padding:10px 18px;border-radius:8px;font-size:15px;font-weight:800;white-space:nowrap;box-shadow:0 5px 14px #00000026}#countdown{position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);font:96px Rye,serif;color:var(--paper);text-shadow:0 5px 15px #0000004d;z-index:3}#scene-error{position:absolute;inset:180px 24px auto;background:var(--paper);color:var(--ink);padding:20px;z-index:4;line-height:1.6}#asset-status{position:absolute;bottom:12px;left:20px;right:20px;text-align:center;color:var(--paper);font-size:12px;background:var(--deck);padding:10px;border-radius:8px}
#controls{position:relative;z-index:2;flex-shrink:0;background:var(--deck);padding:20px 24px max(14px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;margin-top:-18px;box-shadow:0 -8px 24px #102a2d26}#controls::before{content:'';position:absolute;top:9px;left:calc(50% - 18px);width:36px;height:2px;background:#708b7c;border-radius:2px}.balance-caption{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:600;margin-bottom:10px;color:#e1cfaa}#grip-label{font-variant-numeric:tabular-nums;color:var(--paper)}#balance{height:16px;border-radius:8px;background:#955137;position:relative;border:2px solid #092d30}.safe-zone{position:absolute;left:30%;width:40%;top:0;bottom:0;background:#629675}.center-mark{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e6d7ae}.balance-ticks{position:absolute;inset:3px 10%;border-left:1px solid #fff0cc80;border-right:1px solid #fff0cc80}.safe-zone{border-radius:3px}#balance-pin{position:absolute;top:-5px;left:50%;width:10px;height:22px;background:#fff5df;border:2px solid #30261e;border-radius:4px;transform:translateX(-50%);box-shadow:0 2px 5px #0005}#balance[data-danger="true"]{background:#b43826}#message{text-align:center}h2{font-size:23px;line-height:1.35;margin:23px 0 8px;letter-spacing:-.025em;text-wrap:balance}#hint{font-size:13px;line-height:1.65;min-height:42px;margin:0 0 18px;color:var(--muted);white-space:pre-line}#error{font-size:13px;line-height:1.5;background:var(--paper);color:#842717;padding:10px 12px;border-radius:8px;margin:12px 0}#primary,#resume{width:100%;min-height:56px;border:0;border-radius:var(--radius);background:var(--yellow);color:var(--ink);font-size:17px;font-weight:800;box-shadow:0 6px 16px #071e2055;transition:background .15s,transform .15s}#primary:hover,#resume:hover{background:#ffe49a}#primary:focus-visible,#resume:focus-visible{outline-color:var(--paper)}#primary:active,#resume:active{transform:translateY(2px)}#secondary,.quiet{display:block;width:100%;min-height:44px;border:0;background:transparent;color:#e1cfaa;text-decoration:underline;text-underline-offset:4px;font-size:12px}#secondary:hover,.quiet:hover{color:var(--paper)}#mode-note{font-size:11px;text-align:center;color:#b8c0aa;margin:2px 0 0}#touch-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0}#touch-controls button{min-width:88px;min-height:58px;border:1px solid #768d7e;border-radius:12px;background:#285052;display:flex;justify-content:center;align-items:center;color:var(--paper);font-weight:800;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#touch-controls button:active,#touch-controls button.held{background:var(--yellow);color:var(--ink)}#touch-controls span{text-align:center;font-size:12px;line-height:1.5}#touch-controls small{font-size:11px;color:var(--muted)}
#game[data-state="playing"] #message h2{font-size:18px;margin-top:16px}#game[data-state="playing"] #hint{min-height:20px;margin-bottom:4px}#game[data-state="playing"] #mode-note{margin-top:8px}#game[data-state="playing"] #controls{padding-bottom:max(18px,env(safe-area-inset-bottom))}#game[data-state="finished"] #heading,#game[data-state="won"] #heading{color:var(--yellow)}#pause-cover{position:absolute;inset:0;z-index:8;display:grid;place-items:center;background:rgba(17,46,48,.97);padding:24px;color:var(--paper)}#pause-cover>div{width:min(100%,360px);text-align:center}#pause-cover h2{font-size:32px}#pause-cover p{line-height:1.6;margin:18px 0 28px}#pause-cover .quiet{color:var(--paper);margin-top:12px}
@media(min-width:700px) and (min-height:561px){header{padding:30px 40px 0}.brand-title{font-size:32px}.brand-subtitle{font-size:12px}.scoreboard{left:40px;right:40px;top:148px}.scoreboard strong{font-size:52px}.scoreboard>div,.scoreboard>p{padding:12px 16px}#controls{padding-left:max(24px,calc((100% - 460px)/2));padding-right:max(24px,calc((100% - 460px)/2));padding-top:22px}#arena{min-height:360px}}
@media(max-height:720px){#game{min-height:560px}header{padding-top:max(12px,env(safe-area-inset-top));padding-left:18px;padding-right:18px}.brand-title{font-size:20px}.brand-subtitle{font-size:11px;margin-top:5px}.scoreboard{top:93px;left:18px;right:18px}.scoreboard strong{font-size:29px}.scoreboard>div,.scoreboard>p{padding:6px 9px}.scoreboard #level{font-size:11px}#arena{min-height:240px}#controls{padding-top:18px;padding-left:18px;padding-right:18px}h2{font-size:20px;margin-top:16px}#hint{font-size:12px;min-height:36px;margin-bottom:12px}#primary{min-height:50px}#mode-note{display:none}}
@media(orientation:landscape) and (max-height:560px){#game{min-height:340px;display:grid;grid-template-columns:1fr 320px}#arena{height:100%;min-height:0}header{right:320px}.brand-title{font-size:18px}.scoreboard{top:95px}.scoreboard strong{font-size:28px}#controls{align-self:stretch;display:flex;justify-content:center;flex-direction:column;padding:18px 20px;border-radius:0;margin:0}#controls::before{display:none}#hint{min-height:32px}#primary{flex-shrink:0}#mode-note{display:none}#cue{bottom:20px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}#countdown{text-shadow:none}}

@media(min-width:700px) and (min-height:561px){#controls{padding-left:max(24px,calc((100% - 460px)/2));padding-right:max(24px,calc((100% - 460px)/2))}}

#voice-caption{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);z-index:3;max-width:calc(100% - 32px);margin:0;padding:8px 14px;border-radius:8px;background:#183c3ef2;color:var(--paper);font-size:13px;font-weight:700;text-align:center;pointer-events:none}#game[data-voice="true"] #cue{bottom:58px}