:root{--bg: #0b0d12;--panel: #151922;--panel2: #1c2130;--line: #2a3142;--fg: #e8ebf2;--muted: #8a93a8;--accent: #2f8cff;--accent2: #5fd36b;--warn: #ffb340;--live: #ff4d5e;--gold: #f7c948;--pm: #8c8cff;--bar: #131721;--stage: #0f121a;--placeholder: #7a8396;--display: "Fredoka", "Nunito Sans", system-ui, sans-serif;--body: "Nunito Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html{background:var(--bg);-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--body);font-size:14px;line-height:1.45}h1,h2,h3,p{margin:0}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.app{min-height:100dvh;display:flex;flex-direction:column}.app-main{flex:1;display:flex;flex-direction:column;min-width:0}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.fine{font-size:12px;color:var(--muted)}.fine b{color:var(--fg)}.spacer{flex:1}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font:700 13px var(--body);border:0;border-radius:6px;padding:8px 14px;cursor:pointer;color:#fff;background:var(--accent);white-space:nowrap;text-decoration:none}.btn:hover{filter:brightness(1.08)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn.green{background:linear-gradient(#6ee07a,#3fb44d);color:#0b2a10}.btn.ghost{background:transparent;border:1px solid var(--line);color:var(--fg)}.btn.ghost:hover{background:var(--panel2);filter:none}.btn.gold{background:var(--gold);color:#2a1d00}.btn.danger{background:var(--live);color:#fff}.btn.sm{padding:5px 10px;font-size:12px}.link-btn{background:none;border:0;padding:0;color:var(--accent);font-weight:700;font-size:12px;cursor:pointer}.link-btn:hover{text-decoration:underline}.icon-btn{background:transparent;border:0;border-radius:6px;color:var(--muted);font-size:20px;line-height:1;padding:2px 7px;cursor:pointer}.icon-btn:hover{color:var(--fg);background:var(--panel2)}.pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;border-radius:999px;padding:2px 8px;background:var(--panel2);color:var(--muted);white-space:nowrap}.pill.live{background:var(--live);color:#fff}.pill.full,.pill.warn{background:#3a2a10;color:var(--warn)}.pill .mono{font-size:10.5px;padding-inline:2px}.badge{flex:none;font-size:10px;font-weight:800;padding:1px 5px;border-radius:3px}.b-own{background:var(--gold);color:#2a1d00}.b-mod{background:var(--accent);color:#fff}.b-guest{background:#2a3142;color:#c3cad8}.b-muted{background:#3a2a10;color:var(--warn)}.b-ignored{border:1px solid var(--line);color:var(--muted)}.form{display:flex;flex-direction:column;gap:12px;min-width:0}.field{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:700;color:var(--muted);min-width:0}.input{width:100%;min-width:0;background:var(--bg);border:1px solid var(--line);border-radius:6px;color:var(--fg);padding:7px 10px;font:14px var(--body)}.input::placeholder{color:var(--placeholder)}.input:focus{outline:none;border-color:var(--accent)}.input:disabled{cursor:not-allowed;border-color:var(--panel2)}.input[aria-invalid=true]{border-color:var(--live)}.field-error{color:#ff8f9a;font-size:12px;font-weight:700}textarea.input{resize:vertical}.hint{font-weight:600}.prefixed{display:flex;min-width:0}.prefixed .prefix{display:grid;place-items:center;padding:0 8px;border:1px solid var(--line);border-right:0;border-radius:6px 0 0 6px;background:var(--panel2);color:var(--muted);font-size:13px;font-weight:600}.prefixed .input{border-radius:0 6px 6px 0}.form-error{color:#ff8f9a;font-size:13px;font-weight:700}.form-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.page-notice{grid-column:1 / -1;display:flex;justify-content:center;align-items:flex-start;padding:48px 16px}.notice-card{width:100%;max-width:460px;background:var(--panel2);border:1px solid var(--line);border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:10px}.notice-card h2{font:600 22px var(--display)}.notice-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.page-status{padding:48px 16px;text-align:center}.banner{position:relative;height:calc(76px * var(--banner-scale, 1));display:flex;flex-direction:column;justify-content:center;gap:2px;padding:calc(8px * var(--banner-scale, 1)) calc(12px * var(--banner-scale, 1));overflow:hidden;background-size:cover;background-position:center}.banner .bt{font-size:calc(21px * var(--banner-scale, 1));line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.banner .bs{font:700 calc(11px * var(--banner-scale, 1)) var(--body);opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bn-chess{background:linear-gradient(90deg,#180e04f0 45%,#180e0440),repeating-conic-gradient(#e9d7b5 0,#e9d7b5 25%,#a87b52 0,#a87b52 50%) 0 0 / 24px 24px;color:#f3e3c3}.bn-chess .bt{font-family:Abril Fatface,Georgia,serif}.bn-lofi{background:radial-gradient(1.5px 1.5px at 20% 30%,#fff,transparent),radial-gradient(1px 1px at 62% 18%,#fff,transparent),radial-gradient(1.5px 1.5px at 74% 64%,#fff,transparent),radial-gradient(1px 1px at 42% 72%,#fff,transparent),radial-gradient(circle at 88% 34%,#ffe9a8 0 13px,transparent 14px),linear-gradient(160deg,#24184f,#5a2a6b 60%,#c0587a);color:#ffe3f1}.bn-lofi .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-lofi .bt,.bn-lofi .bs{padding-right:calc(12% + 16px);text-shadow:0 1px 3px rgba(0,0,0,.55)}.bn-pict{background:repeating-linear-gradient(-20deg,transparent 0 18px,rgba(255,90,90,.4) 18px 23px,transparent 23px 40px,rgba(47,140,255,.35) 40px 45px),#fff6c8;color:#1a1a1a}.bn-pict .bt{font-family:Permanent Marker,cursive}.bn-ukg{background:radial-gradient(ellipse at 80% 120%,rgba(255,47,180,.45),transparent 60%),#07060c;color:#ffd6f3}.bn-ukg .bt{font-family:Monoton,cursive;font-size:calc(19px * var(--banner-scale, 1));color:#ff6fd8;text-shadow:0 0 8px #ff2fb4}.bn-gamer{background:repeating-linear-gradient(0deg,rgba(0,0,0,.28) 0 2px,transparent 2px 4px),linear-gradient(90deg,#052610,#0d5a2a);color:#b9ffc8}.bn-gamer .bt{font-family:"Press Start 2P",monospace;font-size:calc(12px * var(--banner-scale, 1));color:#7dff9a;line-height:1.5}.bn-aussie{background:radial-gradient(circle at 82% 110%,#ffe08a 0 26px,transparent 27px),linear-gradient(180deg,#ff8a3d,#ff4f5a 60%,#7a2a6b);color:#fff7e0}.bn-aussie .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1));text-shadow:0 2px 0 rgba(0,0,0,.25)}.bn-aussie .bs{padding-right:calc(18% + 30px);text-shadow:0 1px 3px rgba(0,0,0,.55)}.bn-dofat{background:radial-gradient(ellipse at 15% 50%,rgba(120,140,170,.35),transparent 60%),linear-gradient(#181b22,#000);color:#cfd6e2}.bn-dofat .bt{font-family:Audiowide,sans-serif;letter-spacing:.06em;background:linear-gradient(#fff,#9aa3b2 55%,#e6ebf2);-webkit-background-clip:text;background-clip:text;color:transparent}:is(.bn-dusk,.bn-aurora,.bn-ocean,.bn-ember,.bn-berry,.bn-storm,.bn-holo,.bn-candy,.bn-pinstripe,.bn-racing,.bn-rainbow,.bn-hazard,.bn-rain,.bn-tiger,.bn-polka,.bn-confetti,.bn-halftone,.bn-bubbles,.bn-snow,.bn-sakura,.bn-argyle,.bn-laser,.bn-synthwave,.bn-spotlight,.bn-lava,.bn-ice,.bn-disco,.bn-campfire,.bn-beach,.bn-city,.bn-forest,.bn-galaxy,.bn-desert,.bn-mountains,.bn-stadium,.bn-marble,.bn-carbon,.bn-chalkboard,.bn-brick,.bn-walnut,.bn-velvet,.bn-felt,.bn-terminal,.bn-vinyl,.bn-blueprint,.bn-circuit,.bn-comic,.bn-tartan,.bn-camo) :is(.bt,.bs){text-shadow:0 1px 3px rgba(0,0,0,.6)}.bn-dusk{background:linear-gradient(0deg,rgba(255,140,60,.85),rgba(255,100,46,.35) 3px,transparent 6px),radial-gradient(ellipse 50% 60% at 88% 100%,rgba(255,110,70,.2),transparent 70%),linear-gradient(90deg,#1d1b4a,#4a1f4f);color:#fff}.bn-dusk .bt{font-family:var(--display);font-weight:600}.bn-aurora{background:radial-gradient(ellipse 60% 120% at 82% -62%,transparent 70%,rgba(90,255,175,.2) 77%,transparent 85%),radial-gradient(ellipse 50% 110% at 96% -50%,transparent 68%,rgba(60,220,215,.18) 76%,transparent 84%),radial-gradient(ellipse 26% 30% at 74% 10%,rgba(80,255,170,.26),transparent 72%),radial-gradient(ellipse 22% 34% at 88% 20%,rgba(50,225,205,.24),transparent 72%),linear-gradient(180deg,#081429,#04070f);color:#fff}.bn-aurora .bt{font-family:var(--display);font-weight:600}.bn-ocean{background:conic-gradient(from 196deg at 96% -12%,transparent 0 8deg,rgba(170,230,255,.1) 11deg 15deg,transparent 18deg 26deg,rgba(170,230,255,.08) 28deg 31deg,transparent 34deg 44deg,rgba(170,230,255,.06) 46deg 50deg,transparent 53deg),linear-gradient(180deg,#06223f,#0b4a55);color:#fff}.bn-ocean .bt{font-family:var(--display);font-weight:600}.bn-ember{background:radial-gradient(ellipse 30% 60% at 94% 112%,rgba(255,190,90,.45),transparent 70%),radial-gradient(ellipse 55% 110% at 100% 115%,rgba(255,110,40,.7),rgba(214,52,18,.35) 40%,transparent 72%),#1a1210;color:#fff}.bn-ember .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-berry{background:radial-gradient(ellipse 45% 90% at 94% 0%,rgba(255,90,170,.22),transparent 70%),linear-gradient(135deg,#5a0f3c,#2b1257);color:#fff}.bn-berry .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-storm{background:linear-gradient(to bottom right,transparent calc(50% - .8px),rgba(215,232,255,.6) 0 calc(50% + .8px),transparent 0) right 24px top 6px / 10px 24px no-repeat,linear-gradient(#d7e8ff99,#d7e8ff99) right 26px top 29px / 9px 1.6px no-repeat,linear-gradient(to bottom right,transparent calc(50% - .8px),rgba(215,232,255,.5) 0 calc(50% + .8px),transparent 0) right 26px top 30px / 8px 20px no-repeat,radial-gradient(40px 70% at calc(100% - 28px) 40%,rgba(170,200,255,.2),transparent 70%),radial-gradient(ellipse 34% 60% at 16% 0%,#3a4452,transparent 70%),radial-gradient(ellipse 30% 55% at 50% 6%,#343d4a,transparent 70%),radial-gradient(ellipse 36% 60% at 82% 0%,#3a4452,transparent 72%),radial-gradient(ellipse 40% 50% at 34% 100%,#2a323d,transparent 70%),radial-gradient(ellipse 40% 55% at 76% 100%,#2c3440,transparent 70%),#1f2630;color:#fff}.bn-storm .bt{font-family:Audiowide,sans-serif}.bn-holo{background:linear-gradient(115deg,transparent 42%,rgba(255,255,255,.06) 50%,transparent 58%),linear-gradient(90deg,#14121f80,#14121f00 60%),repeating-conic-gradient(from 290deg at 80% 170%,#40e0d054,#965aff54,#ff6eaa54,#40e0d054 90deg),#14121f;color:#fff}.bn-holo .bt{font-family:Audiowide,sans-serif}.bn-candy{background:repeating-linear-gradient(45deg,#8a1d52 0,#8a1d52 14px,#4d1640 14px,#4d1640 28px);color:#fff}.bn-candy .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-pinstripe{background:repeating-linear-gradient(90deg,rgba(214,218,226,.25) 0 1px,transparent 1px 12px),linear-gradient(180deg,#262a31,#22252b 50%,#1d2025);color:#fff}.bn-pinstripe .bt{font-family:Abril Fatface,Georgia,serif}.bn-racing{background:linear-gradient(90deg,#fff 0 9px,transparent 0 15px,#fff 0 24px) right 6% top 0 / 24px 100% no-repeat,linear-gradient(90deg,#520a10,#5c0b12 60%,#66101a);color:#fff}.bn-racing .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-racing .bt,.bn-racing .bs{padding-right:calc(6% + 18px)}.bn-rainbow{background:linear-gradient(90deg,#0d0b12 42%,#0d0b12b8 62%,#0d0b124d 85%,#0d0b1226),linear-gradient(120deg,transparent 46%,#9c3a3a 0 54%,#a8692e 0 62%,#a3963a 0 70%,#4f8c4f 0 78%,#3b679e 0 86%,#67479c 0),#0d0b12;color:#fff}.bn-rainbow .bt{font-family:var(--display);font-weight:600}.bn-hazard{background:repeating-linear-gradient(-45deg,#f2c230 0,#f2c230 8px,#141414 8px,#141414 16px) left bottom / 100% calc(10px * var(--banner-scale, 1)) no-repeat,linear-gradient(180deg,#232428,#1c1d20);color:#fff}.bn-hazard .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-rain{background:linear-gradient(105deg,transparent 44%,rgba(190,215,240,.24) 47% 53%,transparent 56%) 0 0 / 13px 23px,linear-gradient(105deg,transparent 44%,rgba(190,215,240,.14) 47% 53%,transparent 56%) 6px 11px / 17px 31px,linear-gradient(180deg,#1c2734,#18222e 50%,#141c26);color:#fff}.bn-rain .bt{font-family:var(--display);font-weight:600}.bn-tiger{background:conic-gradient(from -7deg at 50% 42%,#140700 0 12deg,transparent 0) 0 0 / 37px 100%,conic-gradient(from 2deg at 50% 30%,#140700 0 9deg,transparent 0) 17px 0 / 53px 100%,conic-gradient(from -12deg at 50% 36%,#140700 0 10deg,transparent 0) 29px 0 / 71px 100%,conic-gradient(from 172deg at 50% 60%,#140700 0 13deg,transparent 0) 9px 0 / 43px 100%,conic-gradient(from 181deg at 50% 70%,#140700 0 9deg,transparent 0) 31px 0 / 61px 100%,conic-gradient(from 166deg at 50% 64%,#140700 0 11deg,transparent 0) 47px 0 / 79px 100%,linear-gradient(90deg,#6e2c07,#7a3208 50%,#8a3a0b);color:#fff}.bn-tiger .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-polka{background:radial-gradient(circle,rgba(255,150,200,.2) 0 3.5px,transparent 4px) 0 0 / 18px 18px,radial-gradient(circle,rgba(255,150,200,.2) 0 3.5px,transparent 4px) 9px 9px / 18px 18px,#14204a;color:#fff}.bn-polka .bt{font-family:var(--display);font-weight:600}.bn-confetti{background:radial-gradient(ellipse 48% 42% at 28% 50%,#241336cc,#24133600),radial-gradient(circle at 20% 30%,#f7c948 0 1.4px,transparent 2px) 0 0 / 53px 37px,radial-gradient(circle at 70% 60%,#3fd0c9 0 1.4px,transparent 2px) 0 0 / 61px 43px,radial-gradient(circle at 40% 80%,#ff6fae 0 1.4px,transparent 2px) 0 0 / 47px 59px,radial-gradient(circle at 10% 50%,#3fd0c9 0 1.1px,transparent 1.7px) 0 0 / 71px 31px,radial-gradient(4px 1.3px at 60% 20%,#ff6fae 90%,transparent) 0 0 / 67px 41px,radial-gradient(1.3px 4px at 30% 50%,#f7c948 90%,transparent) 0 0 / 83px 47px,radial-gradient(4px 1.3px at 80% 70%,#3fd0c9 90%,transparent) 0 0 / 59px 53px,radial-gradient(1.3px 4px at 50% 20%,#ff6fae 90%,transparent) 0 0 / 97px 43px,#241336;color:#fff}.bn-confetti .bt{font-family:var(--display);font-weight:600}.bn-halftone{background:radial-gradient(circle,#a8141c 0 1px,transparent 1.5px) 0 0 / 8px 8px,linear-gradient(90deg,#3d0a0d 22%,#3d0a0d00 34%),radial-gradient(circle,#a8141c 0 2px,transparent 2.5px) 0 0 / 8px 8px,linear-gradient(90deg,#3d0a0d 46%,#3d0a0d00 58%),radial-gradient(circle,#ae151d 0 3px,transparent 3.5px) 0 0 / 8px 8px,linear-gradient(90deg,#3d0a0d 70%,#3d0a0d00 82%),radial-gradient(circle,#b8161f 0 3.9px,transparent 4.4px) 0 0 / 8px 8px,#3d0a0d;color:#fff}.bn-halftone .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-bubbles{background:radial-gradient(circle at 87% 74%,rgba(255,255,255,.5) 0 1.5px,transparent 2px),radial-gradient(circle at 88.5% 78%,transparent 0 7px,rgba(190,240,255,.5) 7px 8.2px,transparent 9px),radial-gradient(circle at 80% 46%,transparent 0 4px,rgba(190,240,255,.45) 4px 5px,transparent 5.8px),radial-gradient(circle at 93% 30%,transparent 0 5px,rgba(190,240,255,.45) 5px 6px,transparent 6.8px),radial-gradient(circle at 74% 84%,transparent 0 3px,rgba(190,240,255,.4) 3px 4px,transparent 4.8px),radial-gradient(circle at 86% 12%,transparent 0 3px,rgba(190,240,255,.4) 3px 4px,transparent 4.8px),radial-gradient(circle at 97% 62%,transparent 0 2.5px,rgba(190,240,255,.4) 2.5px 3.5px,transparent 4.2px),radial-gradient(circle at 69% 22%,transparent 0 2px,rgba(190,240,255,.35) 2px 3px,transparent 3.6px),radial-gradient(circle at 60% 74%,transparent 0 2px,rgba(190,240,255,.3) 2px 3px,transparent 3.6px),radial-gradient(circle at 46% 16%,transparent 0 1.5px,rgba(190,240,255,.25) 1.5px 2.5px,transparent 3px),linear-gradient(180deg,#0a4752,#073b44 55%,#052b33);color:#fff}.bn-bubbles .bt{font-family:var(--display);font-weight:600}.bn-snow{background:radial-gradient(circle at 30% 40%,rgba(255,255,255,.9) 0 1.2px,transparent 1.8px) 0 0 / 53px 41px,radial-gradient(circle at 70% 20%,rgba(255,255,255,.6) 0 1px,transparent 1.5px) 0 0 / 71px 37px,radial-gradient(circle at 50% 80%,rgba(255,255,255,.85) 0 1.6px,transparent 2.2px) 0 0 / 97px 59px,radial-gradient(circle at 10% 60%,rgba(255,255,255,.5) 0 .9px,transparent 1.4px) 0 0 / 43px 67px,linear-gradient(0deg,rgba(225,235,250,.14),transparent 16%),linear-gradient(180deg,#1f2a3b,#1b2433 60%,#182131);color:#fff}.bn-snow .bt{font-family:var(--display);font-weight:600}.bn-sakura{background:radial-gradient(circle at 90% 40%,rgba(255,160,200,.38),rgba(255,130,180,.12) 18%,transparent 32%),radial-gradient(3px 2px at 30% 30%,rgba(255,200,220,.75) 80%,transparent) 0 0 / 59px 37px,radial-gradient(2px 3px at 70% 60%,rgba(255,185,210,.6) 80%,transparent) 0 0 / 47px 53px,radial-gradient(2.5px 1.6px at 50% 50%,rgba(255,215,230,.5) 80%,transparent) 11px 7px / 83px 41px,#2e1426;color:#fff}.bn-sakura .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-argyle{background:linear-gradient(to bottom right,transparent calc(50% - .6px),rgba(225,215,232,.24) 0 calc(50% + .6px),transparent 0) 0 0 / 40px 56px,linear-gradient(to bottom left,transparent calc(50% - .6px),rgba(225,215,232,.24) 0 calc(50% + .6px),transparent 0) 0 0 / 40px 56px,linear-gradient(to bottom right,#2d3646 25%,transparent 0) 0 0 / 40px 56px,linear-gradient(to bottom left,#2d3646 25%,transparent 0) 0 0 / 40px 56px,linear-gradient(to top right,#2d3646 25%,transparent 0) 0 0 / 40px 56px,linear-gradient(to top left,#2d3646 25%,transparent 0) 0 0 / 40px 56px,#4a2a48;color:#fff}.bn-argyle .bt{font-family:Abril Fatface,Georgia,serif}.bn-laser{background:linear-gradient(177deg,transparent calc(14% - 3px),rgba(0,235,255,.35) calc(14% - 1px),#8ff9ff 14%,rgba(0,235,255,.35) calc(14% + 1px),transparent calc(14% + 3px)),linear-gradient(184deg,transparent calc(10% - 3px),rgba(255,60,200,.35) calc(10% - 1px),#ff9be9 10%,rgba(255,60,200,.35) calc(10% + 1px),transparent calc(10% + 3px)),linear-gradient(182deg,transparent calc(88% - 3px),rgba(255,60,200,.35) calc(88% - 1px),#ff9be9 88%,rgba(255,60,200,.35) calc(88% + 1px),transparent calc(88% + 3px)),linear-gradient(175deg,transparent calc(91% - 3px),rgba(0,235,255,.35) calc(91% - 1px),#8ff9ff 91%,rgba(0,235,255,.35) calc(91% + 1px),transparent calc(91% + 3px)),linear-gradient(172deg,transparent calc(52% - 1px),rgba(0,235,255,.28) 52%,transparent calc(52% + 1px)),linear-gradient(187deg,transparent calc(46% - 1px),rgba(255,60,200,.26) 46%,transparent calc(46% + 1px)),radial-gradient(ellipse 30% 70% at 100% 50%,rgba(255,60,200,.12),transparent 70%),#050407;color:#fff}.bn-laser .bt{font-family:Audiowide,sans-serif}.bn-synthwave{--sw-floor: calc(19px * var(--banner-scale, 1));--sw-sun: calc(18px * var(--banner-scale, 1));--sw-right: calc(26px * var(--banner-scale, 1));--sw-sky: #2a0b3d;background:linear-gradient(180deg,rgba(255,70,200,.9) 0 1px,transparent 0 26%,rgba(255,60,190,.6) 0 calc(26% + 1px),transparent 0 58%,rgba(255,60,190,.6) 0 calc(58% + 1px),transparent 0) left bottom / 100% var(--sw-floor) no-repeat,repeating-conic-gradient(from -.6deg at calc(100% - var(--sw-right) - var(--sw-sun)) calc(0px - var(--sw-floor)),rgba(255,60,190,.6) 0 1.2deg,transparent 1.2deg 12deg) left bottom / 100% var(--sw-floor) no-repeat,linear-gradient(180deg,#3a0b4a,#14031f) left bottom / 100% var(--sw-floor) no-repeat,radial-gradient(circle farthest-side at 50% 100%,transparent 97%,var(--sw-sky)) right var(--sw-right) bottom var(--sw-floor) / calc(var(--sw-sun) * 2) var(--sw-sun) no-repeat,repeating-linear-gradient(180deg,transparent 0 4px,var(--sw-sky) 4px 6px) right var(--sw-right) bottom var(--sw-floor) / calc(var(--sw-sun) * 2) calc(var(--sw-sun) * .5) no-repeat,linear-gradient(180deg,#ffd84a,#ff8a3d 45%,#ff3d9a) right var(--sw-right) bottom var(--sw-floor) / calc(var(--sw-sun) * 2) var(--sw-sun) no-repeat,linear-gradient(180deg,#0b0316,var(--sw-sky) 40%);color:#fff}.bn-synthwave .bt{font-family:Monoton,cursive;font-size:calc(19px * var(--banner-scale, 1));color:#ffe6fb}.bn-synthwave .bs{padding-right:calc(var(--sw-right) + var(--sw-sun) * 2 - 8px * var(--banner-scale, 1))}.bn-spotlight{background:radial-gradient(ellipse 20% 24% at 82% 100%,rgba(255,255,240,.24),transparent 70%),conic-gradient(from 188deg at 90% -30%,transparent 0deg,rgba(255,255,240,.12) 5deg,rgba(255,255,240,.2) 12deg,rgba(255,255,240,.12) 19deg,transparent 24deg),radial-gradient(ellipse 60% 100% at 50% 50%,transparent 50%,rgba(0,0,0,.4)),#0d0d12;color:#fff}.bn-spotlight .bt{font-family:Abril Fatface,Georgia,serif}.bn-lava{background:radial-gradient(16px 24px at 84% 30%,rgba(255,140,50,.55) 45%,transparent),radial-gradient(12px 16px at 93% 74%,rgba(255,90,40,.5) 45%,transparent),radial-gradient(22px 18px at 75% 98%,rgba(230,60,30,.45) 45%,transparent),radial-gradient(14px 20px at 64% 2%,rgba(255,110,40,.38) 45%,transparent),radial-gradient(10px 13px at 72% 52%,rgba(255,120,45,.3) 45%,transparent),radial-gradient(28px 22px at 32% 106%,rgba(200,50,25,.32) 40%,transparent),radial-gradient(22px 16px at 12% -4%,rgba(220,70,30,.3) 40%,transparent),radial-gradient(ellipse 30% 80% at 88% 50%,rgba(255,90,30,.12),transparent 70%),#2a0b08;color:#fff}.bn-lava .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-ice{background:radial-gradient(ellipse 28% 70% at 100% 0%,rgba(190,230,255,.38),transparent 70%),radial-gradient(ellipse 22% 60% at 100% 100%,rgba(170,220,255,.28),transparent 70%),radial-gradient(ellipse 30% 50% at 0% 100%,rgba(170,220,255,.2),transparent 70%),linear-gradient(0deg,rgba(200,235,255,.22),transparent 14%),linear-gradient(180deg,rgba(200,235,255,.16),transparent 12%),#0a1d3a;color:#fff}.bn-ice .bt{font-family:Audiowide,sans-serif}.bn-disco{background:radial-gradient(circle at 88% 0%,#fff 0 2px,rgba(235,220,255,.85) 4px,rgba(170,120,255,.35) 12px,transparent 26px),radial-gradient(circle at 30% 40%,rgba(255,255,255,.7) 0 .9px,transparent 1.4px) 0 0 / 31px 23px,radial-gradient(circle at 60% 70%,rgba(255,180,255,.55) 0 .9px,transparent 1.4px) 0 0 / 23px 29px,radial-gradient(circle at 50% 50%,rgba(160,220,255,.55) 0 .9px,transparent 1.4px) 0 0 / 41px 37px,repeating-conic-gradient(from 90deg at 88% 0%,rgba(255,255,255,.08) 0 3deg,transparent 3deg 12deg),radial-gradient(ellipse 60% 120% at 88% 0%,rgba(140,60,220,.35),transparent 70%),#1a0b2e;color:#fff}.bn-disco .bt{font-family:Monoton,cursive;font-size:calc(19px * var(--banner-scale, 1))}.bn-campfire{background:radial-gradient(circle at 84% 34%,rgba(255,210,130,.9) 0 1px,transparent 1.6px),radial-gradient(circle at 88% 20%,rgba(255,190,110,.8) 0 .8px,transparent 1.4px),radial-gradient(circle at 80% 50%,rgba(255,210,130,.85) 0 1px,transparent 1.6px),radial-gradient(circle at 91% 44%,rgba(255,180,100,.8) 0 .9px,transparent 1.5px),radial-gradient(circle at 86% 10%,rgba(255,200,120,.6) 0 .8px,transparent 1.4px),radial-gradient(circle at 77% 26%,rgba(255,200,120,.6) 0 .8px,transparent 1.4px),radial-gradient(ellipse 20% 50% at 86% 112%,rgba(255,200,90,.75),rgba(255,120,30,.45) 35%,transparent 70%),radial-gradient(ellipse 45% 90% at 86% 120%,rgba(255,110,30,.32),transparent 70%),#120c0a;color:#fff}.bn-campfire .bt{font-family:Permanent Marker,cursive}.bn-beach{background:repeating-linear-gradient(180deg,transparent 0 4px,rgba(255,255,255,.04) 4px 5px) 0 100% / 100% 44% no-repeat,linear-gradient(90deg,transparent 85%,rgba(255,196,150,.2) 88%,transparent 91%) 0 100% / 100% 44% no-repeat,linear-gradient(180deg,transparent calc(100% - 4px),#d9c49a 0),linear-gradient(180deg,transparent 56%,#0f4049 0,#0a2f36),radial-gradient(circle at 88% 56%,#ffd0a0 0 7px,rgba(255,170,130,.45) 9px,rgba(255,140,120,.15) 22px,transparent 40px),linear-gradient(180deg,#23173f,#4a2c5e 56%);color:#fff}.bn-beach .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-beach .bt,.bn-beach .bs{padding-right:calc(12% + 8px)}.bn-city{--city-sky: linear-gradient(180deg, #060d22, #142450 80px);background:var(--city-sky) left top / 50% 100% no-repeat,var(--city-sky) 52.632% 0 / 5% 74% no-repeat,var(--city-sky) 57.292% 0 / 4% 60% no-repeat,var(--city-sky) 62.766% 0 / 6% 68% no-repeat,var(--city-sky) 67.01% 0 / 3% 80% no-repeat,var(--city-sky) 71.579% 0 / 5% 54% no-repeat,var(--city-sky) 76.842% 0 / 5% 64% no-repeat,var(--city-sky) 81.25% 0 / 4% 76% no-repeat,var(--city-sky) 87.234% 0 / 6% 58% no-repeat,var(--city-sky) 91.667% 0 / 4% 70% no-repeat,var(--city-sky) 95.833% 0 / 4% 62% no-repeat,var(--city-sky) 100% 0 / 4% 72% no-repeat,repeating-linear-gradient(90deg,transparent 0 11px,#03050a 11px 17px,transparent 17px 23px,#03050a 23px 28px),repeating-linear-gradient(180deg,transparent 0 9px,rgba(3,5,10,.85) 9px 14px),repeating-linear-gradient(180deg,#03050a 0 3px,transparent 3px 5px),repeating-linear-gradient(90deg,#03050a 0,#03050a 3px,#ffce78bf 3px,#ffce78bf 5px);color:#fff}.bn-city .bt{font-family:Audiowide,sans-serif}.bn-forest{background:conic-gradient(from 157deg at 50% 0%,#04140b 0 46deg,transparent 0) 0 100% / 26px 34% repeat-x,conic-gradient(from 160deg at 50% 0%,#082416 0 40deg,transparent 0) 11px 100% / 30px 46% repeat-x,conic-gradient(from 162deg at 50% 0%,#0e3221 0 36deg,transparent 0) 5px 100% / 22px 56% repeat-x,radial-gradient(ellipse 60% 40% at 70% 58%,rgba(150,200,170,.12),transparent 70%),linear-gradient(180deg,#050b08,#10241a 70%,#163323);color:#fff}.bn-forest .bt{font-family:Permanent Marker,cursive}.bn-galaxy{background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.85) 0 .8px,transparent 1.3px) 0 0 / 37px 29px,radial-gradient(circle at 70% 60%,rgba(255,255,255,.6) 0 .6px,transparent 1.1px) 0 0 / 23px 19px,radial-gradient(circle at 40% 80%,rgba(200,220,255,.9) 0 1.1px,transparent 1.6px) 0 0 / 61px 43px,radial-gradient(ellipse 6% 18% at 85% 48%,rgba(255,220,255,.3),transparent 70%),radial-gradient(ellipse 22% 60% at 80% 40%,rgba(255,70,170,.4),transparent 70%),radial-gradient(ellipse 18% 55% at 92% 66%,rgba(70,130,255,.4),transparent 70%),radial-gradient(ellipse 30% 80% at 86% 50%,rgba(150,80,255,.2),transparent 72%),#07051a;color:#fff}.bn-galaxy .bt{font-family:Audiowide,sans-serif}.bn-desert{background:radial-gradient(circle at 86% 26%,#f4ecd6 0 8px,rgba(244,236,214,.25) 9px,transparent 18px),radial-gradient(farthest-side at 50% 100%,#7a3a16 99%,transparent) 40px 100% / 430px 20% repeat-x,radial-gradient(farthest-side at 50% 100%,#5c2a10 99%,transparent) 0 100% / 290px 27% repeat-x,radial-gradient(farthest-side at 50% 100%,#4a200c 99%,transparent) 150px 100% / 360px 33% repeat-x,linear-gradient(180deg,#0a0c1e,#1d1430 60%,#3a1d2a);color:#fff}.bn-desert .bt{font-family:Abril Fatface,Georgia,serif;padding-right:calc(14% + 8px)}.bn-mountains{background:conic-gradient(from 137deg at 50% 0%,#141c29 0 86deg,transparent 0) 0 100% / 60px 42% repeat-x,conic-gradient(from 140deg at 50% 0%,#232e40 0 80deg,transparent 0) 23px 100% / 74px 58% repeat-x,radial-gradient(ellipse 30% 70% at 86% 72%,rgba(255,160,110,.45),rgba(255,120,120,.15) 50%,transparent 75%),linear-gradient(180deg,#0b1020,#1c2440 70%,#2b2d4a);color:#fff}.bn-mountains .bt{font-family:var(--display);font-weight:600}.bn-stadium{background:radial-gradient(circle at 10px 7px,#fff 0 1.4px,transparent 2px),radial-gradient(circle at 16px 7px,#fff 0 1.4px,transparent 2px),radial-gradient(circle at 22px 7px,#fff 0 1.4px,transparent 2px),radial-gradient(circle at calc(100% - 10px) 7px,#fff 0 1.4px,transparent 2px),radial-gradient(circle at calc(100% - 16px) 7px,#fff 0 1.4px,transparent 2px),radial-gradient(circle at calc(100% - 22px) 7px,#fff 0 1.4px,transparent 2px),radial-gradient(ellipse 90px 70% at 0% 0%,rgba(255,255,255,.5),rgba(220,235,255,.14) 45%,transparent 70%),radial-gradient(ellipse 90px 70% at 100% 0%,rgba(255,255,255,.5),rgba(220,235,255,.14) 45%,transparent 70%),linear-gradient(180deg,transparent calc(100% - 5px),rgba(255,255,255,.8) 0 calc(100% - 4px),transparent 0),repeating-linear-gradient(90deg,#0f3d1d 0,#0f3d1d 24px,#124722 24px,#124722 48px) left bottom / 100% 18% no-repeat,linear-gradient(180deg,#060a16,#0d1428 75%);color:#fff}.bn-stadium .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-marble{background:radial-gradient(ellipse 120% 90% at 0% 130%,transparent 69%,rgba(255,255,255,.14) 70%,transparent 71.2%),radial-gradient(ellipse 90% 120% at 110% -20%,transparent 64%,rgba(230,230,236,.12) 65%,transparent 66.5%),radial-gradient(ellipse 70% 140% at 60% 150%,transparent 79%,rgba(255,255,255,.1) 80%,transparent 81%),radial-gradient(ellipse 60% 80% at 90% 120%,transparent 59%,rgba(200,200,210,.14) 60%,transparent 61.5%),radial-gradient(ellipse 40% 60% at 75% 30%,rgba(120,120,130,.12),transparent 70%),radial-gradient(ellipse 50% 70% at 20% 80%,rgba(90,90,100,.1),transparent 70%),linear-gradient(135deg,#0c0c0e,#17171b 50%,#0e0e11);color:#fff}.bn-marble .bt{font-family:Abril Fatface,Georgia,serif}.bn-carbon{background:linear-gradient(100deg,transparent 30%,rgba(255,255,255,.06) 50%,transparent 70%),linear-gradient(27deg,#151515 5px,transparent 5px) 0 5px / 20px 20px,linear-gradient(207deg,#151515 5px,transparent 5px) 10px 0 / 20px 20px,linear-gradient(27deg,#222 5px,transparent 5px) 0 10px / 20px 20px,linear-gradient(207deg,#222 5px,transparent 5px) 10px 5px / 20px 20px,linear-gradient(90deg,#1b1b1b 10px,transparent 10px) 0 0 / 20px 20px,linear-gradient(#1d1d1d 25%,#1a1a1a 25% 50%,transparent 50% 75%,#242424 75%) 0 0 / 20px 20px,#131313;color:#fff}.bn-carbon .bt{font-family:Audiowide,sans-serif}.bn-chalkboard{background:linear-gradient(#f4f7f2,#d8ddd4) right calc(22px * var(--banner-scale, 1)) bottom calc(7px * var(--banner-scale, 1)) / 14px 3px no-repeat,linear-gradient(180deg,#8a5a32,#5a3a1e) left bottom / 100% calc(7px * var(--banner-scale, 1)) no-repeat,radial-gradient(ellipse 28% 30% at 72% 30%,rgba(255,255,255,.07),transparent 70%),radial-gradient(ellipse 22% 26% at 30% 70%,rgba(255,255,255,.05),transparent 70%),radial-gradient(ellipse 18% 20% at 90% 62%,rgba(255,255,255,.06),transparent 70%),linear-gradient(170deg,transparent 40%,rgba(255,255,255,.04) 48%,transparent 56%),#1f3a2b;color:#f4f7f2}.bn-chalkboard .bt{font-family:Permanent Marker,cursive}.bn-brick{background:linear-gradient(90deg,#0a040399,#0a040340 55%,#0a040300 85%),linear-gradient(rgba(255,140,110,.06),transparent 6px) 0 2px / 100% 12px,linear-gradient(#2a100b 0 2px,transparent 0) 0 0 / 100% 12px,conic-gradient(from 270deg at 2px 12px,#2a100b 25%,transparent 0) 0 0 / 28px 24px,conic-gradient(from 270deg at 2px 12px,#2a100b 25%,transparent 0) 14px 12px / 28px 24px,#4a1f17;color:#fff}.bn-brick .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-walnut{background:repeating-linear-gradient(178deg,rgba(0,0,0,.12) 0 1px,transparent 1px 5px),repeating-radial-gradient(ellipse 160% 46% at 30% 135%,rgba(60,38,22,.6) 0 2px,transparent 3px 6px,rgba(70,44,24,.5) 7px 9px,transparent 10px 12px),repeating-radial-gradient(ellipse 140% 50% at 80% -40%,rgba(30,18,9,.5) 0 3px,transparent 4px 9px),#2c1a0e;color:#fff}.bn-walnut .bt{font-family:Abril Fatface,Georgia,serif}.bn-velvet{background:linear-gradient(90deg,#00000059,#ff5a821a 8%,#00000040 15%,#ff5a8224,#0003 33%,#ff5a821a 41%,#0000004d 50%,#ff5a8229 60%,#0003 68%,#ff648c33 78%,#00000040,#ff648c2e 94%,#0000004d),radial-gradient(ellipse at 50% 0%,rgba(255,120,150,.12),transparent 70%),#4b0a1e;color:#fff}.bn-velvet .bt{font-family:Pacifico,cursive;font-size:calc(20px * var(--banner-scale, 1))}.bn-felt{background:linear-gradient(180deg,#e0b84e 0,#e0b84e 1px,#6b3e1c 0,#4a2a12 70%,#2e1a0b) left bottom / 100% calc(9px * var(--banner-scale, 1)) no-repeat,radial-gradient(ellipse 80% 90% at 50% 40%,transparent 50%,rgba(0,0,0,.45)),repeating-linear-gradient(45deg,rgba(255,255,255,.02) 0 1px,transparent 1px 3px),#0f3b24;color:#fff}.bn-felt .bt{font-family:Abril Fatface,Georgia,serif}.bn-terminal{background:repeating-linear-gradient(180deg,rgba(110,255,150,.06) 0 1px,transparent 1px 3px),radial-gradient(ellipse 70% 90% at 30% 50%,rgba(40,255,120,.12),transparent 70%),radial-gradient(ellipse at 50% 50%,transparent 60%,rgba(0,0,0,.6)),#030805;color:#eafff0}.bn-terminal .bt{font-family:var(--mono);font-weight:600;font-size:calc(18px * var(--banner-scale, 1))}.bn-vinyl{--vinyl-at: calc(100% + 6px * var(--banner-scale, 1)) 50%;--vinyl-r: calc(104px * var(--banner-scale, 1));--vinyl-label: calc(30px * var(--banner-scale, 1));background:radial-gradient(circle at var(--vinyl-at),#e8e0d0 0 2px,#b21f2a 3px calc(var(--vinyl-label) - 2px),#7d141d 0 var(--vinyl-label),transparent 0),radial-gradient(circle at var(--vinyl-at),transparent 0 calc(var(--vinyl-r) - 3px),#2c2a30 0 var(--vinyl-r),#120f14 0),conic-gradient(from 200deg at var(--vinyl-at),transparent,rgba(255,255,255,.12) 8%,transparent 16%,transparent 50%,rgba(255,255,255,.08) 58%,transparent 66%),repeating-radial-gradient(circle at var(--vinyl-at),#0a0a0c 0 1px,#232327 1px 2px),#120f14;color:#fff}.bn-vinyl .bt{font-family:Abril Fatface,Georgia,serif}.bn-blueprint{background:radial-gradient(circle at 86% 50%,transparent 0 17px,rgba(220,235,255,.45) 17px 18px,transparent 18.5px),linear-gradient(90deg,transparent calc(86% - .5px),rgba(220,235,255,.4) 0 calc(86% + .5px),transparent 0) 0 50% / 100% 50px no-repeat,linear-gradient(rgba(190,220,255,.3) 1px,transparent 1px) -1px -1px / 50px 50px,linear-gradient(90deg,rgba(190,220,255,.3) 1px,transparent 1px) -1px -1px / 50px 50px,linear-gradient(rgba(190,220,255,.12) 1px,transparent 1px) -1px -1px / 10px 10px,linear-gradient(90deg,rgba(190,220,255,.12) 1px,transparent 1px) -1px -1px / 10px 10px,radial-gradient(ellipse at 50% 50%,#12396b,#0d2f5c 70%);color:#fff}.bn-blueprint .bt{font-family:var(--mono);font-weight:600;font-size:calc(18px * var(--banner-scale, 1))}.bn-circuit{--trace: #b8763d;background:linear-gradient(90deg,#062a1c 38%,#062a1c8c,#062a1c00 74%),radial-gradient(circle at 8px 26%,#062a1c 0 1px,#d08a4a 1.5px 3px,transparent 3.5px) 0 0 / 96px 100% repeat-x,radial-gradient(circle at 80px 74%,#062a1c 0 1px,#d08a4a 1.5px 3px,transparent 3.5px) 0 0 / 96px 100% repeat-x,radial-gradient(circle at 64px 42%,#062a1c 0 1px,#d08a4a 1.5px 3px,transparent 3.5px) 0 0 / 96px 100% repeat-x,radial-gradient(circle at 20px 58%,#062a1c 0 1px,#d08a4a 1.5px 3px,transparent 3.5px) 0 0 / 96px 100% repeat-x,radial-gradient(circle at 88px 12%,#d08a4a 0 2px,transparent 2.5px) 0 0 / 96px 100% repeat-x,linear-gradient(90deg,transparent 8px,var(--trace) 0 48px,transparent 0) 0 26% / 96px 1.5px repeat-x,linear-gradient(90deg,transparent 47.25px,var(--trace) 0 48.75px,transparent 0) 0 50% / 96px 48% repeat-x,linear-gradient(90deg,transparent 48px,var(--trace) 0 80px,transparent 0) 0 74% / 96px 1.5px repeat-x,linear-gradient(90deg,transparent 63.25px,var(--trace) 0 64.75px,transparent 0) 0 0 / 96px 42% repeat-x,linear-gradient(90deg,transparent 19.25px,var(--trace) 0 20.75px,transparent 0) 0 100% / 96px 42% repeat-x,linear-gradient(90deg,transparent 72px,var(--trace) 0 96px) 0 12% / 96px 1px repeat-x,#062a1c;color:#fff}.bn-circuit .bt{font-family:var(--mono);font-weight:600;font-size:calc(18px * var(--banner-scale, 1))}.bn-comic{background:linear-gradient(90deg,#1a0602f0 25%,#1a060299,#1a060226 85%),radial-gradient(circle,rgba(0,0,0,.22) 0 1px,transparent 1.5px) 0 0 / 6px 6px,repeating-conic-gradient(from 0deg at 104% 50%,#d23a1c 0,#d23a1c 7deg,#8f2210 7deg,#8f2210 14deg);color:#fff}.bn-comic .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.bn-tartan{background:repeating-linear-gradient(90deg,transparent 0 4px,rgba(170,30,40,.5) 4px 14px,transparent 14px 18px,rgba(0,0,0,.35) 18px 20px,transparent 20px 32px,rgba(20,90,50,.45) 32px 44px,transparent 44px 48px),repeating-linear-gradient(0deg,transparent 0 4px,rgba(170,30,40,.5) 4px 14px,transparent 14px 18px,rgba(0,0,0,.35) 18px 20px,transparent 20px 32px,rgba(20,90,50,.45) 32px 44px,transparent 44px 48px),repeating-linear-gradient(45deg,rgba(0,0,0,.18) 0 1px,transparent 1px 3px),#111a33;color:#fff}.bn-tartan .bt{font-family:Abril Fatface,Georgia,serif}.bn-camo{background:radial-gradient(14px 9px at 30% 40%,#1d2614 96%,transparent) 0 0 / 61px 43px,radial-gradient(18px 10px at 70% 70%,#3e4b27 96%,transparent) 0 0 / 53px 37px,radial-gradient(12px 16px at 20% 80%,#252f17 96%,transparent) 0 0 / 47px 53px,radial-gradient(20px 12px at 60% 20%,#1d2614 96%,transparent) 13px 7px / 71px 47px,radial-gradient(16px 11px at 40% 60%,#3e4b27 96%,transparent) 29px 17px / 67px 41px,#313d1f;color:#fff}.bn-camo .bt{font-family:Bungee,sans-serif;font-size:calc(19px * var(--banner-scale, 1))}.hero-room .banner{grid-column:1 / -1;height:calc(70px * var(--banner-scale, 1))}.hero-room .banner .bt{font-size:calc(clamp(15px,2.6vw,28px) * var(--banner-scale, 1))}.room-banner{grid-column:1 / -1;height:96px;padding-inline:18px;border-bottom:1px solid var(--line)}.room-banner .bt,.room-banner .bs{padding-right:170px}.room-banner .bt{font-size:clamp(16px,3.2vw,34px)}.room-banner .bs{font-size:12px}.room-banner .edit{position:absolute;right:12px;top:10px;font:700 11px var(--body);color:#fff;background:#0000008c;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:4px 10px;cursor:pointer}.room-banner .edit:hover{background:#000000bf}.room-banner .meta2{position:absolute;right:12px;bottom:10px;display:flex;gap:6px}@media (max-width: 560px){.room-banner{height:auto;min-height:96px;padding-block:10px}.room-banner .bt,.room-banner .bs{padding-right:0}.room-banner.bn-lofi .bt,.room-banner.bn-lofi .bs{padding-right:calc(12% + 16px)}.room-banner.bn-aussie .bs{padding-right:calc(18% + 30px)}.room-banner.bn-racing .bt,.room-banner.bn-racing .bs{padding-right:calc(6% + 18px)}.room-banner.bn-beach .bt,.room-banner.bn-beach .bs{padding-right:calc(12% + 8px)}.room-banner.bn-desert .bt{padding-right:calc(14% + 8px)}.room-banner.bn-synthwave .bs{padding-right:calc(var(--sw-right) + var(--sw-sun) * 2 - 14px)}.room-banner .edit{position:static;align-self:flex-start;order:-1;margin-bottom:4px}.room-banner .meta2{position:static;margin-top:6px}}.cam{position:relative;aspect-ratio:4 / 3;max-width:100%;border-radius:3px;overflow:hidden;display:grid;place-items:center}.cam.empty{background:#0d1017;color:#262d3d;border:1px dashed #232a3a}.cam>svg{width:62%;height:auto;fill:currentColor}.thumbs .cam.empty,.mini .cam.empty{border-style:solid;border-color:#141925}.cam.on-cam{background:linear-gradient(135deg,hsl(var(--hue-a) 55% 38%),hsl(var(--hue-b) 50% 16%));color:#ffffff40}.cam-area{display:flex;flex-direction:column;gap:8px}.cam-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px}.cam-controls,.viewer-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0}.volume{display:inline-flex;align-items:center;gap:6px}.volume input{width:96px;accent-color:var(--accent)}.queue-line{font-size:13px;font-weight:700}.talk-btn{flex-direction:column;gap:0;min-width:150px;padding:8px 18px;font-size:15px;background:var(--panel2);border:2px solid var(--accent2);color:var(--fg);user-select:none;-webkit-user-select:none;touch-action:none}.talk-btn.talking{background:var(--accent2);color:#0b2a10}.talk-key{font-size:11px;font-weight:600;color:inherit;opacity:.75}.cam-notice{display:flex;align-items:center;gap:8px;padding:6px 4px 6px 10px;border-radius:6px;background:#ff4d5e1f;color:#ff8f9a;font-size:13px;font-weight:700}.cam-notice span{flex:1}.cam-notice.quiet{padding:6px 10px;background:#3a2a10;color:var(--warn)}.cam-notice.info{background:#4f8cff24;color:#a9c6ff}.cam-frame{--grid-h: clamp(200px, 46dvh, 600px);position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:4px;border-radius:6px;background:#000}.cam-message{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px 16px;text-align:center;color:var(--muted)}.cams-soon{padding:16px;gap:12px}.cams-soon-spots{display:grid;grid-template-columns:repeat(4,minmax(0,120px));gap:4px;justify-content:center;width:100%}.cams-soon-spots .cam.empty{border-style:solid;border-color:#141925}.cams-soon-note{margin:0;padding:6px 12px;border-radius:999px;background:#4f8cff24;color:#a9c6ff;font-size:13px;font-weight:600}.cams-soon-note.blank{visibility:hidden;min-height:calc(13px * 1.45 + 12px)}.cam-empty{min-height:200px;background:radial-gradient(ellipse at center,#141a28,#000 70%)}.cam-empty h2{font:600 20px var(--display);color:var(--fg)}.cam-empty p{max-width:44ch}.cam-grid{width:100%;max-width:calc(var(--grid-h) * 4 / 3 * var(--cols) / var(--rows));display:grid;grid-template-columns:repeat(var(--cols),minmax(0,1fr));gap:4px}.cam-split{width:100%;display:flex;flex-direction:column;align-items:center;gap:4px}.cam-spotlight{width:100%;max-width:calc(var(--grid-h) * 4 / 3)}.cam-grid.under-spotlight{max-width:none;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.cam-tile.thumb{cursor:pointer}.cam.open-slot{padding:6px;font:600 12px var(--body);color:#5d6780;text-align:center}.open-slot-btn{width:100%;height:100%;border:0;background:none;color:var(--accent2);font:inherit;cursor:pointer}.open-slot-btn:hover{background:#5fd36b0f}.cam.open-slot.phone-only{display:none}.cam-tile{background:linear-gradient(135deg,#1b2233,#0d1017);color:#3a4256}.cam-tile>.silhouette{width:46%}.cam-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.cam-tile.talk:after{box-shadow:inset 0 0 0 3px var(--accent2)}.cam-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam-video.waiting{opacity:0}.cam-tile.stalled .cam-video{opacity:.45}.cam-video.mirrored{transform:scaleX(-1)}.cam .nm{position:absolute;left:0;right:0;top:0;padding:2px 6px 8px;font:600 11px var(--body);color:#fff;background:linear-gradient(rgba(0,0,0,.7),transparent);text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.spotlit .nm{font-size:13px}.cam-status{position:absolute;left:50%;bottom:8px;transform:translate(-50%);max-width:calc(100% - 16px);padding:1px 8px;border-radius:999px;background:#0009;color:#c9cfdc;font:700 11px var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tile-marks{position:absolute;right:5px;bottom:4px;display:flex;gap:3px}.cam .ic{display:grid;place-items:center;padding:2px 4px;border-radius:3px;background:#0009;color:#ff8f9a}.cam .ic.quiet{color:#aab2c5}.icon{width:14px;height:14px}.tile-tools{position:absolute;top:20px;left:4px;right:4px;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:4px;opacity:0;pointer-events:none;transition:opacity .12s}.cam-tile:has(:focus-visible) .tile-tools,.cam-tile.tools-open .tile-tools{opacity:1;pointer-events:auto}@media (hover: hover){.cam-tile:hover .tile-tools{opacity:1;pointer-events:auto}}.tile-btn{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:#000000a6;color:#fff;cursor:pointer}.tile-btn:hover{background:#000000d9}.tile-btn.danger{color:var(--live)}.tile-btn .icon{width:16px;height:16px}.tile-confirm{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:8px;background:#05070cd9;color:var(--fg);font-size:13px;text-align:center;overflow-wrap:anywhere}.hear-btn{position:absolute;top:28px;left:50%;z-index:2;transform:translate(-50%);max-width:calc(100% - 24px);padding:12px 20px;font-size:15px;box-shadow:0 6px 24px #0009}.b-cam{background:#3a1a20;color:var(--live)}.b-line{border:1px solid var(--line);color:var(--muted);font-weight:700}.broadcast-preview{display:flex;flex-direction:column;gap:12px;min-width:0}.preview-cam{width:100%;background:#000;color:#262d3d}.broadcast-preview .form-error{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.broadcast-preview select.input{font-size:13px}.line-note{padding:8px 10px;border-radius:6px;background:#4f8cff1f;color:#a9c6ff;font-size:13px;font-weight:700}.mic-meter{display:flex;align-items:center;gap:10px}.meter-track{flex:1;height:8px;border-radius:4px;background:var(--panel2);overflow:hidden}.meter-fill{display:block;height:100%;background:var(--accent2);transform:scaleX(0);transform-origin:left}.choices{margin:0;padding:8px 10px 10px;border:1px solid var(--line);border-radius:8px;display:flex;flex-direction:column;gap:4px;min-width:0}.choices legend{padding:0 4px;font-size:12px;font-weight:800;color:var(--muted)}.choice{display:flex;align-items:flex-start;gap:10px;padding:6px 4px;border-radius:6px;cursor:pointer}.choice:hover{background:var(--panel2)}.choice input{margin-top:3px;accent-color:var(--accent)}.choice>span{display:flex;flex-direction:column}@media (prefers-reduced-motion: no-preference){.cam-tile.talk:after{animation:talk-pulse 1.6s ease-in-out infinite}@keyframes talk-pulse{50%{box-shadow:inset 0 0 0 3px #5fd36b59}}}@media (prefers-reduced-motion: reduce){.tile-tools{transition:none}}@media (min-width: 981px){.with-stage .stage{container-type:size}.with-stage .cam-frame{--grid-h: clamp(140px, calc(100cqh - 120px - var(--below-min, 280px)), 600px)}.with-stage .stage:has(.watch.has-video) .cam-empty{min-height:0;flex-direction:row;flex-wrap:wrap;gap:6px 16px;padding:12px 16px}.with-stage .stage:has(.watch.has-video) .cam-empty h2{font-size:16px}.with-stage .stage:has(.watch.has-video) .cam-empty>p.muted{display:none}}@media (min-width: 761px){.cam-split{flex-direction:row;align-items:flex-start;justify-content:center}.cam-split .cam-spotlight{flex:0 1 auto;width:calc(var(--grid-h) * 4 / 3);max-width:70%}.cam-split .cam-grid.under-spotlight{flex:1 1 0;align-self:stretch;min-width:0;max-width:290px;contain:size;overflow-y:auto;align-content:start}}@media (hover: none) and (pointer: coarse){.talk-key{display:none}}@media (max-width: 980px){.talk-btn{position:fixed;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:5;min-width:0;border-radius:999px;box-shadow:0 6px 20px #0000008c}}@media (max-width: 560px){.cam-grid{grid-template-columns:repeat(var(--phone-cols),minmax(0,1fr));max-width:none}.cam.open-slot.phone-only{display:grid}.cam.open-slot.desktop-only{display:none}.cam-spotlight{max-width:none}.cam-bar{flex-direction:column;align-items:stretch}.tile-btn{width:34px;height:34px}}.appbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;padding:10px max(16px,env(safe-area-inset-right,0px)) 10px max(16px,env(safe-area-inset-left,0px));background:linear-gradient(#1a1f2c,#141822);border-bottom:1px solid var(--line)}.logo{display:flex;align-items:center;gap:8px;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:.2px;color:var(--fg);text-decoration:none}.logo .dot{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7cc0ff,var(--accent) 60%);display:grid;place-items:center;font-size:11px;color:#fff}.search{flex:1;min-width:140px;max-width:320px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:6px 12px;color:var(--fg);font-size:13px}.search::placeholder{color:var(--muted)}.search:focus{outline:none;border-color:var(--accent)}.account{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.name-chip{display:flex;align-items:center;gap:8px;min-width:0;max-width:220px;background:var(--panel2);border:1px solid var(--line);border-radius:999px;padding:4px 10px 4px 4px;font-size:12px;font-weight:700}.name-chip .av{flex:none;width:24px;height:24px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#7cc0ff,var(--accent) 60%)}.name-chip .nm{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 760px){.search{order:10;flex-basis:100%;max-width:none}}.header-error{color:#ff8f9a;font-size:12px;font-weight:700}@media (min-width: 1100px){.app:has(>.app-main>.lobby)>.appbar{--lobby-scale: 1.2;gap:calc(10px * var(--lobby-scale)) calc(12px * var(--lobby-scale));padding:calc(10px * var(--lobby-scale)) max(calc(16px * var(--lobby-scale)),env(safe-area-inset-right,0px)) calc(10px * var(--lobby-scale)) max(calc(16px * var(--lobby-scale)),env(safe-area-inset-left,0px))}.app:has(>.app-main>.lobby)>.appbar>.logo{gap:calc(8px * var(--lobby-scale));font-size:calc(20px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.logo>.dot{width:calc(22px * var(--lobby-scale));height:calc(22px * var(--lobby-scale));font-size:calc(11px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.search{min-width:calc(140px * var(--lobby-scale));max-width:calc(320px * var(--lobby-scale));padding:calc(6px * var(--lobby-scale)) calc(12px * var(--lobby-scale));font-size:calc(13px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account{gap:calc(8px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account>.btn.sm{gap:calc(6px * var(--lobby-scale));padding:calc(5px * var(--lobby-scale)) calc(10px * var(--lobby-scale));font-size:calc(12px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account>.name-chip{gap:calc(8px * var(--lobby-scale));max-width:calc(220px * var(--lobby-scale));padding:calc(4px * var(--lobby-scale)) calc(10px * var(--lobby-scale)) calc(4px * var(--lobby-scale)) calc(4px * var(--lobby-scale));font-size:calc(12px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account>.name-chip>.av{width:calc(24px * var(--lobby-scale));height:calc(24px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account>.name-chip>.badge{padding:calc(1px * var(--lobby-scale)) calc(5px * var(--lobby-scale));font-size:calc(10px * var(--lobby-scale))}.app:has(>.app-main>.lobby)>.appbar>.account>.header-error{font-size:calc(12px * var(--lobby-scale))}}.app:has(>.app-main>.lobby .lobby-create)>.appbar>.account>.btn:first-child{display:none}dialog.modal{padding:0;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--fg);width:min(440px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 20px 60px #0009}dialog.modal-wide{width:min(840px,calc(100vw - 32px))}dialog.modal::backdrop{background:#05070c9e}.modal-card{padding:16px;display:flex;flex-direction:column;gap:14px}.modal-head{display:flex;align-items:center;gap:8px}.modal-head h2{flex:1;font:600 20px var(--display)}.seg-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.seg-tabs button{border:1px solid var(--line);border-radius:8px;padding:8px 4px;background:transparent;color:var(--muted);font-weight:800;font-size:13px;cursor:pointer}.seg-tabs button[aria-selected=true]{border-color:var(--accent);background:#2f8cff1f;color:var(--fg)}.ban-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.ban-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.ban-list li:last-child{border-bottom:0}.ban-who{display:flex;flex-direction:column;min-width:0;overflow-wrap:anywhere}.lobby{display:flex;flex-direction:column;--lobby-scale: 1}@media (min-width: 1100px){.lobby{--lobby-scale: 1.2;--banner-scale: 1.2}}.catbar{display:flex;gap:calc(6px * var(--lobby-scale));padding:calc(10px * var(--lobby-scale)) calc(16px * var(--lobby-scale));border-bottom:1px solid var(--line);background:var(--bar);overflow-x:auto;scrollbar-width:thin}.catbar button{flex:none;display:inline-flex;align-items:center;gap:calc(6px * var(--lobby-scale));padding:calc(7px * var(--lobby-scale)) calc(14px * var(--lobby-scale));border-radius:999px;font-weight:700;font-size:calc(13px * var(--lobby-scale));color:var(--fg);background:var(--panel2);border:1px solid var(--line);white-space:nowrap;cursor:pointer}.catbar button:hover{border-color:#3a4357}.catbar small{color:var(--muted);font-weight:700;font-family:var(--mono);font-size:calc(11px * var(--lobby-scale))}.catbar button.on{background:var(--accent);border-color:var(--accent);color:#fff}.catbar button.on small{color:#dbe9ff}.subbar{display:flex;flex-wrap:wrap;gap:calc(6px * var(--lobby-scale)) calc(18px * var(--lobby-scale));padding:calc(8px * var(--lobby-scale)) calc(16px * var(--lobby-scale));font-size:calc(12px * var(--lobby-scale));color:var(--muted);border-bottom:1px solid var(--line)}.subbar b,.subbar a{color:var(--fg);font-weight:700}.lobby-main{width:100%;max-width:calc(1240px * var(--lobby-scale));margin:0 auto;padding:calc(16px * var(--lobby-scale));display:flex;flex-direction:column;gap:calc(16px * var(--lobby-scale));min-width:0}.lobby-status{padding:calc(32px * var(--lobby-scale)) 0;text-align:center}.empty-lobby{padding:calc(40px * var(--lobby-scale)) calc(16px * var(--lobby-scale));text-align:center;display:flex;flex-direction:column;gap:calc(6px * var(--lobby-scale))}.empty-lobby h2{font:600 calc(20px * var(--lobby-scale)) var(--display)}.lobby-create{display:flex;justify-content:center}.lobby .lobby-create .btn{min-width:min(100%,calc(260px * var(--lobby-scale)));padding:calc(14px * var(--lobby-scale)) calc(34px * var(--lobby-scale));border-radius:999px;font:700 calc(18px * var(--lobby-scale)) var(--display);letter-spacing:.3px;box-shadow:0 4px 18px #3fb44d4d,inset 0 1px #ffffff59}.hero-room{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:calc(16px * var(--lobby-scale));background:var(--panel2);border:1px solid var(--line);border-radius:calc(10px * var(--lobby-scale));overflow:hidden}.hero-room .mini{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(3px * var(--lobby-scale));padding:calc(3px * var(--lobby-scale));background:#000;align-content:start}.hero-room .txt{padding:calc(16px * var(--lobby-scale));display:flex;flex-direction:column;gap:calc(8px * var(--lobby-scale));justify-content:center;min-width:0}.hero-room h2{font:600 calc(24px * var(--lobby-scale)) var(--display);overflow-wrap:anywhere}.rooms{display:grid;grid-template-columns:repeat(auto-fill,minmax(calc(220px * var(--lobby-scale)),1fr));gap:calc(12px * var(--lobby-scale))}.room{background:var(--panel2);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0}a.room{color:inherit;text-decoration:none;transition:border-color .15s}a.room:hover{border-color:var(--accent)}.room .thumbs{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#000;padding:2px}.room .meta{padding:10px;display:flex;flex-direction:column;gap:6px;min-width:0}.room .name{font-weight:800;font-size:15px;overflow-wrap:anywhere}.room .desc{font-size:12px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}.row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted)}.owner{font-size:12px;color:var(--muted);overflow-wrap:anywhere}.room .pill:not(.full),.hero-room .pill:not(.full):not(.live){background:#272e40}.lobby .room{border-radius:calc(8px * var(--lobby-scale))}.lobby .room .thumbs{gap:calc(2px * var(--lobby-scale));padding:calc(2px * var(--lobby-scale))}.lobby .room .meta{padding:calc(10px * var(--lobby-scale));gap:calc(6px * var(--lobby-scale))}.lobby .room .name{font-size:calc(15px * var(--lobby-scale))}.lobby .room .desc{font-size:calc(12px * var(--lobby-scale))}.lobby .row{gap:calc(6px * var(--lobby-scale));font-size:calc(12px * var(--lobby-scale))}.lobby .owner{font-size:calc(12px * var(--lobby-scale))}.lobby .pill{gap:calc(4px * var(--lobby-scale));font-size:calc(11px * var(--lobby-scale));padding:calc(2px * var(--lobby-scale)) calc(8px * var(--lobby-scale))}.lobby .pill .mono{font-size:calc(10.5px * var(--lobby-scale));padding-inline:calc(2px * var(--lobby-scale))}.lobby .btn{gap:calc(6px * var(--lobby-scale));font-size:calc(13px * var(--lobby-scale));padding:calc(8px * var(--lobby-scale)) calc(14px * var(--lobby-scale));border-radius:calc(6px * var(--lobby-scale))}.room.skeleton{animation:skeleton-pulse 1.6s ease-in-out infinite}.sk-banner{height:calc(76px * var(--lobby-scale));background:var(--panel)}.room.skeleton .meta{min-height:calc(72px * var(--lobby-scale))}.sk-line{height:calc(12px * var(--lobby-scale));width:70%;border-radius:calc(4px * var(--lobby-scale));background:#272e40}.sk-line.short{width:40%}@keyframes skeleton-pulse{50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.room.skeleton{animation:none}}@media (max-width: 760px){.hero-room{grid-template-columns:minmax(0,1fr);gap:0}}@media (max-width: 560px){.room .thumbs{grid-template-columns:repeat(6,1fr)}}.editor{display:grid;grid-template-columns:minmax(0,320px) minmax(0,1fr);grid-template-areas:"preview fields" "styles styles" "actions actions";gap:16px;align-items:start}.editor-preview{grid-area:preview;position:sticky;top:0;display:flex;flex-direction:column;gap:8px}.editor-fields{grid-area:fields}.editor-actions{grid-area:actions;display:flex;flex-direction:column;gap:10px}.field-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:start}.style-picker{grid-area:styles;display:flex;flex-direction:column;gap:6px;min-width:0}.style-picker-head{display:flex;align-items:center;gap:6px}.style-picker-label{flex:1;font-size:12px;font-weight:700;color:var(--muted)}.style-picker-head .btn{min-width:32px;font-size:16px;line-height:1}.style-picker-head .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;background:transparent}.style-strip{display:flex;gap:6px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:5px;padding:5px;position:relative;scrollbar-width:thin;scrollbar-color:#3a4357 transparent}.style-tile{--banner-scale: var(--tile-scale, .72);position:relative;flex:none;width:148px;height:56px;padding:0;border:2px solid var(--line);border-radius:8px;overflow:hidden;background:var(--panel2);text-align:left;cursor:pointer;scroll-snap-align:center}.style-tile:hover{border-color:#56627a}.style-tile[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.style-tile[aria-pressed=true]:after{content:"✓";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--gold);color:#2a1d00;font:800 11px/16px var(--body);text-align:center}.style-tile:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.style-tile .banner{height:100%;padding:4px 8px}.style-tile .bt{white-space:normal;line-height:1.05;padding-block:.36em;text-overflow:clip;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}@media (max-width: 760px){.editor{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview" "fields" "styles" "actions"}.editor-preview{position:static}.field-pair{grid-template-columns:minmax(0,1fr)}.style-picker-head .btn{min-height:32px}.style-tile{--banner-scale: calc(var(--tile-scale, .72) * .8611);width:124px;height:48px}}.room-screen{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 320px;grid-template-rows:auto 1fr;align-content:start}.stage{padding:12px;display:flex;flex-direction:column;gap:10px;min-width:0;background:var(--stage)}.roomhead{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px}.roomhead h1{font:600 22px var(--display);overflow-wrap:anywhere}.below{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:10px}.box{background:var(--panel);border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.box>.hd{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);font-weight:800;font-size:13px;background:var(--panel2)}.topic{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 6px;padding:6px 10px;border-bottom:1px solid var(--line);font-size:13px;color:var(--muted)}.topic .label{font-weight:800;color:var(--fg)}.topic .text{color:var(--fg);overflow-wrap:anywhere}.topic .by{font-size:12px}.topic.editing{flex-wrap:nowrap;align-items:center}.topic.editing .input{flex:1;padding:4px 8px;font-size:13px}.chatlog{height:340px;overflow-y:auto;padding:8px 10px;display:flex;flex-direction:column;gap:5px;font-size:13px}.chatlog .line{overflow-wrap:anywhere}.chatlog .ts{color:var(--muted);font:11px var(--mono);margin-right:6px}.chatlog .sys{color:var(--muted);font-style:italic}.chatlog .presence{font-size:12px;opacity:.8}.chatlog .u{font-weight:800}.pmline{background:linear-gradient(90deg,rgba(140,140,255,.16),transparent);border-left:3px solid var(--pm);padding:4px 8px;border-radius:3px}.pm-tag{font:800 10px var(--body);letter-spacing:.06em;color:#14142e;background:var(--pm);border-radius:3px;padding:1px 5px;margin-right:6px}.chat-error{margin:0 8px 6px;padding:6px 10px;border-radius:6px;background:#ff4d5e1f;color:#ff8f9a;font-size:13px;font-weight:700}.chat-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;margin:0 8px 6px;padding:6px 10px;border-radius:6px;background:#3a2a10;color:var(--warn);font-size:13px;font-weight:700}.chat-status .link-btn{color:inherit;font-size:13px;text-decoration:underline}.compose{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px;border-top:1px solid var(--line)}.compose .in{flex:1;min-width:120px}.compose.pm .in{border-color:var(--pm)}.pm-chip{display:inline-flex;align-items:center;gap:4px;max-width:100%;padding:2px 2px 2px 10px;border-radius:999px;background:#8c8cff29;color:var(--pm);font-size:12px;font-weight:700;white-space:nowrap}.pm-chip-text{min-width:0;overflow:hidden;text-overflow:ellipsis}.pm-chip b{color:var(--fg)}.pm-chip.gone{background:#3a2a10;color:var(--warn)}.pm-chip .icon-btn{font-size:16px;padding:0 6px}.counter{font-size:11px;color:var(--muted)}.counter.at-limit{color:var(--live)}.rail{border-left:1px solid var(--line);display:flex;flex-direction:column;background:var(--panel);min-width:0}.railtabs{display:flex;border-bottom:1px solid var(--line)}.railtabs button{flex:1;padding:10px 4px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-weight:800;font-size:12px;cursor:pointer}.railtabs button[aria-selected=true]{color:var(--fg);border-bottom-color:var(--accent)}.rail-body{flex:1;display:flex;flex-direction:column;min-height:0}.rail>[role=tabpanel]:focus-visible{outline-offset:-2px}.rail-note{padding:8px 10px;border-bottom:1px solid var(--line);color:var(--warn)}.rail-body.stale .users{opacity:.55}.rail-tools{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line)}.users-scroll{flex:1;position:relative;min-height:240px}.users{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;list-style:none;margin:0;padding:6px;display:flex;flex-direction:column;gap:1px;font-size:13px}.user-row{width:100%;display:flex;align-items:center;gap:8px;padding:5px 6px;border:0;border-radius:5px;background:none;color:var(--fg);text-align:left;cursor:pointer}.user-row:hover,.users li.sel .user-row{background:var(--panel2)}.users .a{flex:none;width:22px;height:22px;border-radius:50%;background-image:linear-gradient(135deg,#ffffff47,#00000059)}.users .n{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.users .you{font-size:11px;color:var(--muted)}.ctx{margin:2px 0 6px;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:6px;display:flex;flex-direction:column;gap:2px;font-size:13px}.ctx-title{padding:2px 6px 4px;font-weight:800;overflow-wrap:anywhere}.ctx .fine{padding:0 6px 4px}.ctx-item{padding:5px 6px;border:0;border-radius:4px;background:none;color:var(--fg);font-size:13px;text-align:left;cursor:pointer}.ctx-item:hover{background:#ffffff0f}.ctx-item.danger{color:var(--live)}.ctx-section{padding:6px 6px 0;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.ctx-confirm{display:flex;flex-direction:column;gap:6px;padding:6px;border-radius:6px;background:#ff4d5e14;overflow-wrap:anywhere}.ctx-confirm-actions{display:flex;flex-wrap:wrap;gap:6px}@media (min-width: 981px){.app:has(.room-screen.with-stage){height:100dvh}.app:has(.room-screen.with-stage) .app-main{min-height:0}.room-screen.with-stage{min-height:0;grid-template-rows:auto minmax(0,1fr)}.with-stage .stage{min-height:0;overflow-y:auto}.with-stage .rail{min-height:0}.with-stage .stage{--below-min: 280px}.with-stage .stage:has(.watch.has-video){--below-min: clamp(280px, calc(100cqh - 260px) , 440px)}.with-stage .below{flex:1;min-height:var(--below-min);grid-template-rows:minmax(0,1fr)}.with-stage .chatlog{flex:1;height:auto;min-height:160px}}@media (max-width: 980px){.room-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:auto}.rail{border-left:0;border-top:1px solid var(--line)}.users-scroll{min-height:0}.users{position:static;max-height:420px}}@media (max-width: 760px){.below{grid-template-columns:minmax(0,1fr)}.below .watch:not(.has-video){order:2}.chatlog{height:300px}}@media (max-width: 560px){.compose.pm .pm-chip{flex-basis:100%;justify-content:space-between}}.room-screen[data-maximised] .cam-area{display:none}@media (min-width: 981px){.room-screen[data-maximised] .below{grid-template-columns:minmax(0,1fr) 280px;min-height:280px}}@media (max-width: 980px){.room-screen[data-maximised] .below{grid-template-columns:minmax(0,1fr)}}.games-tab{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:12px;padding:16px}.game-tiles{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.game-tile{width:100%;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;color:var(--fg);font:700 13px var(--body);line-height:1.25;text-align:center;cursor:pointer}.game-tile:focus-visible{outline:none}.game-tile:focus-visible .game-disc{outline:2px solid var(--gold);outline-offset:3px}.game-name{overflow-wrap:anywhere}.game-soon{background:#272e40;color:#c3cad8}.game-disc{width:min(96px,100%);aspect-ratio:1;border-radius:50%;border:3px solid var(--line);display:grid;place-items:center;overflow:hidden;container-type:inline-size;transition:border-color .15s}.game-tile:hover .game-disc{border-color:var(--accent)}.game-tile[aria-pressed=true] .game-disc{border-color:var(--gold);box-shadow:0 0 0 2px #f7c9484d}@media (prefers-reduced-motion: no-preference){.game-disc{transition:border-color .15s,transform .15s}.game-tile:hover .game-disc{transform:translateY(-2px)}}.game-glyph{font-family:Segoe UI Symbol,"Noto Sans Symbols 2",Apple Symbols,system-ui;font-size:46cqi;font-weight:400;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.45)}.game-pool .game-disc{background:radial-gradient(circle at 50% 40%,#1f7a45,#0d3b22 75%)}.game-pool .game-glyph{width:46%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle closest-side,#fff 0 50%,transparent 53%),radial-gradient(circle at 35% 30%,#4d4d4d,#050505 62%);box-shadow:0 3px 6px #00000073;color:#15161a;font:700 17cqi/1 var(--display);text-shadow:none}.game-poker .game-disc{background:radial-gradient(circle closest-side,#b8232f 0 60%,#f1f1f1 61% 64%,#b8232f 65% 70%,transparent 71%),repeating-conic-gradient(#f1f1f1 0,#f1f1f1 14deg,#b8232f 14deg,#b8232f 45deg);color:#fff}.game-poker .game-glyph{font-size:38cqi}.game-chess .game-disc{background:repeating-radial-gradient(ellipse at 30% 130%,transparent 0 7px,rgba(0,0,0,.14) 7px 9px),radial-gradient(circle at 35% 30%,#8b5a34,#4b2c16 75%);color:#f3e3c3}.game-draw .game-disc{background:linear-gradient(135deg,#2f8cff,#7a3fe0);color:#fff}@media (max-width: 980px){.game-tiles{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 420px){.game-soon{font-size:10px;padding:2px 5px;white-space:normal;text-align:center}}.watch{--yt-red: #ff2d2d;container:watch / inline-size}.watch .hd .synced{background:#5fd36b29;color:var(--accent2)}.watch-max{flex:none}@container watch (max-width: 499.98px){.watch>.hd{column-gap:6px}.watch .watch-max{padding-inline:6px}.watch-max-word{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}.watch-empty{flex:1;min-height:180px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;background:linear-gradient(135deg,#2b0f2f,#0f2a3a 60%,#0b1a10)}.watch-empty p{max-width:34ch;color:#c9cfdc}.watch-empty .play{width:58px;height:40px;border-radius:10px;background:var(--yt-red);display:grid;place-items:center;opacity:.45}.watch-empty .play:after{content:"";border-left:16px solid #fff;border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}.watch-screen{position:relative;flex:none;width:100%;aspect-ratio:16 / 9;margin-inline:auto;background:#000;overflow:hidden}.watch-video{position:absolute;top:0;right:0;bottom:0;left:0}.watch-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.watch-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-block{display:grid;place-items:center;background:linear-gradient(135deg,hsl(var(--hue) 50% 34%),hsl(calc(var(--hue) + 40) 45% 12%));color:#fff9;font-size:12px;line-height:1}.watch-backdrop.thumb-block{font-size:36px}.watch-message{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;background:#05070c9e;color:var(--fg);font-weight:700}.watch-message p{max-width:36ch;text-shadow:0 1px 3px #000}.tap-btn{position:absolute;left:50%;z-index:2;max-width:calc(100% - 24px);padding:12px 22px;font-size:15px;box-shadow:0 6px 24px #0009}.tap-btn.unmute{top:14px;transform:translate(-50%)}.tap-btn.play{top:50%;transform:translate(-50%,-50%)}.tap-btn .icon{width:16px;height:16px}.tap-note{position:absolute;top:50%;left:50%;z-index:2;width:max-content;max-width:min(36ch,calc(100% - 24px));margin:0;padding:10px 16px;border-radius:6px;background:#05070cd1;color:#fff;font-size:14px;font-weight:700;line-height:1.35;text-align:center;box-shadow:0 6px 24px #0009;transform:translate(-50%,-50%);pointer-events:none}.watch-marks,.watch-sync{position:absolute;top:8px;display:flex;gap:6px;pointer-events:none}.watch-marks{left:8px}.watch-marks .pill:not(.live){background:#000000b3;color:#fff}.watch-sync{right:8px}.watch-sync .pill{background:var(--accent2);color:#0b2a10}.watch-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 10px 8px;background:linear-gradient(transparent,#000000b3);font-weight:800;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.watch-screen.ready .watch-caption{animation:caption-out .4s ease 5s forwards}@keyframes caption-out{to{opacity:0;visibility:hidden}}.watch-hidden-bar{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 10px;padding:10px;border-bottom:1px solid var(--line);background:var(--stage);font-weight:700}.now-playing{display:flex;flex-direction:column;min-width:0;padding:8px 10px 0}.now-playing-line{font-size:13px;font-weight:700;overflow-wrap:anywhere}.now-playing-channel{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.watch-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;padding:6px 10px}.room-controls{flex:1 1 240px;display:flex;align-items:center;gap:8px;min-width:0}.local-controls{display:flex;align-items:center;gap:6px;margin-left:auto}.ctl-btn{flex:none;display:grid;place-items:center;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:var(--accent);color:#fff;cursor:pointer}.ctl-btn:hover{filter:brightness(1.08)}.ctl-btn.quiet{background:var(--panel2);color:var(--fg)}.watch-seek{flex:1;min-width:60px;accent-color:var(--yt-red)}.watch-bar{flex:1;min-width:60px;height:4px;border-radius:2px;background:#ffffff2e;overflow:hidden}.watch-bar span{display:block;height:100%;background:var(--yt-red);transform-origin:left}.watch-time{font-size:12px;color:var(--muted);white-space:nowrap}.watch-volume{width:90px;accent-color:var(--accent)}.watch-error{padding:0 10px 6px}.watch-add{display:flex;flex-direction:column;gap:4px;padding:6px 10px 8px}.watch-add-row{display:flex;gap:6px;min-width:0}.watch-add-row .input{flex:1}.watch-note{padding:6px 10px 8px}.watch-add .watch-note{padding:0}.watch-queue{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--line)}.queue-hd{display:flex;align-items:center;gap:8px;padding:5px 10px;min-height:34px;background:var(--panel2);font-size:13px;font-weight:800}.queue-confirm{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 10px;margin:6px 10px 0;padding:6px 8px;border-radius:6px;background:#ff4d5e14;font-size:13px;font-weight:700}.queue-confirm-actions{display:flex;gap:6px}.queue-list{list-style:none;margin:0;padding:6px 10px 8px;display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;font-size:12px}.queue-item{display:flex;align-items:center;gap:8px;min-width:0}.queue-thumb{flex:none;width:56px;height:32px;border-radius:3px;object-fit:cover;background:var(--panel2)}.queue-text{flex:1;min-width:0;display:flex;flex-direction:column}.queue-title{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-by{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-remove{flex:none;font-size:14px;padding:4px 8px}.queue-empty{padding:6px 10px 10px}@media (prefers-reduced-motion: reduce){.watch-screen.ready .watch-caption{animation-duration:0s}}@media (min-width: 981px){.with-stage .watch{container:watch / size;overflow-y:auto}.with-stage .watch-screen{--watch-rows: 300px;width:auto;max-width:100%;height:clamp(180px,calc(100cqh - var(--watch-rows)),56.25cqw)}.with-stage .watch-queue{flex:1 1 0;min-height:0}.with-stage .queue-list{flex:1 1 0;min-height:44px;max-height:none}.with-stage .watch-add{position:sticky;bottom:0;z-index:1;background:var(--panel)}.room-screen[data-maximised] .watch-screen{width:100%;max-width:none;aspect-ratio:auto;container-type:size}.room-screen[data-maximised] :is(.watch-video,.watch-backdrop){top:0;right:0;bottom:0;left:0;margin:auto;width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw)}}@container watch (max-height: 380px){.with-stage .watch-screen{height:clamp(120px,calc(100cqh - 140px - var(--add-note, 0px) - var(--control-note, 0px)),min(180px,56.25cqw))}.with-stage .watch:has(.watch-add .form-error,.watch-add .watch-note) .watch-screen{--add-note: 24px}.with-stage .watch:has(.watch-error) .watch-screen{--control-note: 24px}.with-stage .now-playing{order:1}.with-stage .watch-queue{order:2}}@media (max-width: 760px){.room-controls{flex-basis:100%}.local-controls{margin-left:0}.watch:not(.has-video) .watch-empty{flex:none;min-height:0;padding:10px;background:none}.watch:not(.has-video) .watch-empty .play{display:none}.queue-list{max-height:140px}}@media (max-width: 560px){.watch-volume{display:none}}.watch.has-search{--search-row: 41px}.watch-find{display:flex;flex-direction:column;min-width:0}.watch-search{display:flex;flex-direction:column;gap:4px;min-width:0;padding:8px 10px 0}.watch-find .watch-add{padding-top:6px}@container watch (min-width: 500px){.watch.has-search .watch-screen{--search-row: 0px}.watch-find{flex-direction:row;align-items:flex-start}.watch-find>.watch-search,.watch-find>.watch-add{flex:1 1 0;min-width:0}.watch-find>.watch-search{padding:6px 0 8px 10px}}.watch .btn[aria-disabled=true]{opacity:.5;cursor:not-allowed;filter:none}.watch-results{display:flex;flex-direction:column;min-height:0;border-top:1px solid var(--line)}.results-hd{display:flex;align-items:center;gap:8px;padding:5px 10px;min-height:34px;background:var(--panel2);font-size:13px;font-weight:800}.results-title{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.results-error{padding:6px 10px 0}.results-note:not(:empty){padding:6px 10px 0}.results-list{list-style:none;margin:0;padding:6px 10px 8px;display:flex;flex-direction:column;gap:6px;max-height:300px;overflow-y:auto;font-size:12px}.result-item{display:flex;align-items:center;gap:8px;min-width:0}.result-thumb{flex:none;width:96px;height:54px;border-radius:3px;object-fit:cover;background:var(--panel2)}.result-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.result-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;overflow-wrap:anywhere;font-weight:700;line-height:1.3}.result-meta{display:flex;align-items:center;gap:6px;min-width:0}.result-channel{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-meta .pill,.result-add{flex:none}.results-empty{padding:8px 10px 10px}.watch-results-foot{padding:4px 10px 8px}.watch-results-foot a{color:var(--muted);text-decoration:underline}.watch-results-foot a:hover{color:var(--fg)}.watch:has(.watch-results) .watch-empty{display:none}@media (min-width: 981px){.with-stage .stage:has(.watch.has-video.has-search){--below-min: clamp(280px, calc(100cqh - 260px) , 481px)}@container (min-width: 914px){.with-stage .stage:has(.watch.has-video.has-search) :is(.below,.cam-frame){--below-min: clamp(280px, calc(100cqh - 260px) , 440px)}}.with-stage .watch.has-search .watch-screen{--watch-rows: calc(300px + var(--search-row))}.with-stage .watch.has-search:has(.watch-results) .watch-screen{--watch-rows: calc(300px + var(--search-row) + 120px)}.with-stage .watch-find{position:sticky;bottom:0;z-index:1;background:var(--panel)}.with-stage .watch-find .watch-add{position:static}.with-stage .watch-results{flex:1 1 0;min-height:0}.with-stage .results-list{flex:1 1 0;min-height:44px;max-height:none}}@container watch (max-height: 380px){.with-stage .watch.has-search .watch-screen{height:clamp(96px,calc(100cqh - 140px - var(--search-row) - var(--search-note, 0px) - var(--add-note, 0px) - var(--control-note, 0px)),min(180px,56.25cqw))}.with-stage .watch:has(.watch-find .search-msg) .watch-screen{--search-note: 24px}.with-stage .watch-results{order:2}}@container watch (max-height: 380px) and (min-width: 500px){.with-stage .watch.has-search .watch-screen{height:clamp(120px,calc(100cqh - 140px - var(--search-note, 0px) - var(--add-note, 0px) - var(--control-note, 0px)),min(180px,56.25cqw))}}@media (max-width: 760px){.result-thumb{width:56px;height:32px}.result-add{min-height:36px}}@supports (background-clip: text) or (-webkit-background-clip: text){.name-rainbow,.app[data-site-admin] .name-chip .nm{background-image:linear-gradient(90deg,#ff6b6b,#ffa94d,#ffe066,#69db7c,#66d9e8,#74c0fc,#b197fc,#f783ac,#ff6b6b);background-size:8em 100%;background-repeat:repeat-x;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.name-rainbow::selection,.app[data-site-admin] .name-chip .nm::selection{-webkit-text-fill-color:var(--fg)}.cam .nm .name-rainbow{filter:drop-shadow(0 0 1px rgba(0,0,0,.9)) drop-shadow(0 1px 1px rgba(0,0,0,.7))}}@media (prefers-reduced-motion: no-preference){.name-rainbow,.app[data-site-admin] .name-chip .nm{animation:name-rainbow 7s linear infinite}}@keyframes name-rainbow{0%{background-position:0 0}to{background-position:8em 0}}