:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#65caff;color:#102032;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;touch-action:none;user-select:none}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-drag:none;-webkit-user-select:none;touch-action:none;user-select:none}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:320px;background:#65caff;overscroll-behavior:none}@supports (height: 100dvh){html,body,#app{height:100dvh}}#app{position:relative;background:linear-gradient(#67caff,#9deaff 58%,#61bd5f 58%,#2f8245)}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow:hidden}#game-root canvas{display:block;width:100%;height:100%;image-rendering:auto;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}#hud{position:absolute;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));display:flex;gap:7px;align-items:center;justify-content:flex-start;pointer-events:none;z-index:3}.hud-chip{display:grid;grid-template-columns:auto auto;gap:6px;align-items:center;min-height:30px;padding:6px 9px;border:2px solid rgba(16,32,50,.2);border-radius:8px;background:#ffffffc7;box-shadow:0 4px #1020321a}.hud-label{font-size:11px;line-height:1;color:#1020329e}.hud-chip strong{min-width:28px;font-size:14px;line-height:1;text-align:right}#touch-controls{position:absolute;inset-inline:max(26px,calc(env(safe-area-inset-left) + 18px)) max(26px,calc(env(safe-area-inset-right) + 18px));bottom:max(34px,calc(env(safe-area-inset-bottom) + 28px));display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none;z-index:4}.control-cluster{display:flex;gap:10px;pointer-events:auto}.control-cluster.movement{transform:translate(2vw)}.control-cluster.actions{transform:translate(-2vw)}.control-button{-moz-appearance:none;appearance:none;-webkit-appearance:none;display:grid;place-items:center;width:56px;height:56px;width:clamp(46px,8.8dvh,60px);height:clamp(46px,8.8dvh,60px);padding:0;border:2px solid rgba(16,32,50,.28);border-radius:8px;background:#ffffff9e;box-shadow:0 5px #1020322e;color:#102032;cursor:pointer;position:relative}.control-button:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px}.control-button svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3}.control-button.is-pressed{transform:translateY(4px);box-shadow:0 1px #10203238;background:#fff3a1}.control-button.ability.is-pressed{background:#ffca7a}#orientation-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:none;place-items:center;z-index:8;padding:24px;background:#102032;color:#fff;font-size:clamp(22px,8vw,36px);font-weight:800;text-align:center}@media(orientation:portrait)and (max-width:800px){#orientation-hint{display:grid}}@media(hover:hover)and (pointer:fine){#touch-controls{opacity:.68}}@media(max-height:430px){#hud{top:8px;gap:6px}.hud-chip{min-height:26px;padding:5px 8px}.hud-label{font-size:10px}.hud-chip strong{font-size:13px}#touch-controls{inset-inline:max(22px,calc(env(safe-area-inset-left) + 14px)) max(22px,calc(env(safe-area-inset-right) + 14px));bottom:max(30px,calc(env(safe-area-inset-bottom) + 24px))}.control-button{width:50px;height:50px;width:clamp(44px,8dvh,52px);height:clamp(44px,8dvh,52px)}.control-button svg{width:27px;height:27px}}