.pm-classroom-host{max-width:960px;padding:var(--s-6) var(--s-4);gap:var(--s-6);color:var(--ink);flex-direction:column;margin:0 auto;display:flex}.pm-classroom-card{background:var(--surface-sunken);padding:var(--s-8);border-radius:var(--r-lg);border:var(--border-w) solid var(--ink);gap:var(--s-5);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.pm-classroom-card--center{text-align:center;align-items:center;gap:var(--s-6);padding:var(--s-8) var(--s-6)}.pm-classroom-header-row{align-items:center;gap:var(--s-5);display:flex}.pm-classroom-title{margin:0 0 var(--s-1) 0;letter-spacing:-.02em;font-size:max(24px,min(3vw,32px));font-weight:800}.pm-classroom-desc{font-size:var(--t-md);color:var(--ink-2);max-width:620px;margin:0;line-height:1.4}.pm-classroom-form-group{gap:var(--s-2);flex-direction:column;display:flex}.pm-classroom-label{font-size:var(--t-sm);color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-weight:800;display:block}.pm-classroom-input,.pm-classroom-select{width:100%;padding:var(--s-3) var(--s-4);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);font-size:var(--t-md);box-sizing:border-box;background:var(--surface);color:var(--ink);font-weight:600}.pm-classroom-subject-grid{gap:var(--s-3);margin-top:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.pm-classroom-subject-card{align-items:flex-start;gap:var(--s-3);padding:var(--s-4);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);text-align:left;cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);display:flex}.pm-classroom-subject-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pm-classroom-subject-card--active{background:var(--tint-butter);border-color:var(--flame);box-shadow:var(--shadow-1)}.pm-classroom-subject-icon{font-size:28px;line-height:1}.pm-classroom-subject-text{flex-direction:column;gap:2px;display:flex}.pm-classroom-subject-name{font-weight:800;font-size:var(--t-sm);color:var(--ink)}.pm-classroom-subject-desc{font-size:var(--t-xs);color:var(--ink-3);line-height:1.3}.pm-classroom-options-row{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.pm-classroom-actions-row{margin-top:var(--s-3)}.pm-classroom-create-btn{width:100%;padding:var(--s-4);font-size:var(--t-lg);font-weight:800}.pm-classroom-lobby-card{max-width:880px;margin:0 auto}.pm-classroom-lobby-hero{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.pm-classroom-pin-subtitle{font-size:var(--t-sm);color:var(--ink-3);text-transform:uppercase;letter-spacing:.08em;font-weight:800}.pm-classroom-pin-display{letter-spacing:8px;color:var(--ink);background:var(--surface);padding:var(--s-3) var(--s-8);border-radius:var(--r-xl);border:var(--border-w-lg) solid var(--ink);box-shadow:var(--shadow-2);margin:var(--s-2) 0;font-size:max(52px,min(8vw,84px));font-weight:900;font-family:var(--font-mono,monospace);display:inline-block}.pm-classroom-pin-topic{font-size:var(--t-md);color:var(--ink-2);margin:0}.pm-classroom-lobby-split{gap:var(--s-6);width:100%;margin:var(--s-4) 0;grid-template-columns:220px 1fr;align-items:flex-start;display:grid}.pm-classroom-qr-box{align-items:center;gap:var(--s-3);background:var(--surface);padding:var(--s-4);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);flex-direction:column;display:flex}.pm-classroom-copy-btn{font-weight:700;font-size:var(--t-xs)}.pm-classroom-roster-box{background:var(--surface);padding:var(--s-5);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);gap:var(--s-3);flex-direction:column;min-height:220px;display:flex}.pm-classroom-roster-header{justify-content:space-between;align-items:center;display:flex}.pm-classroom-roster-title{font-size:var(--t-md);margin:0;font-weight:800}.pm-classroom-roster-empty{color:var(--ink-3);text-align:center;padding:var(--s-6);flex:1;justify-content:center;align-items:center;font-style:italic;display:flex}.pm-classroom-roster-list{gap:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-roster-chip{padding:var(--s-2) var(--s-3);background:var(--surface-sunken);border:var(--border-w) solid var(--ink);border-radius:var(--r-pill);font-weight:700;font-size:var(--t-sm);cursor:pointer;transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);align-items:center;gap:6px;display:inline-flex}.pm-classroom-roster-chip:hover{background:var(--tint-peach);transform:scale(1.04)}.pm-classroom-roster-kick{color:var(--ink-3);margin-left:2px;font-weight:900}.pm-classroom-lobby-footer{width:100%}.pm-classroom-btn-start{width:100%;padding:var(--s-4) var(--s-6);font-size:var(--t-xl);font-weight:900}.pm-classroom-active-container{gap:var(--s-5);flex-direction:column;width:100%;max-width:900px;margin:0 auto;display:flex}.pm-classroom-top-status-bar{background:var(--surface-sunken);padding:var(--s-3) var(--s-5);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);justify-content:space-between;align-items:center;display:flex}.pm-classroom-round-info{align-items:center;gap:var(--s-2);display:flex}.pm-classroom-round-badge{font-weight:800;font-size:var(--t-sm);background:var(--surface);border-radius:var(--r-pill);border:var(--border-w) solid var(--ink);padding:4px 10px}.pm-classroom-category-badge{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;font-weight:700}.pm-classroom-timer-wrapper{align-items:center;display:flex}.pm-classroom-timer-circle{border-radius:var(--r-full);background:var(--surface);border:var(--border-w-lg) solid var(--ink);width:52px;height:52px;box-shadow:var(--shadow-1);transition:background var(--dur-2) var(--ease-out), transform var(--dur-2) var(--ease-out);justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.pm-classroom-timer-circle--urgent{background:var(--state-wrong-bg);color:var(--state-wrong-fg);border-color:var(--flame)}.pm-classroom-answers-status{flex-direction:column;align-items:flex-end;display:flex}.pm-classroom-answers-count{font-weight:900;font-size:var(--t-lg)}.pm-classroom-answers-label{font-size:var(--t-xs);color:var(--ink-3);font-weight:600}.pm-classroom-round-accuracy{font-weight:800;font-size:var(--t-md);color:var(--ink)}.pm-classroom-question-card{background:var(--surface);padding:var(--s-8) var(--s-6);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);text-align:center;box-shadow:var(--shadow-2)}.pm-classroom-question-text{letter-spacing:-.015em;margin:0;font-size:max(24px,min(3.5vw,36px));font-weight:800;line-height:1.25}.pm-classroom-options-grid{gap:var(--s-4);grid-template-columns:1fr 1fr;display:grid}.pm-classroom-option-card{align-items:center;gap:var(--s-4);padding:var(--s-5) var(--s-6);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-lg);color:var(--ink);min-height:90px;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out);font-size:max(18px,min(2.2vw,24px));font-weight:800;display:flex;position:relative}.pm-classroom-option-card--red{background:var(--state-wrong-bg)}.pm-classroom-option-card--blue{background:var(--tint-sky)}.pm-classroom-option-card--yellow{background:var(--tint-butter)}.pm-classroom-option-card--green{background:var(--tint-mint)}.pm-classroom-option-shape{font-size:28px;line-height:1}.pm-classroom-option-content{flex:1;justify-content:space-between;align-items:center;display:flex}.pm-classroom-correct-tag{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-pill);font-size:var(--t-sm);padding:4px 10px;font-weight:900}.pm-classroom-vote-count{font-size:var(--t-md);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-pill);padding:4px 12px;font-weight:900}.pm-classroom-option-card--dimmed{opacity:.35}.pm-classroom-option-card--correct{border:var(--border-w-lg) solid var(--state-correct-fg);box-shadow:var(--shadow-2);transform:scale(1.02)}.pm-classroom-explanation-card{background:var(--tint-butter);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);padding:var(--s-4) var(--s-6);flex-direction:column;gap:4px;display:flex}.pm-classroom-explanation-badge{font-size:var(--t-xs);text-transform:uppercase;color:var(--ink-2);font-weight:900}.pm-classroom-explanation-text{font-size:var(--t-md);margin:0;font-weight:600;line-height:1.4}.pm-classroom-host-controls{margin-top:var(--s-2);justify-content:center;display:flex}.pm-classroom-scoreboard-card{background:var(--surface-sunken);padding:var(--s-8);border-radius:var(--r-xl);border:var(--border-w-lg) solid var(--ink);box-shadow:var(--shadow-1);width:100%;max-width:860px;margin:0 auto}.pm-classroom-scoreboard-header{margin-bottom:var(--s-6);justify-content:space-between;align-items:center;display:flex}.pm-classroom-round-eyebrow{font-size:var(--t-xs);text-transform:uppercase;color:var(--ink-3);font-weight:800}.pm-classroom-scoreboard-title{margin:var(--s-1) 0 0 0;font-size:max(26px,min(3.5vw,36px));font-weight:900}.pm-classroom-scoreboard-list{gap:var(--s-3);flex-direction:column;display:flex}.pm-classroom-score-row{padding:var(--s-4) var(--s-5);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-1);justify-content:space-between;align-items:center;font-weight:800;display:flex}.pm-classroom-score-row--1{background:var(--tint-butter)}.pm-classroom-score-row--2{background:var(--tint-sky)}.pm-classroom-score-row--3{background:var(--tint-peach)}.pm-classroom-score-left{align-items:center;gap:var(--s-3);display:flex}.pm-classroom-score-rank{font-size:var(--t-lg);min-width:36px;font-weight:900}.pm-classroom-score-name{font-size:var(--t-lg);font-weight:800}.pm-classroom-streak-pill{font-size:var(--t-xs);background:var(--flame);color:var(--surface);border-radius:var(--r-pill);padding:2px 8px}.pm-classroom-score-points{font-size:var(--t-xl);font-weight:900;font-family:var(--font-mono,monospace)}.pm-classroom-completed-card{text-align:center;align-items:center;gap:var(--s-6);max-width:860px;margin:0 auto}.pm-classroom-completed-header{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.pm-classroom-champions-title{margin:0;font-size:max(32px,min(4.5vw,48px));font-weight:900}.pm-classroom-completed-subtitle{font-size:var(--t-md);color:var(--ink-3);margin:0;font-weight:600}.pm-classroom-podium-row{justify-content:center;align-items:flex-end;gap:var(--s-4);margin:var(--s-6) 0 var(--s-4) 0;width:100%;display:flex}.pm-classroom-podium-col{align-items:center;gap:var(--s-2);flex-direction:column;flex:1;max-width:180px;display:flex}.pm-classroom-podium-name{font-weight:900;font-size:var(--t-md);white-space:nowrap;text-overflow:ellipsis;max-width:160px;overflow:hidden}.pm-classroom-podium-bar{border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-lg) var(--r-lg) 0 0;width:100%;box-shadow:var(--shadow-1);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.pm-classroom-podium-bar--1{background:var(--tint-butter);height:170px}.pm-classroom-podium-bar--2{background:var(--tint-sky);height:120px}.pm-classroom-podium-bar--3{background:var(--tint-lilac);height:90px}.pm-classroom-podium-medal{font-size:var(--t-lg);font-weight:900}.pm-classroom-podium-pts{font-size:var(--t-xs);font-weight:800}.pm-classroom-analytics-panel{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);width:100%;padding:var(--s-5);text-align:left}.pm-classroom-analytics-title{margin:0 0 var(--s-3) 0;font-size:var(--t-md);font-weight:800}.pm-classroom-analytics-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.pm-classroom-metric-box{background:var(--surface-sunken);padding:var(--s-3) var(--s-4);border-radius:var(--r-md);border:var(--border-w) solid var(--ink);flex-direction:column;display:flex}.pm-classroom-metric-box--wide{grid-column:1/-1}.pm-classroom-metric-num{color:var(--flame);font-size:28px;font-weight:900}.pm-classroom-metric-label{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;font-weight:700}.pm-classroom-metric-sub{font-size:var(--t-sm);margin-top:2px;font-weight:700}.pm-classroom-metric-tag{font-size:var(--t-xs);color:var(--flame);font-weight:800}.pm-classroom-final-table-wrapper{border:var(--border-w) solid var(--ink);border-radius:var(--r-md);width:100%;max-height:260px;overflow-y:auto}.pm-classroom-final-table{border-collapse:collapse;text-align:left;width:100%}.pm-classroom-final-table th,.pm-classroom-final-table td{padding:var(--s-2) var(--s-4);border-bottom:var(--border-w) solid var(--ink-3);font-size:var(--t-sm)}.pm-classroom-final-table th{background:var(--surface-sunken);text-transform:uppercase;font-weight:800;font-size:var(--t-xs)}.pm-classroom-completed-actions{gap:var(--s-3);flex-wrap:wrap;justify-content:center;width:100%;display:flex}.pm-classroom-play{max-width:480px;padding:var(--s-4) var(--s-3);margin:0 auto}.pm-classroom-play-card{background:var(--surface-sunken);padding:var(--s-6);border-radius:var(--r-xl);border:var(--border-w-lg) solid var(--ink);gap:var(--s-4);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.pm-classroom-play-header{text-align:center;align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.pm-classroom-play-title{margin:0;font-size:24px;font-weight:900}.pm-classroom-play-desc{font-size:var(--t-sm);color:var(--ink-2);text-align:center;margin:0}.pm-classroom-play-pin{width:100%;padding:var(--s-3) var(--s-4);letter-spacing:6px;text-align:center;border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-md);font-size:32px;font-weight:900;font-family:var(--font-mono,monospace);background:var(--surface);color:var(--ink)}.pm-classroom-play-name{width:100%;padding:var(--s-3) var(--s-4);font-size:var(--t-lg);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);background:var(--surface);color:var(--ink);font-weight:700}.pm-classroom-avatar-selector{gap:var(--s-2);flex-wrap:wrap;justify-content:center;display:flex}.pm-classroom-avatar-btn{border:var(--border-w) solid var(--ink-3);background:var(--surface);border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);padding:6px 10px;font-size:24px}.pm-classroom-avatar-btn--selected{border-color:var(--flame);background:var(--tint-peach);transform:scale(1.15)}.pm-classroom-play-submit-btn{width:100%;padding:var(--s-4);font-size:var(--t-lg);font-weight:900}.pm-classroom-player-avatar-large{font-size:64px;line-height:1}.pm-classroom-waiting-pulse{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;align-items:center;gap:8px;font-weight:700;display:flex}.pm-classroom-pulse-dot{background:var(--state-correct-fg);border-radius:var(--r-full);width:10px;height:10px}.pm-classroom-play-active{gap:var(--s-4);flex-direction:column;display:flex}.pm-classroom-play-user-bar{background:var(--surface-sunken);padding:var(--s-3) var(--s-4);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);justify-content:space-between;align-items:center;font-weight:800;display:flex}.pm-classroom-user-pill{align-items:center;gap:var(--s-2);font-size:var(--t-md);display:flex}.pm-classroom-rank-tag{background:var(--surface);border-radius:var(--r-pill);border:var(--border-w) solid var(--ink);font-size:var(--t-xs);padding:2px 6px}.pm-classroom-score-pill{align-items:center;gap:var(--s-2);font-size:var(--t-md);color:var(--state-correct-fg);display:flex}.pm-classroom-buzzer-prompt{text-align:center;font-weight:800;font-size:var(--t-sm);color:var(--ink-2);margin:0 0 var(--s-3) 0}.pm-classroom-play-buzzer-grid{gap:var(--s-3);grid-template-columns:1fr 1fr;display:grid}.pm-classroom-buzzer-btn{aspect-ratio:1;border-radius:var(--r-xl);border:var(--border-w-lg) solid var(--ink);justify-content:center;align-items:center;gap:var(--s-2);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);padding:var(--s-3);text-align:center;flex-direction:column;display:flex}.pm-classroom-buzzer-btn:active{box-shadow:var(--shadow-press);transform:translateY(3px)}.pm-classroom-buzzer-btn--red{background:var(--state-wrong-bg)}.pm-classroom-buzzer-btn--blue{background:var(--tint-sky)}.pm-classroom-buzzer-btn--yellow{background:var(--tint-butter)}.pm-classroom-buzzer-btn--green{background:var(--tint-mint)}.pm-classroom-buzzer-shape{font-size:40px;line-height:1}.pm-classroom-buzzer-label{font-size:var(--t-xs);word-break:break-word;font-weight:800;line-height:1.2}.pm-classroom-submitted-card{background:var(--surface);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);padding:var(--s-8) var(--s-4);text-align:center;box-shadow:var(--shadow-1)}.pm-classroom-lock-icon{margin-bottom:var(--s-2);font-size:52px}.pm-classroom-submitted-title{margin:0;font-size:24px;font-weight:900}.pm-classroom-submitted-desc{margin:var(--s-2) 0 0 0;font-size:var(--t-sm);color:var(--ink-3)}.pm-classroom-result-box{align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.pm-classroom-result-box--correct{color:var(--state-correct-fg)}.pm-classroom-result-box--wrong{color:var(--state-wrong-fg)}.pm-classroom-result-icon{font-size:56px;line-height:1}.pm-classroom-result-title{margin:0;font-size:28px;font-weight:900}.pm-classroom-points-gained{font-size:var(--t-xl);color:var(--ink);font-weight:900}.pm-classroom-streak-boost{font-size:var(--t-sm);background:var(--flame);color:var(--surface);border-radius:var(--r-pill);padding:3px 12px;font-weight:800}.pm-classroom-result-msg{font-size:var(--t-sm);color:var(--ink-2);margin:0}.pm-classroom-play-stats-footer{gap:var(--s-3);grid-template-columns:1fr 1fr;width:100%;display:grid}.pm-classroom-stat-chip{background:var(--surface);padding:var(--s-3);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);flex-direction:column;display:flex}.pm-classroom-stat-label{font-size:var(--t-xs);color:var(--ink-3);text-transform:uppercase;font-weight:700}.pm-classroom-stat-val{font-size:var(--t-lg);font-weight:900}.pm-classroom-final-standing{gap:var(--s-1);background:var(--surface);padding:var(--s-4) var(--s-6);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);flex-direction:column;display:flex}.pm-classroom-final-rank{font-size:22px;font-weight:900}.pm-classroom-final-score{color:var(--flame);font-size:28px;font-weight:900}@media (max-width:640px){.pm-classroom-lobby-split,.pm-classroom-options-grid,.pm-classroom-options-row{grid-template-columns:1fr}}