:root{--bg-glass: rgba(18, 26, 42, .78);--bg-glass-strong: rgba(15, 23, 38, .92);--border-glass: rgba(255, 255, 255, .16);--text-main: #f8fafc;--text-sub: #cbd5e1;--accent-emerald: #10b981;--accent-gold: #fbbf24;--accent-sky: #38bdf8;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px)}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{width:100%;height:100%;overflow:hidden;background:#86c27a;font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--text-main);-webkit-user-select:none;user-select:none;touch-action:none}#plaza-canvas{position:fixed;inset:0;width:100vw;height:100dvh;display:block;z-index:1;touch-action:none}#hud-root{position:fixed;inset:0;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:calc(10px + var(--safe-top)) calc(12px + var(--safe-right)) calc(10px + var(--safe-bottom)) calc(12px + var(--safe-left))}.hidden{display:none!important}.top-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.brand-pill{pointer-events:auto;display:flex;align-items:center;gap:8px;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);padding:6px 13px;border-radius:999px;cursor:pointer;transition:transform .15s ease,border-color .15s ease}.brand-pill:hover{transform:translateY(-1px);border-color:#10b98199}.brand-logo{font-size:1.25rem}.brand-texts{display:flex;flex-direction:column}.brand-name{font-weight:800;font-size:.92rem;letter-spacing:-.02em;color:#fff}.brand-sub{font-size:.68rem;color:#a7f3d0}.top-actions{pointer-events:auto;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.channel-pill{display:flex;align-items:center;gap:6px;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);padding:5px 11px;border-radius:999px;font-size:.78rem}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981;box-shadow:0 0 8px #10b981}#channel-select{background:transparent;border:none;color:#fff;font-weight:700;font-size:.78rem;font-family:inherit;cursor:pointer;outline:none}#channel-select option{background:#0f172a;color:#fff}.online-badge{color:#6ee7b7;font-weight:600;font-size:.74rem;padding-left:4px;border-left:1px solid rgba(255,255,255,.15)}.icon-pill{pointer-events:auto;display:inline-flex;align-items:center;gap:5px;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);color:#fff;padding:6px 12px;border-radius:999px;font-size:.78rem;font-weight:700;font-family:inherit;cursor:pointer;transition:all .15s ease}.icon-pill:hover{background:#1e293be6;border-color:#ffffff59}.accent-pill{background:linear-gradient(135deg,#10b981e0,#0ea5e9e0);border-color:#ffffff4d}.category-bar{pointer-events:auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:4px 2px;margin-top:4px;margin-bottom:auto;scrollbar-width:none;-ms-overflow-style:none;max-width:100%}.category-bar::-webkit-scrollbar{display:none}.cat-filter-btn{flex:0 0 auto;background:#0f172aad;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.14);color:#e2e8f0;padding:5px 11px;border-radius:999px;font-size:.75rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s ease}.cat-filter-btn.active{background:#fbbf24;color:#0f172a;border-color:#fde68a;font-weight:800}.proximity-banner{pointer-events:auto;align-self:center;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#0f172ae6;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1.5px solid rgba(251,191,36,.65);border-radius:999px;padding:7px 10px 7px 14px;margin-bottom:8px;box-shadow:0 8px 24px #00000059;max-width:min(94vw,440px)}.prox-info{display:flex;align-items:center;gap:7px;cursor:pointer;overflow:hidden;white-space:nowrap}.prox-rank{background:#fbbf24;color:#0f172a;font-weight:800;font-size:.7rem;padding:2px 7px;border-radius:999px}#prox-name{font-size:.85rem;color:#fff;text-overflow:ellipsis;overflow:hidden}.prox-buttons{display:flex;align-items:center;gap:5px;flex-shrink:0}.prox-btn{padding:5px 11px;border-radius:999px;font-size:.76rem;font-weight:800;font-family:inherit;text-decoration:none;border:none;cursor:pointer}.prox-btn.secondary{background:#ffffff24;color:#fff}.prox-btn.primary{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#0f172a}.portal-inspector{pointer-events:auto;position:fixed;right:16px;top:108px;width:340px;max-height:calc(100dvh - 220px);overflow-y:auto;background:var(--bg-glass-strong);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.22);border-radius:22px;padding:18px;box-shadow:0 18px 42px #00000073;z-index:30}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.inspector-badges{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.rank-chip{background:#fbbf24;color:#0f172a;font-weight:800;font-size:.72rem;padding:3px 9px;border-radius:999px}.cat-chip{background:#38bdf82e;color:#7dd3fc;font-weight:700;font-size:.72rem;padding:3px 9px;border-radius:999px}.close-circle-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:#ffffff1a;color:#fff;font-size:.9rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.close-circle-btn:hover{background:#ef4444cc}.insp-title{font-size:1.22rem;font-weight:800;color:#fff;margin-bottom:4px}.insp-subtitle{font-size:.84rem;color:#fde68a;font-weight:600;margin-bottom:10px}.insp-meta-row{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;color:#94a3b8;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid rgba(255,255,255,.1)}.insp-visitors{color:#6ee7b7;font-weight:700}.insp-desc{font-size:.82rem;line-height:1.5;color:#e2e8f0;margin-bottom:12px}.insp-features{list-style:none;display:flex;flex-direction:column;gap:5px;margin-bottom:14px}.insp-features li{font-size:.76rem;color:#cbd5e1;background:#ffffff0f;padding:5px 10px;border-radius:8px}.insp-features li:before{content:"✦ ";color:#fbbf24}.insp-actions{display:flex;flex-direction:column;gap:8px}.enter-portal-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:11px 14px;border-radius:12px;background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff;font-weight:800;font-size:.9rem;text-decoration:none;box-shadow:0 6px 18px #10b98159}.insp-sub-actions{display:grid;grid-template-columns:1fr auto;gap:6px}.sub-action-btn{padding:8px 11px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#e2e8f0;font-size:.76rem;font-weight:700;font-family:inherit;text-decoration:none;text-align:center;cursor:pointer}.bottom-hud{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;width:100%}.joystick-zone{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:4px;touch-action:none}.joystick-base{width:88px;height:88px;border-radius:50%;background:#0f172a8c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:2px solid rgba(255,255,255,.25);position:relative;display:flex;align-items:center;justify-content:center;touch-action:none}.joystick-stick{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6ee7b7,#10b981);box-shadow:0 4px 12px #0006;transform:translate(0);pointer-events:none}.joystick-hint{font-size:.66rem;color:#ffffffbf;text-shadow:0 1px 3px rgba(0,0,0,.6)}.social-dock{pointer-events:auto;display:flex;flex-direction:column;align-items:flex-end;gap:6px;max-width:min(100%,420px);flex:1}.emote-row{display:flex;align-items:center;gap:5px;flex-wrap:wrap;justify-content:flex-end}.emote-btn{background:var(--bg-glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-glass);color:#fff;padding:5px 10px;border-radius:999px;font-size:.75rem;font-weight:700;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:4px}.emote-btn:hover{background:#10b98159;border-color:#10b981}.chat-bar{display:flex;align-items:center;gap:6px;width:100%;background:var(--bg-glass);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:999px;padding:4px 5px 4px 13px}#chat-input{flex:1;min-width:0;background:transparent;border:none;color:#fff;font-size:.82rem;font-family:inherit;outline:none}#chat-input::placeholder{color:#94a3b8}#chat-send-btn{background:#10b981;color:#06281e;border:none;border-radius:999px;padding:6px 13px;font-size:.78rem;font-weight:800;font-family:inherit;cursor:pointer;flex-shrink:0}.pc-controls-hint{display:flex;align-items:center;justify-content:center;gap:14px;font-size:.72rem;color:#ffffffd1;text-shadow:0 1px 3px rgba(0,0,0,.65);margin-top:4px}.modal-backdrop{position:fixed;inset:0;z-index:50;background:#090e1ac2;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:14px}.directory-dialog{width:min(980px,100%);max-height:min(86dvh,780px);background:#0f172af5;border:1px solid rgba(255,255,255,.2);border-radius:22px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0009}.directory-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:16px 20px 12px;border-bottom:1px solid rgba(255,255,255,.1)}.directory-header h2{font-size:1.12rem;font-weight:800;color:#fff}.directory-header p{font-size:.78rem;color:#94a3b8;margin-top:3px}.directory-toolbar{padding:12px 20px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid rgba(255,255,255,.08)}#directory-search{width:100%;background:#ffffff14;border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:9px 14px;color:#fff;font-size:.85rem;font-family:inherit;outline:none}.ring-tabs{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.ring-tab{flex:0 0 auto;background:#ffffff12;border:1px solid rgba(255,255,255,.14);color:#cbd5e1;padding:6px 12px;border-radius:999px;font-size:.76rem;font-weight:700;font-family:inherit;cursor:pointer}.ring-tab.active{background:#10b981;color:#052e16;border-color:#6ee7b7}.directory-grid{padding:14px 20px 20px;overflow-y:auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(265px,1fr));gap:10px}.dir-card{background:#1e293bb8;border:1px solid rgba(255,255,255,.12);border-radius:14px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;gap:8px}.dir-card.top10{border-color:#fbbf2473;background:linear-gradient(160deg,#1e293be0,#422a1261)}.dir-card-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.dir-rank{font-size:.7rem;font-weight:800;padding:2px 8px;border-radius:999px;background:#fbbf2433;color:#fde68a}.dir-cat{font-size:.68rem;color:#94a3b8}.dir-title{font-size:.94rem;font-weight:800;color:#fff}.dir-sub{font-size:.76rem;color:#cbd5e1;line-height:1.35}.dir-btns{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}.dir-btn{padding:7px 8px;border-radius:9px;font-size:.74rem;font-weight:800;font-family:inherit;text-align:center;text-decoration:none;border:none;cursor:pointer}.dir-btn.walk{background:#ffffff1f;color:#fff}.dir-btn.enter{background:#10b981;color:#042f2e}.toast-msg{position:fixed;top:72px;left:50%;transform:translate(-50%);z-index:60;background:#0f172aeb;border:1px solid rgba(16,185,129,.6);color:#fff;padding:8px 16px;border-radius:999px;font-size:.8rem;font-weight:700;pointer-events:none;box-shadow:0 8px 24px #00000059}.visitor-pill{background:#0f172ad1;border:1px solid rgba(52,211,153,.45);color:#e2e8f0;gap:5px;cursor:default}.visitor-stat strong{color:#34d399;font-weight:800}.visitor-sep{opacity:.45}.nickname-pill{background:#064e3bd9;border:1px solid rgba(52,211,153,.65);color:#ecfdf5;gap:5px}.nickname-pill:hover{background:#10b9816b;border-color:#6ee7b7}.nickname-pill .edit-pen{font-size:.72rem;opacity:.85}.nickname-dialog{width:min(490px,94vw);border-color:#34d39980}.nickname-form{display:flex;flex-direction:column;gap:13px}.nickname-input-row{display:flex;gap:8px}#nickname-input{flex:1;min-width:0;background:#ffffff14;border:1px solid rgba(52,211,153,.4);border-radius:12px;padding:10px 13px;color:#fff;font-size:.92rem;font-weight:700;font-family:inherit;outline:none}#nickname-input:focus{border-color:#34d399;box-shadow:0 0 0 2px #34d39940}.random-nick-btn{background:#38bdf82e;border:1px solid rgba(56,189,248,.45);color:#e0f2fe;border-radius:12px;padding:10px 13px;font-size:.8rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap;transition:all .15s ease}.random-nick-btn:hover{background:#38bdf852;border-color:#7dd3fc}.nick-preset-chip{background:#ffffff12;border:1px solid rgba(255,255,255,.16);color:#e2e8f0;border-radius:999px;padding:5px 11px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.nick-preset-chip:hover{background:#10b98140;border-color:#34d399;color:#fff}.color-picker-section{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:10px 14px}.color-picker-label{font-size:.82rem;font-weight:700;color:#cbd5e1}.avatar-color-swatches{display:flex;align-items:center;gap:8px}.color-swatch-btn{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.35);cursor:pointer;transition:transform .15s ease,border-color .15s ease}.color-swatch-btn.active{transform:scale(1.18);border-color:#fff;box-shadow:0 0 0 2px #10b981}.nickname-save-btn{background:linear-gradient(135deg,#10b981,#0ea5e9);color:#fff;box-shadow:0 6px 18px #10b98159;width:100%}.wish-coin-btn{background:linear-gradient(135deg,#f59e0be0,#d97706e0);border-color:#fef08abf;color:#fff;box-shadow:0 4px 12px #f59e0b59}.wish-coin-btn:hover{background:linear-gradient(135deg,#fbbf24,#f59e0b);border-color:#fef08a}.fountain-wish-dialog{width:min(560px,94vw);max-height:84dvh;background:#0f172af2;border:1px solid rgba(251,191,36,.45);border-radius:24px;padding:20px;display:flex;flex-direction:column;gap:13px;box-shadow:0 24px 60px #000000a6;color:#f8fafc}.fountain-stats-banner{background:#f59e0b24;border:1px solid rgba(251,191,36,.35);border-radius:14px;padding:9px 14px;font-size:.84rem;color:#fef3c7;text-align:center}.fountain-stats-banner strong{color:#fbbf24;font-size:.96rem;font-weight:800}.wish-preset-row{display:flex;flex-wrap:wrap;gap:6px}.wish-preset-chip{background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#e2e8f0;border-radius:999px;padding:5px 11px;font-size:.75rem;font-family:inherit;cursor:pointer;transition:all .15s ease}.wish-preset-chip:hover{background:#fbbf2438;border-color:#fbbf24;color:#fff}.fountain-wish-form{display:flex;gap:8px;flex-wrap:wrap}#fountain-wish-input{flex:1;min-width:200px;background:#ffffff14;border:1px solid rgba(255,255,255,.22);border-radius:12px;padding:10px 13px;color:#fff;font-size:.85rem;font-family:inherit;outline:none}#fountain-wish-input:focus{border-color:#fbbf24}.toss-coin-submit-btn{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e1b18;border:none;border-radius:12px;padding:10px 16px;font-size:.85rem;font-weight:800;font-family:inherit;cursor:pointer;box-shadow:0 6px 18px #f59e0b59}.toss-coin-submit-btn:hover{filter:brightness(1.06)}.recent-wishes-section{display:flex;flex-direction:column;gap:8px;min-height:0;flex:1}.recent-wishes-section h3{font-size:.84rem;color:#94a3b8;margin:0}.fountain-wish-list{overflow-y:auto;max-height:210px;display:flex;flex-direction:column;gap:7px;padding-right:4px}.fountain-wish-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:9px 12px}.wish-item-head{display:flex;justify-content:space-between;font-size:.74rem;color:#fcd34d;margin-bottom:4px}.wish-item-head span{color:#64748b}.wish-item-text{margin:0;font-size:.82rem;color:#f1f5f9;line-height:1.4}@media(max-width:1024px){.pc-controls-hint{display:none}.portal-inspector{inset:auto 12px 110px auto;width:min(350px,92vw);max-height:56dvh}}@media(max-width:680px){#hud-root{padding:calc(6px + var(--safe-top)) calc(8px + var(--safe-right)) calc(8px + var(--safe-bottom)) calc(8px + var(--safe-left))}.brand-sub,.hide-mobile{display:none}.brand-pill{padding:5px 10px}.brand-name{font-size:.82rem}.channel-pill{padding:4px 8px;font-size:.72rem}.online-badge{display:none}.icon-pill{padding:5px 9px;font-size:.73rem}.portal-inspector{left:8px;right:8px;bottom:calc(8px + var(--safe-bottom));top:auto;width:auto;max-height:48dvh;padding:14px;border-radius:18px}.insp-desc{font-size:.78rem;margin-bottom:8px}.insp-features{display:none}.joystick-base{width:74px;height:74px}.joystick-stick{width:32px;height:32px}.emote-txt{display:none}.emote-btn{padding:6px 9px;font-size:.85rem}#chat-input{font-size:.78rem}}@media(max-height:500px){.category-bar{display:none}.portal-inspector{inset:52px 8px 8px auto;width:300px;max-height:calc(100dvh - 64px)}}