:root{color-scheme:dark;--bg:#10121c;--surface:#181b28;--surface2:#1e2233;--surface3:#252a3d;--line:#2a2e40;--muted:#9197ad;--text:#eeeff7;--accent:#9c74ff;--accent-dim:#2b2343;--green:#58d9a1;--red:#ff7d91;--yellow:#f6c96c;--radius:14px;font-family:Inter,Segoe UI,Arial,sans-serif;font-synthesis:none;font-size:14px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:4px}button{cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}a{color:var(--accent);text-decoration:none}button{border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);padding:10px 14px;font-weight:600;transition:background .15s,transform .15s}button:hover:not(:disabled){background:var(--surface3);border-color:#4a4562}button:active:not(:disabled){transform:translateY(1px)}button svg{width:17px;height:17px;vertical-align:-3px;margin-right:7px;flex-shrink:0}.primary{background:#8c5cf5;border-color:#9b73f9;color:white;box-shadow:0 4px 18px #7d42ef22}.primary:hover:not(:disabled){background:#9a6bff;border-color:#b799ff}.danger{color:var(--red);border-color:#663645;background:#311e2a}.ghost{background:transparent}.sm{padding:7px 10px;font-size:12px}.icon-btn{padding:8px;display:inline-flex;align-items:center;justify-content:center}.icon-btn svg{margin:0}.btn-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.spacer{flex:1}.muted{color:var(--muted)}.small{font-size:12px}.purple{color:var(--accent)}.green{color:var(--green)}.yellow{color:var(--yellow)}.red{color:var(--red)}.uppercase{text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:1.4px}h1,h2,h3,h4,p{margin-top:0}h1{font-size:28px;letter-spacing:-.8px;margin-bottom:8px}h2{font-size:17px;letter-spacing:-.3px;margin-bottom:0}h3{font-size:14px;margin-bottom:12px}p{line-height:1.6}.app-shell{display:grid;grid-template-columns:225px minmax(0,1fr);min-height:100vh}.sidebar{position:fixed;width:225px;inset:0 auto 0 0;border-right:1px solid var(--line);background:#141620;display:flex;flex-direction:column;padding:29px 18px 18px;z-index:10}.brand{display:flex;gap:11px;align-items:center;padding:0 10px 36px}.brand-mark{width:37px;height:37px;border-radius:11px;background:linear-gradient(135deg,#b080ff,#8052e8);display:grid;place-items:center;box-shadow:0 5px 18px #9966ff22;color:white;font-weight:900;font-size:23px;transform:rotate(-5deg)}.brand-title{font-size:20px;font-weight:800;letter-spacing:-.5px}.brand-caption{font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-top:4px}.nav-label{font-size:9px;letter-spacing:1.6px;color:#757d96;margin:5px 12px 12px;font-weight:700}.nav{display:flex;flex-direction:column;gap:5px}.nav button{display:flex;align-items:center;border:none;background:transparent;text-align:left;color:#a6acc0;min-height:43px;padding:11px 13px;font-weight:500;font-size:13px}.nav button svg{width:18px;height:18px;margin-right:12px}.nav button.active{background:#2c2344;color:#bb9bff}.nav button.active:after{content:'';width:5px;height:5px;border-radius:50%;background:#b28cff;margin-left:auto}.nav .count{margin-left:auto;font-size:10px;background:#292d3e;padding:3px 7px;border-radius:5px}.sidebar-bottom{margin-top:auto}.sidebar-note{background:#1d202e;padding:14px;border:1px solid var(--line);border-radius:11px;margin:24px 0 18px;font-size:11px;line-height:1.6;color:var(--muted)}.sidebar-note strong{display:block;color:#d4c1fc;font-size:12px;margin-bottom:5px}.profile{display:flex;align-items:center;gap:10px;border-top:1px solid var(--line);padding:18px 7px 0}.avatar{display:inline-grid;place-items:center;width:33px;height:33px;background:#302845;border:1px solid #4e3b6d;color:#ceb4ff;border-radius:10px;font-size:12px;font-weight:700;flex-shrink:0}.profile-name{font-size:12px;font-weight:600}.profile-role{color:var(--muted);font-size:10px;margin-top:4px}.main{grid-column:2;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 34px;color:var(--muted);font-size:12px;background:#12141f}.breadcrumb{display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#d4d6e4}.topbar-right{display:flex;align-items:center;gap:20px;margin-left:auto}.status-dot{width:6px;height:6px;background:var(--green);border-radius:50%;display:inline-block;margin-right:7px;box-shadow:0 0 9px #58d9a12b}.status-dot.off{background:var(--yellow)}.kbd{font:10px monospace;border:1px solid var(--line);padding:3px 5px;border-radius:4px}.content{padding:31px 34px 40px;max-width:1700px;margin:auto}.page-head{display:flex;align-items:flex-start;gap:16px;margin-bottom:25px}.page-head p{margin-bottom:0;color:var(--muted);font-size:12px}.page-head .btn-row{margin-left:auto;padding-top:4px}.badge{display:inline-flex;align-items:center;gap:5px;border:1px solid #3d3555;background:#28223b;color:#bc9cfa;font-size:10px;font-weight:600;padding:5px 8px;border-radius:5px;white-space:nowrap}.badge.green{background:#1d332e;border-color:#2c4c41;color:var(--green)}.badge.yellow{background:#352f22;border-color:#52452d;color:var(--yellow)}.badge.gray{background:#25293a;border-color:#363b50;color:#a5adc5}.badge.red{background:#39232c;border-color:#5c3342;color:var(--red)}.intro-banner{display:flex;align-items:center;gap:13px;background:linear-gradient(100deg,#232036,#1b1c2c);border:1px solid #39304f;border-radius:11px;padding:14px 18px;margin-bottom:23px;font-size:12px}.intro-banner .banner-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:9px;background:#34294d;color:#b992ff}.intro-banner strong{font-size:12px;display:block;margin-bottom:4px}.intro-banner p{margin:0;font-size:11px;color:#aaa4bf}.intro-banner .btn-row{margin-left:auto;flex-shrink:0}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:24px}.stat{background:var(--surface);border:1px solid var(--line);border-radius:11px;padding:17px 18px}.stat-top{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:var(--muted)}.stat-top svg{width:16px;height:16px;color:#8b75b2}.stat-value{font-size:25px;font-weight:700;letter-spacing:-.6px;margin-top:12px;display:flex;align-items:baseline;gap:8px}.stat-value span{font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0}.stat-foot{font-size:10px;margin-top:7px;color:#778199}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;gap:22px;align-items:start}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;margin-bottom:22px}.panel-head{padding:19px 21px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.panel-head p{font-size:11px;color:var(--muted);margin:5px 0 0}.panel-head .spacer{min-width:5px}.panel-body{padding:21px}.tabs{display:flex;gap:19px;border-bottom:1px solid var(--line);padding:0 21px;overflow:auto}.tabs button{border:0;border-radius:0;background:transparent;color:var(--muted);font-size:11px;font-weight:500;padding:15px 0;white-space:nowrap;border-bottom:2px solid transparent}.tabs button.active{color:#ba98ff;border-bottom-color:#a877ff}.stage-select{padding:7px 10px;background:#232638;max-width:210px}.board-wrap{overflow:auto;padding:18px 20px 20px}.board{display:grid;gap:9px;min-width:510px}.category{display:grid;gap:8px;grid-auto-rows:minmax(50px,auto);align-content:start;min-width:90px}.category-title{font-size:10px;font-weight:650;color:#b0b7ca;text-align:center;line-height:1.45;display:grid;place-items:center;min-height:45px;padding:5px}.cell{height:55px;min-width:0;padding:5px;font-size:21px;font-weight:700;letter-spacing:-.5px;background:#252038;border-color:#3a2e53;color:#b895ff;border-radius:8px}.cell:hover:not(:disabled){background:#392651;border-color:#8958ca;transform:translateY(-2px)}.cell.active{background:#8c5cf5;border-color:#c6a5ff;color:white;box-shadow:0 0 17px #905eff33}.cell.done,.cell.skipped{background:#1b1f2b;border-color:#272d3d;color:#4c536b;font-size:16px}.cell.selected{outline:2px solid #bd9bff;outline-offset:2px}.board-legend{display:flex;gap:17px;padding:13px 21px;border-top:1px solid var(--line);font-size:9px;color:#858da6;flex-wrap:wrap}.legend-dot{width:6px;height:6px;border-radius:2px;background:#ad80f7;display:inline-block;margin-right:6px}.legend-dot.used{background:#4c536b}.legend-dot.current{background:#e0c9ff}.chooser{padding:15px 21px;background:#1d2030;border-top:1px solid var(--line);display:flex;align-items:center;gap:11px}.chooser .avatar{width:32px;height:32px}.chooser-name{font-size:12px;font-weight:600;margin-top:5px}.chooser .small{font-size:10px}.question-card .panel-head{padding:17px 18px}.question-card .panel-body{padding:18px}.question-label{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:16px}.question-text{font-size:17px;line-height:1.65;font-weight:500;letter-spacing:-.15px;white-space:pre-wrap}.question-placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;min-height:178px;color:var(--muted);font-size:12px;padding:10px}.question-placeholder svg{width:34px;height:34px;color:#6e5b91;margin-bottom:15px}.hint-box{background:#222335;padding:11px 12px;border-radius:8px;color:#969db4;font-size:10px;line-height:1.6;margin-top:17px}.hint-box strong{color:#c8b8e5}.control-stack{display:flex;flex-direction:column;gap:8px;margin-top:17px}.control-stack button{width:100%;font-size:11px;min-height:38px}.mini-label{font-size:9px;font-weight:700;color:#7e879e;letter-spacing:1px;text-transform:uppercase;margin-bottom:12px}.timer{font-size:26px;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:1px}.timer-line{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.answer-reveal{border-left:2px solid var(--green);padding:10px 13px;background:#1b2c29;margin:18px 0;font-size:13px}.answer-reveal .mini-label{color:var(--green);margin-bottom:6px}.answer-tools{padding:13px 20px;display:flex;gap:9px;align-items:center;border-bottom:1px solid var(--line)}.search-wrap{position:relative;flex:1}.search-wrap svg{position:absolute;left:10px;top:10px;width:14px;height:14px;color:#7e879d}.search-wrap input{width:100%;padding:8px 10px 8px 32px;font-size:11px}input,textarea,select{background:#121622;border:1px solid #34394d;color:var(--text);padding:10px 12px;border-radius:7px;min-width:0}input:focus,textarea:focus,select:focus{border-color:var(--accent);outline:2px solid #a77df522}input[type=checkbox]{accent-color:#9a6cf7;width:16px;height:16px;flex-shrink:0}input[type=color]{padding:3px;width:50px;min-height:36px}textarea{resize:vertical;line-height:1.6;min-height:90px}.answer-list{max-height:438px;overflow:auto}.answer-row{display:flex;gap:11px;padding:14px 20px;border-bottom:1px solid #252a3b;align-items:flex-start}.answer-row:last-child{border:0}.answer-row .avatar{width:29px;height:29px;font-size:10px;border-radius:8px}.answer-content{flex:1;min-width:0}.answer-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.answer-meta strong{font-size:11px}.answer-time{font-size:9px;color:#778096}.answer-message{font-size:12px;margin-top:7px;line-height:1.5;word-break:break-word}.answer-actions{display:flex;gap:4px;align-items:center}.grade{padding:5px 7px;font-size:10px;min-width:27px;background:#242837;color:#a8b0c4}.grade.correct{color:#6cdeb0;background:#1d352e;border-color:#355b49}.grade.full{color:#c4a3ff;background:#312344;border-color:#594279}.grade.wrong{color:#f68a9c;background:#392530;border-color:#5c3544}.answer-history{border-left:1px solid #44425b;padding-left:12px;margin-top:10px;color:#b1b7ca;font-size:11px;line-height:1.8}.empty{padding:39px 20px;text-align:center;color:var(--muted);font-size:12px;line-height:1.7}.empty .empty-icon{color:#67617f;margin-bottom:12px}.empty svg{width:28px;height:28px}.empty strong{display:block;color:#c3c6d6;font-size:13px;margin-bottom:6px}.rank-row{display:flex;gap:10px;align-items:center;padding:11px 0;border-bottom:1px solid #282d3e}.rank-row:last-child{border:0}.rank-place{width:15px;color:#919bb0;font-size:11px;text-align:center}.rank-row:first-child .rank-place{color:var(--yellow)}.rank-person{flex:1;min-width:0;font-size:11px;font-weight:600}.rank-person small{display:block;margin-top:4px;color:#777f96;font-size:9px;font-weight:400}.rank-points{font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}.rank-points span{font-size:9px;color:#7e879f;margin-left:2px}.panel-footer{padding:13px 18px;border-top:1px solid var(--line);font-size:10px;color:var(--muted)}.test-composer{padding:16px 20px;background:#161a27;border-top:1px solid var(--line)}.test-composer .btn-row{flex-wrap:nowrap}.test-composer select{font-size:11px;width:135px;padding:9px}.test-composer input{flex:1;width:80px;font-size:11px}.test-composer button{padding:9px 12px;font-size:11px}.test-composer .small{font-size:9px;margin-bottom:10px;color:#8e82a5}.section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.package-card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;display:flex;flex-direction:column}.package-art{height:125px;padding:22px;background:radial-gradient(ellipse at 70% 5%,#7959bd55,transparent 60%),linear-gradient(120deg,#2d2445,#202335);display:flex;justify-content:space-between;align-items:center}.package-art svg{width:64px;height:64px;color:#bc98ff}.package-art .package-num{font-size:70px;font-weight:800;letter-spacing:-6px;color:#b998ec25}.package-card .panel-body{flex:1}.package-card h2{font-size:16px;margin-bottom:8px}.package-card p{font-size:11px;color:var(--muted);margin-bottom:16px}.package-meta{display:flex;gap:16px;color:#b0a8c3;font-size:10px;margin-bottom:20px}.editor-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:22px}.tree{padding:14px}.tree-stage{border-bottom:1px solid var(--line);padding-bottom:13px;margin-bottom:13px}.tree-stage:last-child{margin-bottom:0;border:0}.tree button{font-size:11px;text-align:left}.tree-stage-head{display:flex;gap:5px;align-items:center;margin-bottom:5px}.tree-stage-head strong{flex:1;font-size:12px;padding:7px 5px}.tree-category{padding:3px 0 5px 13px}.tree-category-head{display:flex;gap:5px;align-items:center;margin:4px 0;color:#b9aecf;font-size:11px}.tree-category-head span{flex:1}.tree-question{display:flex;align-items:center;margin:3px 0 3px 12px;gap:4px}.tree-question>button:first-child{flex:1;padding:8px;border:0;background:transparent;color:var(--muted);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:170px}.tree-question>button.selected{background:#302542;color:#c9acfc}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.field{display:flex;flex-direction:column;gap:7px;min-width:0}.field label{font-size:11px;color:#b7bcd0;font-weight:500}.field .help{font-size:10px;color:#7e879f;line-height:1.6}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{width:100%;font-size:12px}.form-section{margin-bottom:25px;padding-bottom:24px;border-bottom:1px solid var(--line)}.form-section:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}.form-section h3{margin-bottom:16px}.checkbox-row{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.5;margin-bottom:11px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;white-space:nowrap}th{font-size:9px;color:#818aa1;text-transform:uppercase;letter-spacing:.8px;font-weight:600;background:#171b28;padding:14px 18px;border-bottom:1px solid var(--line)}td{padding:15px 18px;border-bottom:1px solid #282d3e;font-size:12px}td .person{display:flex;align-items:center;gap:10px}.table-actions{display:flex;gap:6px}.session-row{display:flex;align-items:center;gap:18px;padding:20px 23px;border-bottom:1px solid var(--line)}.session-row:last-child{border:0}.session-info{flex:1}.session-info h3{font-size:13px;margin-bottom:6px}.session-info p{font-size:11px;color:var(--muted);margin:0}.widget-preview{background:linear-gradient(45deg,#222533 25%,transparent 25%),linear-gradient(-45deg,#222533 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222533 75%),linear-gradient(-45deg,transparent 75%,#222533 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;background-color:#1b1d28;aspect-ratio:16/9;overflow:hidden;position:relative}.widget-preview iframe{border:0;width:1920px;height:1080px;transform-origin:top left;position:absolute;inset:0}.link-input{display:flex;gap:8px;align-items:center}.link-input input{width:100%;font-size:10px;color:#a9afc4}.connection{display:flex;align-items:center;gap:12px;border:1px solid var(--line);padding:17px;border-radius:10px;margin-bottom:14px}.connection-icon{width:40px;height:40px;background:#302443;display:grid;place-items:center;border-radius:10px;color:#bd93ff}.connection-icon svg{width:21px;height:21px}.connection-info{flex:1}.connection-info strong{font-size:12px}.connection-info p{font-size:10px;color:var(--muted);margin:5px 0 0}.notice{border:1px solid #49402c;background:#2b281e;color:#c7b68d;padding:13px 15px;font-size:11px;border-radius:8px;line-height:1.7;margin-bottom:18px}.audit-log{max-height:310px;overflow:auto}.log-row{font-size:11px;padding:11px 0;border-bottom:1px solid #282d3e;line-height:1.6}.log-row time{font-size:9px;display:block;color:#778199;margin-bottom:3px}.media-preview{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.media-preview img,.media-preview video{max-width:100%;max-height:230px;border-radius:8px}.media-preview audio{max-width:100%}.media-item{position:relative}.media-item .remove-media{position:absolute;right:5px;top:5px;background:#171522e8;padding:5px 8px}.media-preview.widget-media{justify-content:center}.media-preview.widget-media img,.media-preview.widget-media video{max-height:55vh}.boot{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px}.boot .brand-mark{width:55px;height:55px;font-size:34px}.boot h1{margin:10px 0 0}.boot p{color:var(--muted)}dialog{background:var(--surface);border:1px solid #4d405e;color:var(--text);border-radius:15px;width:min(650px,calc(100vw - 30px));padding:0;box-shadow:0 30px 100px #0009;max-height:90vh}dialog::backdrop{background:#080911bd;backdrop-filter:blur(4px)}.modal-head{display:flex;gap:12px;align-items:center;padding:22px 25px;border-bottom:1px solid var(--line)}.modal-head h2{flex:1}.modal-body{padding:25px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:17px 25px;border-top:1px solid var(--line)}#toast{position:fixed;bottom:25px;left:calc(50% + 80px);transform:translate(-50%,20px);border:1px solid #5f4a7d;background:#2c2440;box-shadow:0 12px 40px #0006;color:#eee5ff;border-radius:10px;padding:13px 20px;font-size:12px;z-index:9999;opacity:0;pointer-events:none;transition:.2s;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}#toast.error{background:#3e2531;border-color:#8c415d;color:#ffb2c4}.mobile-menu{display:none}.pending-pill{font-size:9px;color:var(--yellow);background:#342e21;border-radius:5px;padding:4px 7px}.screen-message{padding:45px 20px;text-align:center;color:var(--muted)}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.result-summary>div{padding:15px;border:1px solid var(--line);border-radius:8px;background:#1c2030}.result-summary strong{display:block;font-size:20px;margin-bottom:6px}.result-summary span{font-size:10px;color:var(--muted)}.widget-body{background:transparent;overflow:hidden}.widget-root{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:4vw;--accent:#b28aff}.widget-shell{border:1px solid #ae8dff44;background:#141522ed;border-radius:24px;padding:3vw;box-shadow:0 12px 70px #0003;position:relative;overflow:hidden}.widget-shell:before{content:'';width:60%;height:350px;position:absolute;top:-330px;left:20%;border-radius:50%;box-shadow:0 80px 180px #8c52f84a;pointer-events:none}.widget-header{display:flex;align-items:center;gap:15px;margin-bottom:2vw;font-size:clamp(16px,2vw,32px);font-weight:800}.widget-header .brand-mark{width:2.6vw;height:2.6vw;font-size:1.6vw;min-width:30px;min-height:30px}.widget-header .spacer{font-weight:400}.widget-header .badge{font-size:clamp(9px,1vw,18px);padding:.4vw .8vw}.widget-board{display:grid;gap:1vw;overflow:auto}.widget-board .category{gap:.7vw;grid-auto-rows:minmax(70px,auto)}.widget-board .category-title{font-size:clamp(12px,1.3vw,27px);color:#d7c8ee;min-height:5vw}.widget-board .cell{height:6vw;min-height:65px;font-size:clamp(20px,2.5vw,56px);cursor:default}.widget-question{min-height:60vh;display:flex;flex-direction:column;justify-content:center;text-align:center}.widget-question h1{font-size:clamp(25px,3.2vw,68px);line-height:1.45;max-width:1400px;margin:0 auto 3vw;font-weight:600}.widget-question .answer-reveal{font-size:clamp(24px,3.5vw,75px);padding:2vw;max-width:90%;margin:2vw auto;border:0;background:#1e3630;border-radius:16px;color:#a3f1c5}.widget-footer{display:flex;align-items:center;gap:10px;padding-top:2vw;color:#b7abc9;font-size:clamp(13px,1.25vw,25px)}.widget-rating{max-width:850px;width:100%;margin:auto}.widget-rating .rank-row{padding:1vw .5vw;gap:1.2vw;transition:transform .3s}.widget-rating .rank-place{font-size:clamp(14px,1.8vw,35px);width:2vw}.widget-rating .rank-person{font-size:clamp(18px,2vw,38px)}.widget-rating .avatar{width:3.2vw;height:3.2vw;min-width:34px;min-height:34px;font-size:1.2vw;border-radius:12px}.widget-rating .rank-points{font-size:clamp(18px,2.2vw,45px)}.widget-rating .rank-points span{font-size:1vw}.widget-welcome{text-align:center;padding:8vw 0}.widget-welcome h1{font-size:6vw;margin-bottom:2vw;font-weight:800}.widget-welcome p{font-size:2vw;color:#afa3c2}.widget-error{font-size:20px;text-align:center;color:#d0b7eb;padding:40px}.visually-hidden{position:absolute;clip:rect(0,0,0,0);width:1px;height:1px;overflow:hidden}
@media(min-width:1600px){.content{padding-top:37px}.game-layout{grid-template-columns:minmax(0,1fr) 350px}.cell{height:67px}.category{grid-auto-rows:minmax(56px,auto)}}
@media(max-width:1200px){.sidebar{width:195px;padding-left:12px;padding-right:12px}.app-shell{grid-template-columns:195px minmax(0,1fr)}.brand{padding-left:8px}.brand-title{font-size:17px}.brand-caption{font-size:8px}.content{padding:25px 23px}.topbar{padding:0 23px}.game-layout{grid-template-columns:minmax(0,1fr) 280px;gap:16px}.panel-head{padding:17px}.board-wrap{padding:15px}.stats{gap:12px}.stat{padding:15px}.editor-layout{grid-template-columns:235px minmax(0,1fr)}.answer-row{padding:13px 16px}.answer-actions{flex-direction:column}.intro-banner .btn-row{display:none}}
@media(max-width:1000px){.game-layout{grid-template-columns:minmax(0,1fr)}.game-aside{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar-right .sync-label{display:none}.section-grid{gap:16px}.page-head{flex-wrap:wrap}.page-head .btn-row{margin-left:0}.answer-actions{flex-direction:row}.editor-layout{grid-template-columns:220px minmax(0,1fr)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translateX(-100%);transition:transform .2s;width:225px;box-shadow:15px 0 70px #0008}.sidebar.open{transform:translateX(0)}.main{width:100%}.mobile-menu{display:block}.topbar{padding:0 16px;height:60px;gap:12px}.topbar-right{gap:8px}.topbar-right .badge{display:none}.content{padding:23px 16px}.page-head h1{font-size:24px}.page-head .btn-row{width:100%;padding-top:3px}.intro-banner{padding:12px}.intro-banner p{font-size:10px}.stats{gap:10px}.stat{padding:14px}.stat-top{font-size:10px}.stat-value{font-size:23px}.game-aside{display:block}.section-grid{grid-template-columns:1fr}.editor-layout{grid-template-columns:1fr}.tree{max-height:340px;overflow:auto}.answer-actions{flex-direction:column}.answer-tools{flex-wrap:wrap}.answer-tools select{font-size:10px;max-width:110px}.tabs{gap:15px;padding:0 16px}.test-composer .btn-row{flex-wrap:wrap}.test-composer select{width:calc(100% - 42px)}.test-composer input{width:calc(100% - 100px)}.session-row{padding:18px 16px;flex-wrap:wrap;gap:10px}.session-info{min-width:65%}.panel-body{padding:17px}#toast{left:50%}.topbar .breadcrumb{font-size:11px}.widget-board{overflow:visible}.widget-board .category-title{font-size:12px}.widget-board .cell{font-size:22px}.widget-header{font-size:17px}.widget-shell{padding:20px;border-radius:15px}.widget-root{padding:15px}.widget-rating .rank-row{padding:14px 0;gap:12px}.widget-rating .rank-place{width:20px}.widget-rating .avatar{font-size:12px}.widget-welcome h1{font-size:40px}.widget-welcome p{font-size:17px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
#widget-settings-form .checkbox-row input[type="checkbox"]{width:16px;flex:0 0 16px;padding:0}
svg{width:18px;height:18px;vertical-align:-4px;flex-shrink:0}.widget-welcome svg{width:80px;height:80px}.tree-stage-head{flex-wrap:wrap}.tree-stage-head strong{min-width:95px}.tree-stage-head .icon-btn{padding:5px}.widget-question h1{font-size:clamp(25px,calc(3.2vw * var(--widget-font-scale,1)),110px)}.widget-rating .rank-person{font-size:clamp(14px,calc(2vw * var(--widget-font-scale,1)),65px)}.widget-rating .rank-points{font-size:clamp(15px,calc(2.2vw * var(--widget-font-scale,1)),70px)}.widget-header{font-size:clamp(16px,calc(2vw * var(--widget-font-scale,1)),60px)}.widget-board .category-title{font-size:clamp(12px,calc(1.3vw * var(--widget-font-scale,1)),45px)}.widget-board .cell{font-size:clamp(20px,calc(2.5vw * var(--widget-font-scale,1)),80px)}