:root{--paper: #fff8ea;--ink: #3b3a45;--accent: #f2b632;--shadow: 0 6px 20px rgba(60, 40, 20, .18);font-family:Nunito,Segoe UI,system-ui,sans-serif;color:var(--ink)}html,body{margin:0;height:100%;overflow:hidden;background:#b9dff5}#app{position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(#9fd0f0,#b9dff5 55%,#d6ecf9)}#app canvas{display:block}.stage-screen{width:640px;height:360px;background:#111;overflow:hidden}.stage-screen iframe{display:block;width:640px;height:360px;border:0}.label{pointer-events:none;-webkit-user-select:none;user-select:none;text-align:center;white-space:nowrap;transition:opacity .25s}.label .name{font-size:13px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.5)}.label .bubble{display:inline-block;margin-bottom:6px;padding:6px 10px;max-width:220px;white-space:normal;background:var(--paper);border:2px solid #e5cfa4;border-radius:14px;font-size:13px;box-shadow:var(--shadow)}.label .bubble:empty{display:none}.stage-label{font-weight:800;font-size:15px;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.6);pointer-events:none}#gate{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#b9dff5d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}#gate[hidden]{display:none}.gate-card{background:var(--paper);padding:28px 32px;border-radius:22px;box-shadow:var(--shadow);text-align:center;min-width:280px}.gate-card h1{margin:0 0 4px;font-size:32px;letter-spacing:-.5px}.gate-card p{margin:0 0 18px;opacity:.8}#gate-form[hidden]{display:none}#enter:disabled{opacity:.7;cursor:default}#name:disabled{opacity:.7}.gate-card input,#chat-input{font:inherit;padding:10px 14px;border-radius:12px;border:2px solid #e5cfa4;background:#fff;outline:none;width:100%;box-sizing:border-box}.gate-card input{margin-bottom:10px;text-align:center}.gate-card button{font:inherit;font-weight:800;padding:10px 22px;border-radius:12px;border:none;background:var(--accent);color:var(--ink);cursor:pointer;width:100%}.gate-card .hint{font-size:12px;margin:14px 0 0;opacity:.6}#lineup{position:fixed;top:16px;left:16px;width:220px;background:var(--paper);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow);z-index:10}#lineup h2{margin:0 0 8px;font-size:14px;letter-spacing:1px;opacity:.7}#lineup ul{list-style:none;margin:0;padding:0}#lineup li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:10px;cursor:pointer;font-size:14px}#lineup li:hover{background:#0000000d}#lineup li.target{background:#f2b63240}#lineup li .dot{width:10px;height:10px;border-radius:50%;flex:none}#lineup li .stage{display:flex;flex-direction:column;min-width:0}#lineup li .stage-act{font-size:11px;opacity:.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#lineup li .dist{margin-left:auto;font-size:12px;opacity:.6}#crowd{margin-top:10px;font-size:12px;opacity:.6}#daytime{margin-top:2px;font-size:12px;opacity:.5}#minimap{display:block;width:168px;height:168px;margin-top:10px;border-radius:12px;background:#8fc46e;cursor:pointer}#now-playing{position:fixed;right:16px;bottom:16px;width:300px;background:var(--paper);border-radius:18px;padding:10px 12px;box-shadow:var(--shadow);z-index:10}.now-head{display:flex;align-items:flex-start;gap:8px}#now-title{font-size:13px;font-weight:800}#now-act{font-size:12px;opacity:.7}#mute{margin-left:auto;font:inherit;font-size:16px;line-height:1;border:none;background:none;cursor:pointer;padding:2px 4px}#start-music{display:block;width:100%;margin-top:8px;padding:8px;border-radius:10px;font:inherit;font-weight:800;background:var(--accent);color:var(--ink);border:none;cursor:pointer}#start-music[hidden]{display:none}#shop-prompt{position:fixed;left:50%;bottom:84px;transform:translate(-50%);z-index:11;font:inherit;font-weight:800;padding:8px 16px;border-radius:999px;border:none;background:var(--accent);color:var(--ink);box-shadow:var(--shadow);cursor:pointer}#shop-prompt[hidden]{display:none}#charge{position:fixed;left:50%;bottom:128px;transform:translate(-50%);z-index:11;width:260px;height:16px;border-radius:10px;background:#1b1b2459;border:2px solid var(--paper);overflow:hidden}#charge[hidden]{display:none}.charge-board{position:absolute;top:0;bottom:0;left:19%;width:38%;background:#fff8ea59}.charge-hole{position:absolute;top:0;bottom:0;left:44.5%;width:7.5%;background:#5ee07a}.charge-fill{position:absolute;top:0;bottom:0;left:0;width:0;background:#f2b632;opacity:.9}#shop{position:fixed;left:50%;bottom:130px;transform:translate(-50%);z-index:12;width:min(420px,92vw);background:var(--paper);border-radius:18px;padding:14px 16px;box-shadow:var(--shadow)}#shop[hidden]{display:none}.shop-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.shop-head h2{margin:0;font-size:16px;letter-spacing:1px}#shop-close{font:inherit;border:none;background:none;cursor:pointer;font-size:16px;opacity:.6}#shop-items{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-item{display:flex;align-items:center;gap:8px;font:inherit;font-size:14px;text-align:left;padding:10px 12px;border-radius:12px;border:2px solid #e5cfa4;background:#fff;cursor:pointer}.shop-item:hover{background:#fff3d6}.shop-item.selected{border-color:#f2b632;background:#fff3d6;box-shadow:0 0 0 3px #f2b63259}.shop-item .emoji{font-size:20px}.shop-off{grid-column:1 / -1;justify-content:center;background:transparent;opacity:.75}.shop-note{margin:10px 0 0;font-size:12px;opacity:.55;text-align:center}#shop-items .shop-note{grid-column:1 / -1;margin:6px 0}#chat{position:fixed;left:50%;bottom:20px;transform:translate(-50%);width:min(520px,90vw);z-index:10;display:flex;gap:8px;align-items:center;background:var(--paper);padding:8px;border-radius:16px;box-shadow:var(--shadow)}#chat[hidden],#chat{display:none}#chat.open{display:flex}#lineup{display:none}#lineup.open{display:block}#desk-actions{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:11;display:flex;flex-direction:column;align-items:center;gap:8px}#desk-actions[hidden],body.chat-open #desk-actions{display:none}#desk-actions button{width:48px;height:48px;font:inherit;font-size:22px;border:0;border-radius:50%;background:var(--paper);box-shadow:var(--shadow);cursor:pointer}.desk-row{display:flex;gap:8px}.desk-emotes{display:none;gap:6px}#desk-actions.emotes-open .desk-emotes{display:flex}#desk-actions.emotes-open #desk-emote{background:#f2b632}.gate-card h1{background:linear-gradient(90deg,#ff5fd2,#ffa52b,#35f0ff,#5ee07a,#a66cff,#ff5fd2);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:gate-drift 8s linear infinite}@keyframes gate-drift{0%{background-position:0% 50%}to{background-position:300% 50%}}#chat-input{flex:1}#chat-send{font:inherit;font-weight:800;padding:10px 16px;border-radius:12px;border:none;background:var(--accent);color:var(--ink);cursor:pointer}.hint-touch{display:none}#lineup-toggle{position:fixed;top:10px;left:10px;z-index:13;display:block;font:inherit;font-weight:800;font-size:14px;padding:8px 12px;border-radius:12px;border:0;background:var(--paper);box-shadow:var(--shadow);cursor:pointer}#lineup-toggle[hidden],#touch{display:none}@media (pointer: coarse){.hint-keys{display:none}.hint-touch{display:block}#touch{position:fixed;right:10px;bottom:10px;z-index:11;display:flex;flex-direction:column;align-items:flex-end;gap:8px}#touch[hidden]{display:none}#touch button{font:inherit;font-weight:800;border:0;border-radius:50%;background:var(--paper);box-shadow:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none}.touch-emotes{display:none;flex-direction:column;gap:6px;align-items:flex-end}#touch.emotes-open .touch-emotes{display:flex}.touch-emotes button{width:44px;height:44px;font-size:22px}.touch-main{display:flex;flex-direction:column-reverse;gap:8px;align-items:flex-end}#touch-jump,#touch-emote{width:48px;height:48px;font-size:22px}#touch-jump{display:flex;align-items:center;justify-content:center;padding:0}#touch-jump svg{display:block}#touch.emotes-open #touch-emote{background:#f2b632}#shop-prompt{font-size:16px;padding:14px 22px}}#touch-left{display:none}@media (max-width: 760px),(pointer: coarse){#now-playing{display:none}#now-playing:has(#start-music:not([hidden])){display:block;left:10px;right:10px;bottom:140px}#minimap,#crowd,#daytime{display:none}#touch-left{position:fixed;left:10px;bottom:10px;z-index:11;display:flex;flex-direction:column;gap:8px}#touch-left[hidden]{display:none}#touch-left button{width:48px;height:48px;font:inherit;font-size:22px;border:0;border-radius:50%;background:var(--paper);box-shadow:var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none}#desk-actions,body.chat-open #touch,body.chat-open #touch-left{display:none}#lineup-toggle{display:block}#lineup-toggle[hidden]{display:none}#lineup{top:52px;left:10px;right:10px;width:auto;max-height:68vh;overflow-y:auto;z-index:12}#chat{bottom:8px;width:94vw}#chat-input{font-size:16px}#shop-prompt{bottom:14px;left:50%;transform:translate(-50%);max-width:calc(100vw - 140px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}body.chat-open #shop-prompt{display:none}#charge{bottom:110px;width:170px;height:12px}#shop{bottom:100px;width:94vw}.gate-card{min-width:0;width:86vw;padding:22px 18px}.gate-card h1{font-size:26px}}