.room{--room-accent:#ff6b00;--room-bg:#050505;--room-surface:#171717;--room-line:#444;--room-text:#fff;--room-muted:#bbb;--room-ink:#050505;background:var(--room-pattern,none), var(--room-bg);min-height:100dvh;color:var(--room-text);font-family:var(--connect-font)}.room-main{max-width:760px;padding:28px 22px max(32px, env(safe-area-inset-bottom));margin:auto}.room-heading{border-bottom:1px solid var(--room-line);margin-bottom:24px;padding-bottom:24px}.room-heading p{text-transform:uppercase;letter-spacing:.18em;color:var(--room-accent);margin:0 0 10px;font-size:12px;font-weight:700}.room-heading h1{margin:0;font-size:clamp(36px,7vw,58px);font-weight:800;line-height:1}.room-panel{background:var(--room-surface);border:1px solid var(--room-line);text-align:center;margin:18px 0;padding:clamp(22px,5vw,40px)}.room-panel h2{text-wrap:balance;margin:12px 0 20px;font-size:clamp(28px,6vw,44px);font-weight:700;line-height:1.15}.room p{line-height:1.5}.room-note{color:var(--room-muted);font-size:17px}.room-button{background:var(--room-accent);width:100%;min-height:52px;color:var(--room-ink);border:1px solid #0000;margin:12px 0;padding:14px 20px;font-size:18px;font-weight:700;display:block}.room-button.secondary{border-color:var(--room-line);color:var(--room-text);background:0 0}.room button:disabled{opacity:.4;cursor:not-allowed}.room-options{border:0;margin:24px 0;padding:0}.room-options legend{text-transform:uppercase;letter-spacing:.12em;color:var(--room-muted);margin-bottom:10px;font-size:13px}.room-options>div{flex-wrap:wrap;gap:8px;display:flex}.room-options button{border:1px solid var(--room-line);min-width:50px;min-height:44px;color:var(--room-text);background:0 0;flex:1;padding:10px 14px;font-size:17px}.room-options button[aria-pressed=true]{border-color:var(--room-accent);background:var(--room-accent);color:var(--room-ink);font-weight:700}.room-source{color:var(--room-muted);margin:20px 0;font-size:15px}.room-label{text-transform:uppercase;letter-spacing:.12em;color:var(--room-accent);font-size:12px}.room-clock{font-variant-numeric:tabular-nums;margin:20px 0;font-size:clamp(52px,14vw,90px);font-weight:700;line-height:1}.room-actions{grid-template-columns:1fr 1fr;gap:12px;display:grid}.room-actions .room-button{margin:0}.room-list{gap:10px;margin:20px 0;padding:0;list-style:none;display:grid}.room-list li{background:var(--room-surface);border:1px solid var(--room-line);padding:14px 18px;font-size:20px}.room-forbidden{flex-wrap:wrap;justify-content:center;gap:10px;margin:24px 0;display:flex}.room-forbidden span{border:1px solid var(--room-accent);color:var(--room-accent);padding:8px 14px;font-size:20px}.room-tally{color:var(--room-muted);justify-content:center;gap:20px;margin:20px 0;font-size:15px;display:flex}.room-input{background:var(--room-bg);border:1px solid var(--room-line);color:var(--room-text);width:100%;min-height:56px;margin:12px 0;padding:16px;font-size:32px}.room-vote{grid-template-columns:repeat(3,1fr);gap:8px;margin:20px 0;display:grid}.room-vote button{border:1px solid var(--room-line);background:var(--room-surface);min-height:54px;color:var(--room-text);padding:12px;font-size:17px}.room-vote button[aria-pressed=true]{border:2px solid var(--room-accent)}.order-list{gap:12px;padding:0;list-style:none;display:grid}.order-list li{border:1px solid var(--room-line);background:var(--room-surface);align-items:center;gap:10px;padding:12px;display:flex}.order-list .event{flex:1;font-size:20px;line-height:1.3}.order-list button{border:1px solid var(--room-line);min-width:44px;min-height:44px;color:var(--room-text);background:0 0}.room-result{color:var(--room-accent);font-size:26px;font-weight:700}.room-hidden{flex-direction:column;justify-content:center;min-height:190px;display:flex}@media (min-width:1200px){.room-main{max-width:1000px}.room-panel h2{font-size:54px}}@media (orientation:landscape) and (max-height:600px){.room-main{max-width:1000px;padding-top:16px}.room-heading{margin-bottom:14px;padding-bottom:14px}.room-panel{padding:20px}.room-hidden{min-height:80px}.room-clock{font-size:52px}}.room-main{position:relative}.room-main :focus-visible{outline-color:var(--room-accent)}.room-heading h1,.room-panel h2{font-family:var(--room-display,var(--connect-font))}.room-heading{min-height:100px;padding-right:76px;position:relative}.room-emblem{border:1px solid var(--room-accent);width:62px;height:74px;color:var(--room-accent);font-family:var(--room-display);place-items:center;font-size:40px;display:grid;position:absolute;top:0;right:0}.room-button,.room-options button,.room-vote button,.order-list button{transition:filter .15s,transform .15s}@media (hover:hover){.room-main button:not(:disabled):hover{filter:brightness(1.12)}}.room-main button:not(:disabled):active{transform:translateY(2px)}.room-impostor-biblico .room-emblem{border-style:dashed;border-radius:50%}.room-impostor-biblico .room-panel{border-top:3px solid var(--room-accent);background-image:repeating-linear-gradient(0deg,#0000 0 5px,#ffffff03 6px 7px);box-shadow:8px 8px #0003}.room-impostor-biblico .room-heading p,.room-impostor-biblico .room-label{font-family:monospace}.room-impostor-biblico .room-button{border-radius:3px}.room-duvido-biblico .room-heading h1{text-transform:uppercase;font-style:italic}.room-duvido-biblico .room-emblem{box-shadow:4px 4px 0 var(--room-accent);border:3px solid;transform:rotate(8deg)}.room-duvido-biblico .room-panel{border:2px solid var(--room-line);border-top:7px solid var(--room-accent);box-shadow:0 7px #20090d}.room-duvido-biblico .room-button{text-transform:uppercase;font-family:var(--font-oswald);letter-spacing:.05em;border-bottom:5px solid #240d11}.room-duvido-biblico .room-clock{font-family:var(--font-oswald);color:var(--room-accent)}.room-quem-sou-eu .room-emblem{outline:1px solid var(--room-line);outline-offset:5px;border-radius:50% 50% 8px 8px}.room-quem-sou-eu .room-panel{border:1px solid var(--room-accent);box-shadow:inset 0 0 0 6px var(--room-bg), inset 0 0 0 7px var(--room-line);border-radius:100px 100px 12px 12px;padding-top:44px}.room-quem-sou-eu .room-button,.room-quem-sou-eu .room-options button{border-radius:30px}.room-palavra-proibida .room-emblem{border:3px solid;border-radius:50%;transform:rotate(-8deg)}.room-palavra-proibida .room-heading h1{text-transform:uppercase}.room-palavra-proibida .room-panel{border:2px solid var(--room-accent);background-image:repeating-linear-gradient(135deg,#ff98b313 0 8px,#0000 8px 16px);background-repeat:no-repeat;background-size:100% 12px;border-top:10px solid}.room-palavra-proibida .room-forbidden span{background:var(--room-accent);color:var(--room-ink);border:0;font-weight:700;box-shadow:3px 3px #0006}.room-palavra-proibida .room-forbidden span:before{content:"× "}.room-palavra-proibida .room-button{border-radius:0;box-shadow:4px 4px #0006}.room-coloque-em-ordem .room-emblem{border-width:0 0 2px;width:72px;font-size:22px}.room-coloque-em-ordem .room-panel{border:1px solid var(--room-line);box-shadow:4px 4px 0 var(--room-bg), 5px 5px 0 var(--room-line)}.room-coloque-em-ordem .order-list{border-left:2px solid var(--room-accent);padding-left:12px}.room-coloque-em-ordem .order-list li{border-radius:0 12px 12px 0;position:relative;box-shadow:0 3px 5px #263d4810}.room-coloque-em-ordem .order-list li:before{content:"";background:var(--room-accent);border-radius:50%;width:10px;height:10px;position:absolute;left:-19px}.room-coloque-em-ordem .order-list .event{font-family:var(--font-newsreader)}.room-coloque-em-ordem .room-button{border-radius:4px}.room-clock.urgent{color:#ff8566}@media (prefers-reduced-motion:reduce){.room-main button{transition:none}.room-main button:not(:disabled):active{transform:none}}
.room.room-impostor-biblico{--room-accent:#a9e8ce;--room-bg:#101e25;--room-surface:#192c34;--room-line:#39525a;--room-text:#edf6f3;--room-muted:#b0c4c8;--room-ink:#101e25;--room-display:var(--font-space);--room-pattern:radial-gradient(ellipse at 90% 0%, #317d7130, transparent 60%)}.room-impostor-biblico .room-emblem:after{content:"?"}
.impostor-entry{border:1px solid var(--room-line);background:var(--room-surface);margin:24px 0;padding:clamp(16px,4vw,28px)}.impostor-entry h2,.impostor-role h2{font-family:var(--room-display);overflow-wrap:anywhere;margin:0 0 16px;font-size:clamp(28px,6vw,44px)}.impostor-options{border:0;min-width:0;margin:24px 0;padding:0}.impostor-error{border:1px solid var(--room-accent);background:var(--room-surface);margin:16px 0;padding:16px}.impostor-role{border:1px dashed var(--room-accent);margin:24px 0;padding:20px}.impostor-room-code{letter-spacing:.15em;overflow-wrap:anywhere}.impostor-players li{justify-content:space-between;align-items:center;gap:12px;display:flex}.impostor-players li span{overflow-wrap:anywhere;min-width:0}.impostor-remove{border:1px solid var(--room-line);flex-shrink:0;min-height:44px;padding:8px}.impostor-management{border-top:1px solid var(--room-line);margin-top:36px;padding-top:16px}.impostor-management summary{cursor:pointer;min-height:44px}.room-impostor-biblico .room-input{margin:10px 0 16px}.room-impostor-biblico .room-vote button,.room-impostor-biblico .room-main{overflow-wrap:anywhere}.room-impostor-biblico .room-vote{grid-template-columns:repeat(2,minmax(0,1fr))}.impostor-options .room-options button{overflow-wrap:normal;flex:1 0 110px}
