:root{color:#51361e;font-synthesis:none;-webkit-font-smoothing:antialiased;--brown:#51361e;background:#f5e8c9;font-family:Trebuchet MS,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}body{min-width:280px;margin:0}body:before{content:"";z-index:-1;background:radial-gradient(at 50% 10%,#fff8e7 0,#f5e8c9 70%);position:fixed;inset:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;touch-action:manipulation}button:disabled{cursor:default}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #0b7890}button,strong{font-variant-numeric:tabular-nums}.app{width:min(100% - 40px,960px);margin:0 auto;padding:24px 0 18px}.page-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.brand{color:var(--brown);align-items:center;gap:10px;text-decoration:none;display:flex}.brand-mark{color:#b27815;background:linear-gradient(135deg,#ffe98b,#ffc331);border:2px solid #95691d;border-radius:13px;place-items:center;width:43px;height:43px;font-size:31px;display:grid;transform:rotate(-7deg);box-shadow:0 3px #d4ba83}.brand strong{letter-spacing:2px;font-size:24px;font-weight:900;display:block}.brand small{letter-spacing:4px;color:#96754b;margin-top:2px;font-size:11px;display:block}.header-actions{align-items:center;gap:20px;display:flex}.record{color:#9b774f;font-size:12px}.record strong{color:#74512c;margin-left:6px;font-size:17px}.quiet-button{color:#74512c;background:#fff5de;border:1px solid #d6bf93;border-radius:10px;padding:9px 12px;font-size:13px}.stage{aspect-ratio:4/3;isolation:isolate;background:#69422c;border:5px solid #704729;border-radius:21px;width:100%;max-width:calc(133.333dvh - 360px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:0 6px #c2a070,0 16px 35px #74532a20}#canvas-container{touch-action:manipulation;position:absolute;inset:0}canvas{display:block}.hud{pointer-events:none;grid-template-columns:repeat(4,1fr);gap:7px;display:grid;position:absolute;inset:8px 10px auto}.hud>div{background:#fff8eaef;border:1px solid #e4cca1;border-radius:10px;padding:6px 12px;box-shadow:0 2px #ac7f4430}.hud span{color:#a07748;font-size:clamp(9px,1.4vw,12px);display:block}.hud strong{color:#684628;margin-top:3px;font-size:clamp(17px,2.6vw,26px);line-height:1.1;display:block}.hud .unit{margin-left:5px;font-size:11px;display:inline}.hud .urgent{color:#c34728}.buffs{color:#ffe7ab;pointer-events:none;background:#51361eb8;border-radius:6px;padding:5px 8px;font-size:11px;position:absolute;bottom:9px;left:10px}.overlay{z-index:2;background:#382a1c88;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.title-overlay{background:linear-gradient(#6b47272a 10%,#2a1b13b0)}.panel{background:#fff5de;border:3px solid #9a6a3c;border-radius:21px;padding:28px 36px;box-shadow:0 6px #533a29,0 13px 30px #261c1740}.title-panel{text-align:center;background:linear-gradient(155deg,#fff8e6,#f7e5bb);width:380px;transform:translateY(25px)}.eyebrow{color:#ad7a32;letter-spacing:2px;margin:0 0 8px;font-size:12px}h1{color:#b9791d;letter-spacing:3px;text-shadow:0 2px #fff7c9;margin:0;font-size:clamp(32px,5vw,52px);font-weight:900}h1 span{color:#745132}h2{margin:0 0 12px;font-size:clamp(22px,3.2vw,32px)}.intro{color:#9d7b56;margin:14px 0 23px;font-size:14px;line-height:1.85}.primary-button{color:#71440f;background:linear-gradient(#ffde71,#ffc640);border:2px solid #bb821e;border-radius:13px;min-height:45px;padding:12px 24px;font-size:17px;font-weight:800;box-shadow:0 4px #ad761e}.primary-button:hover:not(:disabled){background:linear-gradient(#ffe897,#ffd25c)}.primary-button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px #ad761e}.primary-button:disabled{opacity:.55}.title-panel .primary-button,.compact-panel .primary-button{width:100%}.menu-hint{color:#9c7b57;margin:19px 0 0;font-size:11px}.menu-hint span{padding:0 6px}kbd{font:inherit;color:#906b3e;background:#fff6df;border:1px solid #d3b888;border-bottom-width:2px;border-radius:4px;padding:1px 5px;font-size:.9em}.compact-panel{text-align:center;width:380px}.result-score{background:#f2e1b9;border-radius:12px;margin:14px 0 24px;padding:15px}.result-score span{color:#a77d41;font-size:12px;display:block}.result-score strong{color:#a56c1c;margin-top:4px;font-size:34px;display:block}.shop-panel{scrollbar-width:thin;width:680px;max-height:100%;padding:20px 25px;overflow-y:auto}.shop-heading{justify-content:space-between;align-items:center;display:flex}.shop-heading h2{margin-bottom:0}.shop-symbol{color:#ca931a;font-size:43px}.shop-hint{color:#a17c53;margin:8px 0 15px;font-size:12px;line-height:1.6}.shop-items{grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:17px;display:grid}.shop-card{background:#f7e9c9;border:1px solid #e5cba0;border-radius:12px;grid-template-columns:30px 1fr;align-items:center;gap:5px;padding:12px;display:grid}.item-symbol{color:#b98922;font-size:25px}.item-dynamite{color:#c35436}.item-clover{color:#68824c}.item-diamond-polish{color:#42a9bb}.shop-card strong{font-size:13px}.shop-card p{color:#a4855c;grid-column:1/-1;min-height:33px;margin:3px 0;font-size:11px;line-height:1.5}.buy-button{color:#805a27;background:#fff8e8;border:1px solid #d6b97d;border-radius:7px;grid-column:1/-1;width:100%;padding:6px;font-size:13px;font-weight:700}.buy-button:hover:not(:disabled){background:#ffe8a6}.buy-button:disabled{opacity:.5}.shop-panel>.primary-button{margin:0 auto;display:block}.control-bar{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.play-controls{gap:12px;display:flex}.action-button{color:#805018;background:#ffda70;border:2px solid #c0953a;border-radius:14px;justify-content:center;align-items:center;gap:12px;min-width:180px;padding:12px 20px;font-weight:700;display:flex;box-shadow:0 3px #d1ae60}.action-button span+span{text-align:left}.control-icon{font-size:30px;line-height:1}.action-button small{color:#9a6e30;margin-top:4px;font-size:11px;font-weight:400;display:block}.bomb-button{color:#a86c41;background:#fce6d0;border-color:#d2ac87;box-shadow:0 3px #d6b397}.bomb-button small{color:#b1875f}.action-button:disabled{opacity:.48;box-shadow:none}.action-button:hover:not(:disabled){filter:brightness(1.05)}.action-button:active:not(:disabled){box-shadow:none;transform:translateY(2px)}.pause-button{color:#917044;white-space:nowrap;background:#fff3d9;border:1px solid #c6ad82;border-radius:10px;padding:12px 17px;font-size:13px}.pause-button kbd{margin-left:7px}.pause-button:disabled{opacity:.45}.status-message{color:#957650;min-height:19px;margin:17px 0 0;font-size:12px}footer{color:#b2966b;text-align:center;margin-top:20px;font-size:11px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}@media (max-width:600px),(max-height:800px){.hud{gap:4px;top:3px;left:5px;right:5px}.hud>div{border-radius:6px;padding:2px 5px}.hud span{font-size:8px;line-height:1}.hud strong{margin-top:1px;font-size:15px;line-height:1.1}.hud .unit{margin-left:2px;font-size:8px}}@media (max-width:600px){.app{width:calc(100% - 20px);padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.page-header{margin-bottom:14px}.brand strong{letter-spacing:1px;font-size:19px}.brand small{letter-spacing:3px;font-size:9px}.brand-mark{border-radius:10px;width:35px;height:35px;font-size:26px}.header-actions{gap:8px}.record{text-align:right;font-size:9px}.record strong{margin-left:0;font-size:14px;display:block}.quiet-button{padding:8px;font-size:11px}.stage{border-width:3px;border-radius:15px}.overlay{padding:12px}.panel{border-width:2px;border-radius:15px;max-height:100%;padding:15px 20px;overflow-y:auto}.title-panel{width:260px;transform:translateY(9px)}.eyebrow{margin-bottom:4px;font-size:9px}h1{font-size:31px}h2{margin-bottom:7px;font-size:23px}.intro{margin:9px 0 12px;font-size:11px;line-height:1.65}.primary-button{border-radius:10px;min-height:39px;padding:9px 18px;font-size:14px}.menu-hint{margin-top:12px;font-size:9px}.control-bar{align-items:stretch;gap:8px;margin-top:16px}.play-controls{flex:1;gap:8px}.action-button{border-radius:10px;flex:1;gap:6px;min-width:0;padding:10px 9px;font-size:13px}.action-button small{font-size:9px}.control-icon{font-size:23px}.pause-button{padding:9px;font-size:11px}.pause-button kbd{display:none}.status-message{margin-top:13px;font-size:11px;line-height:1.7}.shop-panel{padding:12px}.shop-symbol{font-size:29px}.shop-heading h2{font-size:20px}.shop-hint{margin:6px 0 9px;font-size:10px}.shop-items{gap:6px;margin-bottom:12px}.shop-card{border-radius:9px;grid-template-columns:19px 1fr;gap:3px;padding:7px}.item-symbol{font-size:19px}.shop-card strong{font-size:10px}.shop-card p{min-height:28px;font-size:9px}.buy-button{padding:5px;font-size:11px}.result-score{margin:10px 0 16px;padding:9px}.result-score strong{font-size:28px}footer{margin-top:15px;font-size:10px;line-height:1.7}}@media (max-height:550px) and (orientation:landscape){.app{width:min(100% - 24px,660px);padding-top:9px}.page-header{margin-bottom:9px}.brand strong{font-size:18px}.brand small{display:none}.brand-mark{width:29px;height:29px;font-size:22px}.stage{max-width:calc(133.333dvh - 190.667px);margin:0 auto}.control-bar{margin-top:9px}.action-button{min-width:0;padding:5px 14px;font-size:12px}.action-button small{display:none}.control-icon{font-size:22px}.pause-button{padding:8px 12px}.status-message,footer{display:none}.overlay{padding:8px}.panel{max-height:100%;padding:12px 20px;overflow-y:auto}.title-panel{width:270px;transform:none}h1{font-size:32px}.intro{margin:7px 0 10px;font-size:11px}.primary-button{min-height:35px;padding:7px 17px;font-size:13px}.eyebrow{font-size:9px}.menu-hint{margin-top:10px;font-size:9px}.hud{gap:4px;inset:2px 5px auto}.hud>div{padding:1px 5px}.hud strong{margin-top:0;font-size:14px}.hud span{font-size:7px}}@media (prefers-reduced-motion:reduce){button:active{transform:none!important}}