:root{color:#294f61;background:#dbecef;font-family:ui-rounded,PingFang TC,Microsoft JhengHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;min-height:420px;margin:0;overflow:hidden}button{min-width:44px;min-height:44px;border:2px solid rgba(63,101,112,.32);border-radius:15px;padding:.65rem 1rem;color:#294f61;background:#ffffffd1;box-shadow:0 4px #4167712e;font:inherit;font-weight:800;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}button:hover:not(:disabled){background:#fff9e9}button:active:not(:disabled),button[aria-pressed=true]{transform:translateY(3px);box-shadow:0 1px #4167712e}button:focus-visible{outline:4px solid #f09b52;outline-offset:3px}button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.app-shell{width:100%;height:100%;padding:clamp(8px,2vw,22px);background:radial-gradient(circle at 50% 10%,#f8feff 0,#d9ebee 54%,#bdd6dc);position:relative}.paper-grain{position:fixed;inset:0;opacity:.16;pointer-events:none;background-image:repeating-linear-gradient(17deg,rgba(50,80,90,.08) 0 1px,transparent 1px 5px),repeating-linear-gradient(99deg,rgba(255,255,255,.3) 0 2px,transparent 2px 7px);mix-blend-mode:multiply}.game-frame{width:min(100%,calc((100vh - 16px) * 16 / 9));height:min(56.25vw,calc(100vh - 16px));min-height:390px;aspect-ratio:16 / 9;margin:auto;position:relative;overflow:hidden;border:10px solid rgba(255,255,255,.78);border-radius:clamp(18px,3vw,38px);background:#e9f5f7;box-shadow:0 22px 70px #234e5b3d,inset 0 0 0 3px #5486912e;isolation:isolate}.game-host{position:absolute;inset:0;width:100%;height:100%}.game-host canvas{display:block;width:100%!important;height:100%!important}.full-panel,.modal-layer{position:absolute;inset:0;z-index:30}.full-panel{background-size:cover;background-position:center}.splash{display:grid;align-items:center;padding:clamp(22px,6vw,72px);cursor:pointer}.title-lockup{width:min(55%,560px);text-shadow:0 2px 0 #fff}h1,h2,p{margin-top:0}h1{margin-bottom:.5rem;color:#244c61;font-size:clamp(2rem,5vw,4.9rem);line-height:1.02;letter-spacing:-.05em}h2{margin-bottom:1.2rem;font-size:clamp(1.55rem,3vw,2.4rem)}.title-lockup>p:not(.eyebrow),.menu-content>p:not(.eyebrow){max-width:36ch;font-size:clamp(.95rem,1.8vw,1.25rem);font-weight:700}.eyebrow{margin-bottom:.45rem;color:#dd6f48;font-size:.76rem;font-weight:900;letter-spacing:.16em}.primary{color:#fff;border-color:#c85738;background:linear-gradient(180deg,#f08a5e,#db6242);box-shadow:0 5px #a9402e,0 8px 18px #863e2a38}.primary:hover:not(:disabled){background:linear-gradient(180deg,#f59a70,#df6b49)}.primary.large{min-width:220px;min-height:58px;font-size:1.08rem}.menu-panel{display:grid;grid-template-columns:1.05fr .95fr;background:linear-gradient(115deg,#fbfefef7 42%,#e9f5f7e6)}.menu-art{grid-column:2;background-size:cover;background-position:67% center;-webkit-mask-image:linear-gradient(90deg,transparent,black 23%);mask-image:linear-gradient(90deg,transparent,black 23%)}.menu-content{grid-row:1;grid-column:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(24px,6vw,74px);z-index:1}.menu-content h1{font-size:clamp(2rem,4.7vw,4.5rem)}.menu-links{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1rem}.quick-settings{position:absolute;top:18px;right:18px;display:flex;gap:8px}.quick-settings button{min-height:44px;padding:.5rem .75rem}.modal-layer{display:grid;place-items:center;padding:24px;background:#254b585c;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal{width:min(480px,100%);max-height:calc(100% - 20px);overflow:auto;padding:clamp(22px,4vw,42px);border:5px solid rgba(255,255,255,.9);border-radius:28px;background:#f7fcfbf7;box-shadow:0 24px 70px #18384347;text-align:center}.modal.wide{width:min(820px,100%)}.stack,.settings-list{display:grid;gap:.75rem}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem}.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.how-grid article{display:grid;grid-template-columns:48px 1fr;align-items:center;min-height:92px;padding:12px;border:2px solid #c9e0e4;border-radius:18px;background:#f4fbfc}.how-grid b{color:#db704b;font-size:2rem;text-align:center}.how-grid p{margin:0;font-size:.88rem}.level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.level-grid button{display:grid;grid-template-columns:36px 1fr;gap:2px 8px;min-height:100px;text-align:left}.level-grid span{grid-row:1 / 3;display:grid;place-items:center;width:36px;height:36px;color:#fff;border-radius:50%;background:#e67b50}.level-grid small{font-weight:500;line-height:1.25}.result .success-mark{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 12px;color:#fff;border-radius:50%;background:#e98b50;font-size:2rem}.result dl{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0}.result dl div{padding:10px 5px;border-radius:14px;background:#eaf5f6}.result dt{font-size:.72rem}.result dd{margin:4px 0 0;font-size:1.2rem;font-weight:900}.hud{position:absolute;inset:0;z-index:20;pointer-events:none}.hud-card{position:absolute;top:14px;min-height:62px;padding:10px 14px;border:3px solid rgba(255,255,255,.9);border-radius:16px;background:#f7fcfae0;box-shadow:0 5px 14px #2e586324;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.level-card{left:14px;display:grid;max-width:33%;line-height:1.18}.level-card small{color:#d76947;font-size:.65rem;font-weight:900;text-transform:uppercase}.level-card span{overflow:hidden;font-size:.69rem;text-overflow:ellipsis;white-space:nowrap}.balance-card{left:50%;width:min(270px,29%);transform:translate(-50%)}.balance-copy{display:flex;justify-content:space-between;font-size:.78rem}.balance-track{height:11px;margin-top:6px;overflow:hidden;border:2px solid #9fc1c7;border-radius:99px;background:#e1eef0}.balance-track i{display:block;height:100%;border-radius:inherit;background:repeating-linear-gradient(45deg,#66afbb 0 8px,#81c5ce 8px 16px);transition:width .12s linear}.balance-card[data-state=wobbling] .balance-track i{background:repeating-linear-gradient(45deg,#e99b51 0 8px,#f4bb6f 8px 16px)}.balance-card[data-state=falling] .balance-track i,.balance-card[data-state=ready] .balance-track i{background:repeating-linear-gradient(45deg,#d95846 0 8px,#ed8063 8px 16px)}.status-card{right:14px;display:flex;align-items:center;gap:10px;font-weight:900;pointer-events:auto}.icon-button{min-width:44px;padding:.4rem}.progress-toast{position:absolute;top:90px;left:50%;max-width:70%;margin:0;padding:7px 13px;border-radius:99px;background:#2a4e59d1;color:#fff;font-size:.72rem;font-weight:800;transform:translate(-50%)}.touch-controls{position:absolute;inset:auto 18px max(14px,env(safe-area-inset-bottom)) 18px;z-index:24;display:flex;justify-content:space-between;align-items:flex-end;pointer-events:none;touch-action:none}.touch-controls button{pointer-events:auto;user-select:none;-webkit-user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,clamp(48px,6vw,62px));grid-template-rows:repeat(3,clamp(44px,5.5vw,58px));gap:5px}.dpad button{padding:0;border-radius:17px;background:#f4fafae6;font-size:1.15rem}.dpad .up{grid-column:2;grid-row:1}.dpad .left{grid-column:1;grid-row:2}.dpad .right{grid-column:3;grid-row:2}.dpad .down{grid-column:2;grid-row:3}.action-pad{display:grid;grid-template-columns:repeat(2,clamp(70px,9vw,98px));gap:10px}.action-pad button{min-height:clamp(58px,7vw,72px);padding:7px;border-radius:50%;background:#fff8e5ed;color:#8c4e33;font-size:1.25rem}.action-pad span{display:block;font-size:.68rem}.action-pad .action{color:#fff;border-color:#bd5c42;background:#e16746f0}.global-notice{position:absolute;z-index:60;bottom:12px;left:50%;max-width:90%;margin:0;padding:8px 14px;border-radius:99px;color:#fff;background:#2b4e59e0;font-size:.76rem;transform:translate(-50%)}.too-short{display:none;position:absolute;z-index:80;inset:0;place-items:center;padding:28px;color:#294f61;background:#eff8f9;text-align:center;font-weight:900}@media(max-width:700px),(orientation:portrait){.app-shell{padding:5px}.game-frame{width:calc(100vw - 10px);height:calc(100vh - 10px);min-height:0;aspect-ratio:auto;border-width:5px;border-radius:20px}.game-host{top:19%;bottom:21%;height:auto}.game-host canvas{object-fit:contain}.title-lockup{width:min(88%,500px);align-self:end;margin-bottom:10%;padding:18px;border-radius:22px;background:#f8fdfcc7}.menu-panel{grid-template-columns:1fr}.menu-art{grid-column:1;opacity:.28;-webkit-mask-image:linear-gradient(180deg,black,transparent);mask-image:linear-gradient(180deg,black,transparent)}.menu-content{grid-column:1;align-items:center;padding:28px 18px;text-align:center}.quick-settings{top:10px;right:10px}.hud-card{top:8px;min-height:56px;padding:7px 9px}.level-card{left:8px;max-width:49%}.balance-card{top:75px;left:8px;width:calc(100% - 16px);transform:none}.status-card{right:8px}.progress-toast{top:133px;max-width:92%;white-space:nowrap}.touch-controls{inset:auto 8px max(8px,env(safe-area-inset-bottom)) 8px}.how-grid{grid-template-columns:1fr}.level-grid{grid-template-columns:1fr 1fr}.level-grid button{min-height:86px;padding:8px}.modal-layer{padding:10px}.modal{padding:18px;border-radius:20px}}@media(max-height:430px){.game-frame{min-height:0;height:calc(100vh - 8px)}.hud-card{top:5px;min-height:48px;padding:5px 8px}.progress-toast{top:58px}.touch-controls{inset-inline:6px;bottom:6px}.dpad{grid-template-columns:repeat(3,46px);grid-template-rows:repeat(3,42px)}.action-pad{grid-template-columns:repeat(2,64px)}.action-pad button{min-height:56px}}@media(max-height:300px){.too-short{display:grid}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}