:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0f14;--panel:#0c1016b8;--line:#ffffff1f;--accent:#7cc6ff}*{box-sizing:border-box}html,body{background:var(--bg);color:#e9eef3;height:100%;margin:0;font-family:-apple-system,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif;overflow:hidden}#app{position:fixed;inset:0}#app canvas{touch-action:none;width:100%;height:100%;display:block}#loading{z-index:50;background:radial-gradient(#16202b 0%,#0b0f14 70%);flex-direction:column;justify-content:center;align-items:center;gap:16px;transition:opacity .6s;display:flex;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}.spinner{border:3px solid #ffffff26;border-top-color:var(--accent);border-radius:50%;width:44px;height:44px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loading-text{opacity:.85;letter-spacing:.02em;font-size:14px}#hud{pointer-events:none;z-index:10;position:fixed;inset:0}#hud>*{pointer-events:auto}#topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex;position:absolute;top:12px;left:12px;right:12px}#topbar .title{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);letter-spacing:-.01em;border-radius:10px;padding:8px 14px;font-size:15px;font-weight:700}#topbar .title span{opacity:.7;margin-left:6px;font-size:13px;font-weight:400}#topbar .controls{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;gap:6px;padding:6px;display:flex}#topbar button,#topbar select{appearance:none;border:1px solid var(--line);color:#e9eef3;cursor:pointer;background:#ffffff0f;border-radius:7px;padding:6px 10px;font-family:inherit;font-size:13px}#topbar button:hover,#topbar select:hover{background:#ffffff24}#topbar button.active{background:var(--accent);color:#06121c;border-color:#0000;font-weight:600}#minimap{background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:6px;position:absolute;bottom:12px;right:12px}#minimap canvas{cursor:crosshair;border-radius:6px;width:340px;height:auto;display:block}#minimap-zoom{border:1px solid var(--line);color:#fff;cursor:pointer;background:#0a0e14b3;border-radius:6px;padding:3px 7px;font-size:11px;position:absolute;top:10px;left:10px}#minimap-zoom:hover{background:#fff3}#hint{background:var(--panel);border:1px solid var(--line);opacity:.85;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:calc(100% - 300px);padding:7px 14px;font-size:12px;position:absolute;bottom:14px;left:50%;overflow:hidden;transform:translate(-50%)}#help{background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:12px;width:min(420px,100% - 24px);padding:14px 18px;font-size:13px;line-height:1.55;position:absolute;top:70px;left:12px}#help.hidden{display:none}#help h3{margin:0 0 8px;font-size:15px}#help ul{margin:0;padding-left:18px}#help .src{opacity:.6;margin:10px 0;font-size:11px}#help button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff14;border-radius:7px;padding:6px 12px}@media (pointer:coarse){#hint{display:none}}.label{color:#fff;letter-spacing:.02em;text-shadow:0 1px 2px #000000e6,0 0 8px #0009;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:12px;font-weight:600}.label.garden{color:#eaffd6;font-size:13px}.label.play{color:#ffe6a8}.label.dong{color:#dff1ff;opacity:.9;font-size:12px}.label.facility{color:#ffd7c2}.label.gate{color:#c9d7ff}.label.road{color:#cfd6dd;opacity:.8;font-size:11px}#fps{background:var(--panel);border:1px solid var(--line);opacity:.8;font-variant-numeric:tabular-nums;border-radius:8px;padding:5px 9px;font-size:11px;position:absolute;bottom:14px;left:12px}.label.community{color:#ffe9a8;font-size:12px}#toast{background:var(--panel);border:1px solid var(--line);opacity:0;border-radius:8px;padding:8px 14px;font-size:13px;transition:opacity .3s;position:absolute;top:70px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (max-width:700px){#topbar .title span{display:none}#minimap canvas{width:200px}}