:root{font-family:Inter,Segoe UI,Arial,sans-serif;color:#eff1e9;background:#101a16;font-synthesis:none}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;min-height:0}button{font:inherit;color:inherit;background:#294039;border:1px solid #6e8277;border-radius:10px;min-width:48px;min-height:46px;cursor:pointer;touch-action:manipulation}button:hover{background:#36564b}button:focus-visible{outline:3px solid #f8cf78;outline-offset:2px}button[aria-pressed=true]{background:#a3b79a;color:#12231b;border-color:#d1dfc3}#app{display:flex;flex-direction:column;overflow:hidden}.topbar{height:68px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(12px,2.5vw,32px);background:#1a2b24;border-bottom:1px solid #3b5547;gap:14px}.brand{display:flex;gap:12px;align-items:center}.brand-mark{font-size:29px;color:#b4c8a2}.brand strong{display:block;font-size:16px;letter-spacing:.14em}.brand small{display:block;font-size:10px;color:#bdc7b8;letter-spacing:.09em}.top-stats{display:flex;gap:10px;flex-wrap:wrap}.top-stats span{background:#253c31;padding:8px 12px;border-radius:10px;color:#d7ded3;font-size:13px}.top-stats b{color:#fff}#stage{position:relative;min-height:0;flex:1;overflow:hidden;background:radial-gradient(circle at 50% 30%,#364b3c,#101d18 76%);touch-action:none}#phaser-root,#phaser-root canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;top:14px;left:16px;pointer-events:none;font-size:11px;letter-spacing:.09em;color:#e8e7d8;background:#1a3027cc;border:1px solid #577061;padding:8px;border-radius:7px}.zoom{position:absolute;right:12px;top:14px;display:flex;flex-direction:column;gap:7px}.zoom button{font-size:22px;background:#1b3029dc}.controlbar{background:#17271f;border-top:1px solid #405749;padding:12px clamp(12px,2.5vw,32px);display:flex;align-items:center;gap:14px;flex-wrap:wrap}.control-group{display:flex;gap:6px;align-items:center}.control-group span{font-size:12px;color:#b7c9b9;margin-right:6px}.hint{font-size:12px;color:#adbdb0;margin:0;flex:1;min-width:180px}@media(max-width:620px){.topbar{height:60px}.brand-mark{font-size:24px}.brand strong{font-size:13px}.brand small{font-size:9px}.top-stats span{padding:6px;font-size:12px}.controlbar{padding:9px 10px 14px;gap:8px;justify-content:space-between}.control-group span{display:none}.control-group{flex:1;justify-content:center}.control-group button{min-height:44px;min-width:55px}.hint{order:3;flex-basis:100%;font-size:11px}.zoom button{min-width:48px;min-height:48px}.scene-label{font-size:9px;max-width:70%;line-height:1.5}}@media(max-height:520px){.topbar{height:48px}.controlbar{padding:5px 10px}.hint{display:none}}