:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fff;color:#17201b;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button{border:1px solid rgba(23,32,27,.22);border-radius:6px;background:#ffffffb8;color:inherit;cursor:pointer;font:inherit;transition:background .16s ease,border-color .16s ease,transform .16s ease}button:hover{background:#ffffffeb;border-color:#17201b61}button:active{transform:translateY(1px)}#app{min-height:100vh;background:#fff}.game-shell{position:relative;min-height:100vh;isolation:isolate}#gameCanvas{display:block;width:100vw;height:100vh;outline:none}.hud,.status-panel,.touch-pad,.control-hint{position:fixed;z-index:2}.hud{top:34px;left:0;right:22px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;pointer-events:none}.hud__brand{position:relative;min-width:0;pointer-events:auto}.hud__logo{display:block;width:min(156px,38vw);height:auto;cursor:pointer}.mode-menu{position:absolute;top:calc(100% + 8px);left:12px;display:grid;gap:6px;width:172px;padding:8px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffeb;box-shadow:0 10px 24px #17201b1f;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .14s ease,transform .14s ease}.hud__brand:hover .mode-menu,.hud__brand:focus-within .mode-menu{opacity:1;pointer-events:auto;transform:translateY(0)}.mode-menu button{min-height:34px;padding:7px 9px;text-align:left;background:#ffffffd6}.mode-menu button.is-active{border-color:#2d6f3a94;background:#2d6f3a1f}.hud__kicker,.status-panel__label{display:block;color:#17201b9e;font-size:.76rem;letter-spacing:0;text-transform:uppercase}h1{margin:3px 0 0;font-size:clamp(1.35rem,3vw,2.45rem);line-height:1;letter-spacing:0}.hud__stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:min(46vw,360px)}.hud__stats span{display:inline-flex;gap:8px;align-items:baseline;min-height:38px;padding:9px 12px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffc7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#17201bb8;font-size:.86rem}.hud__stats strong{color:#17201b;font-size:1.08rem}.status-panel{left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:minmax(116px,auto) minmax(116px,auto) minmax(178px,240px) 1fr;align-items:end;gap:12px;pointer-events:none}.status-panel>div{min-width:0}.status-panel strong{display:block;margin-top:3px;font-size:1rem}.speed-control{pointer-events:auto}.speed-control__row{display:grid;grid-template-columns:minmax(104px,1fr) 52px;align-items:center;gap:10px;margin-top:3px}.speed-control input{width:100%;accent-color:#2d6f3a}.speed-control strong{text-align:right}.status-panel__actions{display:flex;justify-content:flex-end;gap:8px;pointer-events:auto}.status-panel__actions button{min-width:92px;min-height:38px;padding:8px 13px}.touch-pad{right:22px;bottom:78px;display:none;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:7px}.touch-pad button{min-width:46px;min-height:46px;font-size:1.15rem;line-height:1}.touch-pad button[data-dir=north]{grid-column:2}.touch-pad button[data-dir=west]{grid-column:1;grid-row:2}.touch-pad button[data-dir=east]{grid-column:3;grid-row:2}.touch-pad button[data-dir=south]{grid-column:2;grid-row:2}.control-hint{right:22px;bottom:72px;display:grid;gap:4px;width:206px;padding:10px 12px;border:1px solid rgba(23,32,27,.12);border-radius:6px;background:#ffffffc2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#17201bbd;font-size:.78rem;line-height:1.25;pointer-events:none}@media(max-width:760px){body{overflow:auto}#app,.game-shell{min-height:100svh}.hud{top:24px;left:0;right:12px;gap:10px}.hud__logo{width:min(128px,34vw)}h1{font-size:clamp(1.2rem,6vw,1.75rem)}.hud__stats{max-width:45vw;gap:6px}.hud__stats span{min-height:32px;padding:7px 9px;font-size:.74rem}.hud__stats strong{font-size:.95rem}.status-panel{left:12px;right:12px;bottom:12px;grid-template-columns:1fr 1fr}.status-panel__actions{grid-column:1 / -1;justify-content:flex-start}.speed-control{grid-column:1 / -1;max-width:220px}.status-panel__actions button{min-width:84px}.touch-pad{display:grid;right:14px;bottom:208px}.control-hint{right:12px;bottom:318px;width:174px;padding:8px 10px;font-size:.72rem}}