@charset "UTF-8";
:root{--purple:#6841e8;--purple-dark:#4e2bc4;--ink:#242039;--muted:#777385;--line:#e7e4ee;--paper:#f8f7fb;--green:#177b60;--font:Inter,"Segoe UI",Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);font-size:15px;line-height:1.55}button,input,select{font:inherit}button,a,input,select,summary{touch-action:manipulation}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait;opacity:.65}button:disabled.text-button{cursor:default}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.15}h1{letter-spacing:-1.8px}h2{letter-spacing:-.65px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,pre:focus-visible{outline:3px solid #ae94ff;outline-offset:4px}button{border:0}input,select{width:100%;min-width:0;border:1px solid #ddd9e8;border-radius:10px;background:#fff;color:var(--ink);padding:13px 14px;transition:border-color .2s}input:focus,select:focus{border-color:var(--purple)}input::placeholder{color:#9b96a8}label{display:block;font-size:13px;font-weight:600}label input{display:block;margin-top:7px}label small{display:block;color:var(--muted);font-weight:400;margin-top:7px}pre{margin:0;tab-size:4}code,pre{font-family:Consolas,"Courier New",monospace}
[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted{color:var(--muted)}.eyebrow{font-size:10px;letter-spacing:1.9px;font-weight:750;color:var(--purple)}.topbar{height:88px;padding:0 5.2%;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:29px;letter-spacing:-1.5px;font-weight:800;display:flex;align-items:center;white-space:nowrap}.brand-bang{color:var(--purple)}.brand-icon{display:grid;place-items:center;letter-spacing:-2px;background:var(--purple);border-radius:11px;color:#fff;font-size:21px;width:41px;height:41px;margin-right:12px;font-family:Consolas,monospace}.header-caption{font-size:9px;letter-spacing:2.2px;color:#86818f;font-weight:700}.teacher-link{font-size:12px;font-weight:600;display:flex;gap:12px}.teacher-link:hover{color:var(--purple)}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:46px;border-radius:10px;padding:12px 20px;font-weight:650;font-size:13px;transition:background .15s,transform .15s}.primary{background:var(--purple);color:white;box-shadow:0 4px 10px #6841e815}.primary:hover{background:var(--purple-dark);transform:translateY(-1px)}.secondary{background:white;border:1px solid var(--line);color:var(--ink)}.secondary:hover{background:#f1edf9}.text-button{background:none;padding:8px 0;color:var(--purple);font-weight:600;font-size:12px}.text-button:hover{text-decoration:underline}.notice{padding:14px 16px;border-radius:9px;font-size:13px;margin:16px 0}.notice p{margin-bottom:10px}.error{background:#fff0f0;color:#a32f41;border:1px solid #f5d7dc}.loading{padding:100px 30px;text-align:center;color:var(--muted)}.site-footer{max-width:1220px;margin:0 auto;padding:28px 32px;border-top:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;color:#9892a4}.footer-spark{color:var(--purple);margin-left:7px}
.lobby{max-width:1220px;padding:62px 32px 65px;margin:auto;display:grid;grid-template-columns:1.14fr 1fr;gap:68px}.pill{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border:1px solid #e1d8fa;background:#f0ebff;border-radius:7px;font-size:9px;font-weight:700;letter-spacing:1.3px;color:#714be5}.live-dot{width:6px;height:6px;border-radius:50%;background:#8363e7}.intro h1{font-size:66px;line-height:1.08;letter-spacing:-3.5px;margin:22px 0}.intro h1>span{color:var(--purple)}.intro-copy{font-size:15px;line-height:1.8;color:var(--muted);max-width:425px}.quiz-facts{display:flex;gap:0;margin:29px 0 32px}.quiz-facts>div{display:flex;flex-direction:column;padding:0 30px;border-right:1px solid var(--line)}.quiz-facts>div:first-child{padding-left:0}.quiz-facts>div:last-child{border:0}.quiz-facts strong{font-size:26px;letter-spacing:-1px;line-height:1.3}.quiz-facts strong span{font-size:17px}.quiz-facts>div>span{font-size:10px;color:var(--muted);margin-top:2px}.join-card{border:1px solid var(--line);border-radius:17px;padding:25px;background:#fff;box-shadow:0 6px 25px #24203904}.card-heading{display:flex;align-items:center;gap:13px;margin-bottom:21px}.step-dot{color:var(--purple);background:#f1edff;width:40px;height:40px;display:grid;place-items:center;border-radius:10px;font-size:24px}.card-heading h2,.join-card h2{font-size:18px;margin-bottom:5px}.card-heading p,.join-card>p{font-size:12px;color:var(--muted)}.join-card>h2{margin:10px 0}.join-card>button{margin-top:18px;width:100%}.join-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.join-fields label{font-size:11px}.join-fields input{font-size:12px;padding:12px}.optional{font-size:9px;font-weight:400;color:var(--muted)}.start-button{width:100%;margin-top:19px;justify-content:space-between;font-size:14px;padding-left:18px}.start-button>span{font-size:21px}.save-note{font-size:9px;color:#9690a3;text-align:center;margin-top:13px}.save-note>span{color:var(--purple);margin-right:3px}.lobby-aside{padding-top:6px}.growth-card{background:#efebfa;border:1px solid #e5def5;border-radius:19px;padding:25px 28px 23px;position:relative;overflow:hidden}.growth-heading{display:flex;justify-content:space-between;align-items:center}.tiny-tag{font-family:Consolas,monospace;color:#9987bc;font-size:11px;border:1px solid #dcd3ec;padding:2px 8px;border-radius:5px}.growth-card h2{font-size:25px;line-height:1.3;margin-top:19px}.growth-chart{display:block;width:100%;height:225px;margin-top:5px}.chart-grid{fill:none;stroke:#d8d0e8;stroke-width:1;stroke-dasharray:3 5}.curve{fill:none;stroke-width:3.5;stroke-linecap:round}.curve-quadratic{stroke:#dc6290}.curve-quasi{stroke:#edb337}.curve-linear{stroke:#5b74da}.curve-log{stroke:#47aa91}.curve-constant{stroke:#8b60d4}.growth-chart text{fill:#9b8eb3;font:12px Consolas,monospace}.growth-legend{display:grid;gap:8px;margin-top:3px}.growth-legend>div{display:flex;align-items:center;font-size:11px;color:#70677e}.growth-legend strong{margin-left:auto;font-family:Consolas,monospace;font-size:12px;font-weight:600;color:#615570}.legend-dot{height:7px;width:7px;border-radius:50%;margin-right:9px}.type-0{background:#8b60d4}.type-1{background:#47aa91}.type-2{background:#5b74da}.type-3{background:#edb337}.type-4{background:#dc6290}.how-card{padding:27px 8px 0}.how-card>.eyebrow{color:#8c849d}.how-card ol{list-style:none;padding:0;counter-reset:steps;margin:16px 0 20px;display:grid;gap:17px}.how-card li{counter-increment:steps;position:relative;padding-left:34px;display:grid;gap:3px}.how-card li:before{content:counter(steps,decimal-leading-zero);position:absolute;left:0;top:0;color:#b8a7da;font-size:12px;font-weight:700}.how-card li b{font-size:12px;font-weight:650}.how-card li span{font-size:11px;color:#8d859a}.scoring-note{border-top:1px solid var(--line);padding-top:16px;display:flex;gap:10px;color:var(--purple);font-size:14px}.scoring-note span{font-size:10px;color:var(--muted)}
.game{max-width:1040px;margin:0 auto;padding:33px 32px 48px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.question-label{display:flex;align-items:center;gap:17px}.question-label .eyebrow{color:var(--muted);letter-spacing:1.3px}.question-label b{color:var(--purple)}.topic-tag{background:#eee9fa;padding:4px 9px;border-radius:5px;color:#8b77b4;font-size:9px}.game-player{display:flex;align-items:center;gap:9px;font-size:11px}.game-player>span:not(.player-avatar){max-width:140px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.game-player strong{background:#ece6fe;padding:5px 11px;border-radius:6px;color:var(--purple);margin-left:8px;font-size:10px}.player-avatar{flex-shrink:0;display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eee8fc;color:var(--purple);font-size:11px;font-weight:700}.progress-track{display:flex;gap:6px;margin:20px 0 30px}.progress-track span{height:4px;flex:1;background:#e6e2ee;border-radius:4px}.progress-track .finished{background:#bda9f4}.progress-track .active{background:var(--purple)}.game-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px;gap:20px}.game-title h1{font-size:30px;letter-spacing:-1px;outline:none}.game-title p{font-size:12px;color:var(--muted);margin-top:9px}.timer{display:grid;align-content:center;text-align:center;width:69px;height:69px;flex-shrink:0;border:4px solid #d5ede6;border-radius:50%;background:#f0fbf7;color:#22785f}.timer>span{font-weight:800;font-size:24px;line-height:1.15}.timer small{font-size:7px;letter-spacing:1px}.timer.urgent{background:#fff0f2;color:#b53d51;border-color:#f4d4dc}.code-panel{border:1px solid #302c48;border-radius:12px;overflow:hidden;background:#242136;box-shadow:0 6px 16px #2420390c}.code-top{display:flex;align-items:center;justify-content:space-between;background:#2d2941;padding:12px 19px;border-bottom:1px solid #3c3651;color:#b6afca;font-size:10px}.code-top>span:first-child{display:flex;gap:5px;min-width:55px}.code-top i{display:block;width:7px;height:7px;border-radius:50%;background:#79718d}.code-top i:first-child{background:#dd8090}.code-top i:nth-child(2){background:#e1bd72}.code-top i:nth-child(3){background:#76bca2}.code-top>span:last-child{letter-spacing:1.4px;font-size:8px}.code-extension{color:#736a8a}.code-body{padding:22px 20px 25px;display:flex;gap:24px;font-size:14px;line-height:1.85;color:#ebe7fa;min-height:170px}.line-numbers{white-space:pre;text-align:right;color:#686077;font-family:Consolas,monospace;user-select:none;min-width:14px}.code-body pre{overflow-x:auto;flex:1}.keyword{color:#c6a0ff}.number{color:#ebbb81}.comment{color:#8c9c8f}.assumption{display:flex;gap:9px;align-items:flex-start;margin:14px 0 23px;font-size:11px;color:#867c97}.assumption>span{border:1px solid #b6a9cb;width:14px;height:14px;border-radius:50%;display:grid;place-items:center;font-size:9px;flex-shrink:0;margin-top:2px}.answers{display:grid;grid-template-columns:repeat(6,1fr);gap:11px}.answer{position:relative;display:flex;align-items:center;gap:15px;grid-column:span 2;min-height:89px;border-radius:11px;padding:17px 19px;text-align:left;color:#fff;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 0 #00000012}.answer:nth-child(n+4){grid-column:span 3}.answer:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px 0 #00000015}.answer-0{background:#7953d5}.answer-1{background:#25866d}.answer-2{background:#4569c8}.answer-3{background:#a86b11}.answer-4{background:#c24d7a}.answer strong{font-size:12px;display:block;line-height:1.3}.answer small{display:block;color:#ffffffc2;font-family:Consolas,monospace;font-size:12px;margin-top:4px}.answer-shape{font-size:23px;width:23px;text-align:center;color:#ffffffd1;flex-shrink:0}.key-hint{font-size:9px;border:1px solid #ffffff40;border-radius:4px;padding:0 4px;margin-left:auto;opacity:.65}.answer:disabled{opacity:.45;cursor:default}.answer.chosen{opacity:1;box-shadow:0 0 0 3px #242039}.game-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.game-bottom>span{font-size:10px;color:#9d95ab}kbd{font-family:inherit;padding:1px 4px;background:#ece8f2;border-radius:3px}.game-bottom .text-button{color:#8c809d}
.results{max-width:960px;padding:42px 30px 65px;margin:auto}.result-hero{text-align:center;position:relative}.result-star{font-size:32px;color:#ad96ee;margin-bottom:4px}.result-hero h1{font-size:39px;margin:12px 0}.result-hero>p{font-size:13px;color:var(--muted)}.score-orbit{height:175px;width:175px;border-radius:50%;margin:27px auto 24px;border:10px solid #e5dcfc;background:white;padding:8px}.score-orbit>div{border:1px dashed #d0bff5;border-radius:50%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-orbit strong{color:var(--purple);font-size:48px;letter-spacing:-2px;line-height:1.1}.score-orbit strong>span{font-size:19px;color:#b7a5d8;letter-spacing:-1px}.score-orbit>div>span{font-size:10px;color:#9585af;margin-top:7px}.result-stats{display:flex;justify-content:center;gap:0;margin:0 0 24px}.result-stats>div{display:grid;padding:0 28px;border-right:1px solid var(--line)}.result-stats>div:last-child{border:0}.result-stats strong{font-size:23px;letter-spacing:-1px}.result-stats span{font-size:10px;color:var(--muted);margin-top:4px}.result-hero p.saved-confirmation{font-size:11px;color:var(--green);margin:20px 0}.result-hero .button{min-width:190px}.review-section{margin-top:50px}.section-title{display:flex;justify-content:space-between;align-items:end;margin:0 0 20px;gap:15px}.section-title h2{font-size:24px;margin-top:7px}.section-title>span{color:#9b91a9;font-size:10px}.review-item{background:white;border:1px solid var(--line);border-radius:11px;margin-bottom:9px;overflow:hidden}.review-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;padding:17px;gap:15px}.review-item summary::-webkit-details-marker{display:none}.review-number{font-size:11px;font-weight:700;color:#b4a3ca;min-width:19px}.review-item summary>span:nth-child(2){flex:1}.review-item summary b{display:block;font-size:12px;font-weight:600}.review-item summary small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.review-badge{font-size:9px;border-radius:5px;padding:4px 8px;white-space:nowrap}.correct{color:#258366;background:#eaf7f1}.incorrect{color:#be596e;background:#fff0f3}.expand{color:#b2a2c6;font-size:18px}.review-detail{padding:0 20px 20px;border-top:1px solid var(--line)}.review-detail .code-panel{margin-top:18px}.review-detail p{font-size:12px;line-height:1.8;margin-top:14px;color:#776b88}.review-detail .code-body{font-size:12px}.review-detail>pre{background:#262237;color:#e4dcf5;padding:18px;border-radius:10px;margin-top:18px;overflow:auto;font-size:12px;line-height:1.7}
.auth-wrap{padding:65px 20px;max-width:500px;margin:auto}.auth-card{padding:35px 33px;border:1px solid var(--line);background:#fff;border-radius:17px;box-shadow:0 12px 35px #24203904}.auth-icon{display:grid;place-items:center;background:#eee8fe;color:var(--purple);font-family:Consolas,monospace;width:50px;height:50px;border-radius:13px;font-size:24px;margin-bottom:25px}.auth-card h1{font-size:31px;letter-spacing:-1.2px;margin:12px 0 16px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.9;margin-bottom:24px}.stack{display:grid;gap:18px;margin-top:22px}.stack .notice{margin:0}.stack .button{justify-content:space-between}.auth-card .auth-back{text-align:center;margin:22px 0 0;font-size:11px}.auth-back a{color:var(--purple)}
.admin-body{background:#f8f7fb}.dashboard{display:grid;grid-template-columns:215px minmax(0,1fr);min-height:calc(100vh - 88px)}.admin-side{background:#fff;border-right:1px solid var(--line);padding:33px 22px;display:flex;flex-direction:column;gap:8px}.workspace-label{font-size:8px;letter-spacing:1.7px;color:#b1a8bd;margin:0 10px 12px;font-weight:650}.admin-side>a{display:flex;gap:12px;padding:12px 13px;border-radius:7px;font-size:11px;color:#8b809b}.admin-side .side-active{background:#eee8fc;color:var(--purple);font-weight:650}.admin-side a>span{font-size:14px;line-height:1.4}.side-info{margin:35px 6px auto;padding:18px 14px;background:#f7f4fe;border-radius:10px;color:#9c86c4}.side-info>span{font-size:7px;letter-spacing:1.3px}.side-info b{display:block;font-size:16px;color:#675281;line-height:1.4;margin:8px 0}.side-info p{font-size:10px;line-height:1.7;color:#9a8aaf}.admin-account{margin:45px 2px 2px;display:flex;align-items:center;gap:9px}.admin-account b{font-size:10px;display:block;word-break:break-all}.admin-account small{font-size:8px;color:var(--muted)}.admin-side>.text-button{text-align:left;margin-left:42px;font-size:9px;color:#998ba9}.dashboard-content{padding:38px 37px;min-width:0;max-width:1500px;width:100%}.dashboard-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.dashboard-heading h1{font-size:33px;letter-spacing:-1.4px;margin:8px 0}.heading-dot{color:var(--purple)}.dashboard-heading p{font-size:11px;color:#93889f}.dashboard-heading .button{font-size:10px;min-height:40px;padding:10px 16px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:29px}.stat-card{padding:18px;background:white;border:1px solid var(--line);border-radius:11px}.stat-card>div{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#91859f;gap:5px}.stat-card>strong{display:block;font-size:31px;line-height:1.5;font-weight:750;letter-spacing:-1px;margin-top:8px}.stat-card>small{font-size:8px;color:#aaa0b7}.stat-icon{border-radius:6px;display:grid;place-items:center;width:25px;height:25px;font-size:13px}.stat-0{background:#f0eafd;color:#8b62db}.stat-1{background:#e6f5f0;color:#4e9e81}.stat-2{background:#eaf0fe;color:#6e8dd4}.stat-3{background:#fff5dc;color:#caa150}.results-table-card{border:1px solid var(--line);background:white;border-radius:12px;overflow:hidden}.table-heading{display:flex;align-items:center;justify-content:space-between;padding:23px 23px 20px;gap:12px}.table-heading h2{font-size:16px;letter-spacing:-.3px}.count-tag{font-size:9px;color:var(--purple);background:#f0eafd;border-radius:5px;padding:3px 6px;margin-left:6px;vertical-align:middle}.table-heading p{font-size:10px;color:#a197ac;margin-top:6px}.table-heading .button{font-size:9px;min-height:32px;padding:6px 12px}.table-filters{display:flex;gap:10px;padding:0 23px 21px;align-items:center}.table-filters label:first-child{flex:1}.table-filters input,.table-filters select{font-size:10px;border-radius:6px;margin:0;min-height:37px;padding:9px 12px}.table-filters select{padding-right:25px;min-width:125px}.search-field{position:relative}.search-field>span[aria-hidden]{position:absolute;left:11px;top:4px;color:#a49aaf;font-size:20px}.table-filters .search-field input{padding-left:33px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;width:100%;text-align:left;white-space:nowrap;font-size:10px}thead{background:#faf9fd;color:#a297af;border-top:1px solid #f1eef6;border-bottom:1px solid #efecf4}th{padding:12px 16px;font-size:8px;font-weight:500;letter-spacing:.3px}th:first-child,td:first-child{padding-left:23px}td{padding:16px;border-bottom:1px solid #f2eff7;color:#988ba5;font-size:10px}td strong{color:var(--ink);font-size:11px}td .muted{font-size:8px}.participant-cell{display:flex;align-items:center;gap:9px}.participant-cell b{font-size:10px;font-weight:600;color:#655772;max-width:180px;overflow:hidden;text-overflow:ellipsis}.participant-cell .player-avatar{width:28px;height:28px;font-size:9px;border-radius:8px}.points-cell{font-weight:600;color:#6a5d79}.mini-progress{width:49px;height:3px;background:#eee9f5;border-radius:4px;margin-top:6px}.mini-progress>i{display:block;background:#9876e0;border-radius:4px;height:100%}.status-badge{border-radius:4px;padding:4px 7px;font-size:8px}.complete{color:#4c967b;background:#edf8f3}.in-progress{color:#a98b3b;background:#fbf5e6}.date-cell{font-size:8px}.review-button{font-size:9px;white-space:nowrap}.table-footer{display:flex;align-items:center;justify-content:space-between;padding:18px 23px;gap:15px;font-size:9px;color:#a99eb6}.table-footer>div{display:flex;gap:7px}.button.small{font-size:9px;min-height:29px;padding:5px 10px;gap:5px;border-radius:5px}.button.small:disabled{cursor:default;opacity:.4}.dashboard-note{font-size:9px;color:#b1a5bf;margin-top:15px}.empty-state{padding:50px;text-align:center}.empty-state>span{font-size:35px;color:#baabe0}.empty-state h3{font-size:16px;color:#7f6b96;margin:12px 0 8px}.empty-state p{font-size:10px;white-space:normal}.width-0{width:0}.width-1{width:6.667%}.width-2{width:13.333%}.width-3{width:20%}.width-4{width:26.667%}.width-5{width:33.333%}.width-6{width:40%}.width-7{width:46.667%}.width-8{width:53.333%}.width-9{width:60%}.width-10{width:66.667%}.width-11{width:73.333%}.width-12{width:80%}.width-13{width:86.667%}.width-14{width:93.333%}.width-15{width:100%}
dialog{padding:27px;border:1px solid var(--line);border-radius:16px;max-width:780px;width:calc(100% - 35px);max-height:85vh;overflow:auto;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#2216358c;backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:start;gap:15px;margin-bottom:23px}.modal-heading h2{font-size:26px;overflow-wrap:anywhere;margin-top:7px}.modal-heading p{font-size:10px;color:var(--muted);margin-top:8px}.modal-heading .button{min-height:30px;font-size:11px;padding:7px 11px}
@media(min-width:1450px){.dashboard-content{padding:45px 50px}.stat-card{padding:23px}table td{padding-top:20px;padding-bottom:20px}.topbar{padding:0 55px}}
@media(max-width:1100px){.lobby{gap:35px;padding:45px 30px}.intro h1{font-size:56px}.growth-card{padding:22px}.growth-chart{height:210px}.dashboard{grid-template-columns:175px minmax(0,1fr)}.admin-side{padding:28px 13px}.dashboard-content{padding:30px 22px}.stats-grid{gap:10px}.stat-card{padding:13px}.stat-card>div{font-size:9px}.stat-card>small{font-size:7px}.stat-card>strong{font-size:26px}.stat-icon{width:22px;height:22px}.table-filters{padding-left:17px;padding-right:17px}.header-caption{font-size:8px;letter-spacing:1.5px}}
@media(max-width:780px){.topbar{height:74px;padding:0 25px}.header-caption{display:none}.lobby{max-width:610px;grid-template-columns:1fr;padding:36px 25px;gap:35px}.intro h1{font-size:58px}.intro-copy{max-width:470px}.lobby-aside{display:grid;gap:28px;grid-template-columns:1fr}.growth-card h2{font-size:23px}.growth-chart{height:230px}.growth-legend{grid-template-columns:1fr 1fr;gap:13px 30px}.growth-legend>div{gap:0}.how-card{padding-top:0}.how-card ol{gap:15px}.game{padding:25px}.game-title h1{font-size:25px}.game-title p{font-size:11px}.game-player>span:not(.player-avatar){display:none}.answer{gap:10px;padding:15px 13px}.answer strong{font-size:11px}.answer-shape{font-size:18px}.key-hint{display:none}.code-body{font-size:12px;gap:18px}.dashboard{display:block}.admin-side{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:12px 22px;border-bottom:1px solid var(--line);border-right:0}.workspace-label,.side-info,.admin-account{display:none}.admin-side>.text-button{margin:0}.admin-side a{padding:8px 12px}.dashboard-content{padding:28px 22px}.stats-grid{gap:12px}.stat-card{padding:16px}.stat-card>div{font-size:9px}.stat-card>strong{font-size:25px}.stat-card>small{font-size:7px}.table-heading{padding:20px}.dashboard-heading h1{font-size:29px}.table-filters{padding-left:20px;padding-right:20px}.site-footer{font-size:9px;padding:22px 25px}}
@media(max-width:520px){.topbar{padding:0 20px}.brand{font-size:26px}.brand-icon{width:35px;height:35px;font-size:18px;border-radius:9px;margin-right:10px}.teacher-link{font-size:10px;gap:6px}.lobby{padding:30px 20px}.intro h1{font-size:51px;letter-spacing:-2.8px;margin:20px 0}.intro-copy{font-size:13px}.quiz-facts>div{padding:0 26px}.quiz-facts strong{font-size:25px}.quiz-facts>div>span{font-size:9px}.join-card{padding:21px}.join-fields{grid-template-columns:1fr;gap:13px}.card-heading h2{font-size:17px}.save-note{font-size:8px}.growth-legend{grid-template-columns:1fr}.growth-chart{height:220px}.growth-card{padding:22px}.game{padding:22px 17px 34px}.game-top{gap:12px}.question-label{gap:9px}.question-label .eyebrow{font-size:8px}.topic-tag{font-size:8px}.game-player strong{font-size:8px;padding:4px 7px;margin:0}.game-player .player-avatar{display:none}.progress-track{gap:4px;margin:17px 0 23px}.game-title h1{font-size:23px;max-width:250px;letter-spacing:-.8px}.game-title p{font-size:10px;max-width:220px}.timer{height:57px;width:57px;border-width:3px}.timer>span{font-size:21px}.timer small{font-size:6px}.code-body{padding:17px 12px;gap:12px;font-size:11px;line-height:1.85;min-height:140px}.code-top{padding:10px 13px;font-size:8px}.code-top>span:first-child{min-width:35px}.code-top>span:last-child{font-size:7px}.code-top i{width:5px;height:5px}.assumption{font-size:9px;margin:12px 0 18px}.answers{grid-template-columns:1fr 1fr;gap:10px}.answer,.answer:nth-child(n+4){grid-column:span 1;min-height:76px;padding:12px;gap:9px}.answer:last-child{grid-column:span 2}.answer strong{font-size:10px}.answer small{font-size:11px}.answer-shape{width:18px;font-size:17px}.game-bottom>span{font-size:8px}.game-bottom .text-button{font-size:10px}.results{padding:30px 18px}.result-hero h1{font-size:30px;letter-spacing:-1px}.result-hero>p{font-size:11px}.result-stats>div{padding:0 19px}.result-stats strong{font-size:21px}.result-stats span{font-size:9px}.section-title h2{font-size:21px}.section-title>span{display:none}.review-item summary{padding:14px 12px;gap:10px}.review-item summary b{font-size:11px}.review-item summary small{font-size:9px}.review-badge{font-size:8px;padding:4px 6px}.review-detail{padding:0 12px 15px}.review-detail p{font-size:11px}.expand{display:none}.review-number{font-size:10px}.dashboard-content{padding:25px 17px}.dashboard-heading{gap:10px}.dashboard-heading h1{font-size:27px}.dashboard-heading .eyebrow{font-size:8px}.dashboard-heading p{font-size:9px}.dashboard-heading .button{font-size:9px;padding:10px 12px}.stats-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:16px}.stat-card>small{font-size:8px}.table-heading{padding:17px}.table-heading h2{font-size:14px}.table-filters{flex-wrap:wrap;padding:0 17px 17px;gap:8px}.table-filters label:first-child{flex:1 0 100%}.table-filters label:not(:first-child){flex:1}.table-filters select{width:100%;min-width:0}.table-footer{padding:15px 17px;font-size:8px}.button.small{font-size:8px;padding:5px 7px}.dashboard-note{font-size:8px}.admin-side{padding:9px 17px}.admin-side>a{font-size:9px;padding:8px}.admin-side>a span{font-size:12px}.admin-side>.text-button{font-size:9px}.auth-wrap{padding:35px 20px}.auth-card{padding:28px 23px}.site-footer>span:last-child{display:none}.site-footer{font-size:9px}.modal-heading h2{font-size:22px}dialog{padding:19px}}
.table-scroll{position:relative}.table-scroll:focus-visible{outline:3px solid #ae94ff;outline-offset:-3px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.host-panel{padding:24px;border:1px solid #d9cdf8;background:#f0ebfd;border-radius:14px;margin-bottom:28px}.host-main{display:flex;align-items:center;justify-content:space-between;gap:25px}.host-main h2{font-size:25px;margin:9px 0}.host-main p{font-size:12px;line-height:1.7;color:#7b6a95;max-width:550px}.host-main .button{flex-shrink:0;font-size:13px}.host-metrics{display:flex;flex-wrap:wrap;gap:12px 25px;padding:17px 0;color:#847095;font-size:12px}.host-metrics b{color:var(--purple);font-size:18px;margin-right:4px}.host-metrics #host-timer{margin-left:auto;color:var(--purple);align-self:center;font-size:11px}.host-share{border-top:1px solid #ddd2f5;padding-top:16px}.host-share label{font-size:11px;color:#77648d}.host-share>div{display:flex;gap:10px;margin-top:7px}.host-share input{font-size:12px;padding:10px 13px}.host-share .button{min-height:37px;padding:8px 14px;font-size:11px;white-space:nowrap}.host-share small{display:block;font-size:10px;color:#927ca8;margin-top:8px}.host-action-note{font-size:10px;color:#927ca8;margin-top:15px}.host-preview{margin:0 0 20px;font-size:12px;color:#79658e}.host-preview summary{cursor:pointer}.host-preview pre{background:#282139;color:#efe8fb;border-radius:9px;padding:18px;overflow-x:auto;line-height:1.8;margin-top:13px;font-size:12px}.host-preview p{font-size:11px;margin-top:10px}.room-message{color:#7b6890;background:#f4f0ff;border:1px solid #e8dffb;padding:12px;border-radius:8px;font-size:11px;margin:0 0 18px;line-height:1.7}.waiting-room{max-width:680px;min-height:65vh;margin:auto;padding:80px 28px;text-align:center}.waiting-symbol{display:grid;place-items:center;width:90px;height:90px;border-radius:24px;color:var(--purple);background:#eee6ff;margin:0 auto 30px;font:40px Consolas,monospace;border:1px solid #dfd2fb}.waiting-room h1{font-size:39px;letter-spacing:-1.5px;margin:15px 0 20px}.waiting-room>p{color:#8a7a98;font-size:14px;line-height:1.9}.waiting-pill{display:inline-flex;align-items:center;gap:8px;background:white;border:1px solid var(--line);border-radius:30px;margin-top:28px;padding:10px 18px;color:#857492;font-size:12px}.waiting-pill #joined-count{color:var(--purple);font-weight:700}.waiting-note{font-size:11px;color:#9a8aa7;margin-top:20px;line-height:1.8}.round-wait{background:#ece7fb;border:1px solid #dcd0f6;color:#705092;border-radius:9px;padding:12px 15px;font-size:12px;margin-bottom:18px}.sync-warning{max-width:1040px;margin:16px auto;padding:12px 20px}.start-button:disabled{cursor:default}.host-main button:disabled{cursor:default}.host-panel .notice{margin-bottom:0}
@media(max-width:780px){.host-panel{padding:21px}.host-main{align-items:start;flex-direction:column;gap:15px}.host-main .button{align-self:stretch}.host-main h2{font-size:23px}.host-metrics #host-timer{margin-left:0}.host-share>div{gap:7px}.host-share input{font-size:10px}.host-share .button{font-size:10px}.host-action-note{line-height:1.7}.waiting-room{padding-top:60px}.waiting-room h1{font-size:33px}}
@media(max-width:520px){.host-panel{padding:17px;margin-bottom:22px}.host-main .eyebrow{font-size:8px}.host-main h2{font-size:21px}.host-main p{font-size:11px}.host-metrics{font-size:10px;gap:9px 16px}.host-metrics b{font-size:16px}.host-metrics #host-timer{font-size:10px;width:100%}.host-share small,.host-action-note{font-size:9px}.host-share label{font-size:10px}.waiting-room{padding:50px 25px}.waiting-room h1{font-size:30px}.waiting-room>p{font-size:12px}.round-wait{font-size:10px;padding:11px}.waiting-note{font-size:10px}}
.host-reset-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:20px;padding-top:17px;border-top:1px solid #ddd2f5}.host-reset-row b{display:block;color:#806888;font-size:11px;font-weight:600}.host-reset-row small{display:block;font-size:10px;color:#987f9e;margin-top:4px}.reset-button{background:#fff6f7;border:1px solid #e9bdc8;color:#b14865;font-size:11px;min-height:37px;padding:8px 16px;white-space:nowrap}.reset-button:hover{background:#ffe9ee}.reset-button:disabled{cursor:default}.reset-dialog{max-width:530px;background:white;padding:30px}.reset-dialog h2{font-size:26px;margin:12px 0 17px}.reset-dialog>p{font-size:13px;line-height:1.85;color:#8b768b;margin-top:12px}.reset-eyebrow{color:#b14865}.reset-dialog form{margin-top:24px}.reset-dialog label{font-size:12px}.reset-dialog input{font-family:Consolas,monospace;letter-spacing:1px}.reset-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:22px}.danger-button{background:#b34360;color:white;font-size:12px}.danger-button:hover{background:#95334c}.danger-button:disabled{cursor:default;opacity:.4}.reset-success{background:#e8f6ee;border:1px solid #b9dfc8;color:#377859}
@media(max-width:520px){.host-reset-row{align-items:start;gap:12px}.host-reset-row small{font-size:9px;line-height:1.7}.reset-button{font-size:10px;padding:8px 12px}.reset-dialog{padding:24px 20px}.reset-dialog h2{font-size:23px}.reset-dialog>p{font-size:12px}.reset-actions{flex-direction:column-reverse}.reset-actions .button{width:100%}}