@font-face{font-family:WorldUI;src:local('Arial')}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#090b10;color:#eeeae4;font:14px/1.45 WorldUI,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #69696b66;border-radius:6px;background:#15191fdd;color:#eeeae4;padding:11px 16px;min-height:44px}button:hover,button:focus-visible{background:#40312f;border-color:#d99781;outline:2px solid #e2a58f;outline-offset:2px}button:disabled{cursor:default;opacity:.45}button.primary{background:#c66d52;color:#100e0d;font-weight:700;border-color:#df9a80}#world{position:fixed;inset:0;width:100%;height:100%;outline:0;display:block}#look-surface{position:fixed;right:0;top:0;width:60%;height:100%;display:none;touch-action:none}.world-brand{position:fixed;left:max(22px,env(safe-area-inset-left));top:max(22px,env(safe-area-inset-top));text-shadow:0 2px 18px #000;pointer-events:none}.world-brand strong{display:block;font-size:22px;font-weight:800;letter-spacing:.30em}.world-brand small{font-size:9px;letter-spacing:.22em;color:#d5c2b8}.top-controls{position:fixed;right:max(20px,env(safe-area-inset-right));top:max(22px,env(safe-area-inset-top));display:flex;gap:8px}.room-label{position:fixed;left:24px;top:97px;pointer-events:none;text-shadow:0 2px 12px black}.room-label b{display:block;font-size:14px;letter-spacing:.06em}.room-label span{color:#b9b9b5;font-size:11px}.crosshair{position:fixed;left:50%;top:50%;width:4px;height:4px;border-radius:50%;background:#fff8;pointer-events:none;box-shadow:0 0 8px #000}.interaction-prompt{position:fixed;top:57%;left:50%;transform:translateX(-50%);text-align:center;color:#eee;background:#111c;padding:8px 16px;border-radius:6px;pointer-events:none;max-width:260px}.interaction-prompt:empty{display:none}.music-bar{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(630px,calc(100% - 48px));background:#0b0e13ed;border:1px solid #6d625951;border-radius:12px;padding:12px 15px;box-shadow:0 8px 40px #0007;backdrop-filter:blur(16px);display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:11px}.music-bar .track-info{min-width:0}.music-bar b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.music-bar small{display:block;font-size:9px;color:#9d9b97;letter-spacing:.10em}.music-bar .meter{height:22px;display:flex;gap:3px;align-items:flex-end}.meter i{display:block;width:3px;background:#d98568;height:25%;transition:height .08s}.music-buttons{display:flex;gap:5px}.music-buttons button{padding:7px 9px;min-width:35px}.music-progress{grid-column:1/-1;display:flex;gap:10px;align-items:center;font-size:10px;color:#a7a6a5}.music-progress input{min-width:0;flex:1;height:10px;accent-color:#d98568;cursor:pointer}.mini-map{position:fixed;left:24px;bottom:25px;width:174px;height:150px;opacity:.78;pointer-events:none;background:#090d13bb;border:1px solid #c6a58c28;border-radius:8px}.world-hint{position:fixed;right:24px;bottom:32px;font-size:10px;color:#cdc6b9;background:#101319b3;padding:9px 12px;border-radius:6px;pointer-events:none}.overlay{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at center,#14151ada,#080a0ff0);padding:22px;z-index:30}.overlay[hidden],dialog[hidden]{display:none!important}.entry-card{width:min(660px,100%);text-align:center}.eyebrow{font-size:10px;color:#df9277;letter-spacing:.24em}.entry-card h1{font-size:clamp(46px,7vw,90px);line-height:.98;letter-spacing:-.035em;margin:27px 0 24px}.entry-card p{color:#a6aaae;max-width:470px;margin:18px auto;line-height:1.7}.entry-card .primary{min-width:210px;font-size:13px;letter-spacing:.08em;margin-top:14px}.entry-card .sub-actions{display:flex;justify-content:center;gap:10px;margin:14px}.entry-card .help{font-size:11px;color:#92969b}.load-progress{width:240px;margin:18px auto;height:2px;background:#3a3d44}.load-progress span{display:block;width:0;height:100%;background:#df967c;transition:width .2s}#load-status{font-size:12px;min-height:32px;color:#b9b7b3}.error{color:#ffaaa0!important}.pause-card h1{font-size:58px}.pause-card .actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:20px}.pause-card .volume{display:flex;align-items:center;gap:12px;justify-content:center;color:#a4a6ab}.pause-card input{accent-color:#d98568}dialog{z-index:50;width:min(800px,calc(100% - 28px));max-height:calc(100dvh - 40px);border:1px solid #71635d6b;border-radius:14px;background:#10141bf5;color:#ece7e0;padding:25px;box-shadow:0 18px 100px #000c}dialog::backdrop{background:#06090caa;backdrop-filter:blur(8px)}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dialog-heading h2{font-size:24px;margin:0}.dialog-heading button{padding:7px 12px}.room-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.room-card{text-align:left;min-height:110px;padding:17px}.room-card strong{font-size:15px;display:block;color:#e9c0aa}.room-card span{display:block;font-size:12px;line-height:1.5;color:#a3a8ad;margin-top:7px}.room-card small{float:right;color:#9ea8b8;font-size:10px}.track-list{display:grid;gap:3px}.track-item{display:grid;grid-template-columns:35px 1fr auto;text-align:left;gap:12px;border-color:transparent;padding:9px 13px;align-items:center}.track-item.active{background:#563628;border-color:#b9795b}.track-item small{font-size:10px;color:#a2a7b0}.track-item .album{display:block;font-size:10px;color:#9b9f9f}.track-item .track-number{color:#b4836d}.catalog-note{font-size:11px;color:#95999e}.touch-only{display:none}.joystick{position:fixed;left:max(25px,env(safe-area-inset-left));bottom:max(122px,env(safe-area-inset-bottom));width:126px;height:126px;border:1px solid #b4b6ba66;border-radius:50%;background:#11182270;z-index:10;touch-action:none}.joystick:after{content:'MOVE';position:absolute;bottom:15px;left:0;right:0;text-align:center;color:#b9b7b77a;font-size:8px;letter-spacing:.18em}.joystick-thumb{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);border-radius:50%;background:#c9b5a28c;border:1px solid #f1dbbc88;transform:translate(var(--world-joystick-x,0px),var(--world-joystick-y,0px));pointer-events:none}.touch-interact{position:fixed;right:max(26px,env(safe-area-inset-right));bottom:max(155px,env(safe-area-inset-bottom));width:64px;height:64px;padding:0;border-radius:50%;background:#d88461df;color:#130e0c;font-weight:800;font-size:15px;z-index:12}.touch-look-hint{position:fixed;right:25px;bottom:125px;pointer-events:none;color:#bbc0c5a0;font-size:9px;letter-spacing:.06em}.paused .crosshair,.paused .interaction-prompt{display:none}.paused .joystick,.paused .touch-interact,.paused .touch-look-hint{visibility:hidden}.paused #look-surface{pointer-events:none}.pointer-locked button,.pointer-locked input{pointer-events:none}#world-app{position:relative;z-index:2;pointer-events:none}#world-app button,#world-app input,#world-app select,#world-app dialog,#world-app .overlay,#world-app .joystick{pointer-events:auto}.pointer-locked #world-app button,.pointer-locked #world-app input{pointer-events:none}.world-message{position:fixed;top:135px;left:24px;color:#e0ba9e;font-size:11px;max-width:330px;text-shadow:0 1px 5px black;pointer-events:none}body.is-touch #look-surface,body.is-touch .touch-only{display:block}body.is-touch .world-hint{display:none}body.is-touch .mini-map{width:116px;height:100px;left:22px;bottom:270px}body.is-touch .music-bar{bottom:max(15px,env(safe-area-inset-bottom))}body.is-touch .top-controls{gap:5px}body.is-touch .top-controls button{font-size:11px;padding:8px 11px}
@media(max-width:1050px){.mini-map{width:128px;height:110px}.world-hint{display:none}.music-bar{width:min(550px,calc(100% - 320px))}}
@media(max-width:680px){.world-brand{top:18px;left:18px}.world-brand strong{font-size:17px}.world-brand small{font-size:8px}.top-controls{top:18px;right:14px}.top-controls #open-music{display:none}.room-label{top:77px;left:19px}.room-label b{font-size:12px}.room-label span{font-size:10px}.world-message{left:19px;top:113px;max-width:240px}.music-bar{width:calc(100% - 28px);padding:9px 12px;gap:8px}.music-bar .track-info b{font-size:12px}.music-bar small{font-size:8px}.music-buttons button{font-size:12px}.mini-map{display:none}.room-list{grid-template-columns:1fr}.room-card{min-height:90px}.entry-card h1{font-size:58px}.entry-card p{font-size:13px}.joystick{width:114px;height:114px;bottom:129px;left:20px}.touch-interact{bottom:154px;right:23px}.touch-look-hint{bottom:132px;right:15px}dialog{padding:18px}.track-item{grid-template-columns:24px 1fr auto;gap:8px}.interaction-prompt{font-size:11px;top:57%;max-width:220px}.pause-card h1{font-size:47px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.entered.paused .music-bar{z-index:35}.menu-open .joystick,.menu-open .touch-interact,.menu-open .touch-look-hint{visibility:hidden}.menu-open #look-surface{pointer-events:none}#pause-overlay{padding-bottom:130px}.pause-card{max-height:calc(100dvh - 160px);overflow-y:auto;padding:8px}dialog a{color:#dfad91}select{background:#191d24;color:#eee;border:1px solid #7778;border-radius:5px;padding:10px}.overlay .help{line-height:1.5}

/* Read-only club information stays clear of the transport and movement controls. */
.club-lighting {
 position:fixed;
 top:96px;
 right:max(22px,env(safe-area-inset-right));
 width:280px;
 max-width:calc(100% - 44px);
 padding:12px 14px;
 border:1px solid #ad927542;
 border-radius:9px;
 background:#0b1019b8;
 color:#e5ddd5;
 text-shadow:0 1px 8px #0008;
 pointer-events:none;
}
.club-lighting[hidden],.lighting-crowd[hidden] { display:none!important; }
.lighting-eyebrow { display:flex;justify-content:space-between;gap:18px;font-size:8px;letter-spacing:.15em;color:#b6a291; }
.club-lighting strong { display:block;font-size:13px;font-weight:500;line-height:1.4;margin-top:5px;overflow-wrap:anywhere; }
.lighting-timing { display:block;font-size:10px;color:#b9b7b7;margin-top:3px; }
.lighting-crowd { display:block;font-size:9px;color:#8f959d;margin-top:4px; }
.paused .club-lighting,.menu-open .club-lighting { display:none; }
.pause-card .lighting-setting { margin-top:-7px;margin-bottom:14px;max-width:390px;font-size:10px; }

@media(max-width:680px) {
 .club-lighting { top:116px;left:19px;right:auto;width:246px;max-width:calc(100% - 38px);padding:8px 10px; }
 .club-lighting strong { font-size:11px;margin-top:3px; }
 .lighting-eyebrow { font-size:7px; }
 .lighting-timing { font-size:9px; }
 .lighting-crowd { font-size:8px;margin-top:2px; }
 .world-message { top:202px;max-width:calc(100% - 38px); }
 .room-label { max-width:calc(100% - 38px); }
}

@media(max-height:560px) and (min-width:681px) {
 .club-lighting { top:86px;padding:8px 11px; }
 .lighting-crowd { display:none; }
}