:root{--bg:#eef3f7;--ink:#18201b;--muted:#667064;--line:#ced9e4;--paper:#fbfcff;--paper-strong:#fff;--green:#246b4b;--green-dark:#134933;--blue:#245f8f;--blue-soft:#dcecf6;--orange:#c95f35;--orange-soft:#ffe5d6;--gold:#d9a722;--gold-soft:#fff3c9;--rose:#a93b52;--shadow:0 18px 50px #362e2129}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--bg);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.cp-screen{min-height:100svh;padding:28px}.cp-center-screen,.cp-start-screen,.cp-step-screen{place-items:center;display:grid}.cp-start-screen{align-content:center;gap:18px}.cp-flow-screen,.cp-main-screen,.cp-action-screen{align-content:start;gap:24px;display:grid}.cp-start-hero,.cp-step-panel,.cp-action-panel,.cp-empty-state{border:1px solid var(--line);background:var(--paper);width:min(980px,100%);box-shadow:var(--shadow);border-radius:8px}.cp-start-hero{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) minmax(320px,440px);align-items:center;gap:22px;padding:56px;display:grid;overflow:hidden}.cp-start-hero h1,.cp-step-panel h1,.cp-section-hero h2,.cp-action-header h1,.cp-action-panel h2{letter-spacing:0;margin:0}.cp-start-hero h1{max-width:760px;font-size:54px;line-height:1.08}.cp-start-copy{gap:18px;animation:.36s both cp-section-in;display:grid}.cp-start-description{max-width:700px;color:var(--muted);margin:0;font-size:20px;font-weight:800;line-height:1.6}.cp-start-showcase{border:1px solid var(--line);background:#f8fbff;border-radius:8px;gap:14px;padding:18px;animation:.56s both cp-float-in;display:grid;box-shadow:0 22px 60px #245f8f29}.cp-showcase-header{justify-content:space-between;align-items:center;gap:12px;font-weight:1000;display:flex}.cp-showcase-header strong{background:var(--orange);color:#fff;border-radius:8px;place-items:center;min-height:28px;padding:0 9px;font-size:12px;animation:1.1s ease-in-out infinite cp-pulse;display:grid}.cp-showcase-board{background-color:#fff;background-image:linear-gradient(90deg,#245f8f17 1px,#0000 1px),linear-gradient(0deg,#245f8f17 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:46px 46px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;min-height:230px;padding:18px;display:grid}.cp-showcase-board span{background:var(--gold);color:#281b03;border:2px solid #fff;border-radius:8px;place-items:center;min-height:44px;font-weight:1000;animation:.6s both cp-seat-pop;display:grid}.cp-showcase-action{gap:10px;display:grid}.cp-showcase-action div{min-height:44px;color:var(--blue);background:#eaf1f7;border-radius:8px;align-items:center;gap:10px;padding:0 12px;font-weight:900;display:flex}.cp-start-onboarding{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;width:min(980px,100%);display:grid}.cp-start-onboarding article{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;gap:10px;padding:18px;animation:.42s both cp-section-in;display:grid;box-shadow:0 12px 30px #362e2117}.cp-start-onboarding article div{background:var(--blue-soft);width:44px;height:44px;color:var(--blue);border-radius:8px;place-items:center;display:grid}.cp-start-onboarding strong{font-size:20px}.cp-start-onboarding p{color:var(--muted);margin:0;font-weight:800;line-height:1.45}.cp-logo-mark{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:58px;height:58px;display:grid}.cp-eyebrow,.cp-section-label,.cp-step-count{color:var(--orange);margin:0;font-size:14px;font-weight:900}.cp-primary-button,.cp-secondary-button,.cp-reset-button,.cp-edit-button,.cp-back-link,.cp-icon-command{border:0;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:46px;font-weight:900;display:inline-flex}.cp-primary-button{background:var(--green);color:#fff;width:fit-content;padding:0 20px}.cp-primary-button:hover{background:var(--green-dark)}.cp-secondary-button{background:var(--blue-soft);color:var(--blue);padding:0 18px}.cp-hero-button{min-height:58px;padding:0 26px;font-size:20px}.cp-step-panel{gap:22px;padding:42px;display:grid}.cp-step-panel h1{font-size:44px}.cp-student-panel{margin:0 auto}.cp-big-input,.cp-field input,.cp-field select,.cp-field textarea,.cp-topic-row input,.cp-team-name-input{width:100%;color:var(--ink);background:#e8eef4;border:2px solid #0000;border-radius:8px;outline:none}.cp-big-input{min-height:64px;padding:0 18px;font-size:24px;font-weight:800}.cp-big-input:focus,.cp-field input:focus,.cp-field select:focus,.cp-field textarea:focus,.cp-topic-row input:focus,.cp-team-name-input:focus{border-color:var(--green);background:#fff}.cp-add-student-row{grid-template-columns:minmax(0,1fr) 58px;gap:12px;display:grid}.cp-icon-command{background:var(--gold-soft);color:#70500b;width:58px;height:58px;padding:0}.cp-icon-command.small{width:44px;height:44px;min-height:44px}.cp-student-badges{flex-wrap:wrap;gap:10px;min-height:80px;display:flex}.cp-student-badge{background:var(--blue-soft);color:#164866;border-radius:8px;align-items:center;gap:8px;min-height:42px;padding:0 10px 0 14px;font-weight:900;display:inline-flex}.cp-student-badge button{color:#164866;background:#fff;border:0;border-radius:8px;place-items:center;width:24px;height:24px;display:grid}.cp-session-header,.cp-action-header{border:1px solid var(--line);background:#fbfcfff0;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;min-height:82px;padding:14px 18px;display:flex;box-shadow:0 10px 34px #362e211a}.cp-session-header{z-index:20;position:sticky;top:14px}.cp-session-header h1,.cp-action-header h1{letter-spacing:0;overflow-wrap:anywhere;margin:2px 0 0;font-size:30px;line-height:1.12}.cp-reset-button,.cp-edit-button,.cp-back-link{background:var(--orange-soft);color:#883917;flex:none;padding:0 14px}.cp-edit-button{background:var(--blue-soft);color:var(--blue)}.cp-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:10px;display:flex}.cp-main-content{padding-bottom:calc(128px + env(safe-area-inset-bottom))}.cp-section-stack{gap:20px;animation:.22s both cp-section-in;display:grid}.cp-section-hero{justify-content:space-between;align-items:end;gap:18px;padding:18px 2px 0;display:flex}.cp-section-hero h2{margin-top:6px;font-size:46px}.cp-home-stats{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.cp-stat-badge{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;gap:2px;min-width:102px;padding:11px 14px;display:grid}.cp-stat-badge span{color:var(--muted);font-size:12px;font-weight:900}.cp-stat-badge strong{font-size:22px}.cp-home-layout{grid-template-columns:minmax(0,1fr) minmax(290px,360px);align-items:stretch;gap:16px;display:grid}.cp-class-board{border:1px solid var(--line);height:min(640px,100svh - 250px);min-height:420px;box-shadow:var(--shadow);touch-action:none;background-color:#f7fbff;background-image:linear-gradient(90deg,#245f8f14 1px,#0000 1px),linear-gradient(0deg,#245f8f14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:64px 64px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;position:relative;overflow:hidden}.cp-teacher-zone{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:170px;height:58px;font-size:22px;font-weight:900;display:grid;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.cp-seat-chip{background:var(--gold);color:#281b03;-webkit-user-select:none;user-select:none;touch-action:none;border:2px solid #fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;min-width:84px;min-height:42px;padding:0 12px;font-size:17px;font-weight:900;display:inline-grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 12px 24px #362e212e}.cp-seat-name{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cp-seat-score{color:#59430c;background:#ffffffb8;border-radius:8px;place-items:center;min-width:34px;min-height:24px;padding:0 7px;font-size:12px;font-weight:1000;display:inline-grid}.cp-seat-score.positive{color:var(--green-dark);background:#e5f2eb}.cp-seat-score.negative{background:var(--orange-soft);color:#883917}.cp-seat-chip.dragging{background:var(--orange);color:#fff;transform:translate(-50%,-50%)scale(1.06)}.cp-seat-chip.selected{border-color:var(--green-dark);box-shadow:0 0 0 4px #246b4b2e,0 12px 24px #362e212e}.cp-student-detail-panel{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;align-content:start;gap:14px;min-width:0;padding:18px;display:grid;box-shadow:0 10px 30px #362e2117}.cp-student-detail-panel h3,.cp-student-detail-panel p{margin:0}.cp-student-detail-panel h3{letter-spacing:0;margin-top:4px;font-size:30px;line-height:1.1}.cp-student-team-pill{min-height:30px;color:var(--green-dark);background:#e5f2eb;border-radius:8px;place-items:center;margin-top:8px;padding:0 10px;font-size:13px;font-weight:900;display:inline-grid}.cp-student-detail-panel>svg{color:var(--blue)}.cp-student-detail-header{justify-content:space-between;align-items:start;gap:12px;display:flex}.cp-student-point-summary{gap:6px;min-width:72px;display:grid}.cp-student-point-summary span{background:var(--blue-soft);min-height:34px;color:var(--blue);border-radius:8px;place-items:center;font-size:14px;font-weight:900;display:grid}.cp-student-point-summary .score{color:var(--ink);background:#edf2f6}.cp-student-point-summary .score.positive{color:var(--green-dark);background:#e5f2eb}.cp-student-point-summary .score.negative{background:var(--orange-soft);color:#883917}.cp-wide-field{min-width:0}.cp-field textarea{resize:vertical;min-height:104px;padding:12px;font-size:16px;font-weight:800;line-height:1.45}.cp-trait-input-row{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.cp-trait-list{flex-wrap:wrap;gap:8px;min-height:36px;display:flex}.cp-trait-list span,.cp-empty-pill{min-height:32px;color:var(--green-dark);background:#e5f2eb;border-radius:8px;align-items:center;gap:6px;padding:0 9px;font-size:13px;font-weight:900;display:inline-flex}.cp-trait-list button{width:20px;height:20px;color:var(--green-dark);background:#fff;border:0;border-radius:8px;place-items:center;display:grid}.cp-empty-pill{color:var(--muted);background:#edf2f6}.cp-student-point-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cp-student-point-actions button,.cp-quick-score-row button{background:var(--gold-soft);color:#70500b;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;font-weight:900;display:inline-flex}.cp-student-point-actions button:nth-child(3),.cp-student-point-actions button:nth-child(4){background:var(--orange-soft);color:#883917}.cp-student-point-log{gap:8px;display:grid}.cp-student-point-log>div{background:#edf2f6;border-radius:8px;grid-template-columns:62px minmax(0,1fr) 40px;align-items:center;gap:8px;padding:8px;display:grid}.cp-student-point-log span,.cp-student-point-log em{color:var(--muted);font-size:12px;font-style:normal;font-weight:900}.cp-student-point-log strong{font-size:14px}.cp-student-point-log p{color:var(--muted);grid-column:2/-1;font-size:13px;font-weight:700}.cp-floating-nav{left:50%;bottom:calc(22px + env(safe-area-inset-bottom));z-index:40;border:1px solid var(--line);width:min(520px,100% - 32px);box-shadow:var(--shadow);background:#fffdf8f5;border-radius:8px;grid-template-columns:repeat(3,minmax(86px,1fr));gap:8px;padding:8px;display:grid;position:fixed;transform:translate(-50%)}.cp-floating-nav button{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-weight:900;display:flex}.cp-floating-nav button.active{background:var(--green);color:#fff}.cp-action-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.cp-action-tile{border:1px solid var(--line);--action-accent:var(--blue);--action-soft:var(--blue-soft);background:var(--paper-strong);border-radius:8px;align-content:start;gap:14px;min-height:224px;padding:20px;transition:border-color .18s,transform .18s,box-shadow .18s;display:grid;box-shadow:0 10px 30px #362e2117}.cp-action-tile:hover{border-color:var(--action-accent);box-shadow:var(--shadow);transform:translateY(-3px)}.cp-action-tile.recommended{border-color:#d9a722d1;box-shadow:0 0 0 3px #d9a7221f,0 10px 30px #362e2117}.cp-action-accent-green{--action-accent:var(--green);--action-soft:#e5f2eb}.cp-action-accent-blue{--action-accent:var(--blue);--action-soft:var(--blue-soft)}.cp-action-accent-orange{--action-accent:var(--orange);--action-soft:var(--orange-soft)}.cp-action-accent-gold{--action-accent:#a77a10;--action-soft:var(--gold-soft)}.cp-action-accent-rose{--action-accent:var(--rose);--action-soft:#f8dce4}.cp-action-tile-header{justify-content:space-between;align-items:center;gap:10px;min-height:28px;display:flex}.cp-action-number{color:var(--action-accent);font-size:14px;font-weight:1000}.cp-action-recommend-badge{background:var(--gold);color:#281b03;border-radius:8px;place-items:center;min-height:28px;padding:0 9px;font-size:12px;font-weight:1000;display:inline-grid}.cp-action-visual{background:var(--action-soft);min-height:74px;color:var(--action-accent);border-radius:8px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:12px;padding:12px;display:grid}.cp-action-visual svg{background:#fff;border-radius:8px;place-items:center;width:58px;height:58px;padding:12px;display:grid;box-shadow:0 8px 18px #362e2114}.cp-action-visual span{min-width:0;color:var(--ink);font-size:15px;font-weight:1000;line-height:1.25}.cp-action-copy{gap:8px;display:grid}.cp-action-tile strong{font-size:28px;line-height:1.12}.cp-action-tile em{color:var(--muted);font-style:normal;font-weight:700;line-height:1.45}.cp-team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.cp-team-card{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;gap:14px;min-width:0;padding:20px;display:grid;box-shadow:0 10px 30px #362e2117}.cp-team-card h3,.cp-team-card p{margin:0}.cp-team-card h3,.cp-team-name-input{font-size:28px;font-weight:900}.cp-team-card p{min-height:24px;color:var(--blue);font-size:18px;font-weight:800}.cp-team-rank{background:var(--gold-soft);color:#74520a;border-radius:8px;place-items:center;width:40px;height:40px;font-weight:900;display:grid}.cp-team-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-team-meta span,.cp-team-meta strong,.cp-team-card>strong{font-size:22px;font-weight:900}.cp-team-meta strong,.cp-team-card>strong{color:var(--orange)}.cp-team-members{color:var(--muted);overflow-wrap:anywhere;font-size:16px;font-weight:700;line-height:1.5}.cp-empty-state{text-align:center;justify-items:center;gap:16px;margin:0 auto;padding:46px;display:grid}.cp-empty-state h2,.cp-empty-state h3{margin:0;font-size:32px}.cp-action-screen{max-width:1160px;padding-bottom:calc(118px + env(safe-area-inset-bottom));width:100%;margin:0 auto}.cp-action-panel{gap:22px;width:100%;padding:28px;display:grid}.cp-action-title-row{align-items:center;gap:14px;display:flex}.cp-action-title-row svg,.cp-focus-action>svg,.cp-empty-state svg{color:var(--green)}.cp-action-panel h2{font-size:40px}.cp-action-controls{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.cp-action-controls.stretch{align-items:stretch}.cp-score-action-stack{gap:14px;display:grid}.cp-score-action-stack .cp-action-controls.stretch{align-items:end}.cp-action-complete-bar{z-index:20;bottom:calc(18px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffe0;border:1px solid #ced9e4e6;border-radius:8px;justify-content:flex-end;justify-self:end;width:min(100%,460px);padding:10px;display:flex;position:sticky;box-shadow:0 16px 40px #362e2124}.cp-action-complete-bar .cp-primary-button{width:100%;min-height:56px;font-size:18px}.cp-quick-score-row{grid-template-columns:repeat(4,minmax(52px,1fr));align-self:end;gap:8px;display:grid}.cp-current-score-card{background:var(--gold-soft);border-radius:8px;gap:4px;min-width:220px;padding:12px 14px;display:grid}.cp-current-score-card span,.cp-current-score-card em{color:#70500b;font-size:13px;font-style:normal;font-weight:900}.cp-current-score-card strong{color:var(--green-dark);font-size:22px;line-height:1.15}.cp-quick-score-row button{min-height:48px}.cp-field{min-width:180px;color:var(--muted);gap:7px;font-size:13px;font-weight:900;display:grid}.cp-field input,.cp-field select,.cp-field textarea,.cp-topic-row input{min-height:48px;padding:0 12px;font-size:18px;font-weight:800}.cp-field textarea{min-height:104px;padding:12px;line-height:1.45}.cp-team-name-input{min-height:48px;padding:0 10px}.cp-topic-list,.cp-score-log,.cp-rank-board{gap:12px;display:grid}.cp-score-log{align-content:start;max-height:320px;padding-right:4px;overflow:auto}.cp-topic-row{grid-template-columns:190px minmax(0,1fr);align-items:center;gap:12px;display:grid}.cp-topic-row span{font-size:24px;font-weight:900}.cp-manual-team-board{border:1px solid var(--line);background:#f8fbff;border-radius:8px;gap:12px;padding:16px;display:grid}.cp-manual-team-strip{flex-wrap:wrap;gap:8px;display:flex}.cp-manual-team-strip span{background:var(--blue-soft);min-height:36px;color:var(--blue);border-radius:8px;place-items:center;padding:0 12px;font-weight:900;display:inline-grid}.cp-student-assignment-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.cp-assignment-row{background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) 128px;align-items:center;gap:10px;min-width:0;padding:10px;display:grid}.cp-assignment-row strong{overflow-wrap:anywhere}.cp-assignment-row select{min-height:42px;color:var(--ink);background:#e8eef4;border:0;border-radius:8px;font-weight:900}.cp-team-editor-board{border:1px solid var(--line);background:linear-gradient(135deg,#246b4b12,#0000 38%),#f8fbff;border-radius:8px;gap:16px;padding:16px;display:grid}.cp-unassigned-dropzone,.cp-team-editor-card{background:#ffffffd1;border:2px dashed #245f8f38;border-radius:8px;min-width:0}.cp-unassigned-dropzone{gap:12px;padding:16px;display:grid}.cp-editor-zone-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.cp-editor-zone-header h3{margin:2px 0 0;font-size:24px}.cp-team-editor-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.cp-team-editor-card{align-content:start;gap:12px;min-height:220px;padding:14px;transition:border-color .18s,box-shadow .18s,transform .18s;display:grid}.cp-team-editor-card:hover,.cp-unassigned-dropzone:hover{border-color:#246b4b8c;box-shadow:0 12px 28px #362e2114}.cp-team-editor-meta{min-height:40px;color:var(--muted);background:#eaf1f7;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-weight:900;display:flex}.cp-team-editor-meta strong{color:var(--orange);font-size:20px}.cp-editor-student-badges{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:8px;min-height:78px;display:flex}.cp-team-student-chip{max-width:100%;min-height:42px;color:var(--green-dark);overflow-wrap:anywhere;background:#fff;border:2px solid #246b4b2e;border-radius:8px;padding:0 13px;font-weight:1000;transition:transform .16s,border-color .16s,background .16s;box-shadow:0 8px 20px #362e2114}.cp-team-student-chip:hover,.cp-team-student-chip:focus-visible{border-color:var(--green);background:var(--gold-soft);transform:translateY(-2px)}.cp-danger-icon-button{width:44px;height:44px;color:var(--rose);background:#f9dce2;border:0;border-radius:8px;flex:none;place-items:center;display:inline-grid}.cp-focus-action{text-align:center;justify-items:center}.cp-action-timer,.cp-picked-result,.cp-roulette-result{min-height:170px;color:var(--green-dark);place-items:center;font-size:92px;font-weight:1000;line-height:1;display:grid}.cp-picked-result{min-height:150px;color:var(--orange);overflow-wrap:anywhere}.cp-control-row,.cp-toggle-row,.cp-score-buttons{justify-content:center;align-items:center;gap:10px;display:flex}.cp-toggle-row{justify-content:flex-start}.cp-toggle-row button,.cp-score-buttons button{background:var(--blue-soft);min-width:70px;min-height:42px;color:var(--blue);border:0;border-radius:8px;font-weight:900}.cp-toggle-row button.active{background:var(--blue);color:#fff}.cp-big-order-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.cp-big-order-list li{background:#eaf1f7;border-radius:8px;grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px;min-height:70px;padding:10px 16px;font-size:28px;font-weight:900;display:grid}.cp-big-order-list span{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.cp-poll-board{gap:14px;display:grid}.cp-poll-board h3{margin:0;font-size:30px}.cp-poll-row{grid-template-columns:190px minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.cp-poll-row>div:first-child{gap:2px;display:grid}.cp-poll-row strong{font-size:20px}.cp-poll-row span{color:var(--muted);font-weight:800}.cp-poll-track{background:#dce5ed;border-radius:8px;height:28px;overflow:hidden}.cp-poll-track div{background:var(--orange);border-radius:8px;height:100%;transition:width .22s}.cp-score-buttons button{min-width:40px}.cp-empty-inline{color:var(--muted);font-size:18px;font-weight:800}.cp-score-log>div,.cp-rank-row{background:#eaf1f7;border-radius:8px;grid-template-columns:90px minmax(0,1fr) 92px;align-items:center;gap:12px;min-height:58px;padding:10px 14px;display:grid}.cp-score-log span,.cp-score-log em,.cp-rank-row span,.cp-rank-row em{color:var(--muted);font-style:normal;font-weight:900}.cp-score-log strong,.cp-rank-row strong{font-size:20px}.cp-score-log p{color:var(--muted);grid-column:2/-1;margin:-4px 0 0;font-weight:700}.cp-game-toolbar,.cp-game-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px;display:flex}.cp-game-controls{justify-content:center}.cp-marble-intro{border:1px solid var(--line);min-height:54px;color:var(--muted);background:#f8fbff;border-radius:8px;padding:14px 16px;font-size:17px;font-weight:800;line-height:1.55}.cp-marble-game{gap:14px;display:grid}.cp-marble-game.fullscreen{z-index:90;background:var(--bg);align-content:start;padding:18px;position:fixed;inset:0;overflow:auto}.cp-marble-game.fullscreen .cp-game-toolbar{z-index:2;border:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fbfcffeb;border-radius:8px;padding:12px;position:sticky;top:0;box-shadow:0 14px 34px #362e211f}.cp-marble-arena{grid-template-columns:minmax(0,1fr) minmax(300px,360px);align-items:start;gap:14px;display:grid}.cp-marble-game.fullscreen .cp-marble-arena{grid-template-columns:minmax(0,1fr) minmax(300px,380px);align-items:stretch;min-height:calc(100svh - 112px)}.cp-marble-physics-board{aspect-ratio:1;contain:paint;background:radial-gradient(circle at 12% 14%,#d9a72233,#0000 22%),radial-gradient(circle at 88% 24%,#246b4b29,#0000 24%),linear-gradient(#245f8f21,#0000 48%),linear-gradient(90deg,#245f8f14 1px,#0000 1px) 0 0/54px 54px,linear-gradient(#245f8f0f 1px,#0000 1px) 0 0/54px 54px,#fff;border:2px solid #9fb5c7;border-radius:8px;width:min(100%,720px);min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 0 6px #ffffff9e,inset 0 -28px 60px #173a5214,0 18px 42px #362e211f}.cp-marble-game.fullscreen .cp-marble-physics-board{aspect-ratio:1;place-self:start center;width:min(100svw - 454px,100svh - 126px);max-width:none;height:auto}.cp-marble-physics-board:before{z-index:1;content:"";pointer-events:none;border:1px solid #ffffffad;border-radius:6px;position:absolute;inset:10px;box-shadow:inset 0 0 32px #ffffff6b}.cp-marble-canvas-mount{width:100%;min-width:100%;height:100%;min-height:100%;position:absolute;inset:0}.cp-marble-physics-board canvas{max-width:none;display:block;width:100%!important;height:100%!important}.cp-marble-placeholder{color:var(--muted);pointer-events:none;text-align:center;align-content:center;place-items:center;gap:8px;font-weight:900;display:grid;position:absolute;inset:0}.cp-marble-placeholder strong{color:var(--green-dark);letter-spacing:0;font-size:34px}.cp-marble-result-board{border:1px solid var(--line);background:var(--paper-strong);border-radius:8px;align-content:start;gap:14px;min-width:0;max-height:min(720px,100vw - 56px);padding:18px;display:grid;overflow:auto;box-shadow:0 10px 30px #362e2117}.cp-marble-game.fullscreen .cp-marble-result-board{max-height:calc(100svh - 112px)}.cp-marble-result-board h3{margin:4px 0 0;font-size:30px;line-height:1}.cp-marble-focus{background:var(--gold-soft);border-radius:8px;gap:4px;min-height:64px;padding:12px;display:grid}.cp-marble-focus span{color:#70500b;font-size:13px;font-weight:1000}.cp-marble-focus strong{color:var(--green-dark);overflow-wrap:anywhere;font-size:24px;line-height:1.15}.cp-marble-legend,.cp-marble-results,.cp-marble-event-log{gap:8px;display:grid}.cp-marble-legend-row{width:100%;min-height:42px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:#eaf1f7;border:0;border-radius:8px;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px 10px;animation:.24s both cp-pop;display:grid}.cp-marble-legend-row:hover,.cp-marble-legend-row:focus-visible,.cp-marble-legend-row.active{background:#dcecf5;outline:none;box-shadow:inset 0 0 0 2px #245f8f38,0 8px 18px #245f8f1f}.cp-marble-color-dot{border:3px solid #fff;border-radius:999px;width:18px;height:18px;box-shadow:0 0 0 1px #18201b1f}.cp-marble-legend-row strong{overflow-wrap:anywhere}.cp-marble-legend-row em{color:var(--blue);white-space:nowrap;font-size:13px;font-style:normal;font-weight:1000}.cp-marble-results ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.cp-marble-results li{background:#eaf1f7;border-radius:8px;grid-template-columns:40px minmax(0,1fr) 56px;align-items:center;gap:10px;min-height:50px;padding:8px;animation:.32s both cp-pop;display:grid}.cp-marble-results li span{color:#fff;border-radius:8px;place-items:center;width:34px;height:34px;font-weight:1000;display:grid}.cp-marble-results li strong{overflow-wrap:anywhere}.cp-marble-results li em{color:var(--orange);justify-self:end;font-size:20px;font-style:normal;font-weight:1000}.cp-marble-event-log{max-height:180px;overflow:auto}.cp-marble-event-log span{min-height:34px;color:var(--muted);background:#f8fbff;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:900}.cp-finale-panel{text-align:center}.cp-winner-stage{background:var(--gold-soft);border-radius:8px;justify-items:center;gap:10px;padding:28px;animation:.7s both cp-winner;display:grid}.cp-winner-stage span{color:var(--orange);font-size:18px;font-weight:900}.cp-winner-stage strong{color:var(--green-dark);font-size:56px;line-height:1}.cp-winner-stage p{margin:0;font-size:22px;font-weight:900}.cp-rank-row span{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.cp-rank-row em{color:var(--orange);justify-self:end;font-size:22px}.stage{min-height:calc(100svh - 48px);box-shadow:var(--shadow);background:#fffaf0;border-radius:8px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.stage-compact{min-height:680px}.stage-header{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:30px;display:grid}.stage-kicker{color:var(--orange);grid-column:1/-1;margin:0;font-size:15px;font-weight:900}.stage-header h1{letter-spacing:0;overflow-wrap:anywhere;margin:0;font-size:46px;line-height:1}.stage-timer{color:var(--green);align-self:end;font-size:42px;font-weight:1000;line-height:1}.stage-body{min-height:0;padding:30px;display:grid}.stage-dashboard{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.stage-student-board{background-color:#fff;background-image:linear-gradient(90deg,#245f8f14 1px,#0000 1px),linear-gradient(0deg,#245f8f14 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;grid-column:1/-1;min-height:360px;position:relative}.stage-student-board span{background:var(--gold);color:#281b03;border-radius:8px;place-items:center;min-width:92px;min-height:42px;padding:0 10px;font-size:18px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.stage-metric{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;min-height:116px;padding:18px;display:grid}.stage-metric span{color:var(--muted);font-size:16px;font-weight:900}.stage-metric strong{overflow-wrap:anywhere;font-size:34px}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.stage-team{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;padding:24px}.stage-team-title{justify-content:space-between;gap:12px;display:flex}.stage-team h2{color:var(--green);letter-spacing:0;margin:0 0 12px;font-size:34px}.stage-team strong{color:var(--orange);font-size:30px}.stage-team p,.stage-team em{color:var(--ink);overflow-wrap:anywhere;margin:0;font-size:23px;font-style:normal;font-weight:900;line-height:1.42}.stage-team em{color:var(--blue);margin-top:12px;display:block}.stage-countdown{color:var(--green-dark);place-items:center;font-size:150px;font-weight:1000;line-height:1;display:grid}.stage-order{align-content:start;gap:14px;margin:0;padding:0;list-style:none;display:grid}.stage-order li{background:#fff;border-radius:8px;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:16px;min-height:78px;padding:12px 18px;font-size:32px;font-weight:1000;display:grid}.stage-order span{background:var(--green);color:#fff;border-radius:8px;place-items:center;width:54px;height:54px;display:grid}.stage-poll{align-content:start;gap:24px;display:grid}.stage-poll h2{letter-spacing:0;margin:0;font-size:38px}.stage-bars{gap:18px;display:grid}.stage-bar-row{gap:10px;display:grid}.stage-bar-label{justify-content:space-between;align-items:center;gap:16px;font-size:22px;display:flex}.stage-bar-track{background:#eadcc2;border-radius:8px;height:32px;overflow:hidden}.stage-bar-fill{background:var(--orange);border-radius:8px;height:100%;transition:width .24s}.stage-random,.stage-finale{text-align:center;align-content:center;place-items:center;gap:22px;min-height:100%;display:grid}.stage-random span,.stage-finale span{color:var(--orange);font-size:28px;font-weight:1000}.stage-random strong,.stage-finale strong{overflow-wrap:anywhere;font-size:112px;line-height:1}.stage-finale p{margin:0;font-size:26px;font-weight:900}.stage-score-events{gap:8px;width:min(720px,100%);display:grid}.stage-score-events div{text-align:left;background:#fff;border-radius:8px;grid-template-columns:100px minmax(0,1fr) 80px;align-items:center;gap:12px;min-height:46px;padding:8px 12px;display:grid}.stage-empty{color:var(--muted);text-align:center;place-items:center;font-size:28px;font-weight:900;display:grid}.display-shell{background:#2e4f3e;min-height:100svh;padding:24px}@keyframes cp-section-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes cp-pop{0%{transform:scale(.84)rotate(-3deg)}65%{transform:scale(1.08)rotate(2deg)}to{transform:scale(1)rotate(0)}}@keyframes cp-winner{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cp-float-in{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes cp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes cp-seat-pop{0%{opacity:0;transform:translateY(12px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:980px){.cp-start-hero h1,.cp-section-hero h2{font-size:38px}.cp-step-panel h1,.cp-action-panel h2{font-size:34px}.cp-action-gallery,.cp-team-grid,.cp-home-layout,.cp-marble-arena,.cp-marble-game.fullscreen .cp-marble-arena,.cp-start-hero,.cp-start-onboarding,.stage-grid{grid-template-columns:1fr}.cp-marble-game.fullscreen .cp-marble-arena{min-height:auto}.cp-marble-game.fullscreen .cp-marble-physics-board{width:min(100%,100svh - 220px)}.cp-marble-game.fullscreen .cp-marble-result-board{max-height:none}.cp-section-hero,.cp-session-header,.cp-action-header{flex-direction:column;align-items:stretch}.cp-home-stats{justify-content:flex-start}.cp-poll-row,.cp-topic-row,.cp-student-assignment-grid{grid-template-columns:1fr}.stage-dashboard{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.cp-screen{padding:16px}.cp-start-hero,.cp-step-panel,.cp-action-panel{padding:22px}.cp-start-hero h1,.cp-section-hero h2,.cp-step-panel h1,.cp-action-panel h2{font-size:30px}.cp-big-input{font-size:19px}.cp-action-timer,.cp-picked-result{font-size:64px}.cp-floating-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.cp-floating-nav button{min-height:48px}.cp-class-board{height:min(520px,100svh - 220px);min-height:420px}.cp-marble-game.fullscreen{padding:12px}.cp-marble-game.fullscreen .cp-marble-physics-board{width:min(100%,100svh - 330px)}.cp-seat-chip{min-width:82px;font-size:16px}.stage-header{grid-template-columns:1fr;padding:22px}.stage-header h1{font-size:34px}.stage-timer{font-size:32px}.stage-body{padding:20px}.stage-dashboard{grid-template-columns:1fr}.stage-countdown{font-size:96px}.stage-random strong,.stage-finale strong{font-size:72px}}