:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f5ed;--ink:#213027;--muted:#5d6d60;--accent:#f68142;--line:#d9ded0;--focus:#1f6c8d}*{box-sizing:border-box}html,body{background:var(--paper);min-width:320px;min-height:100%;color:var(--ink);margin:0}body{font-family:Segoe UI Variable,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5}button,input{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:not-allowed;opacity:.52}button,input{border-radius:10px}button{border:0}button:focus-visible,input:focus-visible,summary:focus-visible,#scene-container:focus-visible{outline:3px solid var(--focus);outline-offset:3px}input{min-width:0;color:var(--ink);border:1px solid var(--line);background:#fffefa;width:100%;min-height:48px;padding:12px 14px}input::placeholder{color:#6b746d}input:hover{border-color:#a6ada3}input:focus{border-color:var(--ink)}[hidden]{display:none!important}h1,h2,p{margin:0}a{color:inherit}.skip-link{z-index:99;background:var(--ink);color:#fff;padding:12px;position:fixed;top:8px;left:8px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.topbar{background:var(--paper);border-bottom:1px solid var(--line);z-index:20;align-items:center;gap:34px;height:80px;padding:0 32px;display:flex;position:relative}.brand{letter-spacing:2px;white-space:nowrap;align-items:center;gap:12px;font-size:17px;font-weight:850;display:flex}.brand-mark{background:var(--ink);width:36px;height:36px;color:var(--accent);letter-spacing:-4px;border-radius:11px;place-items:center;padding-right:4px;font-family:Arial,sans-serif;font-size:26px;font-weight:900;display:grid}.brand-slash{color:#a0a69b;margin:0 4px}.world-breadcrumb{letter-spacing:1.6px;align-items:center;gap:10px;font-size:11px;font-weight:800;display:flex}.breadcrumb-dot{background:var(--accent);border-radius:50%;width:6px;height:6px}.beta-tag{letter-spacing:1px;border:1px solid var(--line);color:var(--muted);border-radius:5px;margin-left:4px;padding:3px 7px;font-size:9px}.topbar-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.quiet-button{min-height:44px;color:var(--ink);background:0 0;padding:8px 12px;font-size:13px;font-weight:650}.quiet-button:hover{background:#e9e8de}.connection-status{color:var(--muted);white-space:nowrap;align-items:center;gap:7px;margin-right:10px;font-size:11px;display:flex}.connection-status i{background:#a4a797;border-radius:50%;width:6px;height:6px}.connection-status[data-connected=true] i{background:#36856b}.connection-status[data-connected=false] i{background:#b36c2e}.xr-button{background:var(--ink);color:var(--paper);align-items:center;gap:22px;min-height:44px;padding:11px 16px;font-size:13px;font-weight:700;display:flex}.xr-button:hover:not(:disabled){background:#394c40}.xr-button span{color:var(--accent);font-size:20px}.experience{background:#dddcd1;height:calc(100dvh - 80px);min-height:650px;position:relative;overflow:hidden}.world{position:absolute;inset:0}.scene-container{touch-action:none;outline-offset:-4px;position:absolute;inset:0}.scene-container canvas{touch-action:none;width:100%;height:100%;display:block}.scene-loading{background:var(--paper);z-index:3;justify-content:center;align-items:center;gap:15px;font-size:14px;display:flex;position:absolute;inset:0}.scene-loading[data-error=true]{text-align:center;align-items:center;padding:48px}.loading-orbit{border:2px solid #d5d7cb;border-top-color:var(--accent);border-radius:50%;width:23px;height:23px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.world-caption{pointer-events:none;text-shadow:0 1px 10px #f9f5e9;flex-direction:column;align-items:flex-end;display:flex;position:absolute;bottom:30px;right:36px}.eyebrow{letter-spacing:1.9px;color:var(--muted);font-size:10px;font-weight:800}.world-caption strong{letter-spacing:-1.5px;font-family:Arial Black,Arial,sans-serif;font-size:33px;font-weight:900;line-height:1.35}.caption-period{color:var(--accent)}#world-mode{letter-spacing:1.6px;color:#445547;font-size:9px;font-weight:800}.sidebar{background:var(--paper);z-index:5;scrollbar-width:thin;scrollbar-color:#b9bfae transparent;border:1px solid #d5d5c8;border-radius:18px;width:360px;position:absolute;top:28px;bottom:28px;left:28px;overflow:auto;box-shadow:0 8px 28px #2630290a}.entry-panel{flex-direction:column;min-height:100%;padding:30px 28px;display:flex}.entry-eyebrow{letter-spacing:1.6px;align-items:center;gap:8px;margin-bottom:25px;font-size:9px;display:flex}.tiny-square{background:var(--accent);width:6px;height:6px}.entry-panel h1{letter-spacing:-2.5px;margin-bottom:20px;font-family:Arial Black,Arial,sans-serif;font-size:46px;font-weight:900;line-height:1.06}.entry-description{color:var(--muted);max-width:290px;margin-bottom:20px;font-size:14px;line-height:1.65}.onboarding-steps{border:1px solid var(--line);background:linear-gradient(#f7f4eb 0%,#f0efe7 100%);border-radius:12px;gap:8px;margin-bottom:20px;padding:12px 14px;display:grid}.step-item{color:var(--ink);align-items:center;gap:10px;font-size:11px;font-weight:700;display:flex}.step-badge{background:var(--ink);width:22px;height:22px;color:var(--paper);border-radius:50%;place-items:center;font-size:11px;display:grid}#join-form>label{justify-content:space-between;align-items:center;margin-bottom:7px;font-size:12px;font-weight:700;display:flex}#join-name{margin-bottom:18px}.optional-label{letter-spacing:.2px;color:var(--muted);font-size:10px;font-weight:400}.avatar-picker{border:0;margin:0 0 22px;padding:0}.avatar-picker legend{margin-bottom:9px;font-size:12px;font-weight:700}.avatar-colors{flex-wrap:wrap;gap:9px;display:flex}.color-swatch{border:3px solid var(--paper);outline:1px solid var(--line);border-radius:50%;width:44px;height:44px;position:relative}.color-swatch[aria-pressed=true]{outline:2px solid var(--ink)}.color-swatch[aria-pressed=true]:after{content:"✓";color:#14231c;text-shadow:0 0 2px #fff;place-items:center;font-size:17px;font-weight:900;display:grid;position:absolute;inset:0}#join-code{letter-spacing:.4px;font-size:12px}.primary-button{background:var(--accent);color:#202c24;border:1px solid #d66732;min-height:48px;padding:12px 18px;font-size:14px;font-weight:800;transition:background .15s,transform .15s}.primary-button:hover:not(:disabled){background:#ff945c}.primary-button:active:not(:disabled){transform:translateY(1px)}.enter-button{justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.enter-button span{font-size:22px;line-height:1}.inline-error{color:#9b3325;margin-top:10px;font-size:12px;line-height:1.5}.no-account{text-align:center;color:var(--muted);margin-top:12px;font-size:10px}.entry-footer{margin-top:auto;padding-top:27px}.entry-footer-line{border-top:2px solid var(--accent);width:34px;margin-bottom:14px;display:block}.entry-footer p{color:var(--muted);font-size:11px;line-height:1.7}.room-summary{border:1px solid var(--line);background:linear-gradient(#eef4ee 0%,#edf1e9 100%);border-radius:12px;gap:4px;margin-top:16px;padding:12px 14px;display:grid}.room-summary .eyebrow{letter-spacing:1.55px;font-size:8px}.room-summary strong{font-size:15px;line-height:1.35}.room-summary span{color:var(--muted);font-size:11px;line-height:1.5}body[data-joined=true] .sidebar{width:300px}body[data-joined=true] .world-caption{display:none}.session-panel{padding:22px 20px}.room-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.room-heading h1{letter-spacing:-.5px;margin-top:3px;font-size:21px}.room-heading .eyebrow{font-size:8px}.room-heading #room-code{letter-spacing:1px;font-family:Consolas,Courier New,monospace;font-size:19px;font-weight:750}.room-heading .quiet-button{color:var(--muted);padding:8px}.invite-button{color:#284532;background:#e6ebe0;border:1px solid #cdd8c5;justify-content:space-between;align-items:center;width:100%;min-height:43px;margin-top:17px;padding:10px 12px;font-size:12px;font-weight:700;display:flex}.invite-button:hover{background:#dce6d5}.invite-note{color:var(--muted);margin-top:7px;font-size:9px;line-height:1.5}.section-heading{justify-content:space-between;align-items:center;gap:8px;margin-top:23px;margin-bottom:10px;display:flex}.section-heading h2{font-size:13px;font-weight:800}.section-heading>span{color:var(--muted);font-size:9px}.player-list{gap:5px;margin:0;padding:0;list-style:none;display:grid}.player-row{align-items:center;gap:9px;min-height:35px;font-size:12px;display:flex}.player-dot{color:#183426;border:1px solid #21312a20;border-radius:50%;flex:none;place-items:center;width:27px;height:27px;font-size:11px;font-weight:850;display:grid}.player-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.you-label{color:var(--muted);margin-left:4px;font-size:9px}.player-score{flex:none;margin-left:auto;font-family:Consolas,monospace;font-weight:700}.score-unit{color:var(--muted);margin-left:3px;font-family:Arial,sans-serif;font-size:9px;font-weight:400}.station-list{gap:7px;display:grid}.station-button{border:1px solid var(--line);text-align:left;background:#fffdf7;align-items:center;gap:10px;width:100%;min-height:57px;padding:10px 12px;display:flex}.station-button:hover{background:#eceee3;border-color:#a2b09e}.station-number{color:var(--muted);font-family:Consolas,monospace;font-size:11px;font-weight:700}.station-button strong{font-size:12px;display:block}.station-button small{color:var(--muted);font-size:9px;display:block}.station-total{text-align:right;margin-left:auto;font-family:Consolas,monospace;font-size:14px}.station-total small{font-family:Arial,sans-serif;font-size:8px;font-weight:400}.station-hint{color:var(--muted);margin-top:10px;font-size:9px;line-height:1.6}.event-feed{color:#466348;gap:4px;margin:9px 0 0;padding:0;font-size:9px;list-style:none;display:grid}.chat-log{scrollbar-width:thin;flex-direction:column;gap:8px;height:115px;margin:0;padding:10px 0;font-size:11px;list-style:none;display:flex;overflow:auto}.chat-log li{overflow-wrap:anywhere}.chat-log strong{color:#334b3c;margin-right:6px;font-weight:750}.chat-placeholder{color:var(--muted);font-size:10px;font-style:italic}.chat-form{gap:6px;display:flex}.chat-form input{min-height:40px;padding:9px 10px;font-size:11px}.chat-form button{background:var(--ink);color:#fff;flex:none;width:42px;min-height:42px;font-size:21px}.chat-form button:hover{background:#3c5141}.play-hud{background:var(--paper);border:1px solid var(--line);z-index:4;border-radius:14px;align-items:center;gap:10px;max-width:calc(100% - 370px);padding:12px 14px;display:flex;position:absolute;bottom:28px;left:calc(50% + 100px);transform:translate(-50%);box-shadow:0 6px 24px #1c2a2220}.nearby-label{flex-direction:column;min-width:130px;display:flex}.nearby-label .eyebrow{letter-spacing:1px;font-size:8px}.nearby-label strong{white-space:nowrap;font-size:13px;font-weight:750}.action-button{white-space:nowrap;min-height:43px;padding:10px 14px;font-size:12px}.wave-button{color:var(--ink);border:1px solid var(--line);white-space:nowrap;background:#e7eade;min-height:43px;padding:10px 12px;font-size:11px}.view-hint{color:#2d4233;pointer-events:none;background:#f8f7eddf;border-radius:7px;align-items:center;gap:7px;padding:5px 10px;font-size:10px;display:flex;position:absolute;bottom:110px;left:calc(50% + 120px);transform:translate(-50%)}.view-hint span{color:#81917d}kbd{font-family:Consolas,Courier New,monospace;font-size:.95em;font-weight:700}.mobile-controls{z-index:8;touch-action:none;display:none;position:absolute;bottom:95px;left:14px}.mobile-controls>button{margin-bottom:3px;margin-left:47px}.mobile-controls>div{gap:3px;display:flex}.mobile-controls button{color:#24412e;-webkit-user-select:none;user-select:none;touch-action:none;background:#f5f2e9ee;border:1px solid #9faa98;width:44px;height:44px;font-size:21px}.mobile-controls button:active{background:var(--accent)}.toast{z-index:60;background:var(--ink);color:var(--paper);text-align:center;border:1px solid #4a5d4e;border-radius:12px;max-width:min(500px,100% - 32px);padding:13px 20px;font-size:13px;font-weight:600;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #1c2a222b}.toast[data-error=true]{background:#793b2b;border-color:#aa6a52}.help-dialog{background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:18px;max-width:min(520px,100vw - 28px);max-height:85dvh;padding:34px;overflow:auto;box-shadow:0 30px 90px #1c2a2240}.help-dialog::backdrop{background:#14251b78}.dialog-close{min-width:44px;min-height:44px;color:var(--muted);background:0 0;font-size:27px;position:absolute;top:9px;right:12px}.help-dialog h2{letter-spacing:-1px;margin:12px 0 16px;font-family:Arial Black,Arial,sans-serif;font-size:28px;line-height:1.2}.help-dialog p{color:var(--muted);font-size:13px;line-height:1.65}.help-dialog dl{margin:20px 0}.help-dialog dt{margin-top:14px;font-size:12px;font-weight:800}.help-dialog dd{color:var(--muted);margin:3px 0 0;font-size:12px;line-height:1.65}.help-safety{border-top:1px solid var(--line);padding-top:17px}.motion-setting{align-items:center;gap:10px;margin:18px 0;font-size:12px;font-weight:700;display:flex}.motion-setting input{width:20px;height:20px;min-height:20px;accent-color:var(--ink)}.help-dialog .xr-status{color:#395b43;margin-bottom:12px;font-size:11px;font-weight:700}.help-dialog .help-footnote{font-size:10px}body[data-panel-hidden=true] .sidebar{display:none}body[data-panel-hidden=true] .play-hud,body[data-panel-hidden=true] .view-hint{max-width:calc(100% - 28px);left:50%}.npc-disclosure{color:var(--muted);margin-bottom:10px;font-size:10px;line-height:1.55}.npc-row{align-items:center;min-height:44px}.npc-row .player-name{white-space:normal;overflow-wrap:anywhere;min-width:0}.ai-label{vertical-align:middle;letter-spacing:.5px;color:#284e49;background:#dcebe5;border:1px solid #bbd1c7;border-radius:4px;margin-left:6px;padding:1px 5px;font-size:8px;font-weight:800;display:inline-block}.npc-status{color:var(--muted);font-size:9px;font-weight:400;display:block}.npc-list{border-bottom:1px solid var(--line);padding-bottom:6px}@media (width>=1600px){.sidebar{width:380px;top:40px;bottom:40px;left:40px}.entry-panel{padding:36px 32px}.entry-panel h1{font-size:49px}.entry-description{font-size:15px}.topbar{padding:0 40px}}@media (width<=1100px){.world-breadcrumb .beta-tag{display:none}.topbar{gap:24px;padding:0 20px}.connection-status{display:none}.sidebar{width:330px;top:18px;bottom:18px;left:18px}.entry-panel{padding:26px 24px}.entry-panel h1{font-size:42px}.world-caption{bottom:24px;right:24px}.world-caption strong{font-size:27px}.play-hud{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100% - 345px);left:auto;right:18px;transform:none}.nearby-label{text-align:right;flex-basis:100%}.view-hint{display:none}.action-button{flex:1}}@media (width<=760px){.topbar{flex-wrap:nowrap;gap:10px;height:68px;padding:0 16px}.brand{letter-spacing:1px;gap:8px;font-size:13px}.brand-mark{border-radius:9px;width:30px;height:30px;font-size:23px}.brand-slash{margin:0 1px}.world-breadcrumb{display:none}.topbar-actions{gap:1px}.quiet-button{padding:7px 9px;font-size:11px}.xr-button{gap:8px;min-height:40px;padding:9px 11px;font-size:11px}.xr-button span{font-size:18px}.experience{background:var(--paper);flex-direction:column;height:auto;min-height:0;display:flex;overflow:visible}.world{flex:none;height:49dvh;min-height:300px;max-height:550px;position:relative}.world-caption{bottom:15px;right:18px}.world-caption .eyebrow{font-size:8px}.world-caption strong{font-size:24px}#world-mode{font-size:8px}.sidebar{width:calc(100% - 28px);box-shadow:none;z-index:5;border-radius:14px;margin:0 auto 20px;position:relative;inset:auto;overflow:visible}.entry-panel{padding:27px 24px}.entry-eyebrow{margin-bottom:18px}.entry-panel h1{letter-spacing:-2px;font-size:44px}.entry-description{max-width:none;margin-bottom:22px}.entry-footer{padding-top:22px}.entry-footer-line{display:none}.no-account,.entry-footer p{font-size:11px}body[data-joined=true] .world{height:calc(100dvh - 68px);min-height:480px;max-height:none}body[data-joined=true] .sidebar{width:calc(100% - 28px);margin-top:14px}body[data-panel-hidden=true] .sidebar{display:none}.session-panel{padding:22px}.room-heading h1{font-size:24px}.invite-note,.station-hint{font-size:11px}.section-heading h2{font-size:14px}.section-heading>span{font-size:11px}.player-row{min-height:40px;font-size:13px}.station-button{min-height:61px}.station-button strong{font-size:13px}.station-button small{font-size:11px}.chat-log{height:150px;font-size:12px}.chat-form input{min-height:45px;font-size:13px}.chat-form button{width:45px;min-height:45px}.play-hud{flex-wrap:nowrap;justify-content:space-between;gap:7px;padding:10px;bottom:14px;right:12px;max-width:none!important;left:12px!important;transform:none!important}.nearby-label{text-align:left;flex:1;min-width:0}.nearby-label strong{white-space:normal;font-size:12px;line-height:1.25}.nearby-label .eyebrow{letter-spacing:.6px;font-size:7px}.action-button{white-space:normal;flex:none;max-width:45%;min-height:44px;padding:10px 12px;font-size:11px;line-height:1.3}.wave-button{min-height:44px;padding:10px;font-size:10px}.mobile-controls{display:block}.toast{font-size:12px;bottom:18px}.help-dialog{padding:28px 24px}.help-dialog h2{font-size:26px}}@media (height<=760px) and (width>=761px){.experience{min-height:610px}.sidebar{overflow:auto}.entry-panel{padding:22px 24px}.entry-eyebrow{margin-bottom:16px}.entry-panel h1{margin-bottom:15px;font-size:38px}.entry-description{margin-bottom:19px;font-size:13px}.entry-footer{padding-top:18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}
