:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff8e8;background:#101623;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button,input,select{font:inherit}#app{position:relative}#game-canvas{width:100%;height:100%;display:block;background:#111827;touch-action:none}#ui-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:linear-gradient(180deg,#0c1222d1,#0c122275),radial-gradient(circle at 50% 95%,rgba(255,207,51,.18),transparent 34%);pointer-events:auto}.panel{width:min(960px,100%);max-height:min(760px,94vh);overflow:auto;padding:clamp(18px,3vw,34px);border:2px solid rgba(255,248,232,.2);border-radius:8px;background:#0f1630e6;box-shadow:0 20px 70px #00000059}.title{margin:0 0 6px;font-size:clamp(38px,8vw,84px);line-height:.95;letter-spacing:0}.subtitle{margin:0 0 24px;max-width:640px;color:#fce7b5;font-size:clamp(16px,2vw,22px)}.menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin-block:16px 24px}.choice{min-height:124px;padding:16px;border:2px solid rgba(255,248,232,.16);border-radius:8px;color:#fff8e8;background:#16213deb;cursor:pointer;text-align:left}.choice:hover,.choice:focus-visible{border-color:#ffcf33;outline:none}.choice[aria-disabled=true],.choice.locked{cursor:not-allowed;color:#fff8e88f;background:#1f2937c7}.choice strong{display:block;margin-bottom:8px;font-size:22px}.choice span{display:block;color:#cdebd5;font-size:14px;line-height:1.35}.button-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.primary,.secondary,.danger{min-height:48px;padding:0 18px;border:0;border-radius:8px;cursor:pointer;font-weight:800}.primary{color:#111827;background:#ffcf33}.secondary{color:#fff8e8;background:#2e7d69}.danger{color:#fff8e8;background:#b94343}.hud{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.hud.visible{display:block}.topbar{position:absolute;left:max(16px,env(safe-area-inset-left));right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));display:grid;grid-template-columns:minmax(150px,1.2fr) minmax(110px,1fr) minmax(120px,1fr) minmax(60px,.4fr) minmax(80px,.5fr) repeat(3,60px);gap:10px;align-items:stretch}.hud-pill{min-height:48px;padding:8px 12px;border:1px solid rgba(255,248,232,.18);border-radius:8px;background:#0f1630c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden}.hud-label{display:block;color:#fce7b5;font-size:11px;font-weight:800;text-transform:uppercase}.hud-value{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:18px;font-weight:900}.health-track{height:10px;margin-top:6px;border-radius:999px;background:#ffffff26;overflow:hidden}.health-fill{width:100%;height:100%;background:linear-gradient(90deg,#3bb273,#ffcf33)}.icon-btn{width:100%;min-height:48px;border:1px solid rgba(255,248,232,.18);border-radius:8px;color:#fff8e8;background:#0f1630c7;pointer-events:auto;cursor:pointer;font-weight:900}.message{position:absolute;left:50%;top:92px;transform:translate(-50%);max-width:min(680px,calc(100vw - 32px));padding:12px 16px;border-radius:8px;color:#111827;background:#ffcf33f2;box-shadow:0 14px 36px #00000047;font-weight:900;text-align:center;opacity:0;transition:opacity .16s ease}.message.visible{opacity:1}.action-chip{position:absolute;left:50%;bottom:max(28px,env(safe-area-inset-bottom));transform:translate(-50%);min-width:104px;min-height:48px;display:grid;place-items:center;padding:0 18px;border-radius:8px;color:#111827;background:#ffcf33f2;font-size:20px;font-weight:900;opacity:0;transition:opacity .12s ease}.action-chip.visible{opacity:1}.touch-controls{position:absolute;top:0;right:0;bottom:0;left:0;display:none;pointer-events:none}.touch-controls.visible{display:none}.joystick{position:absolute;left:max(18px,env(safe-area-inset-left));bottom:max(22px,env(safe-area-inset-bottom));width:132px;height:132px;border:2px solid rgba(255,248,232,.25);border-radius:50%;background:#0f163066;pointer-events:auto;touch-action:none}.joystick-knob{position:absolute;left:41px;top:41px;width:50px;height:50px;border-radius:50%;background:#ffcf33}.touch-stack{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));display:grid;grid-template-columns:72px 56px;gap:10px;align-items:end;pointer-events:auto}.touch-action{width:72px;height:72px;border:0;border-radius:50%;color:#111827;background:#ffcf33;font-weight:900}.touch-small{width:56px;height:56px;border:0;border-radius:8px;color:#fff8e8;background:#2e7d69;font-weight:900}.rotate-prompt{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;padding:24px;color:#fff8e8;background:#0f1630db;text-align:center;font-size:24px;font-weight:900;pointer-events:none}.debug{position:absolute;left:12px;bottom:12px;display:none;padding:6px 8px;border-radius:6px;color:#cdebd5;background:#0000008c;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media(hover:none),(pointer:coarse){.touch-controls.visible{display:block}.topbar{grid-template-columns:1fr .86fr .86fr auto auto}.action-chip{bottom:max(104px,env(safe-area-inset-bottom))}}@media(orientation:portrait)and (max-width:900px){.rotate-prompt{display:grid}.topbar{grid-template-columns:1fr 1fr}}@media(max-width:720px){.topbar{grid-template-columns:1fr 1fr}.hud-pill{min-height:42px}.hud-value{font-size:15px}}