:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--ink: #f8f1dd;--muted: #b8afad;--wine: #25101d;--panel: rgba(20, 13, 24, .94);--gold: #ffcc62;--pink: #ff477e;--cyan: #40e8e0;--line: rgba(255, 235, 195, .16)}*{box-sizing:border-box}html,body,#game-shell{width:100%;height:100%;margin:0;overflow:hidden;background:#08070b}body{color:var(--ink)}button,input{font:inherit}button{color:inherit}#game-canvas{display:block;width:100%;height:100%;outline:none;touch-action:none}.venue-grain{position:fixed;inset:0;pointer-events:none;z-index:2;opacity:.08;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.panel,.jukebox-shell{border:1px solid var(--line);box-shadow:0 30px 80px #0000008c,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.intro{position:fixed;z-index:20;left:clamp(22px,7vw,104px);top:50%;width:min(520px,calc(100vw - 44px));padding:clamp(28px,4vw,52px);transform:translateY(-50%);border-radius:3px 32px 3px 3px;background:linear-gradient(145deg,#190c19f7,#0b0a0fe6);transition:opacity .4s ease,transform .5s ease}.intro.is-leaving{opacity:0;transform:translate(-32px,-50%);pointer-events:none}.eyebrow{margin:0 0 10px;color:var(--gold);font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.76rem;font-weight:700;letter-spacing:.18em}h1,h2{margin:0;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;line-height:.92;text-transform:uppercase}h1{max-width:420px;font-size:clamp(3.8rem,8vw,7.2rem);font-weight:800;letter-spacing:-.045em;text-shadow:0 3px 0 rgba(255,71,126,.2)}.intro-title-main,.intro-title-experience{display:block}.intro-title-experience{margin-top:.12em;font-size:.72em;letter-spacing:-.02em;line-height:.95}h2{font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.025em}.intro-copy{max-width:400px;margin:22px 0 24px;color:#d5cdca;font-size:.98rem;line-height:1.65}.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:26px}.touch-only{display:none!important}.control-grid span{display:flex;min-width:0;padding:11px 8px 9px;flex-direction:column;align-items:center;gap:5px;border:1px solid var(--line);border-radius:8px;background:#ffffff08}kbd{font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.83rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.control-grid small{overflow:hidden;color:#9f9698;font-size:.64rem;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.primary-button,.stop-button{border:0;border-radius:999px;cursor:pointer;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.primary-button{width:100%;padding:15px 22px;color:#21131b;background:linear-gradient(90deg,var(--gold),#ffefad);box-shadow:0 12px 30px #ffcc622e;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 40px #ffcc6247}.primary-button:disabled{cursor:wait;opacity:.55}.status-line{min-height:1em;margin:14px 0 0;color:#968c91;font-size:.72rem;text-align:center}.hud{position:fixed;z-index:8;top:24px;left:24px;right:24px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none;transition:opacity .25s ease}.now-playing{display:flex;max-width:min(460px,calc(100vw - 110px));padding:11px 16px 11px 12px;align-items:center;gap:11px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#0c090eb8;box-shadow:0 10px 34px #00000047;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.now-playing>div{overflow:hidden}.now-playing strong,.now-playing span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hud-label{color:#a59ba1;font-size:.59rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.now-playing strong{margin-top:2px;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:1rem;letter-spacing:.025em}.live-dot{width:10px;height:10px;flex:0 0 auto;border:2px solid #6f686b;border-radius:50%;background:#343034}.is-performing .live-dot{border-color:#ff94b4;background:var(--pink);box-shadow:0 0 16px var(--pink);animation:live-pulse 1.4s infinite}@keyframes live-pulse{50%{opacity:.48;transform:scale(.78)}}.icon-button,.close-button{display:grid;border:1px solid rgba(255,255,255,.14);border-radius:50%;place-items:center;background:#0c090ec2;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button{width:42px;height:42px;font-weight:700}.hud-actions{display:flex;gap:9px;pointer-events:auto}.watch-show-button,.show-camera-button,.show-action-button{border:1px solid rgba(255,255,255,.16);color:var(--ink);background:#ffffff0e;cursor:pointer;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.watch-show-button{margin-left:4px;padding:8px 12px;border-color:#ffcc6257;border-radius:999px;color:var(--gold);pointer-events:auto;white-space:nowrap}.show-mode-active .now-playing{opacity:0;transform:translateY(-8px);pointer-events:none}.show-mode-hud{position:fixed;z-index:9;inset:0;pointer-events:none}.show-title-card{position:absolute;top:86px;left:28px;width:min(560px,calc(100vw - 56px));padding:20px 24px 22px;border-left:3px solid var(--gold);background:linear-gradient(90deg,#0d090fd6,#0d090f00);text-shadow:0 2px 16px rgba(0,0,0,.8);animation:show-title-reveal 4.2s both}.show-title-card span,.show-title-card strong{display:block}.show-title-card span{color:var(--gold);font-size:.68rem;font-weight:800;letter-spacing:.18em}.show-title-card strong{margin-top:7px;overflow:hidden;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:clamp(2.25rem,6vw,5rem);line-height:.94;text-overflow:ellipsis;text-transform:uppercase}@keyframes show-title-reveal{0%{opacity:0;transform:translate(-26px)}12%,72%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.show-controls-bar{position:absolute;right:24px;bottom:max(24px,env(safe-area-inset-bottom));left:24px;display:flex;align-items:center;justify-content:center;gap:10px;pointer-events:auto}.show-camera-controls{display:flex;min-height:48px;padding:5px;align-items:center;gap:8px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:#0a070cd1;box-shadow:0 14px 44px #0000005c;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.show-camera-controls span{min-width:180px;color:#d9d1ce;font-size:.69rem;font-weight:750;letter-spacing:.07em;text-align:center;text-transform:uppercase}.show-camera-button{width:38px;height:38px;border-radius:50%;color:var(--gold);font-size:1.05rem}.show-camera-button:disabled{cursor:default;opacity:.34}.show-action-button{min-height:48px;padding:0 18px;border-radius:999px;background:#0a070cd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.show-action-primary{border-color:#ffcc626b;color:#24151c;background:linear-gradient(90deg,var(--gold),#ffedaa)}.show-camera-button:hover:not(:disabled),.show-action-button:hover,.watch-show-button:hover{border-color:#ffcc6294;transform:translateY(-1px)}.show-camera-button:focus-visible,.show-action-button:focus-visible,.watch-show-button:focus-visible{outline:3px solid rgba(64,232,224,.42);outline-offset:3px}#sound-button[aria-pressed=true]{color:#8b8186;opacity:.7}.controls-toast{position:fixed;z-index:8;left:50%;bottom:25px;display:flex;padding:10px 14px;gap:18px;border:1px solid rgba(255,255,255,.1);border-radius:999px;color:#c6bec0;background:#0c090ec7;font-size:.68rem;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .25s ease,transform .25s ease}.controls-toast kbd{margin-right:4px;color:var(--gold)}.interaction-prompt{position:fixed;z-index:9;left:50%;bottom:72px;display:flex;padding:9px 14px 9px 9px;align-items:center;gap:10px;border:1px solid rgba(64,232,224,.35);border-radius:999px;background:#080e11e0;box-shadow:0 0 30px #40e8e026;transform:translate(-50%)}.interaction-prompt kbd{display:grid;width:30px;height:30px;border-radius:50%;color:#071615;place-items:center;background:var(--cyan)}.interaction-prompt span{font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.9rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.interaction-reticle{position:fixed;z-index:7;left:50%;top:50%;width:18px;height:18px;border:1px solid rgba(255,255,255,.48);border-radius:50%;pointer-events:none;transform:translate(-50%,-50%);transition:border-color .12s ease,box-shadow .12s ease,transform .12s ease}.interaction-reticle span{position:absolute;left:50%;top:50%;width:3px;height:3px;border-radius:50%;background:#ffffffb8;transform:translate(-50%,-50%)}.interaction-reticle.is-ready{border-color:var(--cyan);box-shadow:0 0 18px #40e8e08c;transform:translate(-50%,-50%) scale(1.16)}.interaction-reticle.is-ready span{background:var(--cyan)}.character-bubble{position:fixed;z-index:12;width:max-content;max-width:min(280px,calc(100vw - 32px));padding:12px 16px;border:1px solid rgba(255,204,98,.58);border-radius:18px 18px 18px 4px;color:#24131c;background:linear-gradient(145deg,#fff3ce,#ffd87d);box-shadow:0 14px 32px #0000006b;pointer-events:none;transform:translate(-50%,calc(-100% - 14px));text-align:center}.character-bubble:after{position:absolute;left:calc(50% - 7px);bottom:-10px;width:15px;height:15px;content:"";background:#ffd87d;clip-path:polygon(0 0,100% 0,50% 100%)}.character-bubble strong{display:block;max-width:100%;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:1.02rem;letter-spacing:.035em;line-height:1.15;overflow-wrap:anywhere}.character-bubble p{margin:7px 0 0;color:#5b3542;font-size:.78rem;line-height:1.4}.look-prompt{position:fixed;z-index:8;left:50%;bottom:72px;padding:9px 15px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:#0c090ec7;transform:translate(-50%)}.touch-controls{position:fixed;z-index:10;inset:auto 0 max(18px,env(safe-area-inset-bottom));display:flex;padding:0 max(18px,env(safe-area-inset-right)) 0 max(18px,env(safe-area-inset-left));align-items:flex-end;justify-content:space-between;pointer-events:none;-webkit-user-select:none;user-select:none}.touch-move-wrap{display:grid;justify-items:center;gap:5px;color:#ffffff94;font-size:.58rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.touch-joystick{position:relative;width:112px;height:112px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:#0c090e7a;box-shadow:inset 0 0 28px #00000057;pointer-events:auto;touch-action:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.touch-joystick:before,.touch-joystick:after{position:absolute;content:"";inset:50% 14px auto;height:1px;background:#ffffff17}.touch-joystick:after{inset:14px auto 14px 50%;width:1px;height:auto}#touch-joystick-knob{position:absolute;left:calc(50% - 25px);top:calc(50% - 25px);width:50px;height:50px;border:1px solid rgba(255,204,98,.5);border-radius:50%;background:#ffcc6238;box-shadow:0 0 20px #ffcc621f}.touch-look-label{align-self:flex-end;margin:0 0 12px;color:#ffffff75;font-size:.62rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.mobile-use-button{width:78px;height:78px;border:1px solid rgba(255,255,255,.16);border-radius:50%;color:#fff6;background:#0c090e94;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.86rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;pointer-events:auto;touch-action:manipulation;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.mobile-use-button.is-ready{color:#071615;border-color:var(--cyan);background:var(--cyan);box-shadow:0 0 28px #40e8e04d}.touch-mode .desktop-only{display:none!important}.touch-mode .touch-only{display:flex!important}.touch-mode .control-grid.touch-only{display:grid!important}.jukebox-overlay{position:fixed;z-index:30;inset:0;display:grid;padding:clamp(12px,4vw,52px);place-items:center;background:radial-gradient(circle at 76% 20%,rgba(255,71,126,.17),transparent 35%),#060509b3;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.projector-overlay{position:fixed;z-index:30;inset:0;display:grid;padding:clamp(14px,5vw,64px);place-items:center;background:radial-gradient(circle at 22% 18%,rgba(64,232,224,.15),transparent 38%),#060509c2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.projector-shell{display:grid;width:min(820px,100%);max-height:min(720px,100%);padding:clamp(24px,4vw,44px);grid-template-rows:auto auto minmax(0,1fr) auto;gap:22px;overflow:hidden;border:2px solid rgba(64,232,224,.32);border-radius:10px 42px 10px 10px;background:linear-gradient(150deg,#121c23fa,#110c17fa)}.projector-header{display:flex;align-items:flex-start;justify-content:space-between;gap:22px}.projector-subtitle{margin:10px 0 0;color:var(--muted);font-size:.78rem}.projector-now-playing{display:flex;padding:13px 15px;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(64,232,224,.24);border-radius:12px;background:#40e8e00e}.projector-now-playing span,.projector-now-playing strong{display:block}.projector-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.projector-now-playing span{color:var(--cyan);font-size:.57rem;font-weight:800;letter-spacing:.13em}.projector-now-playing strong{margin-top:4px;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif}.projector-video-list{display:grid;min-height:150px;align-content:start;gap:10px;overflow:auto}.projector-video-button{display:flex;width:100%;padding:16px 18px;align-items:center;justify-content:space-between;gap:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#ffffff09;cursor:pointer;text-align:left}.projector-video-button:hover,.projector-video-button.is-playing{border-color:#40e8e06b;background:#40e8e014}.projector-video-button strong{font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:1.06rem}.projector-video-button span{color:#958b90;font-size:.68rem}.projector-empty{margin:0;padding:58px 30px;border:1px dashed rgba(255,204,98,.24);border-radius:14px;color:#aaa0a4;line-height:1.6;text-align:center}.projector-footer{display:flex;min-height:24px;justify-content:space-between;gap:18px;color:#81777c;font-size:.65rem}.jukebox-shell{display:grid;width:min(1080px,100%);height:min(790px,100%);padding:clamp(22px,3.4vw,42px);grid-template-rows:auto auto auto minmax(0,1fr) auto;overflow:hidden;border:2px solid rgba(255,204,98,.38);border-radius:42px 42px 10px 10px;background:linear-gradient(180deg,#35122afa,#120c16fa),var(--panel);box-shadow:0 0 0 7px #633026a6,0 0 0 9px #ffcc622e,0 40px 90px #000000b3}.jukebox-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.jukebox-subtitle{margin:10px 0 0;color:var(--muted);font-size:.78rem}.close-button{width:44px;height:44px;flex:0 0 auto;font-size:1.7rem}.jukebox-now-playing{display:flex;margin-top:20px;padding:12px 14px;align-items:center;gap:13px;border:1px solid rgba(64,232,224,.22);border-radius:12px;background:#40e8e00f}.jukebox-now-playing>div:nth-child(2){min-width:0;flex:1}.jukebox-now-playing span,.jukebox-now-playing strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jukebox-now-playing span{color:var(--cyan);font-size:.59rem;font-weight:700;letter-spacing:.16em}.jukebox-now-playing strong{margin-top:3px;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:1.12rem}.record-spinner{position:relative;width:34px;height:34px;flex:0 0 auto;border:7px solid #17121a;border-radius:50%;background:var(--pink);animation:record-spin 2.4s linear infinite}.record-spinner span{position:absolute;inset:7px;border-radius:50%;background:var(--gold)}@keyframes record-spin{to{transform:rotate(360deg)}}.stop-button{padding:9px 17px;color:#ffd4df;border:1px solid rgba(255,71,126,.35);background:#ff477e1f}.catalogue-tools{display:flex;margin:22px 0 14px;align-items:center;gap:14px}.search-box{min-width:180px;flex:1}.search-box input{width:100%;padding:12px 16px;color:var(--ink);border:1px solid var(--line);border-radius:9px;outline:0;background:#0504086b}.search-box input:focus{border-color:#40e8e08c;box-shadow:0 0 0 3px #40e8e014}.filter-buttons{display:flex;gap:5px}.filter-buttons button{padding:10px 12px;border:1px solid transparent;border-radius:8px;color:#aea5a9;background:transparent;cursor:pointer;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.77rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.filter-buttons button:hover,.filter-buttons button.is-active{color:var(--ink);border-color:var(--line);background:#ffffff0f}.song-list{min-height:0;overflow:auto;border-top:1px solid var(--line);scrollbar-color:rgba(255,204,98,.35) transparent}.song-row{display:grid;padding:11px 8px;grid-template-columns:42px minmax(0,1.5fr) minmax(120px,1fr) auto auto auto;align-items:center;gap:14px;border-bottom:1px solid rgba(255,255,255,.065);transition:background .15s ease}.song-row:hover,.song-row.is-playing{background:#ffcc620e}.song-index{color:#71666d;font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:.72rem;text-align:right}.song-name,.song-project{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.song-name{font-family:Arial Narrow,Roboto Condensed,Impact,sans-serif;font-size:1.06rem;font-weight:700;letter-spacing:.015em}.song-project{color:#958b90;font-size:.69rem}.song-badge{padding:4px 7px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:#ad9ea5;font-size:.56rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.song-duration{min-width:34px;color:#776e72;font-variant-numeric:tabular-nums;font-size:.67rem}.play-song-button{width:34px;height:34px;border:1px solid rgba(255,204,98,.28);border-radius:50%;color:var(--gold);background:#ffcc620f;cursor:pointer}.play-song-button:hover{color:#291921;background:var(--gold)}.song-empty{padding:56px 20px;color:#938a8e;text-align:center}.jukebox-footer{display:flex;min-height:28px;padding-top:14px;align-items:flex-end;justify-content:space-between;gap:20px;color:#756c71;font-size:.64rem}.jukebox-footer kbd{color:#a99fa4}.message-toast{position:fixed;z-index:50;left:50%;bottom:30px;max-width:min(520px,calc(100vw - 40px));padding:12px 18px;border:1px solid rgba(255,71,126,.3);border-radius:999px;background:#1c0a14f0;box-shadow:0 12px 40px #00000073;transform:translate(-50%);text-align:center}.is-hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:760px){.intro{left:18px;width:calc(100vw - 36px);max-height:calc(100dvh - 24px);padding:26px;overflow:auto}.control-grid{grid-template-columns:repeat(2,1fr)}.touch-mode .control-grid{grid-template-columns:repeat(3,1fr)}.touch-mode .control-grid kbd{font-size:.68rem}.hud{top:max(12px,env(safe-area-inset-top));left:12px;right:12px}.now-playing{max-width:calc(100vw - 118px);padding:9px 12px 9px 10px}.watch-show-button{padding:7px 10px;font-size:.65rem}.hud-actions{gap:6px}.icon-button{width:40px;height:40px}.controls-toast{gap:10px;white-space:nowrap}.touch-mode .controls-toast{bottom:154px}.catalogue-tools{align-items:stretch;flex-direction:column}.filter-buttons{overflow-x:auto}.song-row{grid-template-columns:30px minmax(0,1fr) auto auto;gap:10px}.song-project,.song-badge{display:none}.play-song-button{width:44px;height:44px}.jukebox-overlay{padding:10px}.jukebox-shell{padding:20px 16px 14px;border-radius:28px 28px 8px 8px}.jukebox-header h2{font-size:clamp(1.75rem,9vw,2.4rem)}.jukebox-footer span:first-child{display:none}.character-bubble{max-width:min(240px,calc(100vw - 24px));padding:11px 14px}.projector-overlay{padding:10px}.projector-shell{max-height:calc(100dvh - 20px);padding:24px 18px 18px;border-radius:8px 30px 8px 8px}.projector-header h2{font-size:clamp(1.8rem,9vw,2.5rem)}.projector-now-playing{align-items:stretch;flex-direction:column}.projector-video-button{align-items:flex-start;flex-direction:column;gap:6px}.projector-footer{flex-direction:column}.show-title-card{top:max(68px,calc(env(safe-area-inset-top) + 60px));left:14px;width:calc(100vw - 28px);padding:16px 17px 18px}.show-title-card strong{font-size:clamp(2rem,11vw,3.2rem)}.show-controls-bar{right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;flex-wrap:wrap;gap:7px}.show-camera-controls{width:100%;justify-content:space-between}.show-camera-controls span{min-width:0;flex:1;font-size:.62rem}.show-action-button{min-height:44px;padding:0 15px;flex:1;font-size:.7rem}}@media(max-height:540px)and (pointer:coarse){.touch-joystick{width:86px;height:86px}#touch-joystick-knob{left:calc(50% - 21px);top:calc(50% - 21px);width:42px;height:42px}.mobile-use-button{width:64px;height:64px}.touch-look-label{display:none}.controls-toast{display:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.show-title-card{opacity:0;transform:none}}:root{--ink: #f6efdc;--muted: #b8bcb2;--gold: #e8c582;--cyan: #a1d8bf;--line: rgba(232, 197, 130, .2);--panel: rgba(19, 32, 29, .96)}button{touch-action:manipulation}button:focus-visible,input:focus-visible{outline:3px solid #a1d8bf;outline-offset:3px}button:disabled{cursor:default}.venue-grain{opacity:.04}.intro{width:min(460px,calc(100vw - 44px));max-height:calc(100dvh - 40px);padding:32px 36px;overflow:auto;border-radius:6px 6px 28px;border-top:3px solid var(--gold);background:linear-gradient(140deg,#182a23f7,#0d1715f5)}.intro-masthead{display:flex;gap:18px;align-items:center;margin-bottom:28px}.venue-emblem{width:72px;height:72px;border-radius:50%;border:1px solid var(--line)}.intro-masthead .eyebrow{margin:0;font-size:.63rem;line-height:1.9;letter-spacing:.13em}.intro-masthead .eyebrow span{color:#bdc2b5;font-size:.58rem;letter-spacing:.06em}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(3.3rem,5vw,4.8rem);font-weight:400;letter-spacing:-.04em;line-height:.98;text-shadow:none;text-transform:none}.intro-title-experience{margin-top:16px;font-family:inherit;font-style:italic;font-size:.4em;letter-spacing:0;color:var(--gold)}.intro-copy{margin:24px 0;color:#d4d9cb;font-size:.94rem;line-height:1.7}.control-grid{margin-bottom:24px;gap:6px}.control-grid span{padding:11px 4px;border-radius:5px}.control-grid kbd{font-family:inherit;font-size:.62rem;letter-spacing:0}.control-grid small{color:#b0b8aa}.primary-button{border-radius:7px;min-height:48px;color:#19251e;background:linear-gradient(110deg,#e8c582,#f5dfaa);box-shadow:0 8px 28px #0003}.status-line{color:#b4bbab;font-size:.74rem}.text-button,.clear-search-button{display:block;margin:16px auto 0;border:0;background:transparent;color:var(--gold);text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:44px}.now-playing,.icon-button,.quality-button{background:#111e1be6;border-color:var(--line)}.hud-label{color:#c0c8b9}.quality-button{padding:0 13px;min-height:44px;border:1px solid var(--line);border-radius:24px;color:var(--gold);cursor:pointer;font-size:.7rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.icon-button{width:44px;height:44px}.hud-status{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}.player-visibility{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:24px;color:var(--gold);background:#111e1be6;font-size:.72rem;cursor:pointer;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.player-visibility[aria-expanded=true]{border-color:#a1d8bf80;color:var(--cyan)}.show-mode-active .now-playing{display:none}.now-playing strong{font-family:inherit;font-size:.85rem}.has-recording:not(.show-mode-active) .now-playing{max-width:min(460px,calc(100vw - 220px))}.room-guide{position:fixed;z-index:8;left:50%;bottom:24px;display:flex;align-items:center;gap:16px;width:min(550px,calc(100vw - 32px));padding:16px 18px;border:1px solid var(--line);border-radius:12px;background:#111e1bf0;box-shadow:0 12px 32px #0004;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.room-guide>div{min-width:0;flex:1}.room-guide strong{display:block;font-family:Georgia,serif;font-size:1.12rem;font-weight:400}.room-guide>div>span{display:block;margin-top:4px;color:#b7c0b1;font-size:.71rem;line-height:1.5}.room-guide button{min-height:44px;padding:0 12px;color:var(--gold);background:#e8c5820d;border:1px solid var(--line);border-radius:7px;cursor:pointer;white-space:nowrap;font-size:.75rem}.guide-indicator{width:9px;height:9px;flex:0 0 auto;background:var(--gold);border-radius:50%;box-shadow:0 0 18px #e8c58266}#dismiss-room-guide{flex:0 0 44px;width:44px;padding:0;border:0;background:transparent;font-size:1.3rem}.controls-toast{bottom:122px;color:#d0d5c8}.interaction-prompt,.look-prompt{bottom:160px}.interaction-prompt{border-color:#a1d8bf66;box-shadow:0 6px 24px #0005}.menu-open .room-guide,.menu-open .player-controls,.menu-open .controls-toast,.menu-open .look-prompt,.has-recording .room-guide{display:none}.player-close{position:absolute;top:6px;right:6px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#bdc5b7;font-size:1.35rem;line-height:1;cursor:pointer}.player-close:hover{background:#ffffff0a;color:var(--ink)}.player-controls{position:fixed;z-index:11;left:50%;bottom:max(20px,env(safe-area-inset-bottom));display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;column-gap:16px;row-gap:8px;width:min(800px,calc(100vw - 48px));padding:14px 64px 9px 18px;border:1px solid #e8c58240;border-radius:14px;background:#0f1a17f2;box-shadow:0 14px 50px #0006;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform:translate(-50%)}.player-record{display:grid;width:44px;height:44px;border-radius:50%;place-items:center;border:1px solid #596154;background:repeating-radial-gradient(#151c18 0 2px,#354035 3px 4px);animation:record-spin 6s linear infinite}.player-record span{width:15px;height:15px;border-radius:50%;background:var(--gold);border:5px solid #aa763f}.player-controls.is-paused .player-record{animation-play-state:paused}.player-info{min-width:0}.player-info span{display:block;color:var(--gold);font-size:.58rem;letter-spacing:.13em;font-weight:700}.player-info strong{display:block;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.97rem;font-weight:550}.player-actions{display:flex;gap:6px}.player-actions button{min-height:44px;padding:0 15px;border:1px solid var(--line);border-radius:7px;color:#e1e5d8;background:#ffffff06;cursor:pointer;font-size:.77rem}.player-actions .player-play{color:#1d2a21;background:var(--gold);min-width:70px;font-weight:700}.player-actions button:disabled{opacity:.6}.player-timeline{grid-column:1 / 3;display:flex;gap:10px;align-items:center;color:#bdc5b7;font-variant-numeric:tabular-nums;font-size:.67rem}.player-timeline span{min-width:28px}.player-volume{display:flex;justify-content:flex-end;gap:12px;align-items:center;color:#b8c1b2;font-size:.65rem}.player-controls input[type=range]{width:100%;min-width:0;height:24px;margin:0;accent-color:var(--gold);cursor:pointer;background:transparent}.player-controls input:disabled{cursor:default;opacity:.4}.player-volume input[type=range]{width:90px}.show-controls-bar{bottom:146px;gap:8px}.show-camera-controls,.show-action-button{border-color:var(--line);background:#0f1a17f0}.show-action-button{font-family:inherit;font-size:.7rem;font-weight:550;letter-spacing:0;text-transform:none}.show-action-primary{color:var(--gold)}.show-camera-controls span{color:#d0d8c8;letter-spacing:.03em;font-size:.65rem}.show-camera-button{width:44px;height:44px}.show-action-button[aria-pressed=true]{border-color:#a1d8bf80;color:var(--cyan)}.show-action-button:disabled{opacity:.6}.show-title-card strong{font-family:Georgia,serif;text-transform:none;font-size:clamp(2rem,4vw,3.2rem);line-height:1.1;font-weight:400}.has-recording .message-toast{bottom:214px}.has-recording .controls-toast{bottom:150px}.has-recording .interaction-prompt,.has-recording .look-prompt{bottom:196px}.jukebox-overlay,.projector-overlay{background:#060e0ca6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.jukebox-shell,.projector-shell{border:1px solid #e8c58259;border-top:3px solid var(--gold);border-radius:12px;background:linear-gradient(135deg,#1d332b,#101e1b 70%);box-shadow:0 28px 90px #0009}.jukebox-shell{width:min(1000px,100%);padding:30px}.jukebox-header h2,.projector-header h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.15;text-transform:none;letter-spacing:-.025em}.jukebox-header .eyebrow,.projector-header .eyebrow{font-family:inherit;font-size:.64rem;letter-spacing:.14em}.close-button{background:#0c1713;border-color:var(--line)}.catalogue-tools{margin:24px 0 12px}.search-box input{min-height:48px;background:#0b171380;border-radius:7px;font-size:.86rem}.search-box input::placeholder{color:#aab5a5}.filter-buttons button{min-height:44px;padding:8px 12px;color:#b4c0ae;font-family:inherit;font-size:.7rem;font-weight:550;text-transform:none;letter-spacing:0}.filter-buttons button.is-active{border-color:#e8c58266;background:#e8c58212;color:var(--gold)}.song-row{min-height:64px;grid-template-columns:26px minmax(0,1.5fr) minmax(100px,1fr) auto auto auto;gap:16px;padding:9px 8px}.song-index{color:#a4af9a;font-family:inherit}.song-name{font-family:inherit;font-weight:550;font-size:.91rem;letter-spacing:0}.song-project{color:#b1bfab;font-size:.74rem}.song-badge{color:#b7c4b0;border-color:#d5e3c720;font-size:.56rem}.song-duration{color:#bdc6b6;font-size:.74rem}.play-song-button{width:44px;height:44px;background:#e8c5820a}.song-row.is-playing{background:#e8c58212;box-shadow:inset 2px 0 var(--gold)}.jukebox-now-playing{margin-top:18px;background:#a1d8bf09;border-color:#a1d8bf30}.jukebox-now-playing strong{font-family:inherit;font-size:.94rem;font-weight:500}.jukebox-now-playing.is-paused .record-spinner{animation-play-state:paused}.stop-button{min-height:44px;color:#e5c9bb;background:#e5a2860d;border-color:#e5a28644;font-family:inherit;font-size:.7rem}.jukebox-footer,.projector-footer{color:#b0bda6;line-height:1.5;font-size:.68rem}.jukebox-footer kbd,.song-empty,.projector-empty{color:#c3cbb9}.projector-video-button strong{font-family:inherit;font-size:.97rem;font-weight:550}.projector-video-button span{color:#b0bda6}.projector-now-playing strong{font-family:inherit}@media(max-width:760px){.intro{left:16px;width:calc(100vw - 32px);max-height:calc(100dvh - 28px);padding:26px}.intro-masthead{margin-bottom:24px;gap:14px}.venue-emblem{width:64px;height:64px}h1{font-size:clamp(3.3rem,13vw,4.7rem)}.intro-copy{font-size:.88rem;margin:20px 0}.control-grid{grid-template-columns:repeat(4,1fr)}.control-grid kbd{font-size:.56rem}.touch-mode .control-grid kbd{font-size:.6rem}.now-playing,.has-recording:not(.show-mode-active) .now-playing{max-width:calc(100vw - 206px);border-radius:12px;padding:8px 10px;gap:7px}.now-playing strong{font-size:.7rem}.hud-label{font-size:.5rem}.quality-button{padding:0 10px;font-size:.64rem}.hud-actions{gap:5px}.has-recording:not(.show-mode-active) .now-playing{flex-wrap:wrap}.watch-show-button{margin:4px 0 0;width:100%;min-height:36px}.room-guide{bottom:18px;padding:13px;gap:10px}.room-guide strong{font-size:1rem}.room-guide>div>span{font-size:.64rem}.room-guide button{padding:0 10px}.touch-mode .room-guide{bottom:150px}.touch-mode .controls-toast{bottom:246px;font-size:.6rem}.touch-mode .interaction-prompt,.touch-mode .look-prompt{bottom:244px}.player-controls{bottom:max(12px,env(safe-area-inset-bottom));width:calc(100vw - 24px);padding:12px 14px 7px;grid-template-columns:34px minmax(0,1fr);column-gap:12px;row-gap:10px}.player-record{width:34px;height:34px}.player-info span{font-size:.52rem}.player-info strong{font-size:.89rem}.player-info{padding-right:32px}.player-actions{grid-column:1 / 3}.player-actions button{flex:1}.player-timeline{grid-column:1 / 3}.player-volume{grid-column:1 / 3;margin-top:-9px}.player-volume input[type=range]{width:86px}.show-controls-bar{top:max(72px,calc(env(safe-area-inset-top) + 60px));bottom:auto;gap:6px}.show-camera-controls{min-height:44px;padding:2px}.show-camera-controls span{font-size:.6rem}.show-action-button{padding:0 8px;font-size:.68rem;min-height:44px}.show-title-card{top:195px;left:14px;padding:12px 14px}.show-title-card strong{font-size:2rem}.has-recording .message-toast{bottom:220px;font-size:.85rem}.touch-mode.has-recording:not(.show-mode-active) .player-controls{bottom:150px}.touch-mode.has-recording:not(.show-mode-active) .controls-toast{bottom:350px}.touch-mode.has-recording:not(.show-mode-active) .message-toast{bottom:350px}.jukebox-shell{padding:20px 16px 14px;border-radius:10px}.jukebox-header{gap:8px}.jukebox-header h2{font-size:1.85rem}.jukebox-header .eyebrow{font-size:.57rem}.jukebox-subtitle{font-size:.72rem}.catalogue-tools{gap:7px;margin:18px 0 10px}.filter-buttons{gap:3px;justify-content:space-between}.filter-buttons button{padding:8px 10px;font-size:.7rem}.song-row{grid-template-columns:20px minmax(0,1fr) auto 44px;gap:2px 9px;min-height:74px;padding:10px 4px}.song-index{grid-column:1;grid-row:1 / 3;font-size:.66rem}.song-name{grid-column:2;grid-row:1;font-size:.86rem;white-space:normal;line-height:1.3;align-self:end}.song-project{display:block;grid-column:2;grid-row:2;font-size:.66rem;align-self:start;margin-top:2px}.song-duration{grid-column:3;grid-row:1 / 3;font-size:.67rem;min-width:27px}.play-song-button{grid-column:4;grid-row:1 / 3}.song-badge{display:none}.jukebox-now-playing{margin-top:12px;padding:9px 11px}.jukebox-now-playing strong{font-size:.84rem}.jukebox-footer{padding-top:10px}.projector-shell{border-radius:10px}}@media(max-height:540px)and (orientation:landscape){.intro{top:12px;max-height:calc(100dvh - 24px);transform:none;padding:22px 28px}.intro.is-leaving{transform:translate(-32px)}.intro-masthead{margin-bottom:16px}.show-controls-bar{inset:12px 214px auto 110px;justify-content:flex-start;flex-wrap:wrap}.show-camera-controls{width:auto}.show-action-button{min-height:40px;flex:0 0 auto}.show-camera-controls span{min-width:140px}.show-title-card{top:126px}.player-controls{width:min(720px,calc(100vw - 32px));bottom:10px;grid-template-columns:34px minmax(0,1fr) auto;gap:5px 12px;padding:9px 60px 5px 14px}.player-info{padding-right:0}.player-actions{grid-column:3;grid-row:1}.player-volume{grid-column:3;grid-row:2;margin-top:0}.touch-mode.has-recording:not(.show-mode-active) .player-controls{bottom:110px}.touch-mode .room-guide{bottom:110px}}@media(prefers-reduced-motion:reduce){.player-record,.record-spinner{animation:none}}