:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#14181d;color:#f4f1e8}*{box-sizing:border-box}html,body{width:100%;height:100%;min-height:100%;margin:0;overflow:hidden;overscroll-behavior:none;touch-action:none;user-select:none;-webkit-user-select:none}body{background:linear-gradient(180deg,#14181de0,#14181dfa),radial-gradient(circle at top left,rgba(112,183,126,.18),transparent 34%),#14181d}button{border:0;font:inherit;touch-action:none}.app-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(100vw,840px);height:100svh;max-height:100svh;min-height:0;margin:0 auto;padding:max(8px,env(safe-area-inset-top)) 8px max(8px,env(safe-area-inset-bottom));gap:8px;overflow:hidden}@supports (height: 100dvh){.app-shell{height:100dvh;max-height:100dvh}}.hud{display:grid;grid-template-columns:minmax(104px,.46fr) minmax(0,1.54fr);gap:6px;align-items:stretch}.brand{display:grid;align-content:center;min-height:64px;padding:8px 9px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px}h1,p{margin:0}h1{font-size:1.05rem;line-height:1.05;letter-spacing:0}.brand p{margin-top:4px;color:#c6d2ce;font-size:.68rem;line-height:1.25}.meters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px}.meter{position:relative;min-height:30px;padding:5px 6px;overflow:hidden;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:8px}.meter span,.meter strong{position:relative;z-index:1;display:block;font-size:.62rem;line-height:1.05}.meter strong{margin-top:2px;font-size:.78rem}.meter i{position:absolute;inset:auto 0 0;width:var(--value);height:4px;background:linear-gradient(90deg,#70b77e,#f2d264,#f2a65a)}.game-frame{position:relative;min-height:0;overflow:hidden;background:#263a34;border:1px solid rgba(255,255,255,.18);border-radius:8px}canvas{display:block;width:100%;height:100%;min-height:0}.message-log{position:absolute;left:10px;right:10px;bottom:10px;display:none;gap:6px;pointer-events:none}.message-log p{width:fit-content;max-width:100%;padding:7px 9px;color:#f4f1e8;background:#0d1216c2;border:1px solid rgba(255,255,255,.16);border-radius:8px;font-size:.78rem;line-height:1.25}.controls{display:grid;grid-template-columns:46px minmax(112px,1fr) 46px;gap:6px;align-items:stretch}.steer-pad{display:grid;grid-template-columns:1fr 1fr;gap:6px}.icon-button,.steer-pad button,.action-button{min-height:44px;color:#14181d;background:#f4f1e8;border-radius:8px;box-shadow:inset 0 -3px #0000002e}.icon-button,.steer-pad button{font-size:1.3rem;font-weight:800}.action-button{grid-column:span 1;padding:0 8px;font-size:.78rem;font-weight:760}.action-button:disabled{color:#f4f1e86b;background:#f4f1e81f}.action-button.subtle{color:#f4f1e8;background:#ffffff1f}button:active{transform:translateY(1px)}@media(max-height:620px){.app-shell{padding-top:max(6px,env(safe-area-inset-top));padding-bottom:max(6px,env(safe-area-inset-bottom));gap:6px}.brand{min-height:54px}.meter{min-height:27px;padding:4px 5px}.message-log p{font-size:.7rem;padding:5px 7px}.icon-button,.steer-pad button,.action-button{min-height:38px}}@media(max-width:360px){.hud{grid-template-columns:96px minmax(0,1fr)}.meters{grid-template-columns:repeat(2,minmax(0,1fr))}.controls{grid-template-columns:42px minmax(96px,1fr) 42px}}@media(min-width:680px){.app-shell{grid-template-columns:minmax(0,1fr) 220px;grid-template-rows:auto minmax(0,1fr);height:100dvh}.hud{grid-column:1 / -1;grid-template-columns:220px minmax(0,1fr)}.game-frame{min-height:0}.controls{grid-template-columns:1fr 1fr;align-content:start}.steer-pad,.action-button,.icon-button{grid-column:1 / -1}.icon-button{min-height:56px}canvas{min-height:0}}