html,body{background:#050912;min-height:100%}.join-room,.live-room{color:#edf3f8;width:min(1560px,100% - 28px);min-height:100vh;margin:auto}.join-room header,.viewer-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:78px;display:flex}.join-room header>a,.viewer-brand{font-weight:800}.join-room header>a span,.viewer-brand span{color:#a970ff}.join-room header>b{color:#54dfbd;letter-spacing:.14em;font:700 .62rem DM Mono,monospace}.join-room>section{align-content:center;justify-items:start;max-width:920px;min-height:620px;display:grid}.join-room>section>p{color:#54dfbd;letter-spacing:.14em;font:600 .7rem DM Mono,monospace}.join-room h1{letter-spacing:-.08em;margin:13px 0 24px;font-size:clamp(4rem,8vw,8rem);line-height:.85}.join-room h1 em{color:#58adff;font-style:normal}.join-room>section>span{color:#9aa9b8;max-width:650px;font-size:1.08rem;line-height:1.65}.join-room form{width:min(620px,100%);margin-top:32px}.join-room label{color:#aebcca;margin-bottom:8px;font-size:.8rem;display:block}.join-room form>div{gap:9px;display:flex}.join-room input{color:#edf3f8;letter-spacing:.16em;text-transform:uppercase;background:#111a27;border:1px solid #34465c;border-radius:10px;flex:1;min-width:0;padding:15px 17px;font:700 1.1rem DM Mono,monospace}.join-room button{color:#071019;background:linear-gradient(135deg,#54dfbd,#58adff,#a970ff);border:0;border-radius:10px;padding:15px 20px;font-weight:850}.viewer-banner-ad{color:#718095;letter-spacing:.13em;background:#0b111c99;border:1px dashed #45536a;border-radius:12px;justify-content:center;align-items:center;gap:13px;min-height:92px;margin:18px 0;font:650 .6rem DM Mono,monospace;display:flex}.viewer-banner-ad small{color:#536176;letter-spacing:0}.viewer-header{grid-template-columns:1fr auto 1fr;display:grid}.viewer-header>div{align-items:center;gap:9px;display:flex}.viewer-header small{color:#54dfbd;font:650 .56rem DM Mono,monospace}.viewer-header strong{letter-spacing:.15em}.watch-stream{background:#181126;border:1px solid #a970ff68;border-radius:8px;justify-self:end;padding:9px 13px;font-weight:750}.viewer-layout{grid-template-columns:120px minmax(620px,1fr) 120px;gap:12px;display:grid}.viewer-ad-rail{color:#657387;letter-spacing:.13em;border:1px dashed #45536a;border-radius:12px;place-content:center;min-height:590px;font:600 .57rem DM Mono,monospace;display:grid}.chat-game-board{background:radial-gradient(circle at 50% 36%,#173245,#07101b 62%,#04070c);border:1px solid #34465c;border-radius:17px;overflow:hidden;box-shadow:0 25px 75px #0008}.chat-game-top{border-bottom:1px solid #ffffff12;align-items:center;gap:22px;min-height:50px;padding:10px 16px;font:650 .68rem DM Mono,monospace;display:flex}.chat-game-top span{color:#54dfbd}.chat-game-top strong{color:#58adff}.chat-game-top b{color:#f0bc68;margin-left:auto;font-size:1.1rem}.last-move{color:#718095;letter-spacing:.1em;border-top:1px solid #ffffff12;padding:14px 16px;font:650 .6rem DM Mono,monospace}.last-move strong{color:#a970ff;margin-left:8px}.vote-console{background:#0d1521;border:1px solid #34465c;border-radius:17px;grid-template-columns:.8fr 1.2fr;gap:36px;margin-top:18px;padding:28px;display:grid}.vote-instruction small{color:#54dfbd;letter-spacing:.13em;font:650 .6rem DM Mono,monospace}.vote-instruction h1{letter-spacing:-.055em;margin:12px 0;font-size:clamp(2rem,3vw,3.5rem);line-height:.96}.vote-instruction h1 a{color:#a970ff}.vote-instruction p{color:#91a1b2;line-height:1.6}.live-votes{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.live-votes article{background:#111b29;border:1px solid #2d3d4f;border-radius:10px;padding:13px}.live-votes article>div{justify-content:space-between;display:flex}.live-votes code{color:#58adff;font-weight:750}.live-votes article>span{background:#ffffff0e;border-radius:5px;height:5px;margin:11px 0 7px;display:block;overflow:hidden}.live-votes article>span i{background:linear-gradient(90deg,#54dfbd,#58adff,#a970ff);height:100%;transition:width .4s;display:block}.live-votes small{color:#7e8da0}.error-room,.loading-room{text-align:center;place-content:center;display:grid}.error-room h1{font-size:clamp(2rem,6vw,5rem)}.error-room a{color:#a970ff}@media (width<=1120px){.viewer-layout{grid-template-columns:1fr}.viewer-ad-rail{display:none}}@media (width<=760px){.viewer-header{grid-template-columns:1fr auto;gap:10px;padding:10px 0}.viewer-header>div{grid-area:2/1/auto/-1}.watch-stream{font-size:.75rem}.vote-console{grid-template-columns:1fr;padding:20px 15px}.live-votes{grid-template-columns:1fr}.join-room form>div{flex-direction:column}.join-room button{width:100%}.viewer-banner-ad small{display:none}}