@import "https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap";@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Montserrat:wght@400;500;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Montserrat,sans-serif}html{min-width:320px}body{min-width:320px;margin:0}button,input{font:inherit}*{box-sizing:border-box}body{color:#fff;background:#08090d;margin:0;font-family:Montserrat,sans-serif}.app{justify-content:center;align-items:center;min-height:100vh;padding:30px 18px;display:flex;position:relative;overflow:hidden}.background-glow{pointer-events:none;background:radial-gradient(circle,#8f682e26,#0000 70%);width:650px;height:650px;position:absolute}.container{text-align:center;z-index:1;width:100%;max-width:480px;position:relative}.brand{letter-spacing:6px;color:#bba66b;margin-bottom:35px;font-size:11px}.symbols{justify-content:center;gap:25px;margin-bottom:25px;font-size:34px;display:flex}h1{letter-spacing:3px;margin:0;font-family:Cinzel,serif;font-size:clamp(36px,8vw,55px);font-weight:600;line-height:1.35}h1 span{display:block}h1 span:first-child{color:#d58a47}h1 span:nth-child(2){color:#e2d06c}h1 span:nth-child(3){color:#c94c4c}.divider{background:linear-gradient(90deg,#0000,#bba66b,#0000);width:160px;height:1px;margin:32px auto}.menu{flex-direction:column;gap:14px;display:flex}.subtitle{letter-spacing:2px;color:#9999a4;margin:0 0 20px;font-size:11px;line-height:1.8}h2{letter-spacing:4px;font-size:17px;font-weight:500}button{letter-spacing:2px;cursor:pointer;border-radius:4px;width:100%;padding:18px;font-family:Montserrat,sans-serif;font-size:12px;font-weight:700;transition:all .2s}.primary-button{color:#111;background:#bba66b;border:1px solid #bba66b}.primary-button:hover{background:#e0cb8d}.secondary-button{color:#d4c18a;background:0 0;border:1px solid #73643d}input{color:#fff;text-align:center;letter-spacing:5px;background:#15161d;border:1px solid #5c523a;border-radius:4px;outline:none;width:100%;padding:18px;font-family:Montserrat,sans-serif;font-size:17px}input:focus{border-color:#d4c18a}.notice{color:#bba66b;font-size:13px;line-height:1.8}footer{letter-spacing:3px;color:#55545c;margin-top:55px;font-size:9px}@media (width<=480px){.brand{letter-spacing:4px}.symbols{font-size:28px}h1{letter-spacing:1px}}.room-code{letter-spacing:12px;color:#e2d06c;text-shadow:0 0 35px #e2d06c33;margin:5px 0 10px;font-family:Cinzel,serif;font-size:clamp(52px,12vw,80px)}.lobby-header{color:#bba66b;letter-spacing:2px;justify-content:space-between;margin-top:15px;font-size:10px;display:flex}.player-list{text-align:left;flex-direction:column;gap:6px;max-height:300px;display:flex;overflow-y:auto}.player-entry{background:#15161d;border:1px solid #343039;border-radius:4px;align-items:center;gap:12px;padding:14px;display:flex}.player-number{color:#bba66b;font-size:11px;font-weight:700}.player-name{color:#eee;overflow-wrap:anywhere;flex:1;min-width:0;font-size:13px}.host-label{color:#e2d06c;letter-spacing:1px;font-size:9px}.error-message{color:#f77;margin-top:20px;font-size:12px}.connection-status{letter-spacing:2px;color:#777;justify-content:center;align-items:center;gap:7px;margin-top:35px;font-size:9px;display:flex}.status-dot{background:#a33;border-radius:50%;width:7px;height:7px}.status-dot.online{background:#5cc78a}button:disabled{opacity:.45;cursor:not-allowed}@media (width<=480px){.room-code{letter-spacing:6px}.player-entry{padding:12px}}.game-area{flex-direction:column;gap:20px;display:flex}.round-heading{color:#bba66b;letter-spacing:3px;font-size:12px;font-weight:700}.hidden-role-panel,.secret-role-card{background:#15161d;border:1px solid #4a4141;border-radius:8px;flex-direction:column;align-items:center;gap:20px;padding:32px 22px;display:flex}.hidden-role-icon{color:#bba66b;background:#22202a;border:2px solid #bba66b;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;font-family:Cinzel,serif;font-size:55px;display:flex}.secret-role-card{border-color:var(--role-color);box-shadow:0 0 35px color-mix(in srgb, var(--role-color) 15%, transparent)}.role-eyebrow{color:#aaa;letter-spacing:3px;font-size:11px}.role-symbol{font-size:85px;line-height:1.3}.role-name{color:var(--role-color);letter-spacing:2px;font-family:Cinzel,serif;font-size:clamp(28px,8vw,40px);font-weight:700}.role-instruction{color:#ddd;max-width:300px;margin-bottom:10px;font-size:13px;line-height:1.8}.reveal-holding{touch-action:none;background:#d8c584;transform:scale(.98)}.game-placeholder{color:#888;border:1px dashed #4a414b;border-radius:8px;padding:25px;font-size:12px;line-height:1.8}.game-placeholder h2{color:#bba66b;margin-top:0}@media (width<=480px){.hidden-role-panel,.secret-role-card{padding:25px 15px}.role-symbol{font-size:65px}}.display-mode .player-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:400px;display:grid}.display-mode .room-code{font-size:clamp(65px,12vw,110px)}.display-mode .player-entry{min-height:55px}.display-mode .game-placeholder{margin-top:15px;padding:35px}@media (width<=600px){.display-mode .player-list{grid-template-columns:1fr}}.compact-header{color:#bba66b;letter-spacing:3px;text-align:center;margin-bottom:28px;font-family:Cinzel,serif;font-size:15px}.room-topline{color:#bba66b;letter-spacing:2px;justify-content:space-between;font-size:10px;display:flex}.pairing-section{text-align:left;margin-top:20px}.pairing-heading{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.pairing-heading h2{margin:0;font-size:13px}.pairing-heading span{color:#888;letter-spacing:1px;font-size:10px}.pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.pairing-pad{background:#15161d;border:1px solid #38343e;border-radius:7px;min-width:0;padding:15px;transition:border-color .2s,background .2s}.pairing-pad.my-pad{background:#242118;border-color:#d6be75}.pad-heading{color:#cbb576;letter-spacing:1px;justify-content:space-between;margin-bottom:16px;font-size:10px;font-weight:700;display:flex}.pad-players{flex-direction:column;gap:8px;display:flex}.pad-slot{background:#22232b;border-radius:4px;align-items:center;gap:8px;min-width:0;min-height:32px;padding:8px;display:flex}.pad-avatar{color:#cbb576;font-size:12px}.pad-player-name{color:#eee;overflow-wrap:anywhere;min-width:0;font-size:12px}.pad-action{color:#111;letter-spacing:1px;background:#bba66b;border:0;border-radius:4px;width:100%;margin-top:13px;padding:12px 5px;font-size:10px}.pad-action.leave-pad{color:#e2d06c;background:0 0;border:1px solid #8b754b}.pad-action:disabled{color:#888;background:#33333a}.pairing-note{text-align:center;color:#bba66b;letter-spacing:1px;margin:20px 0;font-size:10px}.display-mode .pairing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}@media (width<=600px){.pairing-grid,.display-mode .pairing-grid{grid-template-columns:1fr}.pairing-pad{padding:12px}.pad-heading{margin-bottom:10px}.hidden-role-panel,.secret-role-card{padding:20px 15px}}.examination-slide{text-align:center;background:#15161d;border:1px solid #554a33;border-radius:10px;margin:25px 0;padding:clamp(24px,5vw,65px) 22px}.slide-subject{color:#cbb576;letter-spacing:3px;margin-bottom:26px;font-size:13px;font-weight:700}.slide-info{color:#f4f0e8;overflow-wrap:anywhere;max-width:780px;margin:20px auto 30px;font-family:Cinzel,serif;font-size:clamp(18px,3vw,30px);line-height:1.55}.slide-progress{background:#35343b;border-radius:99px;max-width:500px;height:5px;margin:0 auto 18px;overflow:hidden}.slide-progress>div{background:#cbb576;height:100%;transition:width .1s linear}.phase-clock{color:#d6b85e;text-align:center;font-variant-numeric:tabular-nums;margin:16px 0;font-family:Cinzel,serif;font-size:clamp(44px,9vw,82px)}.display-mode .examination-slide{min-height:340px}.bbs-uppercase,.bbs-uppercase input{text-transform:uppercase}.bbs-results{text-align:center;margin:20px 0}.bbs-revealed-pair{text-align:left;background:#16171c;border:1px solid #514a39;border-radius:8px;margin:12px 0;padding:16px}.bbs-revealed-player{border-bottom:1px solid #34343b;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;font-size:12px;display:flex}.bbs-revealed-player:last-child{border-bottom:0}.bbs-safe{color:#75d19b}.bbs-out{color:#f08b8b}.bbs-dismissed-name{color:#f08b8b;border-bottom:1px solid #44343a;padding:12px;font-size:18px}.bbs-winner-names{color:#e2d06c;overflow-wrap:anywhere;margin:24px 0;font-family:Cinzel,serif;font-size:clamp(22px,5vw,42px)}html,body,#root,.app,.app *,button,input,textarea,select{text-transform:uppercase;font-family:Roboto Mono,monospace!important;font-weight:700!important}input::placeholder{text-transform:uppercase}.bbs-role-art{object-fit:contain;width:100%;height:100%;display:block}.bbs-home-symbols{align-items:center;gap:14px}.bbs-home-symbols .bbs-role-art{width:clamp(60px,18vw,95px);height:95px}.role-symbol{justify-content:center;align-items:center;width:140px;height:140px;display:flex}.bbs-revealed-player>span:nth-child(2){align-items:center;gap:8px;display:flex}.bbs-small-role{flex-shrink:0;width:36px;height:36px}.bbs-sky-banner{background-image:url(/images/BBSSky.png);background-repeat:no-repeat;background-size:100%;border:1px solid #68608e;border-radius:10px;width:100%;height:clamp(220px,34vw,330px);margin:18px 0 12px;position:relative;overflow:hidden}.bbs-sky-overlay{color:#fff;text-shadow:0 2px 9px #000,0 0 16px #000;background:linear-gradient(#05081926,#0508198c);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.bbs-sky-label{letter-spacing:3px;font-size:clamp(12px,2.5vw,19px)}.bbs-sky-timer{font-variant-numeric:tabular-nums;font-size:clamp(46px,8vw,94px)}.bbs-sky-progress{background:#1d214d99;border-radius:99px;width:min(80%,480px);height:6px;overflow:hidden}.bbs-sky-progress>div{background:#fff4b1;height:100%}@media (width<=600px){.bbs-sky-banner{background-size:auto 190%}.bbs-home-symbols .bbs-role-art{height:75px}}:root{--bbs-blue:#39a9ff;--bbs-blue-light:#8bd5ff}.app{background:#061328}.background-glow{background:radial-gradient(circle,#2d91ff2e,#0000 70%)}.brand,.compact-header,.room-topline,.pad-heading,.pairing-note,.pairing-heading span,.slide-subject,.bbs-sky-label{color:var(--bbs-blue-light)}.primary-button,.pad-action:not(.leave-pad){background:var(--bbs-blue);border-color:var(--bbs-blue);color:#00172c}.primary-button:hover,.pad-action:not(.leave-pad):hover{background:#82cfff}.secondary-button,.pad-action.leave-pad{color:var(--bbs-blue-light);border-color:#3887b9}.secondary-button:hover{background:#39a9ff24}input:focus,.pairing-pad.my-pad{border-color:var(--bbs-blue)}.pairing-pad.my-pad{background:#0e2b46}.room-code,.bbs-winner-names{color:var(--bbs-blue-light)}.divider{background:linear-gradient(90deg, transparent, var(--bbs-blue), transparent)}h1 span:first-child,h1 span:nth-child(2),h1 span:nth-child(3){color:var(--bbs-blue-light)}.bbs-sky-banner{background-size:100%;border-color:#3c9bdf}.bbs-counting-timer,.bbs-sky-timer.bbs-counting-timer{text-shadow:0 2px 5px #000,0 0 12px #4d0712;color:#ff3949!important}.bbs-idle-timer{color:#fff!important}.bbs-animated-background{pointer-events:none;opacity:0;background-image:linear-gradient(#020c2070,#020c20ad),url(/images/BBSSky.png);background-position:50%,top;background-repeat:no-repeat;background-size:cover,auto 200%;position:absolute;inset:0}.bbs-home-screen .bbs-animated-background{opacity:1;animation:24s ease-in-out infinite alternate bbsHomeSkyPan}.bbs-home-screen .container{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#020f2485;border-radius:14px;padding:28px 18px}@keyframes bbsHomeSkyPan{0%{background-position:top}to{background-position:bottom}}.bbs-personal-reveal{z-index:1000;background:#000714f2;justify-content:center;align-items:center;padding:20px;animation:.25s ease-out bbsRevealFade;display:flex;position:fixed;inset:0}.bbs-personal-reveal-card{border:3px solid var(--role-color,#39a9ff);background:#09172d;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:22px;width:min(94vw,480px);min-height:70vh;padding:28px 16px;animation:.35s ease-out bbsRevealPop;display:flex;box-shadow:0 0 55px #2481e652}.bbs-personal-reveal-heading{color:#fff;letter-spacing:2px;text-align:center;font-size:clamp(12px,3vw,18px)}.bbs-personal-reveal-art{object-fit:contain;width:min(65vw,270px);height:min(65vw,270px)}.bbs-personal-reveal-role{color:var(--role-color);font-size:clamp(26px,7vw,45px)}.bbs-personal-reveal-card .bbs-safe,.bbs-personal-reveal-card .bbs-out{font-size:22px}.bbs-sound-retry{z-index:1100;color:#fff;background:#2189e6;border:1px solid #9bd8ff;width:calc(100% - 24px);position:fixed;bottom:12px;left:12px;right:12px}@keyframes bbsRevealFade{0%{opacity:0}to{opacity:1}}@keyframes bbsRevealPop{0%{opacity:.5;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.bbs-sky-banner{background-size:auto 190%}}@media (prefers-reduced-motion:reduce){.bbs-home-screen .bbs-animated-background,.bbs-personal-reveal,.bbs-personal-reveal-card{animation:none}}html,body,#root{min-height:100%}.app{isolation:isolate;align-items:flex-start;min-height:100dvh;padding:clamp(18px,3vw,42px) clamp(12px,3vw,44px);overflow:hidden auto}.bbs-animated-background{z-index:-2;opacity:1;background-image:url(/images/BBSSky.png);background-size:100% 200%;background-position:center var(--bbs-sky-position,0%);pointer-events:none;background-repeat:no-repeat;animation:none;position:fixed;inset:0}.app:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#03102b57,#030b2040 35%,#0308198f);position:fixed;inset:0}.bbs-home-screen .bbs-animated-background{animation:24s ease-in-out infinite alternate bbsHomeSkyPan}.bbs-night-scene:before{background:#02041240}.background-glow{display:none}.container{width:100%;margin:auto}.display-mode .container{max-width:1450px}.bbs-pairing-scene .container,.bbs-night-scene .container{max-width:760px}.bbs-pairing-scene .container>.menu,.bbs-night-scene .container>.menu{gap:12px}.bbs-pairing-scene .compact-header,.bbs-night-scene .compact-header,.bbs-pairing-scene .room-topline,.bbs-night-scene .room-topline{color:#fff;text-shadow:0 2px 9px #00102a}.bbs-sky-banner{border:0;border-radius:0;width:100%;height:auto;min-height:120px;margin:2px 0 0;overflow:visible;background:0 0!important}.bbs-sky-overlay{background:0 0;gap:4px;padding:5px 0 10px;position:static}.bbs-sky-label{color:#fff;text-shadow:0 2px 12px #07102d}.bbs-sky-timer{font-size:clamp(48px,8vw,102px);line-height:1.2}.bbs-sky-progress{background:#031b40a8;width:min(78%,540px);height:5px}.bbs-sky-progress>div{background:#ff3949}.bbs-pairing-scene .subtitle,.bbs-night-scene .subtitle{color:#fff;text-shadow:0 1px 8px #00152d}.pairing-section{margin-top:2px}.pairing-heading{padding:0 4px}.pairing-heading h2,.pairing-heading span{color:#fff;text-shadow:0 2px 9px #06172e}.pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pairing-pad,.pairing-pad.my-pad{-webkit-backdrop-filter:blur(7px);background:#03122ed4;border:3px solid #030408;border-radius:20px;padding:17px 15px;transition:border-color .2s,box-shadow .2s,transform .2s;position:relative;box-shadow:0 10px 24px #0006164d,inset 0 1px #ffffff17}.pairing-pad.pad-empty{border-color:#030408}.pairing-pad.pad-waiting{border-color:#fff;box-shadow:0 0 8px #fff,0 0 20px #ffffff9e,0 10px 24px #00122d7a}.pairing-pad.pad-full{border-color:#45ff79;box-shadow:0 0 9px #45ff79,0 0 22px #45ff799c,0 10px 24px #00122d7a}.pairing-pad.my-pad:after{content:"YOUR PAIR";color:#00132c;white-space:nowrap;background:#39a9ff;border-radius:99px;padding:4px 10px;font-size:9px;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.pad-heading{color:#c4e9ff;gap:6px;margin-bottom:12px}.pad-status{color:#fff;font-size:9px}.pad-full .pad-status{color:#72ff9c}.pad-players{gap:9px}.pad-slot{background:#062247d1;border:1px solid #97d5ff2e;border-radius:12px;min-height:44px;padding:11px}.pad-avatar{color:#7bd3ff}.pad-player-name{color:#fff;font-size:11px;line-height:1.5}.pad-action{border-radius:12px;margin-top:14px}.pairing-note{color:#fff;text-shadow:0 1px 8px #00122c}.hidden-role-panel,.secret-role-card,.examination-slide,.bbs-revealed-pair{-webkit-backdrop-filter:blur(8px);background:#04122edb;border-radius:18px}.bbs-current-pair{border-color:#58baff;box-shadow:0 0 22px #39a9ff7d}.bbs-personal-reveal{background:#010413d9}.bbs-personal-reveal-card{background:#061330f0}@media (width>=1600px){.display-mode .pairing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=900px){.display-mode .pairing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=650px){.pairing-grid,.display-mode .pairing-grid{grid-template-columns:1fr}.pairing-pad{padding:16px}.bbs-sky-timer{font-size:clamp(44px,12vw,68px)}.bbs-animated-background{background-size:auto 200%}.bbs-home-screen .container{background:#020f2473}}@media (prefers-reduced-motion:reduce){.bbs-home-screen .bbs-animated-background{animation:none}.pairing-pad{transition:none}}.bbs-animated-background{background-position:center var(--bbs-sky-position,0%)}.bbs-pairing-scene .bbs-animated-background,.bbs-night-scene .bbs-animated-background{animation:none!important}.pairing-pad.pad-empty,.pairing-pad.pad-empty.my-pad{border:3px solid #030408!important;box-shadow:0 10px 24px #0006164d!important}.pairing-pad.pad-waiting,.pairing-pad.pad-waiting.my-pad{border:3px solid #fff!important;box-shadow:0 0 8px #fff,0 0 20px #ffffff9e,0 10px 24px #00122d7a!important}.pairing-pad.pad-full,.pairing-pad.pad-full.my-pad{border:3px solid #45ff79!important;box-shadow:0 0 9px #45ff79,0 0 22px #45ff799c,0 10px 24px #00122d7a!important}.room-code,.room-code.bbs-outlined-code{paint-order:stroke fill;-webkit-text-stroke:3px #000!important;text-shadow:-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000,0 5px 14px #000!important}.app :is(h1,h2,h3,h4,h5,h6,p,span,div,label,button,input,small,strong,footer){text-shadow:-1px -1px 2px #000,1px -1px 2px #000,-1px 1px 2px #000,1px 1px 2px #000,0 2px 5px #000}.app input::placeholder{text-shadow:0 1px 3px #000}.app .room-code.bbs-outlined-code{text-shadow:-3px -3px #000,3px -3px #000,-3px 3px #000,3px 3px #000,0 5px 14px #000!important}.bbs-reconnecting{z-index:100;color:#fff;text-align:center;background:#08172df0;border:2px solid #fff;border-radius:12px;max-width:90vw;padding:.75rem 1rem;position:fixed;bottom:3.5rem;left:50%;transform:translate(-50%)}body,button,input,textarea,select,h1,h2,h3,h4,p,span,label{color:#fff;text-shadow:1px 1px 2px #000,-1px -1px 2px #000,0 2px 3px #000}.primary-button,button{text-shadow:0 1px 2px #000,0 0 1px #000;font-family:Roboto Mono,monospace;font-weight:700}.logo-title,.game-title{color:#73caff;text-shadow:2px 2px #000,-1px -1px #000,0 3px 3px #000}.timer-active,.countdown-active{color:#ff4040}.room-code,.join-code,.room-code-display{color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:2px 2px #000,-2px -2px #000,0 3px 5px #000}button,button *,.primary-button,.primary-button *{color:#fff!important;-webkit-text-stroke:0!important;text-shadow:none!important;filter:none!important}button,.primary-button{text-shadow:1px 1px #000!important}p,span,label,h1,h2,h3,h4{text-shadow:1px 1px #000}.room-code,.join-code,.room-code-display{paint-order:stroke fill;color:#fff!important;-webkit-text-stroke:2px #000!important;text-shadow:none!important}.pairing-pad.my-pad:before,.pairing-pad.my-pad:after{color:#fff!important;-webkit-text-stroke:0!important;text-shadow:1px 1px #000!important;filter:none!important}.bbs-qr-section{flex-direction:column;align-items:center;gap:10px;margin:12px auto 24px;display:flex}.bbs-qr-frame{background:#fff;border:3px solid #36a8ff;border-radius:14px;padding:12px;line-height:0;box-shadow:0 0 24px #36a8ff66}.bbs-qr-frame svg{width:min(192px,55vw);height:auto;display:block}.bbs-qr-caption{color:#fff;letter-spacing:1.5px;text-shadow:1px 1px #000;font-size:11px}.bbs-join-url{color:#7dcfff;letter-spacing:0;overflow-wrap:anywhere;font-size:11px}.display-mode.bbs-pairing-scene .container,.display-mode.bbs-night-scene .container{max-width:1600px}.display-mode .pairing-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.display-mode .pairing-pad{border-radius:12px;padding:10px}.display-mode .pad-heading{margin-bottom:8px}.display-mode .pad-players{gap:5px}.display-mode .pad-slot{min-height:26px;padding:6px}.display-mode .pad-player-name{font-size:10px}.bbs-role-counts{flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(12px,3vw,32px);margin:12px auto 18px;display:flex}.bbs-role-count{background:#030b24cc;border:1px solid #70bcff66;border-radius:12px;align-items:center;gap:8px;padding:7px 13px;display:flex}.bbs-role-count .bbs-role-art{object-fit:contain;width:44px;height:44px}.bbs-role-count span{font-size:clamp(20px,2.6vw,34px);-webkit-text-stroke:0!important;text-shadow:1px 2px #000!important}.bbs-role-count small{color:#fff;letter-spacing:1px;font-size:10px}.display-mode .bbs-results{width:100%}.display-mode .bbs-results-scroll{overscroll-behavior:contain;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#49adff #09152e;max-height:min(67vh,760px);padding:4px 12px 15px;overflow-y:auto}.display-mode .bbs-revealed-pair{margin:7px 0;padding:9px 12px}.display-mode .bbs-revealed-player{padding:5px 0}.display-mode .bbs-small-role{width:25px;height:25px}.display-mode .bbs-dismissed-name{padding:9px}@media (width<=1250px){.display-mode .pairing-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (width<=950px){.display-mode .pairing-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.bbs-role-count small{display:none}}@media (width<=650px){.display-mode .pairing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-role-count .bbs-role-art{width:32px;height:32px}}@media (width<=430px){.display-mode .pairing-grid{grid-template-columns:1fr}}.bbs-role-count:first-child>span{color:#ff9a36!important}.display-mode.bbs-tv-results-scene{justify-content:flex-start!important;align-items:stretch!important;height:100dvh!important;min-height:0!important;padding:10px 18px!important;display:flex!important;overflow:hidden!important}.display-mode.bbs-tv-results-scene>.container{flex-direction:column!important;flex:auto!important;max-width:1600px!important;height:100%!important;min-height:0!important;margin:0 auto!important;padding:0!important;display:flex!important;overflow:hidden!important}.display-mode.bbs-tv-results-scene .container>.compact-header{font-size:12px;flex:none!important;margin:0 0 5px!important}.display-mode.bbs-tv-results-scene .container>.menu{flex-direction:column!important;flex:auto!important;gap:6px!important;width:100%!important;height:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.display-mode.bbs-tv-results-scene .room-topline{flex:none!important}.display-mode.bbs-tv-results-scene .bbs-results{flex-direction:column!important;flex:auto!important;width:100%!important;height:auto!important;min-height:0!important;margin:0!important;display:flex!important;overflow:hidden!important}.display-mode.bbs-tv-results-scene .bbs-results>.slide-subject,.display-mode.bbs-tv-results-scene .bbs-results>h2,.display-mode.bbs-tv-results-scene .bbs-results>.subtitle{flex:none!important;margin:2px 0!important}.display-mode.bbs-tv-results-scene .bbs-results-scroll{scroll-behavior:auto!important;flex:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}.display-mode.bbs-tv-results-scene .bbs-results-log{flex-direction:column!important;justify-content:flex-start!important;width:100%!important;height:max-content!important;max-height:none!important;margin:0!important;padding:0 8px 4px!important;display:flex!important;position:absolute!important;inset:auto 0 0!important}.display-mode.bbs-tv-results-scene .bbs-revealed-pair{flex:none!important;margin:5px 0!important;padding:8px 12px!important}.display-mode.bbs-tv-results-scene .bbs-revealed-player{padding:4px 0!important}.display-mode.bbs-tv-results-scene .bbs-dismissed-name{flex:none;margin:3px 0;padding:7px}.display-mode.bbs-tv-results-scene .bbs-results-log>h2{flex:none;margin:6px 0!important}.display-mode.bbs-tv-results-scene .container>.menu>button{flex:none!important;margin:0!important;padding:9px!important}.display-mode.bbs-tv-results-scene .container>.connection-status{flex:none!important;margin:5px 0 0!important}.display-mode.bbs-tv-results-scene .container>footer{display:none!important}@media (height<=500px){.display-mode.bbs-tv-results-scene .bbs-results>h2,.display-mode.bbs-tv-results-scene .bbs-results>.subtitle{font-size:11px}}.bbs-name-counter{text-align:right;color:#d5e7ff;letter-spacing:1px;margin-top:-9px;font-size:10px}.bbs-living-roster{text-align:left;background:#030d25d9;border:1px solid #57b1ffa6;border-radius:10px;width:100%;min-width:0;padding:9px}.bbs-roster-heading{color:#fff;letter-spacing:1.5px;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:clamp(9px,1vw,13px);display:flex}.bbs-roster-heading span:last-child{color:#60c4ff;white-space:nowrap}.bbs-roster-grid{scrollbar-width:thin;grid-template-columns:repeat(auto-fit,minmax(clamp(90px,10vw,170px),1fr));gap:5px;max-height:min(24vh,230px);display:grid;overflow-y:auto}.bbs-roster-entry{color:#fff;text-align:left;letter-spacing:0;text-overflow:ellipsis;white-space:nowrap;background:#112c58e6;border:1px solid #2a639b;border-radius:5px;width:100%;min-width:0;padding:7px 6px;font-size:clamp(8px,.7vw,11px);overflow:hidden}.bbs-roster-entry:hover,.bbs-roster-selected{background:#2462a4;border-color:#8bcfff}.bbs-kick-confirm{border:1px solid #e77777;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:9px;padding:9px;font-size:11px;display:flex}.bbs-kick-confirm>span{flex:170px}.bbs-kick-confirm button{width:auto!important;padding:8px 10px!important;font-size:10px!important}.bbs-kick-cancel{color:#fff;background:#15355a;border:1px solid #4e8dc5}.bbs-kick-accept{color:#fff;background:#a92c39;border:1px solid #ff7982}.display-mode.bbs-pairing-scene .bbs-living-roster{padding:6px 8px}.display-mode.bbs-pairing-scene .bbs-roster-grid{max-height:min(15vh,120px)}.display-mode.bbs-tv-results-scene .bbs-living-roster{flex-direction:column;flex:auto;min-height:0;display:flex}.display-mode.bbs-tv-results-scene .bbs-roster-grid{flex:auto;align-content:start;min-height:0;max-height:none}@media (width<=650px){.bbs-roster-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bbs-kick-confirm{font-size:9px}}.display-mode.bbs-tv-results-scene .bbs-revealed-pair:not(.bbs-spotlight-pair){opacity:.64;background:#040d23db;border-color:#5b92cc73;transition:opacity .3s,padding .3s,margin .3s;margin:3px 0!important;padding:5px 10px!important}.display-mode.bbs-tv-results-scene .bbs-revealed-pair:not(.bbs-spotlight-pair) .pad-heading{margin-bottom:2px!important;font-size:9px!important}.display-mode.bbs-tv-results-scene .bbs-revealed-pair:not(.bbs-spotlight-pair) .bbs-revealed-player{gap:6px;padding:2px 0!important;font-size:10px!important}.display-mode.bbs-tv-results-scene .bbs-revealed-pair:not(.bbs-spotlight-pair) .bbs-small-role{width:17px!important;height:17px!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair{background:linear-gradient(120deg,#051840fa,#113667fa);border-radius:14px;animation:.35s ease-out both bbs-spotlight-arrive;border:2px solid #78d2ff!important;margin:8px 0 5px!important;padding:clamp(12px,2.2vh,24px) clamp(14px,2.5vw,34px)!important;box-shadow:0 0 30px #45acff8c,inset 0 0 24px #3189ff21!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .pad-heading{color:#8ddcff;letter-spacing:2px;margin-bottom:8px!important;font-size:clamp(12px,1.35vw,20px)!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-revealed-player{gap:12px;padding:clamp(7px,1.2vh,14px) 0!important;font-size:clamp(13px,1.6vw,25px)!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-revealed-player>span:first-child{flex:32%}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-revealed-player>span:nth-child(2){flex:32%;justify-content:center}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-revealed-player>strong{flex:none;font-size:clamp(12px,1.35vw,22px)}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-small-role{width:clamp(28px,3vw,48px)!important;height:clamp(28px,3vw,48px)!important}.display-mode.bbs-tv-results-scene .bbs-dismissed-name{opacity:.68;font-size:clamp(10px,1vw,14px)}.display-mode.bbs-tv-results-scene .bbs-spotlight-dismissal{opacity:1;color:#f99;background:#5a0d23eb;border:2px solid #ff7d83;border-radius:10px;font-size:clamp(17px,2.2vw,34px);animation:.35s ease-out both bbs-spotlight-arrive;box-shadow:0 0 24px #ff465a59;padding:clamp(12px,2vh,24px)!important}@keyframes bbs-spotlight-arrive{0%{opacity:.25;transform:translateY(14px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (height<=600px){.display-mode.bbs-tv-results-scene .bbs-spotlight-pair{padding:8px 12px!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-revealed-player{padding:4px 0!important}.display-mode.bbs-tv-results-scene .bbs-spotlight-pair .bbs-small-role{width:25px!important;height:25px!important}}@media (prefers-reduced-motion:reduce){.display-mode.bbs-tv-results-scene .bbs-spotlight-pair,.display-mode.bbs-tv-results-scene .bbs-spotlight-dismissal{animation:none}}.display-mode.bbs-pairing-scene .bbs-roster-entry.bbs-roster-unpaired{box-shadow:0 0 0 1px #ffffff1f;border:2px solid #000!important}.display-mode.bbs-pairing-scene .bbs-roster-entry.bbs-roster-alone{box-shadow:0 0 7px #ffffffa6;border:2px solid #fff!important}.display-mode.bbs-pairing-scene .bbs-roster-entry.bbs-roster-full{box-shadow:0 0 9px #36ff75a6;border:2px solid #36ff75!important}.display-mode.bbs-pairing-scene .bbs-roster-entry.bbs-roster-selected{background:#2462a4}.bbs-tv-music-control{background:#05112ad9;border:1px solid #4bb4ffa6;border-radius:10px;width:min(360px,100%);margin:8px auto 12px;padding:10px 14px}.bbs-tv-music-heading{color:#fff;letter-spacing:1px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:7px;font-size:11px;display:flex}.bbs-tv-music-heading span{color:#70caff;font-variant-numeric:tabular-nums}.bbs-tv-music-control input[type=range]{accent-color:#39aaff;cursor:pointer;width:100%;height:18px;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:0;display:block}.room-topline .bbs-topline-right{justify-content:flex-end;align-items:center;gap:clamp(8px,1.4vw,20px);min-width:0;display:flex}.room-topline .bbs-tv-music-control{text-align:left;border-radius:7px;flex:none;width:clamp(125px,13vw,205px);margin:0;padding:5px 9px 6px}.room-topline .bbs-tv-music-heading{letter-spacing:.4px;gap:6px;margin-bottom:1px;font-size:9px}.room-topline .bbs-tv-music-control input[type=range]{height:12px}@media (width<=500px){.room-topline .bbs-topline-right{gap:6px}.room-topline .bbs-tv-music-control{width:112px;padding:4px 6px}.room-topline .bbs-tv-music-heading{font-size:8px}}