:root{--color-bg:#0c1220;--color-text:#f3efe6;--color-text-muted:#f3efe6bd;--color-accent:#f2d8a7;--color-accent-text:#1d2433;--color-notice:#f6c2a8;--panel-bg:#0a0f1a75;--panel-border:#ffffff14;--text-shadow:0 1px 10px #0000008c}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;font-family:-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,sans-serif;overflow:hidden}#scene{touch-action:none;width:100%;height:100%;display:block;position:fixed;inset:0}body[data-phase=walking] #scene,body[data-phase=seated] #scene{cursor:grab}.overlay{pointer-events:none;place-items:center;padding:16px 16px max(16px,16vh);display:grid;position:fixed;inset:0}.overlay>*{grid-area:1/1}.overlay p{margin:0}.panel{pointer-events:auto;border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:10px;width:min(100%,340px);padding:28px 24px 24px;display:flex}.panel h1{letter-spacing:6px;margin:0;padding-left:6px;font-size:30px;font-weight:500}.tagline{color:var(--color-text-muted);font-size:14px}.daypart{color:var(--color-text-muted);font-size:13px}.nickname{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:flex}.nickname strong{color:var(--color-text);font-weight:600}.mat-row{color:var(--color-text-muted);align-items:center;gap:10px;font-size:13px;display:flex}.mat-picker{gap:8px;display:flex}.mat-swatch{background:linear-gradient(90deg, #ffffff80 50%, transparent 50%) 0 0 / 8px 8px, linear-gradient(#ffffff80 50%, transparent 50%) 0 0 / 8px 8px, var(--swatch);cursor:pointer;border:1px solid #ffffff59;border-radius:50%;width:26px;height:26px;padding:0}.mat-swatch[aria-checked=true]{outline:2px solid var(--color-text);outline-offset:2px}.mat-swatch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.parks{flex-direction:column;gap:10px;width:100%;margin-top:10px;display:flex}.park{background:var(--color-accent);min-height:56px;color:var(--color-accent-text);font:inherit;cursor:pointer;border:0;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:8px 16px;display:flex}.park:disabled{opacity:.4;cursor:not-allowed}.park strong{font-size:16px;font-weight:600}.park small{opacity:.7;font-size:12px}.park:focus-visible,.pill-button:focus-visible,.sit-button:focus-visible{outline:2px solid var(--color-text);outline-offset:3px}.rules{color:var(--color-text-muted);font-size:12.5px;line-height:1.7;margin-top:6px!important}.notice{color:var(--color-notice);font-size:12px;line-height:1.6}.hint{text-align:center;white-space:pre-line;max-width:320px;color:var(--color-text);text-shadow:var(--text-shadow);font-size:14px;line-height:1.7;animation:7s forwards hint-fade}.hint[data-kind=wave]{animation-duration:4s}@keyframes hint-fade{0%{opacity:0}12%,75%{opacity:1}to{opacity:0}}.nameplates{pointer-events:none;position:fixed;inset:0;overflow:hidden}.nameplate{color:var(--color-text);white-space:nowrap;will-change:transform, opacity;background:#0a0f1a6b;border-radius:999px;padding:2px 8px;font-size:11px;line-height:1.5;transition:opacity .3s;position:absolute;top:0;left:0}.hud{top:max(12px, env(safe-area-inset-top));color:var(--color-text-muted);text-shadow:var(--text-shadow);justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex;position:fixed;left:16px;right:16px}.hud-place{flex-direction:column;gap:2px;display:flex}.hud-people{font-size:12px}.hud-people:empty{display:none}.wave-button{grid-column:1;place-self:center start}.wave-button:disabled{opacity:.5;cursor:default}.pill-button{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:36px;color:var(--color-text);font:inherit;cursor:pointer;border-radius:999px;padding:0 14px;font-size:13px}.controls{left:16px;right:16px;bottom:max(16px, env(safe-area-inset-bottom));pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:end;display:grid;position:fixed}.controls>*{pointer-events:auto}.sit-button{background:var(--color-accent);min-height:48px;color:var(--color-accent-text);font:inherit;cursor:pointer;border:0;border-radius:999px;grid-column:2;padding:0 28px;font-size:15px;font-weight:600}.sound{grid-column:3;justify-self:end;position:relative}.sound-panel{border:1px solid var(--panel-border);background:var(--panel-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;flex-direction:column;gap:12px;width:220px;padding:16px;font-size:13px;display:flex;position:absolute;bottom:calc(100% + 8px);right:0}.sound-panel label{gap:6px;display:grid}.sound-panel .mute{align-items:center;gap:8px;display:flex}.sound-panel input[type=range]{width:100%;accent-color:var(--color-accent)}.panel-links{justify-content:center;gap:14px;display:flex}a.text-button{align-items:center;display:inline-flex}.text-button{min-height:32px;color:var(--color-text-muted);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0 4px;font-size:12px;text-decoration:underline}.credits{border:1px solid var(--panel-border);width:min(100% - 32px,460px);max-height:calc(100% - 32px);color:var(--color-text);-webkit-user-select:text;user-select:text;background:#0c121ef0;border-radius:18px;padding:22px 22px 18px;font-size:13px;line-height:1.6}.credits::backdrop{background:#0006}.credits h2{margin:0 0 10px;font-size:16px;font-weight:600}.credits p{color:var(--color-text-muted);margin:0 0 10px}.credits ul{margin:0 0 12px;padding-left:18px}.credits li{margin-bottom:6px}.credits a{color:var(--color-accent)}.credits code{font-size:12px}.credits form{justify-content:flex-end;display:flex}@media (prefers-reduced-motion:reduce){.hint{animation-duration:10s}}body[data-dev-deployment] #hud-park:after{content:" · 개발 서버";color:#f4c46a}