.host-console{margin-top:48px;border:3px solid var(--line);background:#fff;box-shadow:10px 10px 0 var(--blue);position:relative;overflow:hidden}.host-console:before{content:'HOST MODE';position:absolute;right:-27px;top:13px;color:var(--paper);background:var(--ink);font:9px 'Rubik Mono One';padding:8px 36px;transform:rotate(45deg)}.console-heading{padding:22px 25px 16px;display:flex;align-items:end;justify-content:space-between;border-bottom:2px dashed var(--line)}.console-heading h2{margin:5px 0 0;font:800 30px/.95 'Fraunces';letter-spacing:-1px}.room-status{font-size:10px;padding:8px 10px;background:var(--lime);border:2px solid var(--line)}.room-status span{display:inline-block;width:8px;height:8px;background:var(--ink);border-radius:50%;margin-right:6px}.room-status.locked{background:var(--red)}.room-status.finished{background:#d6d6d2}.control-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:0}.control-card{padding:20px;border-right:2px dashed var(--line);border-bottom:2px dashed var(--line);min-height:200px}.control-card:nth-child(even){border-right:0}.control-card:nth-child(3),.control-card:nth-child(4){border-bottom:0}.control-kicker{font-size:9px;letter-spacing:1px;color:var(--red);font-weight:bold}.control-card h3{font:800 24px/1 'Fraunces';margin:8px 0 17px;letter-spacing:-.8px}.control-card h3 small{font:10px 'DM Mono';letter-spacing:0;color:#596170}.time-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-bottom:12px}.time-presets button,.host-actions button,.announce button{border:2px solid var(--line);background:var(--paper);font:10px 'DM Mono';padding:9px 8px;cursor:pointer;box-shadow:2px 2px 0 var(--line);transition:transform .16s,box-shadow .16s}.time-presets button:hover,.host-actions button:hover,.announce button:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--line)}.time-presets .active{background:var(--yellow)}.host-actions{display:flex;gap:8px;flex-wrap:wrap}.host-actions .dark-action{background:var(--ink);color:#fff}.host-actions .danger{background:var(--red)}.question-card{background:linear-gradient(140deg,#fff 80%,var(--yellow) 80%)}.question-card label,.announce label{font-size:9px;display:block;margin-bottom:6px}.question-card select{width:100%;border:2px solid var(--line);background:#fff;padding:9px;font:10px 'DM Mono';margin-bottom:12px}.energy-card{background:var(--blue)}.announce>div{display:flex;margin-bottom:14px}.announce input{min-width:0;flex:1;border:2px solid var(--line);border-right:0;padding:10px;font:10px 'DM Mono';background:#fff}.announce button{background:var(--yellow);box-shadow:none}.players-card{background:#fff9ed}.player-manager{max-height:110px;overflow:auto;border:2px solid var(--line);background:#fff;margin-bottom:12px}.player-row{display:flex;align-items:center;gap:7px;padding:7px 9px;border-bottom:1px dashed #a4a9ae;font-size:10px}.player-row:last-child{border-bottom:0}.player-row b{margin-left:auto}.player-row button{border:1px solid var(--line);background:var(--lime);font:9px 'DM Mono';cursor:pointer;padding:3px 5px}.empty-players{font-size:10px;display:block;padding:12px}.toast{position:fixed;z-index:20;left:50%;bottom:28px;transform:translateX(-50%);background:var(--ink);color:#fff;padding:11px 17px;font-size:11px;box-shadow:4px 4px 0 var(--red);min-height:0}.toast:empty{display:none}.player-announcement{display:none;background:var(--yellow);color:var(--ink);font-size:10px;padding:10px;margin:18px 0 0;border:2px solid var(--line);font-weight:bold}.player-announcement.show{display:block;animation:pop-in .35s both}.confetti-layer{position:fixed;inset:0;pointer-events:none;z-index:50;overflow:hidden}.confetti{position:absolute;top:-20px;width:11px;height:15px;animation:fall 1.7s cubic-bezier(.2,.7,.3,1) forwards}@keyframes fall{to{transform:translate(var(--drift),110vh) rotate(680deg);opacity:.1}}@keyframes pop-in{0%{transform:scale(.8) rotate(-2deg);opacity:0}100%{transform:scale(1) rotate(0);opacity:1}}@media(max-width:800px){.control-grid{grid-template-columns:1fr}.control-card,.control-card:nth-child(even){border-right:0;border-bottom:2px dashed var(--line)}.control-card:last-child{border-bottom:0}.console-heading{align-items:start;gap:14px}.console-heading h2{font-size:25px}.host-console:before{display:none}}@media(max-width:470px){.console-heading{padding:18px}.room-status{font-size:8px}.control-card{padding:17px}.time-presets{grid-template-columns:repeat(2,1fr)}}
.qr svg{width:100%;height:100%;display:block}

.import-box{margin-top:12px}.import-box summary{cursor:pointer;font-weight:600;font-size:.85rem}.import-box textarea{width:100%;margin:10px 0;padding:10px;border-radius:10px;border:1px solid #48536a;background:#141d30;color:#eef3ff;font:inherit;font-size:.8rem;resize:vertical}
.account{display:flex;align-items:center;gap:10px;font-size:.8rem;font-weight:600}.account.hidden{display:none}
.timer-ring.mini{width:54px;height:54px;box-shadow:0 0 0 3px var(--ink),0 0 0 4px var(--yellow);flex-shrink:0}.timer-ring.mini b{font-size:1.05rem;line-height:1}.timer-ring.mini small{font-size:.45rem;letter-spacing:.08em}.mobile-answers button.correct{background:var(--lime);color:var(--ink);transform:translateX(4px)}
.bank-list{max-height:220px;overflow:auto;display:flex;flex-direction:column;gap:6px;margin:10px 0;font-size:.78rem}.bank-list label{display:flex;gap:8px;align-items:flex-start;cursor:pointer;line-height:1.35}.bank-list input{margin-top:2px;flex-shrink:0}.bank-count{width:64px;padding:8px;border-radius:8px;border:1px solid #48536a;background:#141d30;color:#eef3ff;font:inherit}
.question-image{display:block;max-width:min(300px,80%);max-height:260px;margin:0 auto 16px;border-radius:14px}.question-image.hidden{display:none}
.bank-list .tag{background:#ffd74b;color:#172238;border-radius:6px;padding:0 6px;font-size:.65rem;font-weight:700;margin-left:4px}
