:root{font-family:Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#f2eddd;background:#142b33;--gold:#edc987;--line:#ffffff35}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}.app,.stage{width:100vw;height:100vh;height:100dvh;overflow:hidden}.stage{position:relative;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}button,select{font:inherit;color:inherit;background:#17313de8;border:1px solid var(--line);border-radius:10px;min-height:44px;padding:10px 14px;cursor:pointer}button:hover{background:#354c54}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.primary{background:#75572a;color:#fff3dc}[hidden]{display:none!important}.scene-hud,.top-controls,.interaction-overlay,.touch-controls,#portal-hotspots{position:absolute;pointer-events:none}.scene-hud{top:max(16px,env(safe-area-inset-top));left:max(16px,env(safe-area-inset-left));z-index:3;display:grid;gap:5px;font-size:12px;line-height:1.4;text-shadow:0 1px 5px #000;background:#122b339c;border-radius:12px;padding:12px}#location-breadcrumb{font-size:11px;color:#d4d9cf}.top-controls{top:max(16px,env(safe-area-inset-top));right:max(16px,env(safe-area-inset-right));z-index:5;display:flex;align-items:start;gap:8px}.top-controls button,.actions button,.actions select,.touch-controls button,.portal-hotspot{pointer-events:auto}.music-control{display:flex;flex-direction:column;align-items:stretch;max-width:220px}.music-control #sound{min-width:112px;background:#193b46f5}#sound span{display:inline}#track-label{display:block;max-width:220px;padding:5px 7px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#122b33d9;border-radius:5px}#bgm{display:none}.interaction-overlay{z-index:4;bottom:max(48px,calc(env(safe-area-inset-bottom) + 36px));left:50%;transform:translate(-50%);width:min(560px,calc(100% - 32px));display:flex;align-items:center;flex-direction:column;gap:8px}#nearby-hint{font-size:13px;border-radius:8px;background:#122b33d9;padding:7px 12px;text-align:center}#nearby-hint:empty{display:none}.actions{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;pointer-events:none}.canvas-hint{position:absolute;pointer-events:none;bottom:max(12px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);white-space:nowrap;color:#e9ebddc9;font-size:11px;text-shadow:0 1px 5px #000}.connection{position:absolute;z-index:6;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;background:#17313df2;border-radius:14px;text-align:center;white-space:pre-line;pointer-events:none}#toast{position:absolute;z-index:8;top:30%;left:50%;transform:translate(-50%);max-width:85vw;background:#17313df2;border-radius:10px;padding:12px 18px;pointer-events:none;opacity:0;text-align:center}#toast.visible{opacity:1}#portal-hotspots{inset:0;z-index:2}.portal-hotspot{position:absolute;transform:translate(-50%,-50%);width:44px;height:44px;padding:0;border-radius:50%;border-color:#eed6a17d;background:#25423b60}.portal-hotspot span{position:absolute;bottom:46px;left:50%;transform:translate(-50%);white-space:nowrap;padding:5px 8px;border-radius:6px;background:#17313de8;font-size:11px}.touch-controls{display:none;z-index:4;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));align-items:center;flex-direction:column;gap:5px}.touch-controls div{display:flex;gap:5px}.touch-controls button{width:44px;height:44px;padding:0;touch-action:none}dialog{color:#f2eddd;background:#17313dfc;border:1px solid #c4cdbd66;border-radius:18px;padding:28px;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;line-height:1.7}dialog::backdrop{background:#07151cb8}dialog h2{font-size:22px;margin-top:0}dialog p,dialog li{font-size:14px}dialog fieldset{border:1px solid var(--line);border-radius:10px;margin:18px 0}dialog small{font-size:11px}.dialog-close{float:right;font-size:20px}.dialog-actions{display:flex;justify-content:space-between;gap:10px}#colors,#slots{display:flex;flex-wrap:wrap;gap:8px}#colors button{width:44px;height:44px;border:3px solid transparent}#colors button[aria-pressed=true],#slots button[aria-pressed=true]{outline:3px solid var(--gold);outline-offset:2px}#slots button{min-width:44px;padding:7px}#context-actions{display:grid;gap:8px;margin:16px 0}#context-actions button{text-align:left}#context-actions button[aria-current=true]{border-color:var(--gold);background:#75572a}@media(max-width:650px){.scene-hud{font-size:10px;padding:8px;max-width:45vw;gap:3px}#location-breadcrumb{font-size:9px}.top-controls{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:49vw}.top-controls button{font-size:11px;padding:8px}.music-control{max-width:170px;flex-basis:100%}#track-label{font-size:10px;max-width:170px}#camera-reset,#help{min-height:44px}.touch-controls{display:flex}.interaction-overlay{bottom:max(125px,calc(env(safe-area-inset-bottom) + 115px));width:calc(100% - 24px)}.actions button,.actions select{font-size:12px}.canvas-hint{left:12px;transform:none;bottom:max(12px,env(safe-area-inset-bottom));max-width:calc(100% - 175px);white-space:normal;font-size:9px}#nearby-hint{font-size:12px}.portal-hotspot span{font-size:10px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}