:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#16202a;background:#92c7ff;color-scheme:light;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}#app{position:relative;min-width:320px;background:#92c7ff;touch-action:none;-webkit-user-select:none;user-select:none}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;outline:none}.hud,.actions,.message,.modal{position:absolute;z-index:2}.hud{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));display:flex;gap:8px;align-items:stretch}.metric{min-width:86px;padding:8px 10px;border:1px solid rgba(255,255,255,.58);border-radius:8px;background:#ffffffc2;box-shadow:0 10px 30px #364b6024;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.metric span{display:block;margin-bottom:2px;color:#526170;font-size:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.metric strong{display:block;font-size:1.48rem;line-height:1;letter-spacing:0}.metric.accent strong{color:#b36a00}.actions{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));display:flex;gap:8px}.icon-button,#modal-restart{border:1px solid rgba(255,255,255,.62);border-radius:8px;background:#ffffffd1;color:#172331;box-shadow:0 10px 30px #364b6024;cursor:pointer;transition:transform .14s ease,background .14s ease,box-shadow .14s ease}.icon-button:hover,#modal-restart:hover{background:#fff;box-shadow:0 12px 34px #364b6033;transform:translateY(-1px)}.icon-button:active,#modal-restart:active{transform:translateY(1px) scale(.98)}.icon-button{display:grid;width:42px;height:42px;place-items:center;font-weight:900}.pause-mark{position:relative;display:block;width:15px;height:18px}.pause-mark:before,.pause-mark:after{position:absolute;top:0;width:5px;height:18px;border-radius:2px;background:#172331;content:""}.pause-mark:before{left:1px}.pause-mark:after{right:1px}.message{top:74px;left:50%;max-width:min(520px,calc(100vw - 32px));padding:8px 12px;border-radius:8px;background:#141f2bcc;color:#fff;font-size:.92rem;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,-8px);transition:opacity .18s ease,transform .18s ease;white-space:nowrap}.message.show{opacity:1;transform:translate(-50%)}.modal{top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#18233040;opacity:0;pointer-events:none;transition:opacity .18s ease}.modal.show{opacity:1;pointer-events:auto}.modal-panel{width:min(360px,calc(100vw - 48px));padding:22px;border:1px solid rgba(255,255,255,.68);border-radius:8px;background:#ffffffe0;box-shadow:0 24px 70px #19263447;text-align:center;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.modal-panel h1{margin:0 0 8px;color:#172331;font-size:1.75rem;line-height:1.05;letter-spacing:0}.modal-panel p{margin:0 0 18px;color:#4c5c6c;font-weight:750}#modal-restart{width:100%;min-height:44px;padding:10px 14px;background:#172331;color:#fff;font-weight:900}@media(max-width:680px){.hud{gap:6px}.metric{min-width:72px;padding:7px 8px}.metric span{font-size:.62rem}.metric strong{font-size:1.18rem}.actions{flex-direction:column}.icon-button{width:38px;height:38px}.message{top:112px;max-width:calc(100vw - 24px);overflow:hidden;text-overflow:ellipsis}}