:root{--navy:#071226;--navy2:#0c1f45;--blue:#1d4fd8;--cyan:#6fdcff;--gold:#d8b25a;--gold2:#f3d98d;--ink:#f4f7ff;--mute:#a9b8d9;--glass:#0916349e;--line:#d8b25a8c;--r:18px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--navy);height:100%;color:var(--ink);overscroll-behavior:none;margin:0;font-family:Rajdhani,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}#stage{position:fixed;top:0;bottom:0;left:0;right:0}#stage canvas{z-index:2;touch-action:none;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.css3d{z-index:1;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.led-frame{background:#000}.led-frame iframe{pointer-events:none;border:0;width:100%;height:100%}#menu{z-index:20;padding:16px;padding-bottom:max(16px, env(safe-area-inset-bottom));background:linear-gradient(#07122600 30%,#0712268c 70%,#071226d9);place-items:end center;transition:opacity .5s,transform .5s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}body.playing #menu{opacity:0;pointer-events:none;transform:translateY(16px)}.card{background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(16px)saturate(140%);border-radius:26px;width:min(440px,100%);padding:22px 20px 20px;animation:.7s cubic-bezier(.2,.8,.2,1) both rise;position:relative;box-shadow:0 20px 60px #00000073,inset 0 1px #ffffff14}@keyframes rise{0%{opacity:0;transform:translateY(24px)scale(.98)}}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--gold2);margin:0 0 4px;padding-right:128px;font-size:13px;font-weight:600}h1{letter-spacing:-.01em;margin:0 0 16px;font-family:Fraunces,Georgia,serif;font-size:clamp(30px,8.5vw,40px);font-weight:700;line-height:1.02}h1 em{background:linear-gradient(90deg, var(--cyan), #a9ecff);color:#0000;-webkit-background-clip:text;background-clip:text;font-style:normal}.lang{gap:6px;display:flex;position:absolute;top:16px;right:16px}.lang button{letter-spacing:.08em;color:var(--mute);border:1px solid #ffffff2e;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700}.lang button.on{color:var(--navy);background:var(--gold2);border-color:var(--gold2)}.fields{gap:10px;display:grid}input{width:100%;color:var(--ink);background:#ffffff0f;border:1px solid #ffffff29;border-radius:14px;outline:none;padding:13px 14px;font:600 18px Rajdhani,sans-serif;transition:border-color .2s,background .2s}input:focus{border-color:var(--gold);background:#ffffff1a}input::placeholder{color:#8394bb}.label{letter-spacing:.14em;text-transform:uppercase;color:var(--mute);margin:16px 0 8px;font-size:13px;font-weight:600}.roles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.role{color:var(--mute);border:1px solid #ffffff24;border-radius:12px;padding:9px 4px;font-size:15px;font-weight:600;transition:all .2s}.role.on{color:var(--navy);background:linear-gradient(180deg, var(--gold2), var(--gold));border-color:#0000}#swatches{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sw{border:2px solid #0000;border-radius:50%;width:50px;height:50px;padding:4px;transition:transform .2s,border-color .2s}.sw span{background:radial-gradient(circle at 35% 30%, #ffffff8c, transparent 45%), var(--c);border-radius:50%;place-items:center;width:100%;height:100%;display:grid;box-shadow:inset 0 -6px 12px #00000040}.sw.on{border-color:var(--gold2);transform:scale(1.08)}.sw.custom span{background:conic-gradient(from 200deg, var(--cyan), var(--gold2), #ff7aa8, var(--cyan));color:var(--navy);font-size:22px;font-weight:700}.sw.custom.has span{box-shadow:0 0 0 3px #6fdcff59}.link{color:var(--cyan);text-underline-offset:3px;margin:10px 0 0;font-size:16px;font-weight:600;text-decoration:underline;display:block}#enter{letter-spacing:.06em;text-transform:uppercase;width:100%;color:var(--navy);background:#ffffff1f;border-radius:16px;margin-top:18px;padding:15px;font-size:20px;font-weight:700;transition:transform .15s;position:relative;overflow:hidden}#enter .fill{background:linear-gradient(90deg, var(--gold), var(--gold2));width:0;transition:width .3s;position:absolute;top:0;bottom:0;left:0;right:auto}#enter span:last-child{color:var(--ink);position:relative}body.loaded #enter{background:linear-gradient(90deg, var(--gold), var(--gold2));box-shadow:0 10px 30px #d8b25a59}body.loaded #enter span:last-child{color:var(--navy)}#enter:active{transform:scale(.98)}#hud{z-index:10;pointer-events:none;opacity:0;transition:opacity .6s .2s;position:fixed;top:0;bottom:0;left:0;right:0}body.playing #hud{opacity:1}#hud button,#hud .pill{pointer-events:auto}.top{top:max(14px, env(safe-area-inset-top));flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex;position:absolute;left:16px;right:16px}.pill{background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:16px;font-weight:600;display:flex}.online i{background:#4ade80;border-radius:50%;width:9px;height:9px;box-shadow:0 0 10px #4ade80}body.net-off .online i{background:#f59e0b;box-shadow:0 0 10px #f59e0b}.now{border-color:var(--line);flex-direction:column;align-items:flex-start;gap:0;max-width:100%;display:none}.now.show{animation:.5s both rise;display:flex}.now small{letter-spacing:.16em;text-transform:uppercase;color:var(--gold2);font-size:11px}.now b{font-family:Fraunces,serif;font-size:18px}.ticker{text-align:center;background:#1d4fd8bf;border-radius:12px;width:100%;padding:8px 14px;font-weight:600;display:none}.ticker.show{display:block}#hint{left:0;right:0;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 150px);text-align:center;color:#ffffffd9;text-shadow:0 1px 4px #0009;margin:0;font-size:14px;animation:1s 7s forwards fade;position:absolute}@keyframes fade{to{opacity:0}}.actions{right:16px;bottom:calc(max(16px, env(safe-area-inset-bottom)) + 76px);justify-items:end;gap:10px;display:grid;position:absolute}.big{letter-spacing:.04em;color:var(--navy);background:linear-gradient(90deg, var(--gold), var(--gold2));border-radius:14px;align-items:center;gap:8px;padding:11px 18px;font-size:17px;font-weight:700;display:flex;box-shadow:0 8px 24px #00000059}.big.ghost{color:var(--ink);background:var(--glass);border:1px solid var(--line);-webkit-backdrop-filter:blur(10px)}.big .ico{font-size:16px;line-height:1}.big.ghost.on{border-color:var(--cyan);box-shadow:0 0 0 2px #6fdcff59}.big .dot{background:#64748b;border-radius:50%;width:9px;height:9px}.big.live .dot{background:#ef4444;animation:1.6s infinite pulse;box-shadow:0 0 #ef4444b3}@keyframes pulse{70%{box-shadow:0 0 0 9px #ef444400}to{box-shadow:0 0 #ef444400}}.emotes{left:50%;bottom:max(14px, env(safe-area-inset-bottom));background:var(--glass);-webkit-backdrop-filter:blur(10px);border:1px solid #ffffff1f;border-radius:999px;gap:8px;padding:7px;display:flex;position:absolute;transform:translate(-50%)}.emotes button{border-radius:50%;width:44px;height:44px;font-size:22px;transition:transform .12s,background .2s}.emotes button:active{transform:scale(1.25)}.emotes button.on{background:#f3d98d4d}#joy{opacity:0;pointer-events:none;z-index:11;background:#ffffff14;border:2px solid #ffffff59;border-radius:50%;width:120px;height:120px;transition:opacity .15s;position:fixed}#joy.on{opacity:1}#joy .knob{background:radial-gradient(circle at 35% 30%, #fff, var(--gold2));border-radius:50%;width:50px;height:50px;position:absolute;top:35px;left:35px;box-shadow:0 4px 14px #00000059}#avaturn,#watch{z-index:30;background:#040a18eb;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}#avaturn[hidden],#watch[hidden]{display:none}#avaturn-host{position:absolute;top:0;bottom:0;left:0;right:0}.avaturn-iframe{border:0;width:100%;height:100%}#watch-frame{aspect-ratio:16/9;width:min(100vw,177.778vh)}#watch-frame iframe{border:0;width:100%;height:100%}.nolive{text-align:center;color:var(--mute);font-family:Fraunces,serif;font-size:22px}.x{top:max(14px, env(safe-area-inset-top));background:var(--glass);border:1px solid var(--line);z-index:2;border-radius:50%;width:44px;height:44px;font-size:20px;position:absolute;right:16px}#toast{z-index:40;background:var(--glass);border:1px solid var(--line);opacity:0;pointer-events:none;text-align:center;border-radius:14px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:600;transition:all .3s;position:fixed;top:40%;left:50%;transform:translate(-50%,10px)}#toast.show{opacity:1;transform:translate(-50%)}#netbad{display:none}@media (min-width:900px){#menu{background:linear-gradient(90deg,#071226cc,#07122600 55%);place-items:center start;padding-left:6vw}}@media (max-height:520px) and (orientation:landscape){.card{max-height:calc(100vh - 24px);padding:14px 16px;overflow:auto}h1{margin-bottom:8px;font-size:26px}#menu{place-items:center start}}