:root{--sage:#6c7d6d;--leaf:#395240;--leaf-dark:#273b2d;--sun:#e2c58a;--amber:#c98a4b;--oat:#dcd1bf;--navy:#111622;--ink:#1e231f;--ink-soft:#4e564f;--paper:#ebe4d8;--card-bg:#f6f1e8eb;--radius:20px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--font-ui:"Paperlogy", system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;--font-list:"Nexon Maplestory", "Paperlogy", system-ui, sans-serif;color-scheme:light;font-family:var(--font-ui);color:var(--ink);background:var(--paper);-webkit-tap-highlight-color:transparent}@font-face{font-family:Paperlogy;src:url(/fonts/paperlogy-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/paperlogy-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/paperlogy-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Paperlogy;src:url(/fonts/paperlogy-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Nexon Maplestory;src:url(/fonts/nexon-maplestory-bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;height:100%;margin:0}body{touch-action:manipulation}html[data-view=lobby] body,html[data-view=space] body,html[data-view=loading] body{width:100%;height:100dvh;position:fixed;inset:0;overflow:hidden}[hidden]{display:none!important}.app{min-height:100dvh;position:relative}.screen{min-height:100dvh;animation:.45s cubic-bezier(.22,1,.36,1) both fade-in;position:relative}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.btn{appearance:none;font:inherit;color:var(--ink);cursor:pointer;touch-action:manipulation;background:#ffffffc7;border:1px solid #2b312c14;border-radius:999px;min-height:48px;padding:.8rem 1.35rem;font-size:.98rem;font-weight:500;transition:transform .15s,background .2s,box-shadow .2s;box-shadow:0 2px 8px #2b312c0d}.btn:hover{background:#ffffffeb}.btn:active{transform:scale(.97)}.btn:focus-visible,.chip:focus-visible,.time-pill:focus-visible,.me-pill:focus-visible,.swatch-btn:focus-visible,.space-card:focus-visible,.action:focus-visible{outline:3px solid var(--leaf);outline-offset:2px}.btn-primary{background:linear-gradient(135deg, var(--leaf), var(--leaf-dark));color:#fff;border-color:#0000;box-shadow:0 6px 18px #52754042}.btn-primary:hover{background:linear-gradient(135deg, #729b5d, var(--leaf))}.btn-ghost{backdrop-filter:blur(8px);background:#ffffff9e}.btn-lg{padding:1rem 2.8rem;font-size:1.12rem;font-weight:600}.btn-quiet{color:var(--ink-soft);padding:.68rem 1.4rem;font-size:.92rem}.btn-sm{min-height:40px;padding:.45rem .95rem;font-size:.88rem}.btn-round{background:#ffffffd9;place-items:center;width:40px;height:40px;min-height:40px;padding:0;font-size:1.25rem;display:grid}.btn-icon{backdrop-filter:blur(10px);background:#ffffff9e;border:1px solid #ffffff73;place-items:center;width:44px;height:44px;min-height:44px;padding:0;font-size:1.08rem;display:grid;position:relative}.btn-icon.is-off{opacity:.5;text-decoration:line-through}.timer-dot{background:var(--amber);width:7px;height:7px;box-shadow:0 0 6px var(--amber);border-radius:50%;position:absolute;top:7px;right:7px}.btn-link{backdrop-filter:blur(8px);color:#fff;background:#1b223285;border:1px solid #ffffff38;min-height:38px;padding:.45rem .95rem;font-size:.88rem}.btn-link:hover{background:#1b2232b3}.chip{appearance:none;font:inherit;color:var(--ink);white-space:nowrap;cursor:pointer;background:#ffffffc7;border:1px solid #2b312c1a;border-radius:999px;min-height:40px;padding:.52rem 1.05rem;font-size:.92rem;font-weight:500;transition:background .18s,color .18s,transform .15s}.chip:active{transform:scale(.96)}.chip[aria-pressed=true]{background:var(--leaf);color:#fff;border-color:#0000;box-shadow:0 3px 10px #52754038}.screen-door{color:#f2ece1;background:radial-gradient(circle at 50% 34%,#ebd3a26b 0%,#7a8a7640 38%,#1c2520eb 100%),linear-gradient(#28352c 0%,#1c2520 100%);place-items:center;display:grid;overflow:hidden}.screen-door .door-title{color:#f5efe4}.screen-door .door-subtitle,.screen-door .door-note{color:#ebe3d5c2}.screen-door .btn-ghost{color:#efe8dc;background:#fffaf01f;border-color:#fffaf038}.screen-door .btn-ghost:hover{background:#fffaf033}.door-license{color:#ebe3d5c2;font-size:.78rem}html.license-root,html.license-root body{height:auto;min-height:100%;overflow:auto}.license-wrap{max-width:40rem;color:var(--ink);margin:0 auto;padding:2.2rem 1.2rem 3rem}.license-wrap h1{margin:0 0 .4rem;font-size:1.35rem}.license-wrap p{color:var(--ink-soft);line-height:1.5}.license-table{border-collapse:collapse;width:100%;margin:1.2rem 0;font-size:.88rem}.license-table th,.license-table td{text-align:left;vertical-align:top;border-bottom:1px solid #1e231f1f;padding:.55rem .4rem}.license-back{color:var(--leaf)}.door-ambient{pointer-events:none;position:absolute;inset:0}.door-mote{background:#fffceba6;border-radius:50%;animation:7s ease-in-out infinite float-mote;position:absolute;box-shadow:0 0 16px #fff8d2cc}.door-mote.m1{width:10px;height:10px;top:28%;left:22%}.door-mote.m2{width:7px;height:7px;animation-delay:-2.2s;top:34%;right:24%}.door-mote.m3{width:12px;height:12px;animation-delay:-4.1s;bottom:26%;left:32%}.door-mote.m4{width:8px;height:8px;animation-delay:-1.3s;bottom:30%;right:28%}@keyframes float-mote{0%,to{opacity:.45;transform:translateY(0)scale(1)}50%{opacity:.85;transform:translateY(-14px)scale(1.18)}}.door-inner{z-index:2;text-align:center;justify-items:center;gap:1.5rem;width:100%;max-width:380px;padding:2.2rem 1.6rem;display:grid;position:relative}.door-mark{filter:drop-shadow(0 12px 28px #44583a2e);place-items:center;display:grid}.door-copy{gap:.35rem;display:grid}.door-title{letter-spacing:.03em;color:#263026;margin:0;font-size:2.15rem;font-weight:700}.door-subtitle{color:var(--ink-soft);margin:0;font-size:.98rem}.door-actions{justify-items:center;gap:.65rem;width:100%;display:grid}.door-note{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;align-items:center;gap:.45rem;margin:.2rem 0 0;font-size:.84rem;display:flex}.screen-avatar{padding:calc(1rem + var(--safe-t)) 1.2rem calc(1.2rem + var(--safe-b));background:linear-gradient(180deg, #e5ddd0, var(--oat));flex-direction:column;gap:1rem;max-width:600px;margin:0 auto;display:flex}.screen-head{justify-content:space-between;align-items:flex-start;gap:.8rem;display:flex}.screen-head h2{margin:0;font-size:1.4rem;font-weight:700}.screen-sub{color:var(--ink-soft);margin:.2rem 0 0;font-size:.86rem}.head-actions{flex-wrap:wrap;gap:.45rem;display:flex}.avatar-stage{background:#ffffff94;border-radius:24px;justify-items:center;gap:.7rem;padding:.9rem 1rem;display:grid;box-shadow:inset 0 1px #fffc}.avatar-preview{place-items:center;display:grid}.color-swatches{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.swatch-btn{appearance:none;background:var(--swatch);cursor:pointer;border:2px solid #ffffffe6;border-radius:50%;width:28px;height:28px;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 5px #0000001f}.swatch-btn[aria-pressed=true]{box-shadow:0 0 0 2.5px var(--ink);transform:scale(1.18)}.slot-list{gap:.45rem;margin:0;padding:0;list-style:none;display:grid}.slot{background:#ffffffad;border-radius:16px;grid-template-columns:1fr auto 5.2rem auto;align-items:center;gap:.45rem;padding:.35rem .55rem .35rem .9rem;display:grid}.slot-label{font-size:.94rem;font-weight:500}.slot-value{text-align:center;color:var(--leaf-dark);white-space:nowrap;font-size:.9rem;font-weight:600}.screen-foot{flex-wrap:wrap;justify-content:space-between;gap:.6rem;margin-top:auto;padding-top:.4rem;display:flex}.screen-lobby{background:#202822;max-width:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.hub-world{width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hub-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}.hub-canvas:active{cursor:grabbing}.hub-hud{z-index:10;pointer-events:none;padding:calc(.65rem + var(--safe-t)) .85rem calc(.8rem + var(--safe-b));flex-direction:column;gap:.45rem;display:flex;position:absolute;inset:0}.hub-top-bar,.hub-district-bar,.hub-concern-bar,.hub-bottom-bar>*{pointer-events:auto}.hub-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.hub-top-left,.hub-top-right{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.hub-guide-pill{backdrop-filter:blur(10px);color:#f7efe0;background:#161b18b8;border:1px solid #fff0c847;border-radius:999px;padding:.36rem .78rem;font-size:.78rem}.hub-guide-pill strong{color:#ffe29a}@media (width<=680px){.hub-guide-pill{display:none}}.hub-dir-btn{appearance:none;backdrop-filter:blur(10px);color:#fff6dc;font:inherit;cursor:pointer;background:#1c221ed6;border:1.5px solid #ffe096a6;border-radius:999px;padding:.42rem .88rem;font-size:.82rem;font-weight:700;transition:transform .15s,background .15s;box-shadow:0 4px 14px #00000038}.hub-dir-btn:hover{background:#2d3830f0;transform:translateY(-1px)}.hub-district-bar{scrollbar-width:none;align-items:center;gap:.38rem;padding:.15rem 0;display:flex;overflow-x:auto}.hub-district-bar::-webkit-scrollbar{display:none}.hub-district-pill{appearance:none;backdrop-filter:blur(10px);color:#fcf8f0eb;font:inherit;cursor:pointer;background:#161c19ad;border:1.5px solid #ffffff38;border-radius:999px;flex-shrink:0;align-items:center;gap:.32rem;padding:.32rem .72rem;font-size:.78rem;font-weight:600;transition:background .18s,border-color .18s,transform .15s;display:inline-flex}.hub-district-pill:hover{border-color:var(--d-accent,#ffe096);background:#26302ad9}.hub-district-pill[aria-pressed=true]{background:var(--d-accent,#7e6030);color:#fff;border-color:#fff3cc;box-shadow:0 3px 12px #00000047}.hub-district-count{background:#ffffff2e;border-radius:999px;padding:.05rem .38rem;font-size:.68rem}.hub-concern-bar{backdrop-filter:blur(10px);background:#181512ad;border-color:#e8be766b;margin-bottom:0}.hub-concern-bar .concern-guide-label{color:#ffe2a4}.hub-bottom-bar{justify-content:space-between;align-items:flex-end;gap:.75rem;margin-top:auto;display:flex}.door-prompt-card{backdrop-filter:blur(14px);color:#fffbf2;background:#181512e0;border:2px solid #f0c46c;border-radius:22px;align-items:center;gap:.75rem;width:100%;max-width:580px;margin:0 auto;padding:.68rem .88rem;animation:.2s both fade-in;display:flex;box-shadow:0 10px 32px #0000006b,0 0 24px #f0c46c52}.door-prompt-thumb{object-fit:cover;border:1px solid #ffffff40;border-radius:12px;flex-shrink:0;width:68px;height:51px}.door-prompt-info{flex-direction:column;flex:1;gap:.12rem;min-width:0;display:flex}.door-prompt-cat{color:#ffd984;font-size:.7rem;font-weight:700}.door-prompt-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.02rem;font-weight:700;overflow:hidden}.door-prompt-sub{color:#f7eeded1;white-space:nowrap;text-overflow:ellipsis;font-size:.76rem;overflow:hidden}.door-prompt-actions{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.door-open-btn{color:#fff;background:linear-gradient(135deg,#d89b3c,#b5731e);padding:.58rem 1rem;font-weight:700;box-shadow:0 4px 14px #d89b3c73}.door-sound-btn{color:#f7efe0;background:#ffffff24;padding:.52rem .75rem}@media (width<=580px){.door-prompt-card{flex-wrap:wrap;padding:.58rem .7rem}.door-prompt-actions{justify-content:flex-end;width:100%}.door-open-btn{flex:1}}.hub-walk-hint{backdrop-filter:blur(10px);color:#fcf6eaeb;text-align:center;background:#141916b8;border:1px solid #fff0c840;border-radius:999px;margin:0 auto .25rem;padding:.45rem .95rem;font-size:.8rem}.hub-walk-hint strong{color:#ffe29a}.directory-catch,.directory-close-side{display:none}.directory-modal{z-index:25;padding:calc(1rem + var(--safe-t)) .85rem calc(2.5rem + var(--safe-b));font-family:var(--font-ui);background:#101412f0;justify-content:center;align-items:flex-start;display:flex;position:fixed;inset:0;overflow-y:auto}.directory-modal .lobby-title,.directory-modal .cat-section-title,.directory-modal .space-card-title,.directory-modal .chip,.directory-modal .cat-section-badge{font-family:var(--font-list)}.directory-panel{background:linear-gradient(180deg, #eae3d5 0%, var(--paper) 35%);border:2px solid #8a6c4273;border-radius:26px;width:100%;max-width:900px;padding:1.2rem 1.15rem 1.5rem;animation:.18s both directory-in;box-shadow:0 18px 48px #00000061}@keyframes directory-in{0%{opacity:0}to{opacity:1}}.directory-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.75rem;margin-bottom:.85rem;display:flex}.directory-head-tools{align-items:center;gap:.45rem;display:flex}.lobby-head{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.me-pill{appearance:none;font:inherit;color:var(--ink);cursor:pointer;background:#fffc;border:1px solid #2b312c17;border-radius:999px;align-items:center;gap:.5rem;min-height:42px;padding:.3rem .85rem .3rem .35rem;font-size:.88rem;font-weight:500;display:inline-flex}.me-chip{background:#e8dfd3b3;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.me-dot{background:var(--amber);border-radius:50%;width:18px;height:18px;box-shadow:inset 0 -2px 4px #0000001f}.lobby-tools{align-items:center;gap:.4rem;display:flex}.time-pills{background:#ffffffad;border:1px solid #2b312c14;border-radius:999px;gap:.15rem;padding:.18rem;display:inline-flex}.time-pill{appearance:none;font:inherit;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:.34rem .68rem;font-size:.82rem;font-weight:500}.time-pill[aria-pressed=true]{background:var(--leaf);color:#fff}.lobby-hero{margin:1.3rem 0 .9rem}.lobby-title{letter-spacing:-.01em;margin:0;font-size:1.55rem;font-weight:700}.lobby-sub{color:var(--ink-soft);margin:.25rem 0 0;font-size:.86rem}.view-pills{background:#ffffffb8;border:1px solid #2b312c1f;border-radius:999px;gap:.15rem;padding:.18rem;display:inline-flex}.concern-guide-bar{scrollbar-width:none;background:#fffcf5d1;border:1.5px solid #b07c3e5c;border-radius:16px;align-items:center;gap:.42rem;margin-bottom:.65rem;padding:.52rem .75rem;display:flex;overflow-x:auto}.concern-guide-bar::-webkit-scrollbar{display:none}.concern-guide-label{color:#7a4e20;white-space:nowrap;margin-right:.15rem;font-size:.78rem;font-weight:700}.concern-pill{appearance:none;color:#3d2c1b;cursor:pointer;background:#ffffffe6;border:1px solid #8a562240;border-radius:999px;flex-shrink:0;align-items:center;gap:.28rem;padding:.3rem .68rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:background .18s,color .18s,border-color .18s,transform .14s;display:inline-flex}.concern-pill:hover{background:#fff9ee;border-color:#8a56228c}.concern-pill[aria-pressed=true]{color:#fff;background:#8a5622;border-color:#8a5622;box-shadow:0 3px 10px #8a56223d}.chips{padding-bottom:.4rem;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;gap:.45rem;margin:0 -1.1rem;padding-inline:1.1rem;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips .chip{scroll-snap-align:start;border:1.5px solid #2b312c29;font-weight:600}.cat-sections{gap:1.35rem;margin-top:.85rem;display:grid}.cat-section{content-visibility:auto;contain-intrinsic-size:auto 480px;background:var(--cat-bg,#f6f1e8c7);border:2px solid var(--cat-border,#2b312c38);border-left:6px solid var(--cat-accent,var(--leaf));border-radius:22px;padding:1rem 1rem 1.1rem;box-shadow:0 6px 20px #2026220f}.cat-section-head{border-bottom:1.5px dashed var(--cat-border,#2b312c2e);gap:.3rem;margin-bottom:.85rem;padding-bottom:.75rem;display:grid}.cat-section-title-row{flex-wrap:wrap;align-items:center;gap:.48rem;display:flex}.cat-section-icon{font-size:1.18rem;line-height:1}.cat-section-title{color:var(--ink);letter-spacing:-.01em;margin:0;font-size:1.06rem;font-weight:700}.cat-section-badge{background:var(--cat-accent,var(--leaf));color:#fff;border-radius:999px;padding:.18rem .58rem;font-size:.72rem;font-weight:700}.cat-section-count{color:var(--cat-accent,var(--leaf-dark));border:1px solid var(--cat-border,#2b312c33);background:#ffffffc7;border-radius:999px;margin-left:auto;padding:.15rem .55rem;font-size:.76rem;font-weight:700}.cat-section-desc{color:var(--ink-soft);word-break:keep-all;margin:0;font-size:.81rem;line-height:1.4}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;margin:0;padding:0;list-style:none;display:grid}@media (width>=680px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.95rem}}.space-card{appearance:none;border:1.5px solid var(--cat-border,#2b312c2e);border-top:3.5px solid var(--cat-accent,var(--leaf));text-align:left;width:100%;height:100%;font:inherit;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#fffdf9f5;border-radius:18px;flex-direction:column;padding:0;transition:transform .18s,box-shadow .18s,border-color .18s;display:flex;overflow:hidden;box-shadow:0 4px 14px #20262212}.space-card-media{aspect-ratio:4/3;background:var(--oat);border-bottom:1px solid #2b312c14;width:100%;position:relative;overflow:hidden}.space-card img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform .35s;display:block}@media (hover:hover){.space-card:hover{border-color:var(--cat-accent,var(--leaf));transform:translateY(-3px);box-shadow:0 10px 22px #20262221}.space-card:hover img{transform:scale(1.04)}}.space-card:active{transform:scale(.98)}.space-card-cat{border:1px solid var(--cat-border,#2b312c33);color:var(--cat-accent,var(--ink));background:#ffffffe6;border-radius:999px;padding:.18rem .52rem;font-size:.7rem;font-weight:700;position:absolute;top:7px;left:7px}.space-card-render{color:#f6ebd4;background:#121822bd;border-radius:999px;padding:.15rem .48rem;font-size:.66rem;font-weight:600;position:absolute;bottom:7px;right:7px}.space-card-visited{color:#fff;background:#2b312cc7;border-radius:999px;padding:.18rem .48rem;font-size:.68rem;font-weight:600;position:absolute;top:7px;right:7px}.space-card-body{flex-direction:column;flex:1;gap:.25rem;padding:.68rem .78rem .78rem;display:flex}.space-card-head-row{justify-content:space-between;align-items:center;gap:.35rem;display:flex}.space-card-title{color:#191f1b;font-size:.96rem;font-weight:700;line-height:1.25}.space-card-sub{color:var(--ink-soft);word-break:keep-all;font-size:.78rem;line-height:1.34}.space-card-tags{flex-wrap:wrap;gap:.26rem;margin-top:auto;padding-top:.32rem;display:flex}.space-tag{color:var(--cat-accent,var(--leaf-dark));border:1px solid var(--cat-border,#2b312c29);white-space:nowrap;background:#f2ece2d9;border-radius:6px;padding:.1rem .42rem;font-size:.68rem;font-weight:600}.directory-modal[data-layout=simple] .card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:.35rem}.directory-modal[data-layout=simple] .cat-section-desc,.directory-modal[data-layout=simple] .lobby-sub,.directory-modal[data-layout=simple] .space-card-sub,.directory-modal[data-layout=simple] .space-card-tags,.directory-modal[data-layout=simple] .space-card-cat,.directory-modal[data-layout=simple] .space-card-render{display:none}.directory-modal[data-layout=simple] .space-card{border-top-width:2px;border-radius:10px;min-height:0}.directory-modal[data-layout=simple] .space-card-media{aspect-ratio:16/10}.directory-modal[data-layout=simple] .space-card-body{gap:0;padding:.22rem .28rem .28rem}.directory-modal[data-layout=simple] .space-card-title{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.15;overflow:hidden}.directory-modal[data-layout=simple] .cat-section{margin-bottom:.45rem}.directory-modal[data-layout=simple] .cat-section-head{margin-bottom:.28rem}[data-layout=list] .card-grid{grid-template-columns:1fr;gap:.6rem}@media (width>=760px){[data-layout=list] .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}[data-layout=list] .space-card{border-top-width:1.5px;border-left:4.5px solid var(--cat-accent,var(--leaf));flex-direction:row;align-items:stretch}[data-layout=list] .space-card-media{aspect-ratio:auto;border-bottom:0;border-right:1px solid #2b312c1a;width:118px;min-width:118px}[data-layout=list] .space-card-cat{display:none}[data-layout=list] .space-card-body{justify-content:center;padding:.62rem .82rem}@media (width<=820px){.directory-modal{touch-action:pan-y;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.directory-modal .cat-section{content-visibility:visible}.directory-modal .card-grid,.directory-modal [data-layout=list] .card-grid,.directory-modal [data-layout=grid] .card-grid{grid-template-columns:1fr}.directory-modal .chip,.directory-modal .btn,.directory-modal .time-pill,.directory-modal .space-card{min-height:44px}}@media (pointer:coarse){.directory-modal .card-grid,.directory-modal [data-layout=list] .card-grid,.directory-modal [data-layout=grid] .card-grid{grid-template-columns:1fr}}.lobby-empty{color:var(--ink-soft);text-align:center;margin-top:2rem}.sheet{z-index:30;padding:0 .6rem calc(.6rem + var(--safe-b));backdrop-filter:blur(3px);background:#181e2c59;align-items:flex-end;animation:.2s both fade-in;display:flex;position:fixed;inset:0}@keyframes sheet-up{0%{transform:translateY(100%)}}.sheet-body{background:var(--paper);border-radius:26px;gap:.95rem;width:100%;max-width:520px;margin:0 auto;padding:1.15rem 1.15rem 1.05rem;animation:.28s cubic-bezier(.22,1,.36,1) both sheet-up;display:grid;box-shadow:0 -8px 34px #1b223233}.sheet-header{align-items:center;gap:.85rem;display:flex}.sheet-thumb{object-fit:cover;background:var(--oat);border-radius:14px;flex-shrink:0;width:76px;height:57px}.sheet-meta{gap:.15rem;min-width:0;display:grid}.sheet-cat{color:var(--leaf-dark);font-size:.75rem;font-weight:600}.sheet-title{margin:0;font-size:1.15rem;font-weight:700}.sheet-sub{color:var(--ink-soft);margin:0;font-size:.84rem}.sound-modes{flex-wrap:wrap;gap:.45rem;display:flex}.sound-sliders{background:#ffffffa6;border-radius:16px;gap:.45rem;padding:.65rem .85rem;display:grid}.vol-row{color:var(--ink-soft);grid-template-columns:4.5rem 1fr;align-items:center;gap:.6rem;font-size:.82rem;display:grid}.vol-row input[type=range]{width:100%;accent-color:var(--leaf);cursor:pointer}.sheet-actions{justify-content:flex-end;gap:.55rem;display:flex}.screen-loading{z-index:40;background:radial-gradient(circle at 50% 40%,#303d34,#1b241f);place-items:center;display:grid;position:fixed;inset:0}.loading-inner{justify-items:center;gap:1rem;display:grid}.loading-text{color:#ede6da;margin:0;font-weight:500}.loading-track{background:#ffffff73;border-radius:99px;width:170px;height:5px;overflow:hidden}.loading-fill{transform-origin:0;background:#fff;height:100%;transition:transform .2s linear;transform:scaleX(0)}.walker{width:120px;height:40px;position:relative}.walker span{background:var(--amber);border-radius:9px;width:18px;height:34px;animation:2.4s ease-in-out infinite walk;position:absolute;bottom:0;left:0;box-shadow:0 4px 10px #0000001f}@keyframes walk{50%{transform:translate(100px)}}.screen-stage{background:var(--navy);position:fixed;inset:0;overflow:hidden}.stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:absolute;inset:0}.stage.is-in{animation:.7s both fade-in}.stage-canvas{touch-action:none;width:100%;height:100%;display:block;position:absolute;inset:0}.fx-layer{pointer-events:none;z-index:5;position:absolute;inset:0}.edge-glow{pointer-events:none;z-index:6;transition:box-shadow 10s;position:absolute;inset:0;box-shadow:inset 0 0 #f6e7b000}.edge-glow.is-on{box-shadow:inset 0 0 120px #f6e7b08c}.breath-guide{z-index:7;pointer-events:none;place-items:center;gap:.7rem;display:grid;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}.breath-ring{background:radial-gradient(circle,#fff8dc8c,#f6e7b01f);border:2px solid #fffae6bf;border-radius:50%;width:96px;height:96px;transition:transform 3.2s cubic-bezier(.22,1,.36,1),opacity .6s;box-shadow:0 0 36px #f6e7b073}.breath-guide[data-phase=inhale] .breath-ring{transform:scale(1.65)}.breath-guide[data-phase=exhale] .breath-ring{transition-duration:3.6s;transform:scale(.88)}.breath-label{backdrop-filter:blur(6px);color:#fff;letter-spacing:.02em;background:#181e2c85;border-radius:999px;padding:.3rem .85rem;font-size:.88rem}.drift-hint{left:50%;top:calc(1.2rem + var(--safe-t));z-index:15;backdrop-filter:blur(8px);color:#ffffffeb;pointer-events:none;background:#181e2c94;border-radius:999px;padding:.42rem .95rem;font-size:.84rem;animation:.35s both fade-in;position:absolute;transform:translate(-50%)}.hud{pointer-events:none;z-index:10;-webkit-user-select:none;user-select:none;flex-direction:column;justify-content:space-between;transition:opacity .6s;display:flex;position:absolute;inset:0}.hud.is-hidden{opacity:0}.hud.is-hidden *{pointer-events:none!important}.hud-top{padding:calc(.55rem + var(--safe-t)) .75rem 0;justify-content:space-between;align-items:center;gap:.45rem;display:flex;position:relative}.hud-top-left-group{pointer-events:auto;align-items:center;gap:.4rem;min-width:0;display:flex}.hud-back-pill{appearance:none;backdrop-filter:blur(10px);color:#fff6dc;font:inherit;cursor:pointer;background:#181e2cad;border:1.5px solid #ffe0968c;border-radius:999px;flex-shrink:0;padding:.42rem .78rem;font-size:.8rem;font-weight:700;transition:background .15s,transform .15s}.hud-back-pill:hover{background:#2a3448d9;transform:translateY(-1px)}.hud-title-pill{backdrop-filter:blur(10px);background:#181e2c75;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:.5rem;min-width:0;padding:.38rem .85rem;display:flex}.hud-title{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;font-weight:600;display:block;overflow:hidden}.hud-move-hint{color:#fff8dcd9;white-space:nowrap;border-left:1px solid #ffffff40;padding-left:.5rem;font-size:.72rem}@media (width<=480px){.hud-move-hint{display:none}}.hud-tools{pointer-events:auto;gap:.38rem;display:flex}.hud-popover{right:.85rem;top:calc(3.9rem + var(--safe-t));pointer-events:auto;backdrop-filter:blur(14px);background:#f7f4eeeb;border-radius:20px;padding:.75rem;animation:.18s both fade-in;position:absolute;box-shadow:0 8px 28px #00000038}.sound-popover{z-index:30;gap:.65rem;min-width:265px;max-width:min(330px,100vw - 1.7rem);display:grid}.sound-preset-section{background:#ffffff94;border-radius:14px;gap:.42rem;padding:.55rem .65rem;display:grid}.sound-preset-heading{color:var(--ink-soft);letter-spacing:.01em;font-size:.74rem;font-weight:600}.sound-preset-list{flex-wrap:wrap;gap:.35rem;max-height:156px;display:flex;overflow-y:auto}.preset-chip{appearance:none;color:var(--ink);cursor:pointer;background:#ffffffdb;border:1px solid #28302c24;border-radius:999px;align-items:center;gap:.32rem;padding:.32rem .62rem;font-family:inherit;font-size:.76rem;font-weight:500;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.preset-chip-badge{color:var(--leaf-dark);background:#5e786029;border-radius:999px;padding:.08rem .36rem;font-size:.66rem;font-weight:700}.preset-chip[aria-pressed=true]{background:var(--leaf-dark);color:#fff;border-color:var(--leaf-dark)}.preset-chip[aria-pressed=true] .preset-chip-badge{color:#fff;background:#ffffff38}.hud-sound-bar{pointer-events:auto;scrollbar-width:none;align-items:center;gap:.38rem;padding:.38rem .85rem 0;display:flex;overflow-x:auto}.hud-sound-bar::-webkit-scrollbar{display:none}.btn-icon.is-active{background:#e8c488e0;border-color:#fff2cc;box-shadow:0 0 14px #e8c4888c}.hud-topic-wrap{pointer-events:auto;gap:.42rem;width:100%;max-width:680px;margin:0 auto auto;padding:.38rem .85rem 0;display:grid}.hud-topic-bar{scrollbar-width:none;align-items:center;gap:.35rem;display:flex;overflow-x:auto}.hud-topic-bar::-webkit-scrollbar{display:none}.hud-topic-pill{appearance:none;backdrop-filter:blur(8px);color:#faf2e4e0;cursor:pointer;background:#1612108f;border:1px solid #ffe8b947;border-radius:999px;flex-shrink:0;align-items:center;gap:.26rem;padding:.26rem .62rem;font-family:inherit;font-size:.74rem;font-weight:600;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.hud-topic-pill[aria-pressed=true]{color:#fff;background:#a86e2ce0;border-color:#ffe8afd9;box-shadow:0 2px 10px #e8b26259}.comfort-card{backdrop-filter:blur(12px);color:#faf3e6;background:#14110fa8;border:1px solid #f2ce8e61;border-radius:16px;align-items:center;gap:.55rem;padding:.52rem .78rem;display:flex;box-shadow:0 6px 20px #00000042}.comfort-card.is-pulse{animation:.65s ease-out comfort-glow}@keyframes comfort-glow{0%{border-color:#ffecb2f2;box-shadow:0 0 22px #ffd48073}to{border-color:#f2ce8e61;box-shadow:0 6px 20px #00000042}}.comfort-badge{color:#ffe2a8;background:#e8b86c38;border:1px solid #e8b86c73;border-radius:999px;flex-shrink:0;padding:.18rem .5rem;font-size:.68rem;font-weight:700}.comfort-text{color:#f7efe0;word-break:keep-all;flex:1;margin:0;font-size:.8rem;line-height:1.42}.comfort-next{appearance:none;color:#fff5e1e6;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff38;border-radius:999px;flex-shrink:0;padding:.24rem .52rem;font-family:inherit;font-size:.7rem;font-weight:600}.comfort-next:hover{background:#fff3}.hud-top+.hud-sound-bar{margin-bottom:0}.hud-bottom{margin-top:auto}.hud-sound-pill{appearance:none;backdrop-filter:blur(8px);color:#f4efe6db;cursor:pointer;background:#1218227a;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;align-items:center;gap:.3rem;padding:.26rem .65rem;font-family:inherit;font-size:.74rem;font-weight:500;transition:background .18s,border-color .18s,color .18s;display:inline-flex}.hud-sound-pill .pill-tag{color:#e8c488;font-size:.65rem;font-weight:700}.hud-sound-pill[aria-pressed=true]{color:#fff;background:#3a5644d1;border-color:#e8c488a6}.timer-menu{gap:.4rem;display:flex}.hud-bottom{padding:0 .85rem calc(.85rem + var(--safe-b));gap:.65rem;display:grid}.hud-bottom>*{pointer-events:auto}.hud-mid-row{justify-content:space-between;align-items:flex-end;gap:.75rem;display:flex}.joystick{touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;flex-shrink:0;width:82px;height:82px}.joystick:active{cursor:grabbing}.joystick-base{backdrop-filter:blur(10px);background:#181e2c6b;border:1.5px solid #ffffff59;border-radius:50%;place-items:center;width:100%;height:100%;display:grid;position:relative;box-shadow:0 4px 16px #0003}.joy-arrow{color:#ffffff85;pointer-events:none;font-size:.55rem;position:absolute}.joy-arrow.up{top:5px}.joy-arrow.down{bottom:5px}.joy-arrow.left{left:6px}.joy-arrow.right{right:6px}.joystick-knob{pointer-events:none;background:radial-gradient(circle at 35% 35%,#fff,#e8dfd3);border-radius:50%;width:34px;height:34px;transition:transform 50ms linear;box-shadow:0 3px 10px #00000047}.links{flex-wrap:wrap;justify-content:flex-end;gap:.4rem;margin-left:auto;display:flex}.links:empty{display:none}.actions{justify-content:center;gap:.55rem;display:flex}.action{--hold:0;appearance:none;backdrop-filter:blur(10px);max-width:138px;min-height:74px;font:inherit;color:var(--ink);cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background:#ffffffd6;border:1px solid #ffffff8c;border-radius:22px;flex:1 1 0;place-items:center;gap:.15rem;padding:.5rem .4rem;transition:transform .15s,background .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 16px #12182429}.action:before{content:"";background:linear-gradient(180deg, var(--sun), var(--amber));opacity:.62;transform-origin:bottom;transform:scaleY(var(--hold));position:absolute;inset:0}.action>*{position:relative}.action:active,.action.is-holding{transform:scale(.96)}.action-icon{font-size:1.32rem;line-height:1}.action-label{text-align:center;word-break:keep-all;font-size:.88rem;font-weight:600;line-height:1.2}.action-breath:before{transition:transform 3.2s ease-in-out}.action-count{color:var(--leaf-dark);font-size:.72rem;font-weight:600;position:absolute;top:6px;right:9px}.nav-row{justify-content:space-between;gap:.6rem;display:flex}.timer-done{left:50%;bottom:calc(9.5rem + var(--safe-b));backdrop-filter:blur(12px);z-index:12;background:#f7f4eeeb;border-radius:22px;justify-items:center;gap:.65rem;padding:.9rem 1.2rem;animation:.4s both fade-in;display:grid;position:absolute;transform:translate(-50%);box-shadow:0 8px 30px #00000038}.timer-done-text{color:var(--ink);margin:0;font-size:.92rem;font-weight:600}.timer-done-btns{gap:.55rem;display:flex}.fx{pointer-events:none;border-radius:50%;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute}.fx-ripple{border:2px solid #ffffffe6;animation:.8s ease-out forwards ripple}.fx-glow{background:radial-gradient(circle,#f6e7b0eb,#f6e7b000);animation:.9s ease-out forwards glow}.fx-spark{background:radial-gradient(circle,#fffffffa 0%,#ffd782cc 45%,#ffd78200 75%);animation:.55s cubic-bezier(.16,1,.3,1) forwards spark;box-shadow:0 0 18px #ffebaae6}.fx-strong{border-width:3px}@keyframes ripple{to{opacity:0;transform:scale(7)}}@keyframes glow{to{opacity:0;transform:scale(14)}}@keyframes spark{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(8.5)}}.screen-exit{background:radial-gradient(circle at 50% 35%, var(--oat), var(--sage));place-items:center;display:grid}.exit-inner{text-align:center;justify-items:center;gap:1rem;padding:2rem;display:grid}.exit-mark{font-size:2.2rem}.exit-title{margin:0;font-size:1.65rem;font-weight:700}.exit-sub{color:var(--ink-soft);margin:0;font-size:.94rem}.exit-actions{gap:.65rem;margin-top:.5rem;display:flex}.exit-note{color:var(--ink-soft);margin:.4rem 0 0;font-size:.88rem}.toast{left:50%;bottom:calc(12rem + var(--safe-b));z-index:50;backdrop-filter:blur(8px);color:#fff;word-break:break-all;background:#181e2ce0;border-radius:999px;max-width:88vw;padding:.62rem 1.1rem;font-size:.88rem;position:fixed;transform:translate(-50%);box-shadow:0 6px 20px #0003}.hub-hud,.hud{z-index:10;pointer-events:none;padding:calc(.5rem + var(--safe-t)) .65rem calc(.6rem + var(--safe-b));flex-direction:column;justify-content:flex-end;display:flex;position:absolute;inset:0}.bottom-center-stack{margin-top:auto;pointer-events:none;z-index:16;flex-direction:column;align-items:center;gap:.42rem;width:min(720px,100vw - .9rem);margin-inline:auto;display:flex;position:relative}.bottom-center-stack>*{pointer-events:auto}.hub-joystick,.stage-joystick{left:.75rem;bottom:calc(.85rem + var(--safe-b));z-index:24;pointer-events:auto;width:76px;height:76px;position:fixed}.stage-joystick{bottom:calc(5.15rem + var(--safe-b))}@media (width<=820px){.hub-joystick,.stage-joystick{width:62px;height:62px;left:.55rem}.hub-joystick{bottom:calc(4.25rem + var(--safe-b))}.stage-joystick{bottom:calc(5.35rem + var(--safe-b))}.hub-joystick .joystick-knob,.stage-joystick .joystick-knob{width:26px;height:26px}}.bottom-dock-bar{-webkit-backdrop-filter:blur(20px)saturate(140%);scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#101412e0;border:1.5px solid #f5d4945c;border-radius:999px;justify-content:safe center;align-items:center;gap:.24rem;max-width:calc(100vw - .8rem);padding:.32rem .45rem;display:inline-flex;overflow-x:auto;box-shadow:0 12px 32px #00000073,inset 0 1px #ffffff24}.bottom-dock-bar::-webkit-scrollbar{display:none}.kind-bar{scrollbar-width:none;-webkit-backdrop-filter:blur(16px);background:#101412c7;border:1px solid #f5d49447;border-radius:999px;justify-content:safe center;align-items:center;gap:.15rem;max-width:calc(100vw - 1rem);padding:.18rem;display:inline-flex;overflow-x:auto;box-shadow:0 8px 22px #00000047}.kind-btn{appearance:none;color:#f9f3e6d1;font:inherit;letter-spacing:-.02em;cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:999px;min-height:34px;padding:.42rem .72rem;font-size:.78rem;font-weight:700;line-height:1}.kind-btn:hover{color:#fffaf0;background:#ffffff14}.kind-btn[aria-pressed=true]{color:#fffaf0;background:#d89b3ceb}.kind-sep{color:#f5d49473;user-select:none;font-size:.72rem;line-height:1}@media (width<=600px){.kind-btn{min-height:36px;padding:.4rem .55rem;font-size:.72rem}}.dock-divider{background:#ffffff2e;flex-shrink:0;width:1px;height:22px;margin-inline:.18rem}.dock-item{appearance:none;color:#f9f3e6;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #0000;border-radius:999px;flex-shrink:0;align-items:center;gap:.32rem;min-height:38px;padding:.36rem .68rem;font-size:.78rem;font-weight:600;transition:background .16s,border-color .16s,transform .14s,color .16s;display:inline-flex}.dock-item:hover{background:#ffffff26;border-color:#ffe09673}.dock-item:active{transform:scale(.96)}.dock-item.is-active{color:#fff;background:#d89b3cdb;border-color:#fff2c6;box-shadow:0 3px 12px #d89b3c61}.dock-item.is-on .dock-icon{color:#ffe7a8}.dock-item.is-accent{color:#ffe8a8;background:linear-gradient(135deg,#d4963857,#a86e2261);border-color:#f8d0829e}.dock-item.is-icon-only{justify-content:center;width:38px;height:38px;padding:.36rem}.dock-icon-wrap{align-items:center;gap:.22rem;display:inline-flex;position:relative}.dock-icon{font-size:.98rem;line-height:1}.q-mark{width:18px;height:18px;display:block}.dock-item.is-q-low .q-mark{opacity:.45}.dock-item.is-q-low .q-mark path{stroke-dasharray:2.2 2.2}.weather-mark{width:22px;height:18px;display:inline-block;position:relative}.weather-sun,.weather-umb{line-height:1;position:absolute}.weather-sun{font-size:.78rem;top:0;left:0}.weather-umb{font-size:.92rem;bottom:-1px;right:-1px}.hub-amb-popover{left:0;right:0;bottom:calc(4.2rem + var(--safe-b,0px));z-index:70;color:#f9f3e6;background:#121412;border:1.5px solid #f2cc807a;border-radius:20px;justify-content:center;width:min(640px,100vw - 1rem);margin-inline:auto;padding:.42rem .55rem;display:flex;position:fixed;box-shadow:0 10px 30px #00000073}.hub-amb-popover[hidden]{display:none}.hub-amb-list{scrollbar-width:none;flex-direction:row;align-items:center;gap:.32rem;max-width:100%;display:flex;overflow-x:auto}.hub-amb-list::-webkit-scrollbar{display:none}.hub-amb-chip{appearance:none;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;flex-direction:column;flex-shrink:0;align-items:center;gap:.1rem;min-width:52px;padding:.34rem .5rem;font-size:.65rem;font-weight:600;display:flex}.hub-amb-ico{font-size:1.1rem;line-height:1}.hub-amb-chip[aria-pressed=true]{background:#d89b3ceb;border-color:#0000}.dock-label{letter-spacing:-.01em;font-size:.76rem}.dock-item .me-dot{border:1.5px solid #ffffffd9;width:11px;height:11px}.online-badge{color:#fff;background:#3bc472;border-radius:999px;padding:.04rem .32rem;font-size:.62rem;font-weight:700;line-height:1.2}.stage-dock-bar{gap:.22rem;padding:.3rem .42rem}.dock-back-btn{appearance:none;color:#fff5da;font:inherit;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d89b3c47,#2a342ed9);border:1.5px solid #ffdc9194;border-radius:999px;flex-shrink:0;align-items:center;gap:.26rem;min-height:36px;padding:.34rem .66rem;font-size:.76rem;font-weight:700;transition:background .15s,transform .14s;display:inline-flex}.dock-back-btn:hover{background:#d89b3c75}.dock-room-badge{background:#ffffff12;border-radius:999px;flex-shrink:1;align-items:center;gap:.32rem;min-width:0;max-width:135px;padding:.26rem .58rem;display:inline-flex}.dock-room-badge .hud-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;font-weight:600;overflow:hidden}.dock-room-badge .hud-move-hint{color:#ffe29a;background:#f0c46c38;border-left:0;border-radius:999px;padding:.05rem .3rem;font-size:.62rem}.dock-tools-scroll{scrollbar-width:none;align-items:center;gap:.2rem;display:inline-flex;overflow-x:auto}.dock-tools-scroll::-webkit-scrollbar{display:none}.dock-tool-btn{appearance:none;color:#f9f3e6;font:inherit;cursor:pointer;white-space:nowrap;background:#ffffff12;border:1px solid #ffffff1f;border-radius:999px;flex-shrink:0;align-items:center;gap:.25rem;min-height:36px;padding:.32rem .56rem;font-size:.74rem;font-weight:600;transition:background .15s,border-color .15s,transform .14s;display:inline-flex;position:relative}.dock-tool-btn:hover{background:#ffffff29;border-color:#ffe09680}.dock-tool-btn:active{transform:scale(.95)}.dock-tool-btn.is-active{color:#fff;background:#d89b3ce0;border-color:#fff3c8;box-shadow:0 2px 10px #d89b3c66}.dock-tool-btn.is-off{opacity:.52}.dock-tool-btn.is-compact{justify-content:center;width:36px;height:36px;padding:.32rem}.dock-tool-icon{font-size:.94rem;line-height:1}.dock-tool-label{font-size:.72rem}.stage-interact-row{flex-direction:column;align-items:center;gap:.32rem;width:min(720px,100%);display:flex}.stage-interact-row .actions,.stage-interact-row .links{backdrop-filter:blur(16px);background:#101412c7;border:1px solid #f5d49447;border-radius:999px;flex-wrap:wrap;justify-content:safe center;gap:.12rem;max-width:calc(100vw - 1rem);margin:0;padding:.18rem;display:inline-flex;box-shadow:0 8px 22px #00000047}.stage-interact-row .action,.stage-interact-row .btn-link{max-width:none;min-height:34px;box-shadow:none;color:#f9f3e6e0;background:0 0;border:0;border-radius:999px;flex-direction:row;flex:0 auto;align-items:center;gap:.32rem;padding:.38rem .72rem;font-size:.78rem;font-weight:700;display:inline-flex}.stage-interact-row .action:hover,.stage-interact-row .btn-link:hover{color:#fffaf0;background:#ffffff14}.stage-interact-row .action:active,.stage-interact-row .action.is-holding{color:#fffaf0;background:#d89b3ceb}.stage-interact-row .action:before{opacity:1;border-radius:inherit;background:#d89b3c8c}.stage-interact-row .action-icon{font-size:1.05rem}.stage-interact-row .action-label{white-space:nowrap;font-size:.8rem;font-weight:700}.stage-interact-row .action-count{color:#ffe2a8;background:#ffffff1f;border-radius:999px;padding:.06rem .38rem;font-size:.7rem;position:static}.stage-interact-row .links{justify-content:center;margin-left:0}.dock-popover{-webkit-backdrop-filter:blur(18px);color:#f9f3e6;background:#141816eb;border:1.5px solid #f0c6747a;border-radius:22px;gap:.58rem;width:min(540px,100vw - 1.1rem);max-height:min(38dvh,240px);padding:.75rem .88rem;animation:.16s both fade-in;display:grid;overflow:auto;box-shadow:0 12px 34px #00000070}.room-sheet{max-height:min(38dvh,240px);overflow:auto}.dock-popover-head{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.popover-close-btn{appearance:none;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;font-size:.74rem;display:grid}.popover-close-btn:hover{background:#ffffff38}.hub-nav-group{gap:.35rem;display:grid}.hub-nav-label{color:#ffe09a;letter-spacing:.01em;font-size:.72rem;font-weight:700}.hub-nav-pills{flex-wrap:wrap;gap:.32rem;display:flex}.sound-popover{max-width:min(420px,100vw - 1.1rem);position:static}.sound-popover .sound-modes{flex-wrap:nowrap}.sound-popover .sound-modes .chip{flex:1;min-width:0;padding:.28rem .35rem;font-size:.72rem}.sound-popover .sound-preset-list{max-height:none}.sound-popover .sound-preset-current{color:#ffe09a;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;overflow:hidden}.sound-popover .sound-sliders{grid-template-columns:1fr 1fr;gap:.35rem .6rem;display:grid}.sound-popover .sound-preset-heading{color:#ffe09a}.sound-popover .sound-preset-section,.sound-popover .sound-sliders{background:#ffffff14}.sound-popover .vol-row{color:#f3ead8}.timer-menu{flex-wrap:wrap;justify-content:center;align-items:center;gap:.38rem;width:auto;max-width:calc(100vw - 1.1rem);padding:.5rem .75rem;display:inline-flex;position:static}.timer-menu-label{color:#ffe09a;margin-right:.2rem;font-size:.74rem;font-weight:700}.hud-topic-wrap{margin:0;padding:.65rem .78rem}.door-prompt-card{border-radius:18px;gap:.6rem;width:100%;max-width:min(500px,100vw - 1.1rem);padding:.52rem .72rem}.door-prompt-thumb{border-radius:10px;width:52px;height:40px}.door-prompt-title{font-size:.92rem}.door-prompt-sub{font-size:.72rem}.door-open-btn{min-height:36px;padding:.44rem .82rem;font-size:.78rem}.door-sound-btn{min-height:36px;padding:.4rem .58rem;font-size:.78rem}.hub-walk-hint{background:#101412ad;margin:0;padding:.28rem .78rem;font-size:.73rem}.gesture-dock{left:0;right:0;bottom:calc(4.2rem + var(--safe-b));z-index:70;scrollbar-width:none;background:#121412;border:1.5px solid #f2cc807a;border-radius:20px;justify-content:center;align-items:center;gap:.32rem;width:min(640px,100vw - 1rem);margin-inline:auto;padding:.42rem .55rem;animation:.16s both fade-in;display:flex;position:fixed;overflow-x:auto;box-shadow:0 10px 30px #00000073}html[data-view=space] .gesture-dock{bottom:calc(7.1rem + var(--safe-b))}.gesture-dock::-webkit-scrollbar{display:none}.gesture-btn{appearance:none;color:#fffbf2;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;flex-direction:column;flex-shrink:0;align-items:center;gap:.1rem;min-width:52px;padding:.34rem .54rem;transition:background .15s,transform .14s,border-color .15s;display:flex;position:relative}.gesture-btn:hover{background:#ffffff2e;border-color:#ffe096a6;transform:translateY(-2px)}.gesture-btn.is-active{color:#fff;background:#d89b3cd9;border-color:#fff2c2}.gesture-icon{font-size:1.1rem;line-height:1}.gesture-label{white-space:nowrap;font-size:.65rem;font-weight:600}.gesture-key{opacity:.55;font-family:inherit;font-size:.52rem;position:absolute;top:2px;right:4px}.chat-panel{left:.5rem;right:.5rem;bottom:calc(4.6rem + var(--safe-b));z-index:29;color:#f7f1e5;background:#161a18;border:1.5px solid #e8c4887a;border-radius:22px;gap:.48rem;width:auto;max-width:420px;max-height:38dvh;margin-inline:auto;padding:.72rem;animation:.16s both fade-in;display:grid;position:fixed;overflow:auto;box-shadow:0 12px 36px #00000075}html[data-view=space] .chat-panel{bottom:calc(7.6rem + var(--safe-b))}.chat-head{justify-content:space-between;align-items:center;display:flex}.chat-head-left{align-items:center;gap:.4rem;display:flex}.online-dot{background:#48d282;border-radius:50%;width:8px;height:8px;box-shadow:0 0 8px #48d282}.chat-title{color:#fff;font-size:.84rem;font-weight:700}.chat-online-count{color:#96f2ba;background:#48d2822e;border-radius:999px;padding:.08rem .42rem;font-size:.68rem;font-weight:600}.chat-close-btn{appearance:none;color:#fff;cursor:pointer;background:#ffffff1a;border:0;border-radius:50%;width:26px;height:26px;font-size:.76rem}.chat-nosave-notice{word-break:keep-all;overflow-wrap:break-word;color:#ffd88a;background:#e8b86c1f;border-radius:8px;margin:0;padding:.24rem .5rem;font-size:15px;line-height:1.45}.chat-feed{flex-direction:column;gap:.32rem;min-height:76px;max-height:140px;padding:.3rem .15rem;display:flex;overflow-y:auto}.chat-empty-hint{color:#f7f1e5db;text-align:center;word-break:keep-all;overflow-wrap:break-word;margin:auto 0;font-size:15px;line-height:1.45}.chat-msg{word-break:keep-all;overflow-wrap:break-word;background:#ffffff12;border-radius:10px;padding:.28rem .52rem;font-size:15px;line-height:1.45}.chat-msg.is-self{background:#d89b3c38;border:1px solid #f0c46c52}.chat-author{margin-right:.35rem;font-size:.72rem;font-weight:700}.chat-quick-row{scrollbar-width:none;gap:.28rem;padding-bottom:.08rem;display:flex;overflow-x:auto}.chat-quick-row::-webkit-scrollbar{display:none}.chat-quick-chip{appearance:none;color:#f4ecdc;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;flex-shrink:0;padding:.2rem .48rem;font-size:.66rem}.chat-quick-chip:hover{background:#ffffff2e}.chat-form{gap:.32rem;display:flex}.chat-input{color:#fff;min-width:0;font:inherit;background:#0c0f0e;border:1px solid #ffffff3d;border-radius:999px;outline:none;flex:1;padding:.38rem .65rem;font-size:16px;line-height:1.45}.chat-input:focus{border-color:#f0c46c}.chat-send-btn{min-height:34px;padding:.38rem .78rem;font-size:.76rem}.char-modal{z-index:35;backdrop-filter:blur(6px);background:#0e1210a6;place-items:center;padding:.85rem;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.char-modal-panel{background:var(--paper);border:2px solid #8a6c427a;border-radius:24px;gap:.85rem;width:100%;max-width:540px;max-height:calc(100dvh - 2rem);padding:1.05rem;display:grid;overflow-y:auto;box-shadow:0 18px 46px #00000061}.char-modal-head{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.char-modal-title{margin:0;font-size:1.15rem;font-weight:700}.char-modal-sub{color:var(--ink-soft);margin:.18rem 0 0;font-size:.78rem}.char-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}@media (width<=480px){.char-preset-grid{grid-template-columns:1fr}}.char-preset-card{appearance:none;text-align:left;font:inherit;color:var(--ink);cursor:pointer;background:#ffffffe0;border:1.5px solid #2b312c29;border-radius:15px;align-items:center;gap:.6rem;padding:.55rem .68rem;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.char-preset-card:hover{border-color:#b57c38;transform:translateY(-2px);box-shadow:0 6px 16px #00000014}.char-preset-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.2rem;display:grid;box-shadow:inset 0 -2px 5px #0003}.char-preset-meta{flex-direction:column;gap:.08rem;min-width:0;display:flex}.char-preset-name{font-size:.85rem;font-weight:700}.char-preset-desc{color:var(--ink-soft);font-size:.7rem}.char-modal-foot{border-top:1px dashed #2b312c29;justify-content:flex-end;padding-top:.25rem;display:flex}@media (width<=600px){.hub-hud,.hud{padding:calc(.4rem + var(--safe-t)) .4rem calc(.45rem + var(--safe-b))}.bottom-center-stack{gap:.35rem;width:calc(100vw - .6rem)}.bottom-dock-bar{gap:.16rem;padding:.26rem .36rem}.dock-item{gap:.22rem;min-height:44px;padding:.32rem .5rem;font-size:.72rem}.dock-label{font-size:.7rem}.dock-item.is-icon-only{width:44px;min-width:44px;height:44px;min-height:44px;padding:.28rem}.hud-back-pill,.dock-back-btn{min-width:44px;min-height:44px;padding:.3rem .52rem;font-size:.72rem}.dock-room-badge{flex:100%;order:-1;max-width:none;padding:.16rem .5rem}.dock-room-badge .hud-title{font-size:15px}.dock-room-badge .hud-move-hint{display:none}.dock-tool-btn{min-width:44px;min-height:44px;padding:.28rem .44rem}.dock-tool-btn.is-compact .dock-tool-label{display:none}.dock-tool-btn.is-compact{width:44px;min-width:44px;height:44px;min-height:44px}.stage-interact-row .action{min-width:44px;min-height:44px;padding:.3rem .66rem}.stage-interact-row .action-label{font-size:.74rem}.hub-walk-hint{padding:.22rem .62rem;font-size:.68rem}.gesture-key{display:none}.popover-close-btn,.chat-close-btn,.chat-send-btn,.chat-quick-chip,.door-open-btn,.door-sound-btn{min-width:44px;min-height:44px}}@media (width<=360px){.dock-item{padding:.28rem .42rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hub-bottom-row{pointer-events:none;justify-content:center;align-items:center;gap:.55rem;max-width:calc(100vw - .8rem);display:flex}.hub-bottom-row>*{pointer-events:auto}.hub-bottom-row .hub-joystick{flex:none;width:58px;height:58px;position:static;bottom:auto;left:auto}.hub-bottom-row .hub-joystick .joystick-knob{width:24px;height:24px}.hub-map-tools{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:.3rem;display:flex}.hub-map-tools:empty{display:none}.hub-map-tools .map-tool-pill{appearance:none;color:#f9f3e6;font:inherit;cursor:pointer;backdrop-filter:blur(12px);background:#101412b8;border:1px solid #f5d49452;border-radius:999px;min-height:28px;padding:.22rem .62rem;font-size:.72rem;font-weight:600}.hub-map-tools .map-tool-pill:hover{background:#ffffff29}.hub-map-tools .map-tool-pill.is-on{color:#fff;background:#d89b3cdb;border-color:#fff2c6}.hub-weather-panel{z-index:80;color:#f9f3e6;background:#121412;border:1.5px solid #f2cc807a;border-radius:20px;flex-direction:column;align-items:center;gap:.28rem;width:min(640px,100vw - 1rem);margin-inline:auto;padding:.42rem .55rem;display:flex;position:fixed;left:0;right:0;box-shadow:0 10px 30px #00000073}.hub-weather-panel[hidden]{display:none}.hub-weather-row{scrollbar-width:none;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.32rem;max-width:100%;display:flex;overflow-x:auto}.hub-weather-row::-webkit-scrollbar{display:none}.hub-weather-chip{appearance:none;color:inherit;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:13px;flex-direction:column;flex-shrink:0;align-items:center;gap:.1rem;min-width:52px;padding:.34rem .5rem;font-size:.65rem;font-weight:600;display:flex}.hub-weather-chip.is-on{color:#fff;background:#d89b3ceb;border-color:#0000}.directory-topics{flex-direction:column;gap:.35rem;margin:.2rem 0 .6rem;display:flex}@media (width<=600px){.hub-hud,.hud{padding-left:0;padding-right:0}.bottom-center-stack{box-sizing:border-box;align-items:center;gap:.16rem;width:100%;max-width:100%;padding-left:.2rem;padding-right:.2rem}.hub-bottom-row{justify-content:center;gap:0;width:100%}.hub-bottom-row .hub-joystick,html[data-view=space] .stage-joystick{z-index:24;width:62px;height:62px;position:fixed;left:8px}.hub-bottom-row .hub-joystick{bottom:calc(5.35rem + var(--safe-b))}html[data-view=space] .stage-joystick{bottom:calc(9.15rem + var(--safe-b))}.hub-bottom-row .hub-joystick .joystick-knob,html[data-view=space] .stage-joystick .joystick-knob{width:28px;height:28px}.bottom-dock-bar,.kind-bar,.stage-interact-row .actions,.stage-interact-row .links,.hub-walk-hint,.gesture-dock,.chat-panel,.hub-weather-panel,.hub-amb-popover,.dock-popover{-webkit-backdrop-filter:none}.bottom-dock-bar,.kind-bar,.stage-interact-row .actions,.stage-interact-row .links,.gesture-dock,.hub-weather-panel,.hub-amb-popover{background:#161a18}.bottom-dock-bar,.stage-dock-bar,.kind-bar,.stage-interact-row .actions,.stage-interact-row .links{flex-wrap:nowrap;justify-content:safe center;gap:2px;width:max-content;max-width:100%;margin-inline:auto;padding:.12rem .2rem;overflow-x:auto}.stage-dock-bar .dock-tools-scroll{flex:auto;gap:2px;min-width:0}.dock-divider{height:16px;margin-inline:.04rem}.dock-item,.dock-tool-btn,.dock-back-btn{flex-direction:column;justify-content:center;align-items:center;gap:0;min-width:0;height:auto;min-height:0;padding:.12rem .28rem;line-height:1}.dock-item.is-icon-only,.dock-tool-btn.is-compact{width:30px;min-width:30px;height:30px;min-height:30px;padding:.1rem}.dock-icon,.dock-tool-icon,.dock-back-icon{font-size:.92rem;line-height:1}.dock-label,.dock-tool-label,.dock-back-text{letter-spacing:-.03em;font-size:10px;line-height:1;display:block}.dock-room-badge{flex:0 auto;order:0;max-width:4.6rem;padding:0 .15rem}.dock-room-badge .hud-title{font-size:11px;font-weight:600;line-height:1.05}.kind-bar{scrollbar-width:none;gap:3px;padding:.08rem}.kind-sep{display:none}.kind-btn{min-height:0;padding:.28rem .46rem;font-size:12px;line-height:1}.stage-interact-row{align-items:stretch;gap:.16rem;width:100%}.stage-interact-row .actions,.stage-interact-row .links{scrollbar-width:none;border-radius:14px;gap:3px;padding:.08rem;display:inline-flex}.stage-interact-row .action,.stage-interact-row .btn-link{flex-direction:column;flex:none;gap:0;min-width:0;max-width:none;min-height:0;padding:.12rem .34rem;font-size:11px;line-height:1}.stage-interact-row .action-icon{font-size:.92rem;line-height:1}.stage-interact-row .action-label{letter-spacing:-.03em;font-size:11px;line-height:1}.hub-walk-hint{align-self:center;font-size:13px}.hub-map-tools .map-tool-pill{min-height:32px;padding:.2rem .5rem;font-size:.68rem}.chat-panel,.gesture-dock,.dock-popover,.hub-weather-panel,.hub-amb-popover{width:auto;max-width:none;max-height:min(38dvh,240px);margin-inline:0;left:.4rem;right:.4rem;overflow:auto}.chat-panel,.gesture-dock{bottom:calc(9.4rem + var(--safe-b))}html[data-view=space] .chat-panel,html[data-view=space] .gesture-dock,html[data-view=space] .dock-popover{bottom:calc(12.6rem + var(--safe-b))}.hub-weather-chip,.hub-amb-chip,.gesture-btn{gap:0;min-height:0;padding:.12rem .16rem;font-size:10px;line-height:1}.hub-amb-popover{max-height:min(38dvh,240px);padding:.28rem;overflow:auto}.hub-amb-list{grid-template-columns:repeat(6,minmax(0,1fr));gap:.18rem;width:100%;display:grid;overflow:visible}.hub-amb-chip{border-radius:8px;min-width:0}.hub-amb-ico{font-size:.9rem}.hub-amb-chip span:last-child{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.04em;max-width:100%;overflow:hidden}.gesture-dock{flex-wrap:wrap;justify-content:center;gap:.18rem;width:min(100% - .8rem,420px);max-height:min(38dvh,240px);padding:.28rem;overflow:auto}.gesture-btn{border-radius:8px;flex:0 0 calc(25% - .16rem);min-width:0}.gesture-icon{font-size:.95rem}.gesture-label{text-overflow:ellipsis;max-width:100%;font-size:10px;overflow:hidden}.char-modal{inset:auto .35rem calc(5.6rem + var(--safe-b)) .35rem;backdrop-filter:none;background:0 0;align-items:end;padding:0}html[data-view=space] .char-modal{bottom:calc(9.2rem + var(--safe-b))}.char-modal-panel{border-radius:16px;gap:.3rem;max-height:none;padding:.4rem;overflow:hidden}.char-modal-sub,.char-preset-desc,.char-modal-foot{display:none}.char-modal-title{font-size:.9rem}.char-preset-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:.18rem}.char-preset-card{text-align:center;border-radius:8px;flex-direction:column;align-items:center;gap:0;padding:.16rem .08rem}.char-preset-avatar{width:22px;height:22px;font-size:.85rem}.char-preset-meta{width:100%;min-width:0}.char-preset-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:9px;line-height:1.05;overflow:hidden}.chat-panel{grid-template-rows:auto auto minmax(40px,1fr) auto auto;gap:.28rem;max-height:min(34dvh,260px);padding:.45rem;overflow:hidden}.chat-feed{min-height:0;max-height:none;padding:.1rem;overflow-y:auto}.chat-nosave-notice,.chat-empty-hint,.chat-msg{font-size:12px;line-height:1.25}.chat-nosave-notice{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chat-quick-row{flex-wrap:wrap;gap:.18rem;overflow:visible}.chat-quick-chip{min-width:0;min-height:0;padding:.1rem .32rem;font-size:11px}.chat-input{padding:.2rem .5rem;font-size:16px;line-height:1.2}.chat-send-btn{min-width:0;min-height:0;padding:.2rem .5rem;font-size:12px}.directory-modal[data-layout=simple]{background:0 0;padding:0;display:block;inset:0;overflow:hidden}.directory-modal[data-layout=simple] .directory-catch{left:.4rem;right:.4rem;top:calc(.35rem + var(--safe-t));text-align:center;background:#f4efe4;border:1.5px solid #8a6c4273;border-radius:16px;padding:.45rem .7rem .5rem;display:block;position:absolute;bottom:auto;box-shadow:0 8px 22px #0000002e}.directory-catch-title{color:#1e231f;margin:0;font-size:1.05rem;font-weight:700;line-height:1.2}.directory-catch-line{color:#5c4a32;margin:.12rem 0 0;font-size:.78rem;font-weight:600;line-height:1.25}.directory-modal[data-layout=simple] .directory-panel{top:16dvh;left:.35rem;right:.35rem;bottom:calc(5.6rem + var(--safe-b));border-radius:16px;max-width:none;height:auto;padding:.4rem;position:absolute;overflow:hidden auto}html[data-view=space] .directory-modal[data-layout=simple] .directory-panel{bottom:calc(9.2rem + var(--safe-b))}.directory-modal[data-layout=simple] .card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:.22rem;min-width:0}.directory-modal[data-layout=simple] .space-card{min-width:0}.directory-modal[data-layout=simple] .directory-head>div:first-child{display:none}.directory-modal[data-layout=simple] .directory-head{flex-wrap:nowrap;justify-content:center;margin:0 0 .3rem}.directory-modal[data-layout=simple] .directory-head-tools{flex-wrap:nowrap;justify-content:center;gap:.2rem;width:100%}.directory-modal[data-layout=simple] .directory-close-side{display:inline-flex}.directory-modal[data-layout=simple] .time-pill,.directory-modal[data-layout=simple] .directory-head-tools .btn{min-height:0;padding:.16rem .42rem;font-size:12px}.directory-modal[data-layout=simple] .chips{scroll-snap-type:none;grid-template-columns:repeat(4,minmax(0,1fr));gap:.18rem;margin:0;padding:0;display:grid;overflow:hidden}.directory-modal[data-layout=simple] .chip{text-align:center;white-space:nowrap;text-overflow:ellipsis;scroll-snap-align:none;justify-content:center;min-width:0;min-height:0;padding:.16rem .2rem;font-size:11px;line-height:1.1;overflow:hidden}}