.presenter-shell{min-height:100vh;background:#0b1220;color:#f1f5f9;padding:24px}.presenter-shell *,.student-window *{box-sizing:border-box}.presenter-header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 auto 24px;max-width:1600px}.presenter-header h1{font-size:26px;font-weight:700;margin:0}.presenter-eyebrow{color:#67e8f9;font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.presenter-muted{color:#b0bfd1;font-size:14px}.presenter-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.presenter-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #42526a;border-radius:9px;min-height:44px;padding:10px 16px;background:#243248;color:#f8fafc;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none}.presenter-button:hover:not(:disabled){background:#33455f}.presenter-button.primary{background:#0891b2;border-color:#0891b2;color:#fff}.presenter-button.primary:hover:not(:disabled){background:#0e7490}.presenter-button.danger{background:#7f1d1d;border-color:#b45353}.presenter-button:disabled{opacity:.4;cursor:not-allowed}.presenter-button:focus-visible,.presenter-shell input:focus-visible,.presenter-shell select:focus-visible,.presenter-tile:focus-visible{outline:3px solid #67e8f9;outline-offset:3px}.presenter-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,1fr);gap:24px;max-width:1600px;margin:auto;align-items:start}.presenter-panel{background:#152033;border:1px solid #324158;border-radius:16px;padding:22px;min-width:0}.presenter-panel+.presenter-panel{margin-top:20px}.presenter-panel h2{font-size:20px;font-weight:700;margin:0 0 16px}.presenter-panel h3{font-size:16px;font-weight:700;margin:0 0 8px}.presenter-panel p{margin:8px 0}.presenter-connection{font-size:14px;padding:9px 12px;border-radius:8px;background:#243248}.presenter-connection.connected{color:#86efac}.presenter-notice{max-width:1600px;margin:0 auto 20px;padding:14px 18px;background:#172b43;border:1px solid #365271;border-radius:10px;font-size:14px}.presenter-notice.error{background:#451b24;border-color:#9f4053}.presenter-teams{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.presenter-team{display:flex;flex-direction:column;gap:3px;min-width:105px;flex:1}.presenter-team[aria-pressed=true]{border-color:#67e8f9;background:#164e63}.presenter-board{display:grid;gap:7px}.presenter-category{overflow-wrap:anywhere;font-size:12px;font-weight:700;text-align:center;padding:10px 3px;color:#a5f3fc}.presenter-tile{min-height:48px;padding:10px 0;border:1px solid #42526a;border-radius:8px;background:#243248;color:#a5f3fc;font-size:20px;font-weight:700;cursor:pointer}.presenter-tile:hover:not(:disabled),.presenter-tile[aria-pressed=true]{background:#164e63;border-color:#67e8f9}.presenter-tile:disabled{opacity:.35;cursor:not-allowed}.presenter-question-text{font-size:24px;line-height:1.45;overflow-wrap:anywhere}.presenter-answer{border-left:3px solid #34d399;background:#112d2c;padding:14px 18px;margin:20px 0;border-radius:0 10px 10px 0;overflow-wrap:anywhere}.presenter-answer .answer-label{color:#86efac;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.presenter-answer strong{display:block;font-size:22px;margin:6px 0}.presenter-fields{display:flex;flex-wrap:wrap;gap:16px;align-items:end;margin:18px 0}.presenter-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px}.presenter-shell input[type=number],.presenter-shell select{width:140px;max-width:100%;min-height:44px;padding:8px 10px;color:#f1f5f9;background:#0b1220;border:1px solid #526078;border-radius:7px;font-size:16px}.presenter-shell select{width:auto}.presenter-timer{font-size:24px;font-weight:700;font-variant-numeric:tabular-nums}.presenter-disputes{display:flex;gap:14px;flex-wrap:wrap;margin:12px 0}.presenter-disputes label{display:flex;gap:7px;align-items:center;font-size:14px;min-height:44px}.presenter-result{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.presenter-end-dialog{width:min(480px,calc(100% - 32px));margin:auto;background:#152033;color:#f1f5f9;border:1px solid #42526a;border-radius:16px;padding:24px}.presenter-end-dialog h2{font-size:22px;font-weight:700;margin:0 0 12px}.presenter-end-dialog p{margin:0 0 20px}.presenter-end-dialog::backdrop{background:#000000bf}.student-window{background:#080e19;color:#f8fafc;min-height:100dvh}.student-controls{display:flex;justify-content:flex-end;gap:12px;align-items:center;padding:10px 20px;background:#0b1220;color:#d8e4f2;font-size:13px}:fullscreen .student-controls{display:none}:fullscreen .student-stage:not(.compact){min-height:100dvh}.student-stage{position:relative;isolation:isolate;color:#f8fafc;background:#101b2c;background-size:cover;background-position:center;min-height:calc(100dvh - 64px);padding:24px;display:flex;flex-direction:column}.student-stage:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:#040a14d9}.student-stage .stage-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;margin-bottom:18px}.student-stage .stage-topic{font-size:clamp(18px,2vw,30px);font-weight:700;overflow-wrap:anywhere}.student-stage .stage-label{color:#a5f3fc;font-size:clamp(14px,1.3vw,20px)}.student-stage .stage-scores{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:22px}.student-stage .stage-score{padding:10px 20px;background:#112033e6;border-radius:10px;min-width:130px;text-align:center;font-size:clamp(16px,1.5vw,23px)}.student-stage .stage-score.active{box-shadow:inset 0 0 0 2px #67e8f9}.student-stage .stage-score strong{display:block;color:#a5f3fc;font-size:clamp(22px,2.3vw,34px);font-variant-numeric:tabular-nums}.student-stage .stage-board{display:grid;grid-template-rows:minmax(68px,auto) repeat(5,minmax(64px,1fr));gap:8px;flex:1}.student-stage .stage-category{display:flex;align-items:center;justify-content:center;text-align:center;overflow-wrap:anywhere;padding:8px;background:#07586b;border-radius:8px;font-size:clamp(14px,1.5vw,24px);font-weight:700}.student-stage .stage-tile{display:flex;align-items:center;justify-content:center;background:#16263bf0;border-radius:8px;color:#a5f3fc;font-weight:700;font-size:clamp(26px,3vw,48px)}.student-stage .stage-tile.answered{opacity:.35;color:#b0bfd1}.student-stage .stage-question{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 6%;overflow-wrap:anywhere}.student-stage .stage-question h2{font-size:clamp(28px,3.7vw,64px);font-weight:700;line-height:1.35;margin:18px 0}.student-stage .stage-question.long h2{font-size:clamp(22px,2.6vw,44px)}.student-stage .stage-revealed{margin:22px 0 0;width:100%;border-top:1px solid #567084;padding-top:20px}.student-stage .stage-revealed h3{color:#86efac;font-size:clamp(26px,3.2vw,54px);font-weight:700;margin:8px 0}.student-stage .stage-revealed p{font-size:clamp(18px,1.8vw,30px);line-height:1.5;margin:14px 0}.student-stage .stage-clock{font-size:clamp(20px,2vw,32px);font-weight:700;font-variant-numeric:tabular-nums;margin-top:20px}.student-stage .stage-waiting{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;padding:24px}.student-stage .stage-waiting h2{font-size:clamp(24px,3vw,48px);margin:12px 0;font-weight:700}.student-stage .stage-waiting p{font-size:clamp(16px,1.5vw,24px);color:#bccada}.student-stage.compact{min-height:310px;padding:14px;border-radius:12px}.student-stage.compact .stage-topic{font-size:14px}.student-stage.compact .stage-label{font-size:12px}.student-stage.compact .stage-board{grid-template-rows:minmax(35px,auto) repeat(5,28px);gap:4px}.student-stage.compact .stage-category{font-size:10px;padding:4px;border-radius:4px}.student-stage.compact .stage-tile{font-size:15px;border-radius:4px}.student-stage.compact .stage-score{font-size:12px;min-width:0;padding:6px 10px;flex:1}.student-stage.compact .stage-score strong{font-size:16px}.student-stage.compact .stage-scores{gap:5px;margin-top:10px}.student-stage.compact .stage-question{padding:10px}.student-stage.compact .stage-question h2{font-size:20px;margin:10px 0}.student-stage.compact .stage-revealed{margin-top:10px;padding-top:10px}.student-stage.compact .stage-revealed h3{font-size:20px}.student-stage.compact .stage-revealed p{font-size:13px}.student-stage.compact .stage-clock{font-size:16px;margin-top:10px}.student-stage.compact .stage-waiting h2{font-size:24px}.student-stage.compact .stage-waiting p{font-size:14px}@media(max-width:1000px){.presenter-grid{grid-template-columns:minmax(0,1fr)}}@media(max-width:600px){.presenter-shell{padding:14px}.presenter-panel{padding:16px}.presenter-header h1{font-size:22px}.presenter-category{font-size:10px}.presenter-board{gap:4px}.student-stage{padding:12px}.student-stage .stage-board{gap:4px;grid-template-rows:minmax(60px,auto) repeat(5,minmax(52px,1fr))}.student-stage .stage-category{font-size:11px;padding:4px}.student-stage .stage-tile{font-size:26px}.student-stage .stage-question{padding:12px 0}.student-stage .stage-score{flex:1;min-width:100px;padding:8px}}
