:root{color:#f4f0df;background:#10202b;font-family:Inter,ui-rounded,SF Pro Rounded,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;overscroll-behavior:none}body{min-height:100vh;background:radial-gradient(circle at 18% 0%,rgba(72,132,134,.28),transparent 36rem),linear-gradient(180deg,#152c3a,#0e1b24)}button{font:inherit}#app{width:min(100%,1440px);margin:0 auto;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}.topbar,#hud,#touch-controls{display:flex;align-items:center}.topbar{justify-content:space-between;gap:16px;margin-bottom:10px}.topbar h1{margin:1px 0 0;font-size:clamp(18px,3vw,28px);letter-spacing:-.03em}.eyebrow{margin:0;color:#f1c75b;font-size:12px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.plain-button,#touch-controls button,.overlay button{border:1px solid rgba(255,255,255,.22);color:#fff9e8;background:#ffffff1a;box-shadow:inset 0 1px #ffffff21,0 5px 16px #00000038;cursor:pointer}.plain-button{padding:9px 16px;border-radius:999px}#game-shell{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:20px;background:#9fd6de;box-shadow:0 20px 55px #00000059}#game,#game canvas{display:block;width:100%}#game canvas{aspect-ratio:16 / 9;touch-action:none}.panel{border:1px solid rgba(255,255,255,.22);border-radius:16px;color:#f9f5e9;background:#0f202be6;box-shadow:0 12px 34px #00000047;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.intro-card{position:absolute;top:16px;left:50%;display:grid;gap:3px;width:max-content;max-width:calc(100% - 32px);padding:10px 16px;transform:translate(-50%);text-align:center;transition:opacity .3s,transform .3s}.intro-card span{color:#cbd8d7;font-size:13px}.intro-card.dismissed{opacity:0;transform:translate(-50%,-8px);pointer-events:none}.overlay{position:absolute;inset:0;display:grid;place-items:center;background:#07121a94;z-index:5}.overlay[hidden]{display:none}.overlay-card{width:min(420px,calc(100% - 40px));padding:26px;text-align:center}.overlay-card h2{margin:6px 0 8px;font-size:clamp(24px,5vw,42px)}.overlay-card p:not(.eyebrow){margin:0 0 20px;color:#cbd8d7}.overlay button{min-width:150px;padding:12px 22px;border-radius:999px;background:#c66443;font-weight:800}#orientation-hint{display:none;position:absolute;inset:0;place-items:center;z-index:9;background:#172b3af2;font-size:20px;font-weight:800}#hud{justify-content:space-between;gap:16px;min-height:40px;padding:8px 4px 0;font-weight:750}#hearts{color:#f26a66;letter-spacing:.1em;white-space:nowrap}#objective{color:#f1c75b}#status{color:#b9ccce;text-align:right}#touch-controls{justify-content:space-between;gap:20px;margin-top:8px;touch-action:none;user-select:none;-webkit-user-select:none}.control-cluster{display:flex;gap:10px}#touch-controls button{min-width:78px;min-height:58px;padding:10px 16px;border-radius:16px;font-weight:850}#touch-controls button.active,#touch-controls button:active{background:#c66443;transform:translateY(1px)}.keyboard-help{margin:9px 0 0;color:#8fa9ae;text-align:center;font-size:13px}@media(hover:hover)and (pointer:fine){#touch-controls{opacity:.72}#touch-controls:hover{opacity:1}}@media(orientation:portrait)and (max-width:720px){#orientation-hint{display:grid}}@media(orientation:landscape)and (max-height:620px){#app{width:min(100%,1120px);padding-top:5px;padding-bottom:5px}.topbar{margin-bottom:4px}.topbar .eyebrow,.keyboard-help{display:none}.topbar h1{font-size:16px}.plain-button{padding:6px 12px}#game-shell{width:min(100%,calc((100svh - 68px) * 16 / 9));margin-inline:auto;border-radius:12px}#hud{width:min(100%,calc((100svh - 68px) * 16 / 9));min-height:29px;margin-inline:auto;padding-top:4px;font-size:12px}#touch-controls{position:fixed;inset:auto max(8px,env(safe-area-inset-right)) max(6px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));z-index:8;pointer-events:none}#touch-controls button{min-width:70px;min-height:44px;padding:6px 10px;pointer-events:auto;background:#0f202bbd}}