.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}@media (max-width:560px){.pm-classroom-header-row{text-align:center;gap:var(--s-3);flex-direction:column}}.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-preset-grid{gap:var(--s-3);margin-top:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.pm-classroom-preset-card{align-items:center;gap:var(--s-3);padding:var(--s-3) 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), background var(--dur-1) var(--ease-out);display:flex}.pm-classroom-preset-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pm-classroom-preset-card--active{background:var(--tint-butter);border-color:var(--flame);box-shadow:var(--shadow-1)}.pm-classroom-preset-icon{font-size:24px;line-height:1}.pm-classroom-preset-content{flex-direction:column;gap:2px;display:flex}.pm-classroom-preset-title{font-weight:800;font-size:var(--t-sm);color:var(--ink)}.pm-classroom-preset-desc{font-size:var(--t-xs);color:var(--ink-3);line-height:1.25}.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-suboptions-box{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);padding:var(--s-4);gap:var(--s-3);margin-top:var(--s-2);border-left:6px solid var(--flame);flex-direction:column;display:flex}.pm-classroom-suboption-header{align-items:center;gap:var(--s-2);font-weight:800;font-size:var(--t-sm);color:var(--ink);display:flex}.pm-classroom-suboption-icon{font-size:20px}.pm-classroom-suboption-title{font-size:var(--t-sm);letter-spacing:-.01em;font-weight:800}.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-header{text-align:center;margin-bottom:var(--s-3);padding-bottom:var(--s-3);border-bottom:2px dashed var(--ink-4)}.pm-classroom-lobby-title{margin:0 0 var(--s-2);font-size:clamp(var(--t-lg), 4vw, var(--t-2xl));color:var(--ink);font-weight:900;line-height:1.25}.pm-classroom-lobby-instruction{justify-content:center;align-items:center;gap:var(--s-2);font-size:var(--t-sm);color:var(--ink-2);flex-wrap:wrap;display:inline-flex}.pm-classroom-instruction-step{color:var(--ink-2);font-weight:800}.pm-classroom-instruction-link{color:var(--ink);background:var(--tint-butter);border-radius:var(--r-sm);border:var(--border-w) solid var(--ink);box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);padding:4px 12px;font-weight:900;text-decoration:none}.pm-classroom-instruction-link:hover{box-shadow:var(--shadow-1);transform:translateY(-1px)}.pm-classroom-pin-card{margin:var(--s-2) auto var(--s-4);box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:520px;display:flex}.pm-classroom-pin-header{justify-content:center;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-pin-step{font-weight:800;font-size:var(--t-sm);color:var(--ink-2)}.pm-classroom-pin-label{font-size:var(--t-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--surface-sunken);border-radius:var(--r-xs);border:1px solid var(--ink);padding:3px 10px;font-weight:900}.pm-classroom-pin-sublabel{font-size:var(--t-xs);color:var(--ink-3);font-weight:700}.pm-classroom-pin-display-box{background:var(--surface);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);box-shadow:var(--shadow-2);padding:var(--s-3) var(--s-5);justify-content:center;align-items:center;gap:var(--s-2);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out);box-sizing:border-box;-webkit-user-select:all;user-select:all;flex-direction:column;width:100%;display:flex}.pm-classroom-pin-display-box:hover{box-shadow:var(--shadow-hover);background:var(--tint-butter);transform:translateY(-2px)}.pm-classroom-pin-digits-row{justify-content:center;align-items:center;gap:4px;display:flex}.pm-classroom-pin-chunk{font-family:var(--font-mono,monospace);letter-spacing:max(3px,min(1.2vw,6px));color:var(--ink);font-size:max(34px,min(9vw,64px));font-weight:900;line-height:1}.pm-classroom-pin-divider{width:max(8px,min(2vw,16px));display:inline-block}.pm-classroom-pin-copy-pill{background:var(--surface-sunken);border:1.5px solid var(--ink);border-radius:var(--r-sm);font-size:var(--t-xs);color:var(--ink);cursor:pointer;transition:background var(--dur-1) var(--ease-out), transform var(--dur-1) var(--ease-out);align-items:center;gap:6px;padding:4px 12px;font-weight:800;display:inline-flex}.pm-classroom-pin-copy-pill:hover{background:var(--surface);transform:scale(1.03)}.pm-classroom-pin-copy-pill--copied{background:var(--tint-mint);border-color:var(--mint);color:var(--ink)}.pm-classroom-lobby-meta{justify-content:center;align-items:center;gap:var(--s-2);margin:0 0 var(--s-4);flex-wrap:wrap;width:100%;display:flex}.pm-classroom-meta-pill{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-xs);font-size:var(--t-xs);color:var(--ink);box-shadow:var(--shadow-1);overflow-wrap:break-word;align-items:center;gap:6px;max-width:100%;padding:5px 12px;font-weight:700;display:inline-flex}.pm-classroom-meta-icon{font-size:14px;line-height:1}.pm-classroom-meta-label{color:var(--ink-3);font-weight:700}.pm-classroom-share-row{margin-bottom:var(--s-4);justify-content:center;display:flex}.pm-classroom-copy-link-btn{font-weight:800}.pm-classroom-pin-display{letter-spacing:max(3px,min(1.2vw,6px));color:var(--ink);background:var(--surface);padding:var(--s-3) clamp(var(--s-4), 4vw, 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(34px,min(9vw,64px));font-weight:900;font-family:var(--font-mono,monospace);box-sizing:border-box;max-width:100%;display:inline-block}.pm-classroom-pin-digits{font-family:var(--font-mono,monospace);letter-spacing:max(3px,min(1.2vw,6px));color:var(--ink);font-weight:900}.pm-classroom-lobby-details{justify-content:center;align-items:center;gap:var(--s-2);margin:var(--s-2) 0 var(--s-4);flex-wrap:wrap;display:flex}.pm-classroom-chip{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-xs);font-size:var(--t-xs);color:var(--ink);box-shadow:var(--shadow-1);align-items:center;gap:6px;padding:5px 12px;font-weight:700;display:inline-flex}.pm-classroom-roster-grid{gap:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-student-chip{padding:var(--s-2) var(--s-3);background:var(--surface-sunken);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);font-weight:700;font-size:var(--t-sm);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-student-chip:hover{background:var(--tint-peach);transform:scale(1.02)}.pm-classroom-student-name{color:var(--ink);font-weight:700}.pm-classroom-kick-btn{color:var(--ink-3);cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:18px;font-weight:900;line-height:1}.pm-classroom-kick-btn:hover{color:var(--flame)}.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;gap:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-roster-actions{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-preview-link{align-items:center;font-weight:700;text-decoration:none;display:inline-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-host-topbar{justify-content:space-between;align-items:center;gap:var(--s-3);margin-bottom:var(--s-4);flex-wrap:wrap;display:flex}.pm-classroom-host-round-info,.pm-classroom-round-info{align-items:center;gap:var(--s-2);flex-wrap:wrap;display:flex}.pm-classroom-round-badge{font-weight:800;font-size:var(--t-sm);background:var(--surface);border-radius:var(--r-sm);border:var(--border-w) solid var(--ink);padding:4px 10px}.pm-classroom-category-badge{font-size:var(--t-xs);color:var(--ink-2);text-transform:uppercase;letter-spacing:.04em;background:var(--surface-sunken);border-radius:var(--r-xs);border:var(--border-w) solid var(--ink);align-items:center;gap:6px;padding:4px 10px;font-weight:800;display:inline-flex}.pm-classroom-host-topbar-right,.pm-classroom-timer-wrapper{align-items:center;gap:var(--s-3);display:flex}.pm-classroom-timer-badge{font-weight:900;font-size:var(--t-md);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);box-shadow:var(--shadow-1);color:var(--ink);align-items:center;gap:6px;padding:6px 14px;display:inline-flex}.pm-classroom-timer-badge--urgent{background:var(--state-wrong-bg);color:var(--flame);border-color:var(--flame)}.pm-classroom-host-accuracy-badge{font-weight:900;font-size:var(--t-sm);background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);color:var(--ink);padding:4px 12px}.pm-classroom-timer-circle{border-radius:var(--r-lg);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,.pm-classroom-host-prompt-box{background:var(--surface);padding:var(--s-6) var(--s-5);border:var(--border-w-lg) solid var(--ink);border-radius:var(--r-xl);text-align:center;box-shadow:var(--shadow-2);margin-bottom:var(--s-5)}.pm-classroom-question-text,.pm-classroom-host-prompt-text{letter-spacing:-.015em;color:var(--ink);margin:0;font-size:max(22px,min(3.2vw,34px));font-weight:800;line-height:1.25}.pm-classroom-options-grid,.pm-classroom-host-options-grid,.pm-classroom-reveal-grid{gap:var(--s-4);margin-bottom:var(--s-5);grid-template-columns:1fr 1fr;display:grid}@media (max-width:640px){.pm-classroom-options-grid,.pm-classroom-host-options-grid,.pm-classroom-reveal-grid{gap:var(--s-3);grid-template-columns:1fr}}.pm-classroom-option-card,.pm-classroom-host-option-card,.pm-classroom-reveal-option{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:88px;box-shadow:var(--shadow-1);transition:transform var(--dur-1) var(--ease-out), opacity var(--dur-2) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);font-size:max(16px,min(2vw,22px));font-weight:800;display:flex;position:relative;overflow:hidden}@media (max-width:640px){.pm-classroom-option-card,.pm-classroom-host-option-card,.pm-classroom-reveal-option{min-height:72px;padding:var(--s-3) var(--s-4);gap:var(--s-3)}}.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,.pm-classroom-option-letter,.pm-classroom-reveal-shape{z-index:1;flex-shrink:0;font-size:28px;line-height:1;position:relative}.pm-classroom-option-content{justify-content:space-between;align-items:center;gap:var(--s-3);z-index:1;flex-wrap:wrap;flex:1;min-width:0;display:flex;position:relative}.pm-classroom-option-label,.pm-classroom-option-text,.pm-classroom-reveal-text{overflow-wrap:break-word;word-break:break-word;font-weight:800;line-height:1.25}.pm-classroom-option-meta{align-items:center;gap:var(--s-2);flex-wrap:wrap;margin-left:auto;display:flex}.pm-classroom-option-progress-bg{background:var(--ink);opacity:.12;border-radius:inherit;pointer-events:none;transition:width var(--dur-3) var(--ease-out);z-index:0;position:absolute;top:0;bottom:0;left:0}.pm-classroom-correct-tag{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);font-size:var(--t-xs);color:var(--state-correct-fg);white-space:nowrap;padding:4px 10px;font-weight:900}.pm-classroom-vote-count{font-size:var(--t-xs);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);white-space:nowrap;padding:4px 10px;font-weight:900}.pm-classroom-option-card--dimmed{opacity:.4}.pm-classroom-option-card--correct,.pm-classroom-reveal-option--correct{border:var(--border-w-lg) solid var(--state-correct-fg);box-shadow:var(--shadow-2);transform:scale(1.015)}.pm-classroom-explanation-card,.pm-classroom-explanation-box{background:var(--tint-butter);border:var(--border-w) solid var(--ink);border-radius:var(--r-lg);padding:var(--s-4) var(--s-6);gap:var(--s-1);margin-bottom:var(--s-5);box-shadow:var(--shadow-1);flex-direction:column;display:flex}.pm-classroom-explanation-badge{font-size:var(--t-xs);text-transform:uppercase;color:var(--ink-2);letter-spacing:.04em;font-weight:900}.pm-classroom-explanation-text{font-size:var(--t-md);color:var(--ink);margin:0;font-weight:600;line-height:1.4}.pm-classroom-host-live-status{justify-content:space-between;align-items:center;gap:var(--s-4);margin-top:var(--s-5);padding-top:var(--s-4);border-top:var(--border-w) solid var(--ink);flex-wrap:wrap;display:flex}.pm-classroom-live-progress{gap:var(--s-2);flex-direction:column;flex:1;min-width:200px;display:flex}.pm-classroom-bar-track{background:var(--surface-sunken);border:var(--border-w) solid var(--ink);border-radius:var(--r-sm);width:100%;height:12px;overflow:hidden}.pm-classroom-bar-fill{background:var(--state-correct-fg);height:100%;transition:width var(--dur-2) var(--ease-out)}.pm-classroom-answered-count{font-size:var(--t-sm);color:var(--ink-2);font-weight:700}.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-error-banner{background:var(--state-wrong-bg);border:var(--border-w) solid var(--flame);border-radius:var(--r-md);padding:var(--s-3) var(--s-4);align-items:center;gap:var(--s-2);color:var(--ink);font-weight:700;font-size:var(--t-sm);line-height:1.35;display:flex}.pm-classroom-error-icon{flex-shrink:0;font-size:20px;line-height:1}.pm-classroom-error-text{flex:1}.pm-classroom-play-form{gap:var(--s-4);flex-direction:column;display:flex}.pm-classroom-pin-hint{font-size:var(--t-xs);color:var(--ink-3);margin-top:2px;font-weight:700}.pm-classroom-pin-hint--incomplete{color:var(--flame);font-weight:800}.pm-classroom-pin-hint--complete{color:var(--state-correct-fg);font-weight:800}.pm-classroom-leave-btn{margin-top:var(--s-2);font-weight:700}.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-label-row{justify-content:space-between;align-items:center;display:flex}.pm-classroom-random-btn{background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-pill);font-size:var(--t-xs);color:var(--ink);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);box-shadow:var(--shadow-1);padding:3px 12px;font-weight:800}.pm-classroom-random-btn:hover{background:var(--tint-butter);box-shadow:var(--shadow-hover);transform:translateY(-1px)}.pm-classroom-random-btn:active{box-shadow:var(--shadow-press);transform:translateY(1px)}.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);grid-template-columns:repeat(6,1fr);justify-items:center;display:grid}@media (max-width:440px){.pm-classroom-avatar-selector{grid-template-columns:repeat(4,1fr)}}.pm-classroom-avatar-btn{aspect-ratio:1;border:var(--border-w) solid var(--ink-3);background:var(--surface);border-radius:var(--r-md);cursor:pointer;width:100%;max-width:54px;transition:transform var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);justify-content:center;align-items:center;padding:0;font-size:24px;display:flex}.pm-classroom-avatar-btn:hover{border-color:var(--ink);transform:translateY(-2px)}.pm-classroom-avatar-btn--selected{border-color:var(--flame);background:var(--tint-peach);border-width:var(--border-w-lg);box-shadow:var(--shadow-1);transform:scale(1.08)}.pm-classroom-play-submit-btn{width:100%;padding:var(--s-4);font-size:var(--t-lg);cursor:pointer;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);min-height:max(110px,min(28vw,160px));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;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;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:max(32px,min(8vw,44px));line-height:1}.pm-classroom-buzzer-label{word-break:break-word;max-width:100%;font-size:max(12px,min(2.8vw,15px));font-weight:800;line-height:1.25}.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-host{padding:var(--s-4) var(--s-2)}.pm-classroom-card{padding:var(--s-5) var(--s-4)}.pm-classroom-lobby-split,.pm-classroom-options-grid,.pm-classroom-options-row{grid-template-columns:1fr}.pm-classroom-top-status-bar{gap:var(--s-2);padding:var(--s-2) var(--s-3);flex-wrap:wrap;justify-content:space-between}.pm-classroom-scoreboard-header{align-items:stretch;gap:var(--s-3);text-align:center;flex-direction:column}.pm-classroom-scoreboard-header button{width:100%}.pm-classroom-score-row{padding:var(--s-3) var(--s-4)}.pm-classroom-score-name{text-overflow:ellipsis;white-space:nowrap;max-width:130px;overflow:hidden}.pm-classroom-podium-row{gap:var(--s-2)}.pm-classroom-podium-name{font-size:var(--t-xs);max-width:90px}.pm-classroom-completed-actions button{width:100%}}@media (max-width:380px){.pm-classroom-play{padding:var(--s-2)}.pm-classroom-play-card{padding:var(--s-4) var(--s-3)}.pm-classroom-play-pin{letter-spacing:4px;padding:var(--s-2) var(--s-3);font-size:26px}.pm-classroom-play-buzzer-grid{gap:var(--s-2)}.pm-classroom-buzzer-btn{min-height:95px;padding:var(--s-2);gap:4px}.pm-classroom-buzzer-shape{font-size:28px}.pm-classroom-buzzer-label{font-size:11px}}.pm-classroom-age-grid{gap:var(--s-2);margin-top:var(--s-1);grid-template-columns:repeat(auto-fit,minmax(130px,1fr));display:grid}.pm-classroom-age-card{text-align:center;padding:var(--s-3) var(--s-2);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);flex-direction:column;align-items:center;display:flex}.pm-classroom-age-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pm-classroom-age-card--active{background:var(--tint-butter);border-color:var(--flame);box-shadow:var(--shadow-1)}.pm-classroom-age-title{font-weight:800;font-size:var(--t-sm);color:var(--ink)}.pm-classroom-age-desc{font-size:var(--t-xs);color:var(--ink-3);margin-top:2px}.pm-classroom-mode-segmented{gap:var(--s-2);margin-top:var(--s-1);flex-wrap:wrap;display:flex}.pm-classroom-mode-btn{justify-content:center;align-items:center;gap:var(--s-2);padding:var(--s-3) var(--s-4);background:var(--surface);border:var(--border-w) solid var(--ink);border-radius:var(--r-pill);font-weight:800;font-size:var(--t-sm);color:var(--ink);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), background var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);flex:180px;display:inline-flex}.pm-classroom-mode-btn:hover{box-shadow:var(--shadow-hover);transform:translateY(-1px)}.pm-classroom-mode-btn--active{background:var(--tint-butter);border-color:var(--flame);box-shadow:var(--shadow-1)}.pm-classroom-games-grid{gap:var(--s-3);margin-top:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.pm-classroom-game-card{align-items:flex-start;gap:var(--s-3);padding:var(--s-3) 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), background var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out);display:flex}.pm-classroom-game-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.pm-classroom-game-card--active{background:var(--tint-butter);border-color:var(--flame);box-shadow:var(--shadow-1)}.pm-classroom-game-icon{font-size:26px;line-height:1}.pm-classroom-game-info{flex-direction:column;gap:2px;display:flex}.pm-classroom-game-title{font-weight:800;font-size:var(--t-sm);color:var(--ink)}.pm-classroom-game-desc{font-size:var(--t-xs);color:var(--ink-3);line-height:1.25}.pm-classroom-polymath-banner{align-items:center;gap:var(--s-3);padding:var(--s-4);background:var(--tint-mint);border:var(--border-w) solid var(--ink);border-radius:var(--r-md);margin-top:var(--s-2);display:flex}.pm-classroom-polymath-banner-icon{font-size:32px}.pm-classroom-polymath-banner-text{font-size:var(--t-sm);color:var(--ink);line-height:1.4}.pm-classroom-error-banner{padding:var(--s-3);background:var(--tint-coral);border:var(--border-w) solid var(--danger-text);border-radius:var(--r-md);color:var(--danger-text);margin:var(--s-4) 0;font-weight:700}.pm-classroom-btn-start{width:100%;font-size:var(--t-md);padding:var(--s-4);font-weight:900}