*{box-sizing:border-box}html,body,#app{color:#1f2736;background:#7fa65a;width:100%;height:100%;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block}.hud{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:12px;display:flex;position:fixed;top:18px;left:18px;right:18px}.brand,.legend{background:#faecc9e6;border:2px solid #4a301947;box-shadow:0 8px 20px #20160c2e}.brand{border-radius:8px;align-items:center;gap:12px;min-width:0;padding:10px 14px;display:flex}.mark{color:#77e8ff;letter-spacing:0;background:#113d85;border-radius:7px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.brand div strong,.brand div span{white-space:nowrap;display:block}.brand div strong{font-size:18px}.brand div span{color:#5a4a37;margin-top:2px;font-size:12px}.legend{color:#5a4a37;border-radius:8px;gap:10px;padding:10px 12px;font-size:12px;display:flex}.mobile-dpad{z-index:4;pointer-events:auto;-webkit-user-select:none;user-select:none;grid-template-rows:46px 46px 46px;grid-template-columns:46px 46px 46px;gap:5px;width:148px;height:148px;display:none;position:fixed;top:14px;right:14px}.dpad-button{color:#1f2736;letter-spacing:0;touch-action:none;background:#faecc9eb;border:2px solid #2d1f1461;border-radius:8px;place-items:center;width:46px;height:46px;font:800 22px/1 ui-sans-serif,system-ui,sans-serif;display:grid;box-shadow:0 6px 14px #20160c2e}.dpad-button:active{background:#ffd885f2;transform:translateY(1px)}.dpad-up{grid-area:1/2}.dpad-left{grid-area:2/1}.dpad-right{grid-area:2/3}.dpad-down{grid-area:3/2}@media (width<=620px){.hud{flex-direction:column;align-items:stretch}.brand div strong,.brand div span{white-space:normal}.legend{width:fit-content}}@media (width<=760px),(pointer:coarse){.hud{top:12px;left:12px;right:176px}.brand{max-width:min(56vw,250px);padding:8px 10px}.mark{width:36px;height:36px}.brand div strong{font-size:15px}.brand div span{font-size:11px}.legend{display:none}.mobile-dpad{display:grid}}@media (width<=390px){.hud{right:154px}.mobile-dpad{grid-template-rows:40px 40px 40px;grid-template-columns:40px 40px 40px;gap:4px;width:128px;height:128px}.dpad-button{width:40px;height:40px;font-size:20px}}