:root{color:#f5f5f5;font-family:Segoe UI,Yu Gothic UI,sans-serif;background:#fff}*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#fff;touch-action:none}canvas{display:block}#hud{position:fixed;left:14px;top:14px;z-index:30;pointer-events:none;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:10px 12px;min-width:230px}#stageLabel{font-size:22px;font-weight:700;letter-spacing:.08em;line-height:1}#message{margin-top:8px;font-size:13px;opacity:.95;line-height:1.35}#cameraInfo{position:fixed;right:14px;bottom:14px;z-index:30;pointer-events:none;color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:10px;padding:8px 10px;min-width:310px;font-size:12px;line-height:1.35;font-family:Consolas,Courier New,monospace}#minimap{position:fixed;right:14px;top:14px;width:180px;height:180px;border:2px solid rgba(120,120,120,.9);border-radius:10px;background:#ffffffeb;z-index:30}#touchControls{position:fixed;left:14px;bottom:14px;width:152px;height:152px;z-index:35;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:6px;touch-action:none;-webkit-user-select:none;user-select:none}.move-key{border:1px solid rgba(255,255,255,.45);border-radius:10px;background:#14141480;color:#f2f2f2;font-size:20px;font-weight:700;font-family:Segoe UI,Yu Gothic UI,sans-serif;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);touch-action:none}.move-key:active,.move-key.is-pressed{background:#5c7082b8}.key-w{grid-column:2;grid-row:1}.key-a{grid-column:1;grid-row:2}.key-s{grid-column:2;grid-row:2}.key-d{grid-column:3;grid-row:2}@media(max-width:920px){#cameraInfo{min-width:250px;font-size:11px}#minimap{width:140px;height:140px}}@media(hover:hover)and (pointer:fine){#touchControls{opacity:.42}#touchControls:hover{opacity:1}}