:root{--font:"Montserrat", "Nunito", "Segoe UI", "Helvetica Neue", system-ui, -apple-system, BlinkMacSystemFont, sans-serif;--purple:#46178f;--purple-2:#5c21b5;--purple-dark:#2a0c5e;--purple-ink:#25076b;--blue:#1368ce;--blue-dark:#0f56aa;--green:#26890c;--green-dark:#1f6f0a;--red:#e21b3c;--yellow:#d89e00;--ok:#66bf39;--bad:#f35;--partial:#ff9f1a;--ink:#1e1b24;--text:#333;--muted:#5f5a6b;--line:#e0dde6;--bg:#f2f2f5;--white:#fff;--radius:8px;--shadow:0 2px 4px #00000014, 0 6px 18px #1e143c0f;--chunk:inset 0 -4px 0 #0000003d;font-family:var(--font);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}.ans-0{--c:#e21b3c}.ans-1{--c:#1368ce}.ans-2{--c:#d89e00}.ans-3{--c:#26890c}.ans-4{--c:#0aa3a3}.ans-5{--c:#864cbf}*,:before,:after{box-sizing:border-box}body{min-height:100vh;margin:0}button,input,select,textarea{font:inherit;color:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.5}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--ink);letter-spacing:-.01em;font-weight:800}p{line-height:1.55}svg{flex-shrink:0}small{font-size:12px}kbd{font:inherit}input,textarea,select{border:2px solid var(--line);border-radius:var(--radius);width:100%;color:var(--ink);background:#fff;outline:none;padding:11px 14px;font-weight:600;transition:border-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:#8a8496;font-weight:600}input:focus,textarea:focus,select:focus{border-color:var(--purple-2);box-shadow:0 0 0 3px #5c21b52e}textarea{resize:vertical;line-height:1.5}input[type=checkbox],input[type=radio]{accent-color:var(--purple);cursor:pointer;width:20px;height:20px}:focus-visible{outline-offset:3px;outline:3px solid #ffbf00}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.full{width:100%}.center-text{text-align:center;word-break:break-all}.show-mobile{display:none!important}.brand{letter-spacing:-.04em;color:var(--purple);align-items:baseline;font-size:30px;font-style:italic;font-weight:900;line-height:1;display:inline-flex}.brand-bang{color:var(--red);margin-left:1px}.brand.light{color:#fff}.brand.light .brand-bang{color:#ffd23f}.brand-link{align-items:center;display:inline-flex}.btn{border-radius:var(--radius);white-space:nowrap;min-height:44px;color:var(--ink);box-shadow:var(--chunk);background:#e4e1ea;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 18px 12px;font-size:15px;font-weight:800;line-height:1.2;transition:background .12s,transform 80ms,box-shadow 80ms,filter .12s;display:inline-flex}.btn:hover:not(:disabled){filter:brightness(1.06)}.btn:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 -2px #0000003d}.btn.small{min-height:38px;padding:7px 13px 9px;font-size:14px}.btn.big{min-height:54px;font-size:18px}.btn.blue{background:var(--blue);color:#fff}.btn.green{background:var(--green);color:#fff}.btn.red{background:var(--red);color:#fff}.btn.dark{color:#fff;background:#333}.btn.white{color:var(--ink);background:#fff}.btn.outline{color:var(--ink);box-shadow:inset 0 0 0 2px var(--line), inset 0 -4px 0 var(--line);background:#fff}.btn.ghost{box-shadow:none;color:var(--muted);background:0 0}.btn.ghost:hover:not(:disabled){filter:none;color:var(--ink);background:#ece9f2}.btn.ghost-light{color:#fff;background:#ffffff24;box-shadow:inset 0 -4px #0003}.btn.ghost-light:hover:not(:disabled){filter:none;background:#ffffff38}.btn.edit-button{color:var(--ink);background:#ece9f2}.danger-text{color:#c4122f!important}.danger-light{color:#ffd1d9!important}.icon-btn{border-radius:var(--radius);width:38px;height:38px;color:var(--muted);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover:not(:disabled){color:var(--ink);background:#ece9f2}.icon-btn.compact{width:32px;height:32px}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#14082d9e;place-items:center;padding:16px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}.modal{width:min(480px,100%);max-height:calc(100vh - 32px);color:var(--text);background:#fff;border-radius:14px;padding:22px 24px 24px;animation:.22s cubic-bezier(.2,1.4,.4,1) pop;overflow-y:auto;box-shadow:0 24px 60px #00000059}.modal.wide{width:min(720px,100%)}.modal-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.modal-heading h2{margin:0;font-size:22px}.modal p{color:var(--muted);font-weight:500}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.toast{z-index:120;color:#fff;background:#1e1b24;border-radius:10px;align-items:center;gap:14px;max-width:calc(100% - 32px);padding:14px 18px;font-weight:700;animation:.25s ease-out rise;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #0000004d}.toast-action{color:#ffd23f;text-transform:uppercase;letter-spacing:.04em;margin-left:8px;font-size:13px;font-weight:900}.alert{border-radius:var(--radius);color:#9e0f27;border-left:5px solid var(--red);background:#fff0f2;align-items:center;gap:10px;margin:0 0 12px;padding:12px 14px;font-weight:700;display:flex}.alert p{flex:1;margin:0}.hint-text{color:var(--muted);align-items:center;gap:6px;margin:6px 0 0;font-size:13px;display:flex}.crash{text-align:center;background:var(--purple);color:#fff;place-content:center;justify-items:center;gap:8px;min-height:100vh;padding:24px;display:grid}.crash h1{color:#fff;margin-top:18px;font-size:32px}.crash p{opacity:.85;max-width:460px}.app-shell{min-height:100vh}.topnav{z-index:30;background:#fff;align-items:center;gap:20px;height:64px;padding:0 24px;display:flex;position:sticky;top:0;box-shadow:0 2px #0000000f}.topnav-tabs{gap:4px;height:100%;display:flex}.topnav-tabs button{color:var(--muted);border-top:4px solid #0000;border-bottom:4px solid #0000;align-items:center;gap:8px;padding:0 14px;font-size:15px;font-weight:800;display:flex}.topnav-tabs button:hover{color:var(--ink)}.topnav-tabs button.active{color:var(--purple);border-bottom-color:var(--purple)}.nav-count{color:var(--ink);background:#ece9f2;border-radius:99px;padding:2px 8px;font-size:12px}.topnav-actions{align-items:center;gap:10px;margin-left:auto;display:flex}.page{max-width:1240px;margin:0 auto;padding:24px}.hero-row{grid-template-columns:1.15fr 1fr;gap:20px;margin-bottom:32px;display:grid}.hero-card{color:#fff;box-shadow:var(--shadow);border-radius:16px;padding:30px 32px;position:relative;overflow:hidden}.hero-card h1,.hero-card h2{color:#fff;margin-bottom:8px}.hero-card h1{font-size:44px;font-weight:900}.hero-card h2{font-size:28px;font-weight:900}.hero-card p{opacity:.92;max-width:420px;font-weight:600;position:relative}.hero-play{background:linear-gradient(135deg, var(--purple) 0%, var(--purple-2) 100%)}.hero-create{background:linear-gradient(135deg,#0f56aa,#1368ce 60%,#2a8ce6)}.hero-badge{letter-spacing:.08em;background:#ffffff2e;border-radius:99px;margin-bottom:12px;padding:4px 10px;font-size:11px;font-weight:900;display:inline-block}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex;position:relative}.hero-shapes .hs{opacity:.16;color:#fff;position:absolute}.hs-0{top:18px;right:30px;transform:rotate(14deg)}.hs-1{bottom:-14px;right:120px;transform:rotate(-10deg)}.hs-2{bottom:40px;right:-14px}.hs-3{top:-20px;right:190px;transform:rotate(20deg)}.quick-join{gap:10px;max-width:400px;margin-top:18px;display:flex;position:relative}.quick-join input{text-align:center;letter-spacing:.12em;border:0;height:52px;font-size:20px;font-weight:900}.quick-join .btn{height:52px;padding-inline:26px}.section-heading{align-items:center;gap:10px;margin-bottom:14px;display:flex}.section-heading h2{margin:0;font-size:26px}.count-pill{background:var(--purple);color:#fff;border-radius:99px;padding:3px 10px;font-size:13px;font-weight:900}.library-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;display:flex}.filters{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--muted);box-shadow:inset 0 0 0 2px var(--line);background:#fff;border-radius:99px;padding:8px 14px;font-size:14px;font-weight:800}.chip:hover{color:var(--ink)}.chip.active{background:var(--purple);color:#fff;box-shadow:none}.search{border:2px solid var(--line);min-width:260px;color:var(--muted);background:#fff;border-radius:99px;align-items:center;gap:8px;padding:0 14px;display:flex}.search:focus-within{border-color:var(--purple-2)}.search input{box-shadow:none;background:0 0;border:0;padding:9px 0}.quiz-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:18px;display:grid}.quiz-card{box-shadow:var(--shadow);background:#fff;border-radius:12px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;overflow:visible}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 4px 8px #00000014,0 14px 30px #1e143c1f}.cover-button{border-radius:12px 12px 0 0;width:100%;display:block;position:relative;overflow:hidden}.q-count{color:#fff;background:#0009;border-radius:6px;padding:4px 9px;font-size:12px;font-weight:800;position:absolute;bottom:10px;right:10px}.draft-badge{color:#4a3500;text-transform:uppercase;letter-spacing:.05em;background:#ffd23f;border-radius:6px;padding:4px 9px;font-size:11px;font-weight:900;position:absolute;top:10px;left:10px}.quiz-card-body{flex-direction:column;flex:1;padding:12px 16px 16px;display:flex}.card-top{justify-content:space-between;align-items:center;display:flex}.card-category{color:var(--purple-2);text-transform:uppercase;letter-spacing:.05em;font-size:12px;font-weight:800}.card-title{text-align:left;color:var(--ink);margin:2px 0 6px;font-size:18px;font-weight:900;line-height:1.25}.card-title:hover{color:var(--purple)}.card-description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:12px;font-size:14px;font-weight:500;display:-webkit-box;overflow:hidden}.card-bottom{align-items:center;gap:8px;display:flex}.card-meta{color:var(--muted);align-items:center;gap:5px;margin-right:auto;font-size:13px;font-weight:700;display:inline-flex}.card-menu-wrap{position:relative}.card-menu{z-index:20;background:#fff;border-radius:10px;min-width:170px;padding:6px;animation:.15s ease-out pop;position:absolute;top:36px;right:0;box-shadow:0 10px 30px #0000002e}.card-menu button{text-align:left;border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:14px;font-weight:700;display:flex}.card-menu button:hover{background:#f2f0f6}.new-quiz-card{min-height:290px;color:var(--muted);border:3px dashed #c9c3d6;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;font-weight:700;transition:border-color .15s,background .15s;display:flex}.new-quiz-card:hover{border-color:var(--purple-2);color:var(--purple);background:#faf8fd}.new-quiz-card strong{color:var(--ink);font-size:18px;font-weight:900}.new-plus{background:var(--purple);color:#fff;width:62px;height:62px;box-shadow:var(--chunk);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.empty-message{text-align:center;color:var(--muted);padding:30px 0;font-weight:700}.library-note{color:var(--muted);align-items:center;gap:8px;margin-top:22px;font-size:13px;font-weight:600;display:flex}.recent-list{gap:10px;display:grid}.recent-row{box-shadow:var(--shadow);text-align:left;background:#fff;border-radius:12px;align-items:center;gap:14px;padding:14px 18px;transition:transform .12s;display:flex}.recent-row:hover{transform:translate(3px)}.recent-icon{background:var(--purple);color:#fff;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.recent-text{flex:1;gap:2px;display:grid}.recent-text strong{color:var(--ink);font-weight:800}.recent-text small{color:var(--muted);font-weight:600}.recent-go{color:var(--blue);align-items:center;gap:6px;font-weight:800;display:flex}.empty-panel{text-align:center;box-shadow:var(--shadow);color:var(--muted);background:#fff;border-radius:14px;justify-items:center;gap:6px;padding:48px 20px;display:grid}.empty-panel h3{margin:8px 0 0;font-size:22px}.page-footer{border-top:2px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:40px;padding-top:18px;font-size:13px;font-weight:700;display:flex}.cover{aspect-ratio:400/210;color:#fff;display:block}.cover svg{width:100%;height:100%;display:block}.cover-green{color:#26890c;background:linear-gradient(135deg,#26890c,#46b01f)}.cover-peach{color:#e21b3c;background:linear-gradient(135deg,#e21b3c,#ff7a2f)}.cover-lilac{color:#46178f;background:linear-gradient(135deg,#46178f,#864cbf)}.cover-blue{color:#1368ce;background:linear-gradient(135deg,#0f56aa,#2a8ce6)}.cover.small{border-radius:8px;flex-shrink:0;width:96px;overflow:hidden}.tour{gap:12px;margin-bottom:16px;display:grid}.tour-step{align-items:flex-start;gap:14px;display:flex}.tour-step>span{background:var(--c);color:#fff;width:44px;height:44px;box-shadow:var(--chunk);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.tour-step h3{margin:0 0 2px;font-size:17px}.tour-step p{margin:0;font-size:14px}.rules{background:#f6f4fa;border-radius:10px;margin:14px 0;padding:12px 14px;font-size:13px}.rules summary{cursor:pointer;color:var(--ink);font-weight:800}.rules p{margin:10px 0 0;font-size:13px}.host-quiz{background:#f6f4fa;border-radius:12px;align-items:center;gap:14px;padding:12px;display:flex}.host-quiz strong{color:var(--ink);font-size:18px;font-weight:900}.host-quiz p{margin:2px 0 0;font-size:14px}.field-heading{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:20px 0 10px;font-size:14px}.mode-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode-option{text-align:left;box-shadow:inset 0 0 0 3px var(--line);border-radius:12px;justify-items:start;gap:4px;padding:16px;transition:box-shadow .12s,background .12s;display:grid;position:relative}.mode-option strong{color:var(--ink);font-size:18px;font-weight:900}.mode-option>span:not(.mode-icon):not(.mode-check){color:var(--muted);font-size:13px;font-weight:600;line-height:1.4}.mode-icon{color:#fff;border-radius:10px;place-items:center;width:48px;height:48px;margin-bottom:6px;display:grid}.mode-speed .mode-icon{background:var(--purple)}.mode-accuracy .mode-icon{background:var(--green)}.mode-option.selected{box-shadow:inset 0 0 0 3px var(--purple-2);background:#f7f3fd}.mode-check{background:var(--purple-2);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;display:grid;position:absolute;top:12px;right:12px}.toggle-row{cursor:pointer;border-bottom:2px solid #f0eef4;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.toggle-row>span{gap:2px;display:grid}.toggle-row strong{color:var(--ink);font-weight:800}.toggle-row small{color:var(--muted);font-size:13px;font-weight:600}.switch{appearance:none;background:#cfc9da;border:0;border-radius:99px;flex-shrink:0;padding:0;transition:background .15s;position:relative;width:48px!important;height:28px!important}.switch:after{content:"";background:#fff;border-radius:50%;width:22px;height:22px;transition:transform .18s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #0000004d}.switch:checked{background:var(--green)}.switch:checked:after{transform:translate(20px)}.switch:focus{box-shadow:0 0 0 3px #26890c40}.modal .btn.full.big{margin-top:18px}.join-screen,.game-shell{color:#fff;background:radial-gradient(at 50% 0,#5c21b5 0%,#46178f 45%,#2a0c5e 100%);min-height:100dvh;position:relative;overflow:hidden}.bg-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.bgs{color:#fff;opacity:.06;animation:18s ease-in-out infinite alternate drift;position:absolute}.bgs-0{top:12%;left:-30px;transform:rotate(-12deg)}.bgs-1{animation-delay:-4s;top:6%;right:6%}.bgs-2{animation-delay:-8s;bottom:-30px;left:12%}.bgs-3{animation-delay:-2s;bottom:18%;right:-20px;transform:rotate(15deg)}.bgs-4{animation-delay:-10s;top:-50px;left:46%;transform:rotate(40deg)}.bgs-5{animation-delay:-6s;bottom:-40px;right:30%}.join-screen{flex-direction:column;display:flex}.join-center{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;padding:24px 16px;display:flex;position:relative}.join-center>.brand{font-size:64px}.join-box{width:min(340px,100%);color:var(--ink);background:#fff;border-radius:10px;gap:10px;padding:16px;animation:.25s cubic-bezier(.2,1.4,.4,1) pop;display:grid;box-shadow:0 10px 40px #00000059}.join-input{text-align:center;border-width:2px;height:54px;font-size:20px;font-weight:900}#game-pin{letter-spacing:.14em}.join-pin-chip{color:var(--purple);letter-spacing:.06em;background:#f0ecf8;border-radius:99px;justify-self:center;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:900;display:inline-flex}.join-hint{text-align:center;color:var(--muted);font-weight:600}.join-error{background:var(--bad);color:#fff;border-radius:8px;align-items:center;gap:8px;max-width:380px;margin:0;padding:10px 16px;font-weight:800;animation:.35s shake;display:flex}.join-top{z-index:2;align-items:center;gap:8px;display:flex;position:absolute;top:16px;right:16px}.join-home{color:#fff;background:#ffffff26;border-radius:8px;align-items:center;gap:7px;padding:9px 14px;font-size:14px;font-weight:800;display:inline-flex;box-shadow:inset 0 -3px #0003}.join-home:hover{background:#ffffff40}.join-footer{text-align:center;opacity:.85;padding:20px;font-weight:700;position:relative}.join-footer a:hover{text-decoration:underline}.editor-shell{background:#f2f2f5;flex-direction:column;min-height:100vh;display:flex}.editor-topbar{z-index:30;background:#fff;align-items:center;gap:14px;height:60px;padding:0 16px;display:flex;position:sticky;top:0;box-shadow:0 2px #0000000f}.editor-topbar .brand{font-size:26px}.title-button{border-radius:var(--radius);min-width:0;max-width:420px;box-shadow:inset 0 0 0 2px var(--line);align-items:center;gap:10px;height:42px;padding:4px 4px 4px 14px;display:flex}.title-button>span:first-child{text-overflow:ellipsis;white-space:nowrap;color:var(--ink);font-weight:800;overflow:hidden}.title-button:hover{box-shadow:inset 0 0 0 2px #b9b1c9}.settings-pill{color:var(--ink);background:#ece9f2;border-radius:6px;flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.save-status{color:var(--green);align-items:center;gap:5px;font-size:13px;font-weight:700;display:inline-flex}.save-status.unsaved{color:#c4122f}.editor-top-actions{align-items:center;gap:8px;margin-left:auto;display:flex}.editor-alerts{padding:12px 16px 0}.editor-layout{flex:1;grid-template-columns:200px minmax(0,1fr) 270px;min-height:0;display:grid}.slide-rail{background:#fff;border-right:2px solid #eae7ef;flex-direction:column;gap:10px;height:calc(100vh - 60px);padding:12px 10px;display:flex;position:sticky;top:60px}.slide-rail ol{flex:1;align-content:start;gap:10px;margin:0;padding:0 2px 0 0;list-style:none;display:grid;overflow-y:auto}.slide-rail li{cursor:grab;gap:4px;display:grid}.slide-rail li.dragging{opacity:.4}.slide-num{color:var(--ink);align-items:baseline;gap:6px;padding-left:2px;font-size:13px;font-weight:900;display:flex}.slide-num small{color:var(--muted);font-size:11px;font-weight:700}.slide-thumb{aspect-ratio:16/10;text-align:center;background:#f2f0f6;border-radius:8px;grid-template-rows:auto 1fr auto;justify-items:center;gap:4px;width:100%;padding:6px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #0000}.slide-thumb:hover{background:#ebe7f2}.slide-thumb.active{box-shadow:inset 0 0 0 3px var(--purple-2);background:#e8e1f6}.thumb-text{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:3px;width:100%;padding:2px 4px;font-size:10px;font-weight:800;overflow:hidden}.thumb-time{width:20px;height:20px;color:var(--ink);background:#d6cee6;border-radius:50%;place-items:center;font-size:8px;font-weight:900;display:grid;position:absolute;top:26px;left:6px}.thumb-image{object-fit:cover;border-radius:3px;width:46px;height:28px}.thumb-image.placeholder{color:#b5adc4;background:#fff;place-items:center;display:grid}.thumb-answers{grid-template-columns:1fr 1fr;gap:3px;width:100%;display:grid}.thumb-answers span{background:var(--c);opacity:.5;border-radius:2px;height:8px}.thumb-answers span.ok{opacity:1;box-shadow:inset 0 0 0 1.5px #fffc}.thumb-warning{background:var(--red);color:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 2px #fff}.add-wrap{gap:6px;display:grid;position:relative}.rail-count{text-align:center;color:var(--muted);font-weight:700}.add-menu{z-index:10;background:#fff;border-radius:10px;padding:6px;animation:.15s ease-out pop;position:absolute;bottom:calc(100% + 6px);left:0;right:0;box-shadow:0 10px 30px #0003}.add-menu button{border-radius:6px;align-items:center;gap:10px;width:100%;padding:10px;font-size:14px;font-weight:800;display:flex}.add-menu button:hover{background:#f2f0f6}.type-icon{background:var(--purple);color:#fff;border-radius:5px;grid-template-columns:1fr 1fr;place-items:center;gap:1px;width:26px;height:26px;padding:3px;display:grid}.type-icon.type-boolean{background:var(--blue);grid-template-columns:1fr 1fr}.type-icon.type-multiple{background:var(--green)}.canvas{background:linear-gradient(#ece8f3,#f2f2f5 320px);flex-direction:column;align-items:stretch;gap:18px;min-width:0;padding:24px clamp(16px,3vw,40px) 40px;display:flex}.canvas-question{text-align:center;resize:none;border:0;border-radius:8px;min-height:74px;padding:18px 20px;font-size:24px;font-weight:800;box-shadow:0 2px #00000014}.canvas-question:focus{box-shadow:0 0 0 3px #5c21b540}.canvas-media{aspect-ratio:16/9;border-radius:10px;align-self:center;width:min(480px,100%);transition:background .15s}.canvas-media.drop{outline:3px dashed var(--purple-2);background:#5c21b51f}.media-empty{width:100%;height:100%;color:var(--muted);background:#ffffff8c;border:3px dashed #c4bcd3;border-radius:10px;place-content:center;justify-items:center;gap:6px;display:grid}.media-empty:hover{border-color:var(--purple-2);background:#ffffffd9}.media-empty strong{color:var(--ink);font-weight:800}.media-plus{width:54px;height:54px;color:var(--purple);background:#fff;border-radius:8px;place-items:center;display:grid;box-shadow:0 2px 6px #0000001a}.media-image{width:100%;height:100%;position:relative}.media-image img{object-fit:contain;background:#fff;border-radius:10px;width:100%;height:100%}.media-actions{gap:6px;display:flex;position:absolute;bottom:8px;right:8px}.canvas-answers{grid-template-columns:1fr 1fr;gap:10px;display:grid}.edit-answer{background:#fff;border-radius:8px;align-items:center;gap:10px;min-height:84px;padding:8px 10px 8px 8px;transition:background .15s;display:flex;box-shadow:0 2px #00000014}.edit-shape{background:var(--c);color:#fff;border-radius:5px;flex-shrink:0;align-self:stretch;place-items:center;width:44px;display:grid}.edit-answer input{box-shadow:none;background:0 0;border:0;padding:8px 4px;font-size:17px;font-weight:800}.edit-answer.filled{background:var(--c)}.edit-answer.filled .edit-shape{background:0 0}.edit-answer.filled input{color:#fff}.edit-answer.filled input::placeholder{color:#ffffffb3}.edit-answer.filled input:focus{background:#0000001a;border-radius:6px}.answer-remove{width:28px;height:28px;color:var(--muted);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.edit-answer.filled .answer-remove{color:#ffffffd9}.answer-remove:hover{background:#0000001f}.correct-toggle{color:#fff;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;transition:transform .1s,background .12s;display:grid;box-shadow:inset 0 0 0 3px #d2cbdd}.correct-toggle.square{border-radius:8px}.edit-answer.filled .correct-toggle{background:0 0;box-shadow:inset 0 0 0 3px #ffffffe6}.correct-toggle:hover{transform:scale(1.08)}.edit-answer.correct .correct-toggle{background:var(--ok);box-shadow:inset 0 0 0 3px #fff, 0 0 0 2px var(--ok)}.add-answer{align-self:center}.canvas-explanation{background:#fff;border-radius:10px;gap:6px;padding:12px 14px;display:grid;box-shadow:0 2px #0000000f}.canvas-explanation>span{color:var(--ink);align-items:center;gap:6px;font-size:14px;font-weight:800;display:flex}.reveal-add{justify-self:start}.reveal-image-edit{align-items:center;gap:10px;display:flex}.reveal-image-edit img{border-radius:6px;max-width:220px;max-height:120px}.canvas-explanation small{color:var(--muted);font-weight:600}.canvas-explanation textarea{border-width:2px;font-weight:500}.canvas-empty{text-align:center;color:var(--muted);justify-items:center;gap:10px;padding:60px 20px;display:grid}.inspector{background:#fff;border-left:2px solid #eae7ef;flex-direction:column;gap:22px;height:calc(100vh - 60px);padding:18px 16px;display:flex;position:sticky;top:60px;overflow-y:auto}.inspector-group h3{align-items:center;gap:7px;margin:0 0 10px;font-size:14px;display:flex}.type-picker{gap:6px;display:grid}.type-picker button,.time-picker button{text-align:left;box-shadow:inset 0 0 0 2px var(--line);border-radius:8px;padding:10px 12px;font-size:14px;font-weight:800}.type-picker button:hover,.time-picker button:hover{box-shadow:inset 0 0 0 2px #b9b1c9}.type-picker button.active,.time-picker button.active{background:var(--purple);color:#fff;box-shadow:none}.time-picker{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.time-picker button{text-align:center;padding:9px 4px}.issues ul{color:#9e0f27;background:#fff0f2;border-radius:8px;margin:0;padding:10px 12px 10px 28px;font-size:13px;font-weight:700}.issues h3{color:#c4122f}.inspector-actions{grid-template-columns:1fr;gap:2px;margin-top:auto;display:grid}.inspector-actions .btn{justify-content:flex-start}.settings-form{gap:14px;margin-bottom:18px;display:grid}.settings-form label,.cover-field legend{color:var(--ink);gap:6px;font-size:14px;font-weight:800;display:grid}.optional{color:var(--muted);font-size:12px;font-weight:600}.cover-field{border:0;margin:0;padding:0}.cover-picker{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:6px;display:grid}.cover-swatch{border-radius:10px;padding:3px;box-shadow:inset 0 0 0 3px #0000}.cover-swatch.active{box-shadow:inset 0 0 0 3px var(--purple-2)}.cover-swatch .cover.small{width:100%}.question-preview{gap:14px;display:grid}.preview-stage{background:linear-gradient(160deg,#5c21b5,#46178f);border-radius:12px;justify-items:center;gap:12px;padding:16px;display:grid;position:relative}.preview-stage h2{text-align:center;background:#fff;border-radius:6px;width:100%;margin:0;padding:12px;font-size:20px}.preview-image{border-radius:8px;max-width:100%;max-height:200px}.preview-timer{background:var(--purple-ink);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;font-weight:900;display:grid;position:absolute;bottom:16px;left:16px}.preview-answers{grid-template-columns:1fr 1fr;gap:8px;display:grid}.explanation-box{background:#f6f4fa;border-radius:10px;margin:0;padding:12px 14px}.game-shell{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;touch-action:manipulation;flex-direction:column;height:100dvh;display:flex;min-height:0!important}html:has(.game-shell){overscroll-behavior:none;height:100%;overflow:hidden}html:has(.game-shell) body{overscroll-behavior:none;height:100%;overflow:hidden}.game-topbar{z-index:5;background:#0000002e;flex-shrink:0;align-items:center;gap:12px;height:56px;padding:0 16px;display:flex;position:relative}.game-topbar .brand{font-size:26px}.gt-pin{letter-spacing:.06em;background:#ffffff26;border-radius:6px;padding:5px 12px;font-size:14px;font-weight:900}.gt-left,.game-tools{flex:1 1 0;align-items:center;display:flex}.game-tools{justify-content:flex-end}.gt-center{text-align:center;text-overflow:ellipsis;white-space:nowrap;opacity:.92;flex:0 auto;min-width:0;font-weight:800;overflow:hidden}.game-tools{gap:4px}.tool-btn{color:#fff;background:#ffffff1a;border-radius:8px;place-items:center;width:38px;height:38px;transition:background .12s;display:inline-grid}.tool-btn:hover:not(:disabled){background:#ffffff38}.tool-btn[aria-pressed=true],.tool-btn.on{color:var(--purple);background:#fff}.tool-btn.big{width:48px;height:48px}.conn-dot{background:#ffb020;border-radius:50%;width:12px;height:12px;margin-right:6px;animation:1.2s infinite pulse;box-shadow:0 0 0 3px #ffb0204d}.conn-dot.online{background:var(--ok);animation:none;box-shadow:0 0 0 3px #66bf394d}.game-main{z-index:1;flex-direction:column;flex:1;min-height:0;padding:16px clamp(12px,2.5vw,32px) 20px;display:flex;position:relative;overflow:hidden}.phase-finished .game-main{overscroll-behavior:contain;overflow-y:auto}.game-main>*{min-height:0}.status-banner,.pq-head{flex-shrink:0}.status-banner{color:#3f2c00;background:#ffd23f;border-radius:99px;justify-content:center;align-self:center;align-items:center;gap:8px;margin-bottom:12px;padding:9px 16px;font-size:14px;font-weight:800;animation:.2s ease-out rise;display:flex}.game-alert{z-index:50;color:#fff;background:#1e1b24;border-radius:10px;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:12px 18px;font-weight:700;display:flex;position:fixed;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000059}.tool-btn.danger-tool:hover:not(:disabled){background:var(--red)}.btn.game-next{min-height:50px;color:var(--purple-ink);padding-inline:24px;font-size:18px}.btn.game-next.small{min-height:40px;padding-inline:16px;font-size:15px}.type-chip{color:#fff;background:#00000040;border-radius:6px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block}.pill-title{color:var(--ink);text-align:center;background:#fff;border-radius:8px;align-self:center;margin:4px 0 24px;padding:10px 28px;font-size:clamp(22px,3vw,34px);animation:.4s cubic-bezier(.2,1.4,.4,1) drop;box-shadow:0 4px #0003}.spinner{border:6px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:54px;height:54px;margin:10px auto;animation:.9s linear infinite spin}.muted-light{opacity:.75}.row-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.lobby{flex-direction:column;flex:1;gap:18px;display:flex}.lobby-banner{width:min(980px,100%);color:var(--ink);background:#fff;border-radius:10px;grid-template-columns:1fr auto auto;align-self:center;align-items:center;gap:0;animation:.45s cubic-bezier(.2,1.4,.4,1) drop;display:grid;overflow:hidden;box-shadow:0 6px #0003}.lobby-join{border-right:2px solid #eee;justify-items:start;gap:6px;padding:14px 22px;font-size:18px;font-weight:700;display:grid}.lobby-join strong{word-break:break-all;font-weight:900}.copy-link{color:var(--blue);align-items:center;gap:5px;font-size:13px;font-weight:800;display:inline-flex}.lobby-pin{padding:10px 26px;display:grid}.lobby-pin span{font-size:18px;font-weight:800}.lobby-pin strong{letter-spacing:.02em;font-size:clamp(44px,6vw,76px);font-weight:900;line-height:1}.lobby-qr{background:#fff;border-left:2px solid #eee;place-items:center;height:100%;padding:8px;display:grid}.lobby-qr img{width:118px;height:118px;image-rendering:pixelated;display:block}.lobby-qr:hover img{transform:scale(1.04)}.qr-large{width:min(420px,100%);image-rendering:pixelated;margin:0 auto;display:block}.lobby-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;display:grid}.lobby-count{background:#0000004d;border-radius:8px;justify-self:start;align-items:center;gap:10px;padding:10px 18px;font-weight:800;display:inline-flex}.lobby-count strong{font-size:28px;font-weight:900}.lobby-brand .brand{font-size:clamp(40px,6vw,64px)}.lobby-actions{justify-self:end;align-items:center;gap:8px;display:flex}.lobby-locked{background:#0000004d;border-radius:99px;align-self:center;align-items:center;gap:8px;margin:0;padding:7px 14px;font-size:14px;font-weight:800;display:flex}.lobby-waiting{flex:1;place-items:center;min-height:160px;display:grid}.waiting-pill{background:#0000004d;border-radius:8px;padding:14px 26px;font-size:22px;font-weight:800;animation:2s ease-in-out infinite breathe}.name-cloud{flex-wrap:wrap;flex:1;place-content:flex-start center;gap:12px;min-height:0;padding:6px 0 12px;display:flex;overflow-y:auto}.name-tile{align-items:center;gap:4px;animation:.35s cubic-bezier(.2,1.6,.4,1) pop;display:inline-flex}.name-tile>span,.name-kick{color:#fff;background:#00000059;border-radius:8px;align-items:center;gap:8px;padding:10px 18px;font-size:20px;font-weight:800;display:inline-flex}.name-kick svg{opacity:.55;transition:opacity .12s}.name-kick:hover:not(:disabled){background:var(--red);text-decoration:line-through}.name-kick:hover:not(:disabled) svg,.name-kick:focus-visible svg{opacity:1}.name-tile.pending .name-kick,.name-tile.pending>span{background:#ffd23f40;box-shadow:inset 0 0 0 2px #ffd23f}.name-approve{background:var(--ok);color:#fff;width:44px;height:44px;box-shadow:var(--chunk);border-radius:8px;place-items:center;display:grid}.lobby-mode{opacity:.8;align-self:center;align-items:center;gap:8px;margin:auto 0 0;font-size:14px;font-weight:700;display:flex}.stage{flex-direction:column;flex:1;gap:16px;display:flex}.stage-question{width:min(1100px,100%);color:var(--ink);text-align:center;background:#fff;border-radius:8px;align-self:center;margin:0;padding:16px 22px;font-size:clamp(22px,3.2vw,40px);animation:.45s cubic-bezier(.2,1.3,.4,1) drop;box-shadow:0 4px #0003}.stage-middle{flex:1;grid-template-columns:160px minmax(0,1fr) 160px;align-items:center;gap:16px;min-height:0;display:grid}.stage-side{justify-items:center;gap:12px;display:grid}.stage-side.right{justify-items:center}.stage-center{place-items:center;height:100%;min-height:0;display:grid}.stage-image{background:#fff;border-radius:8px;max-width:100%;max-height:40vh;animation:.4s ease-out pop;box-shadow:0 6px 24px #0000004d}.stage-placeholder{color:#fff3;animation:14s linear infinite spinslow}.stage-controls{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.timer-ring{place-items:center;width:120px;height:120px;display:grid;position:relative}.timer-ring svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer-ring circle{fill:none;stroke-width:9px}.ring-bg{stroke:#ffffff2e;fill:var(--purple-ink)!important}.ring-fg{stroke:#fff;stroke-linecap:round;transition:stroke-dashoffset .1s linear,stroke .2s}.timer-ring span{font-size:44px;font-weight:900;position:relative}.timer-ring.urgent .ring-fg{stroke:#ff4d6a}.timer-ring.urgent span{animation:1s ease-in-out infinite beat}.answer-count{justify-items:center;line-height:1;display:grid}.answer-count strong{font-size:56px;font-weight:900}.answer-count span{opacity:.9;margin-top:4px;font-size:16px;font-weight:800}.answer-count.small strong{font-size:36px}.answer-count.small span{font-size:13px}.stage-explanation p{align-items:flex-start;gap:10px;margin:0;display:flex}.stage-explanation img{border-radius:6px;flex-shrink:0;max-width:40%;max-height:22vh}.stage-explanation{background:#00000047;border-radius:8px;flex-shrink:0;align-self:center;align-items:center;gap:14px;width:min(900px,100%);margin:0;padding:12px 16px;font-weight:600;animation:.3s ease-out rise;display:flex}.bars{justify-content:center;align-items:flex-end;gap:clamp(10px,2vw,22px);width:100%;height:min(34vh,260px);display:flex}.bar{flex-direction:column;justify-content:flex-end;align-items:center;width:clamp(56px,9vw,110px);height:100%;display:flex}.bar-count{margin-bottom:4px;font-size:26px;font-weight:900}.bar-fill{background:var(--c);transform-origin:bottom;border-radius:4px 4px 0 0;width:100%;animation:.7s cubic-bezier(.2,1,.3,1) both grow}.bar-label{background:var(--c);filter:brightness(.85);border-radius:0 0 4px 4px;justify-content:center;align-items:center;gap:4px;width:100%;padding:6px 0;display:flex}.bar.wrong{opacity:.45}.play-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.play-tile{background:var(--c);color:#fff;text-shadow:0 1px 2px #0003;border-radius:6px;align-items:center;gap:14px;min-height:clamp(64px,10vh,110px);padding:12px 18px;font-size:clamp(17px,2vw,26px);font-weight:800;transition:opacity .3s,transform .3s;display:flex;box-shadow:inset 0 -5px #0003}.play-tile>span{overflow-wrap:anywhere;flex:1}.play-tile.wrong{opacity:.35}.play-tile.right{animation:.5s ease-out bump}.question-preview .play-tile{min-height:60px;font-size:16px}.scoreboard,.podium-screen{flex-direction:column;flex:1;align-items:center;display:flex}.score-list{gap:10px;width:min(820px,100%);margin:0;padding:0;list-style:none;display:grid}.score-list li{color:var(--ink);background:#fff;border-radius:8px;align-items:center;gap:16px;padding:14px 20px;font-size:clamp(18px,2.2vw,26px);font-weight:900;animation:.45s cubic-bezier(.2,1.2,.4,1) both slidein;display:flex;box-shadow:0 4px #0003}.score-list li:first-child{background:#ffd23f}.score-list li strong{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.score-rank{background:var(--purple);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:17px;display:grid}.scoreboard-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;width:min(820px,100%);margin-top:auto;padding-top:24px;display:flex}.class-score{text-align:center;background:#00000047;border-radius:14px;justify-items:center;gap:6px;width:min(520px,100%);padding:26px 34px;display:grid}.class-score>span{text-transform:uppercase;letter-spacing:.08em;opacity:.85;font-size:13px;font-weight:800}.class-score strong{font-size:72px;font-weight:900;line-height:1}.class-meter{background:#ffffff2e;border-radius:99px;width:100%;height:14px;overflow:hidden}.class-meter span{transform-origin:0;background:linear-gradient(90deg,#66bf39,#b8f05a);border-radius:99px;height:100%;animation:1s ease-out both growx;display:block}.class-score p{opacity:.85;margin:6px 0 0;font-weight:600}.podium{flex:1;grid-template-columns:repeat(3,minmax(0,220px));justify-content:center;align-items:end;gap:10px;width:100%;min-height:340px;display:grid}.podium-col{flex-direction:column;align-items:stretch;animation:.9s cubic-bezier(.2,1,.3,1) both rise-up;display:flex}.podium-col.empty{visibility:hidden}.podium-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;padding:8px 6px;font-size:clamp(16px,2vw,24px);font-weight:900;overflow:hidden}.podium-block{background:linear-gradient(#5c21b5,#3a1080);border-radius:6px 6px 0 0;flex-direction:column;align-items:center;gap:10px;padding-top:18px;display:flex;box-shadow:inset 0 4px #ffffff26}.place-1 .podium-block{height:clamp(200px,36vh,330px)}.place-2 .podium-block{height:clamp(150px,27vh,250px)}.place-3 .podium-block{height:clamp(110px,20vh,190px)}.medal{color:#fff;border-radius:50%;place-items:center;width:64px;height:64px;font-size:30px;font-weight:900;display:grid;box-shadow:inset 0 -4px #0003,0 4px 12px #00000040}.place-1 .medal{background:linear-gradient(135deg,#ffd23f,#e6a400);width:78px;height:78px;font-size:38px}.place-2 .medal{background:linear-gradient(135deg,#dfe3ea,#a2a9b6)}.place-3 .medal{background:linear-gradient(135deg,#e9a76a,#b5672e)}.podium-score{font-size:clamp(16px,2vw,22px);font-weight:900}.finish-controls{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px;display:flex}.full-results{background:#00000040;border-radius:10px;width:min(640px,100%);margin-top:18px;padding:10px 16px}.full-results summary{cursor:pointer;font-weight:800}.full-results ol{gap:4px;margin:10px 0 0;padding:0;list-style:none;display:grid}.full-results li{border-top:1px solid #ffffff1f;gap:12px;padding:6px 4px;font-weight:700;display:flex}.full-results li strong{flex:1}.confetti{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.confetti span{border-radius:2px;animation:linear infinite fall;position:absolute;top:-20px}.c-0{background:#e21b3c}.c-1{background:#1368ce}.c-2{background:#ffd23f}.c-3{background:#66bf39}.c-4{background:#fff}.player-message{text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px 16px;display:flex;position:relative}.player-message h1{color:#fff;margin:6px 0 0;font-size:clamp(30px,6vw,48px);font-weight:900;animation:.35s cubic-bezier(.2,1.4,.4,1) pop}.player-message p{margin:0;font-size:18px;font-weight:600}.nick-pill{background:#0000004d;border-radius:8px;margin-top:10px;padding:12px 24px;font-size:26px;font-weight:900}.locked-shapes{gap:10px;display:flex}.mini-tile{background:var(--c);border-radius:8px;place-items:center;width:72px;height:72px;animation:.3s ease-out pop;display:grid;box-shadow:inset 0 -5px #0003}.player-question{flex-direction:column;flex:1;gap:12px;display:flex}.pq-head{justify-content:space-between;align-items:center;display:flex}.pq-timer{background:var(--purple-ink);border-radius:50%;place-items:center;min-width:52px;height:52px;font-size:22px;font-weight:900;display:grid;box-shadow:0 0 0 4px #ffffff40}.pq-timer.urgent{background:var(--bad);animation:1s ease-in-out infinite beat}.pq-text{max-height:30%;color:var(--ink);text-align:center;background:#fff;border-radius:8px;flex-shrink:0;margin:0;padding:12px 16px;font-size:clamp(18px,3.4vw,28px);overflow-y:auto;box-shadow:0 4px #0003}.player-grid{flex:1;grid-template-columns:1fr 1fr;grid-auto-rows:minmax(0,1fr);gap:10px;min-height:0;display:grid}.player-tile{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:var(--c);color:#fff;text-shadow:0 1px 2px #0003;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:10px;min-height:0;padding:14px;font-size:clamp(16px,2.6vw,22px);font-weight:800;transition:transform 80ms,opacity .15s,filter .12s;animation:.3s ease-out both pop;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 -6px #00000038}.player-tile:nth-child(2){animation-delay:40ms}.player-tile:nth-child(3){animation-delay:80ms}.player-tile:nth-child(4){animation-delay:.12s}.player-tile:hover:not(:disabled){filter:brightness(1.08)}.player-tile:active:not(:disabled){transform:scale(.97)}.player-tile:disabled{opacity:1}.player-tile .shape{filter:drop-shadow(0 2px 2px #0003);width:clamp(36px,8vw,64px);height:clamp(36px,8vw,64px)}.pt-text{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:3;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box;overflow:hidden}.player-grid.count-5 .player-tile,.player-grid.count-6 .player-tile{text-align:left;flex-direction:row;justify-content:flex-start;font-size:clamp(14px,2.2vw,20px)}.player-grid.count-5 .pt-text,.player-grid.count-6 .pt-text{text-align:left}.player-grid.count-5 .player-tile .shape,.player-grid.count-6 .player-tile .shape{width:30px;height:30px}.player-final>*{flex-shrink:0}.pt-check{border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:10px;right:10px;box-shadow:inset 0 0 0 3px #fff}.player-tile.chosen .pt-check{color:var(--c);background:#fff}.player-tile.chosen{box-shadow:inset 0 0 0 5px #fff,inset 0 -6px #00000038}.player-tile.dim{opacity:.55}.player-tile kbd{opacity:.7;font-size:13px;font-weight:900;position:absolute;top:8px;left:10px}.submit-answer{flex-shrink:0;color:var(--purple-ink)!important}.player-bar{z-index:6;height:60px;color:var(--ink);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:0 18px;font-size:18px;display:flex;position:relative;box-shadow:0 -2px 10px #0003}.player-bar strong{text-overflow:ellipsis;white-space:nowrap;font-weight:900;overflow:hidden}.score-chip{color:#fff;background:#333;border-radius:6px;padding:6px 14px;font-weight:900}.result-screen{z-index:2;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:20px;animation:.25s ease-out fade;display:flex;position:absolute;inset:0;overflow-y:auto}.result-screen.correct{background:var(--ok)}.result-screen.partial{background:var(--partial)}.result-screen.incorrect{background:var(--bad)}.result-screen.timeout{background:#6b2fb8}.result-screen h1{color:#fff;margin:0;font-size:clamp(36px,8vw,56px);font-weight:900;animation:.35s cubic-bezier(.2,1.5,.4,1) pop}.result-icon{color:#333;background:#fffffff2;border-radius:50%;place-items:center;width:104px;height:104px;animation:.45s cubic-bezier(.2,1.6,.4,1) 80ms both pop;display:grid}.correct .result-icon{color:var(--ok)}.incorrect .result-icon{color:var(--bad)}.partial .result-icon{color:var(--partial)}.timeout .result-icon{color:#6b2fb8}.points-pill{background:#00000040;border-radius:6px;padding:10px 26px;font-size:28px;font-weight:900;animation:.4s ease-out .2s both rise}.result-rank{margin:0;font-size:19px;font-weight:800}.result-answer{margin:0;font-weight:600}.result-image{object-fit:contain;border-radius:8px;max-width:min(320px,90%);min-height:0;max-height:28%;animation:.4s ease-out .15s both pop;box-shadow:0 6px 18px #00000040}.result-explanation{background:#0000002e;border-radius:8px;max-width:520px;margin:4px 0 0;padding:12px 16px;font-weight:600}.rank-badge{width:120px;height:120px;color:var(--purple);background:#fff;border-radius:50%;place-items:center;font-size:40px;font-weight:900;animation:.45s cubic-bezier(.2,1.6,.4,1) pop;display:grid;box-shadow:0 8px #0003}.rank-badge.place-1{color:#fff;background:linear-gradient(135deg,#ffd23f,#e6a400)}.rank-badge.place-2{color:#fff;background:linear-gradient(135deg,#dfe3ea,#a2a9b6)}.rank-badge.place-3{color:#fff;background:linear-gradient(135deg,#e9a76a,#b5672e)}.player-final{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:10px;padding:12px 0 20px;display:flex;position:relative}.player-final h1{color:#fff;margin:8px 0 0;font-size:clamp(30px,6vw,46px);font-weight:900}.player-final>p{font-size:18px;font-weight:700}.review{text-align:left;width:min(640px,100%);color:var(--ink);background:#fff;border-radius:12px;margin:10px 0 16px;padding:16px}.review h2{margin-bottom:8px;font-size:20px}.review details{border-top:2px solid #f0eef4}.review summary{cursor:pointer;align-items:center;gap:10px;padding:12px 2px;list-style:none;display:flex}.review summary::-webkit-details-marker{display:none}.review summary strong{flex:1;font-weight:700}.review summary>span:last-child{color:var(--purple);font-weight:900}.review details>div{color:var(--muted);padding:0 2px 12px 36px;font-size:14px}.review details p{margin:4px 0}.review-mark{background:var(--bad);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}.review-mark.correct{background:var(--ok)}.review-mark.partial{background:var(--partial)}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:scale(.85)}}@keyframes rise{0%{opacity:0;transform:translate(var(--tx,0), 12px)}}.toast{--tx:-50%}@keyframes drop{0%{opacity:0;transform:translateY(-24px)}}@keyframes slidein{0%{opacity:0;transform:translate(-40px)}}@keyframes rise-up{0%{opacity:0;transform:translateY(120px)}}@keyframes grow{0%{transform:scaleY(0)}}@keyframes growx{0%{transform:scaleX(0)}}@keyframes bump{40%{transform:scale(1.04)}}@keyframes beat{50%{transform:scale(1.12)}}@keyframes breathe{50%{opacity:.6}}@keyframes pulse{50%{opacity:.4}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes spinslow{to{transform:rotate(360deg)}}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}@keyframes drift{to{translate:20px -30px;rotate:25deg}}@keyframes fall{to{transform:translateY(110vh)rotate(720deg)}}html.reduce-motion *,html.reduce-motion :before,html.reduce-motion :after{transition:none!important;animation:none!important}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.confetti{display:none}}@media (width<=1080px){.editor-layout{grid-template-columns:170px minmax(0,1fr)}.inspector{border-top:2px solid #eae7ef;border-left:0;grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;height:auto;display:grid;position:static}.inspector-actions{margin-top:0}}@media (width<=860px){.hero-row{grid-template-columns:1fr}.topnav{gap:10px;padding:0 14px}.topnav-tabs button{padding:0 8px;font-size:14px}.hide-mobile{display:none!important}.show-mobile{display:inline-flex!important}.lobby-banner{grid-template-columns:1fr auto}.lobby-join{border-bottom:2px solid #eee;border-right:0;grid-column:1/-1;padding:10px 16px;font-size:15px}.lobby-qr{border-left:2px solid #eee}.lobby-qr img{width:92px;height:92px}.stage-middle{grid-template-columns:110px minmax(0,1fr) 110px}.timer-ring{width:90px;height:90px}.timer-ring span{font-size:32px}.answer-count strong{font-size:40px}}@media (width<=700px){.editor-layout{grid-template-columns:minmax(0,1fr)}.slide-rail{border-bottom:2px solid #eae7ef;border-right:0;flex-direction:row;align-items:flex-end;min-width:0;height:auto;position:static}.slide-rail ol{min-width:0;padding-bottom:4px;display:flex;overflow:auto hidden}.slide-rail li{flex-shrink:0;width:120px}.add-wrap{flex-shrink:0;width:132px}.add-wrap .btn{white-space:normal;font-size:13px}.add-menu{width:190px;left:auto;right:0}.rail-count{display:none}.canvas-answers,.preview-answers{grid-template-columns:1fr}.edit-answer{min-height:64px}.canvas-question{font-size:19px}.title-button{flex:1;max-width:none}.settings-pill{display:none}.editor-topbar{gap:8px;padding:0 10px}.editor-topbar .brand{display:none}}@media (width<=580px){.page{padding:16px}.topnav-tabs button svg{display:none}.topnav .brand-link .brand{font-size:24px}.topnav-actions .btn.outline{display:none}.hero-card{padding:22px 20px}.hero-card h1{font-size:34px}.search{width:100%;min-width:0}.mode-grid{grid-template-columns:1fr}.new-quiz-card{flex-flow:wrap;min-height:150px}.new-quiz-card .new-plus{width:48px;height:48px;margin:0}.new-quiz-card>span:last-child{width:100%}.join-center>.brand{font-size:52px}.lobby-row{grid-template-columns:1fr auto}.lobby-brand{display:none}.name-tile>span,.name-kick{padding:8px 12px;font-size:16px}.stage-middle{grid-template-columns:1fr 1fr;grid-template-areas:"left right""center center"}.stage-side{grid-area:left}.stage-side.right{grid-area:right}.stage-center{grid-area:center}.play-grid,.player-grid.count-2{grid-template-columns:1fr}.player-tile{gap:6px;padding:10px}.game-main{padding:10px 10px 12px}.player-question{gap:8px}.pq-timer{min-width:44px;height:44px;font-size:19px}.podium{gap:6px;min-height:280px}.medal{width:48px;height:48px;font-size:22px}.place-1 .medal{width:58px;height:58px;font-size:28px}.game-topbar{gap:6px;padding:0 10px}.game-tools{gap:2px}.tool-btn{width:34px;height:34px}.scoreboard-foot{justify-content:center}}.sound-unlock{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);color:#fff;background:#14082d8c;place-items:center;animation:.2s fade;display:grid;position:fixed;inset:0}.sound-unlock>span{background:var(--purple);border-radius:16px;justify-items:center;gap:10px;padding:30px 40px;animation:.3s cubic-bezier(.2,1.4,.4,1) pop;display:grid;box-shadow:0 20px 50px #0006,inset 0 -6px #00000040}.sound-unlock strong{font-size:24px;font-weight:900}.sound-unlock small{opacity:.8;font-weight:600}.link-button{color:#fff;text-underline-offset:3px;font-weight:800;text-decoration:underline}.toggle-grid{grid-template-columns:1fr 1fr;column-gap:22px;display:grid}.type-hint{color:var(--muted);align-items:center;gap:7px;margin:-6px 0 0;font-size:14px;font-weight:700;display:flex}.list-answers{gap:8px;display:grid}.list-answer{background:#fff;border-radius:8px;align-items:center;gap:8px;padding:6px 8px 6px 6px;display:flex;box-shadow:0 2px #00000014}.list-answer input{box-shadow:none;border:0;padding:10px 6px;font-size:17px;font-weight:800}.list-tag{background:var(--c,var(--ok));color:#fff;border-radius:6px;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:18px;font-weight:900;display:grid}.list-answer.accepted .list-tag{background:var(--ok)}.preview-text{text-align:center;background:#f6f4fa;border-radius:8px;padding:18px;font-weight:800}.get-ready{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:22px;display:flex}.ready-question{width:min(1100px,100%);color:var(--ink);background:#fff;border-radius:10px;margin:0;padding:28px 30px;font-size:clamp(26px,4.4vw,56px);animation:.4s cubic-bezier(.2,1.3,.4,1) pop;box-shadow:0 6px #0003}.ready-bar{background:#ffffff2e;border-radius:99px;width:min(700px,90%);height:12px;overflow:hidden}.ready-bar span{background:#fff;border-radius:99px;height:100%;transition:width .1s linear;display:block}.get-ready-phone h1{animation:1s ease-in-out infinite beat}.ready-text{color:var(--ink);background:#fff;border-radius:8px;max-width:520px;padding:12px 16px;font-weight:800!important}.get-ready-phone .ready-bar{margin-top:10px}.answer-progress{background:#ffffff26;border-radius:99px;flex-shrink:0;align-self:center;width:min(1100px,100%);height:8px;overflow:hidden}.answer-progress span{background:linear-gradient(90deg,#66bf39,#b8f05a);border-radius:99px;height:100%;transition:width .3s ease-out;display:block}.big-stat{text-align:center;justify-items:center;gap:6px;animation:.4s ease-out pop;display:grid}.big-stat strong{font-size:clamp(56px,9vw,110px);font-weight:900;line-height:1}.big-stat small{opacity:.7;font-size:.4em}.big-stat span{opacity:.9;font-size:20px;font-weight:800}.play-grid.count-1{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.play-tile.accepted{--c:var(--ok)}.play-tile.type-tile{--c:#0000004d;justify-content:center}.order-grid{grid-template-columns:1fr 1fr}.order-num{width:40px;height:40px;color:var(--c);text-shadow:none;background:#fff;border-radius:50%;flex-shrink:0;place-items:center;font-weight:900;display:grid}.team-board{gap:8px;width:min(820px,100%);margin:0 0 14px;padding:0;list-style:none;display:grid}.team-board li{background:var(--c);color:#fff;border-radius:8px;align-items:center;gap:14px;padding:14px 20px;font-size:clamp(18px,2.2vw,26px);font-weight:900;animation:.45s cubic-bezier(.2,1.2,.4,1) both slidein;display:flex;box-shadow:inset 0 -5px #0003}.team-board li strong{flex:1}.team-board li small{opacity:.85;font-size:14px;font-weight:700}.team-rank{width:36px;height:36px;color:var(--c);background:#fff;border-radius:50%;place-items:center;font-size:17px;display:grid}.score-list.compact li{padding:10px 18px;font-size:clamp(16px,1.8vw,21px)}.team-dot{background:var(--c);border-radius:50%;flex-shrink:0;width:14px;height:14px;box-shadow:0 0 0 2px #fff}.team-dot.big{width:18px;height:18px}.team-line{background:var(--c);border-radius:8px;padding:8px 14px;display:inline-block;margin-top:8px!important;font-size:16px!important;font-weight:800!important}.podium-col.team .podium-block{background:linear-gradient(180deg, var(--c), color-mix(in srgb, var(--c) 60%, #000))}.mvp{background:#0000004d;border-radius:99px;align-items:center;gap:8px;margin:10px 0 0;padding:8px 16px;font-weight:700;display:flex}.full-results li small{opacity:.7}.sound-wrap{position:relative}.sound-menu{z-index:40;width:240px;color:var(--ink);background:#fff;border-radius:12px;gap:12px;padding:14px;animation:.15s ease-out pop;display:grid;position:absolute;top:46px;right:0;box-shadow:0 14px 40px #00000059}.sound-row{cursor:pointer;justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:800;display:flex}.sound-row.volume{gap:6px;display:grid}.sound-row small{color:var(--muted);font-weight:700}.sound-row input[type=range]{width:100%;box-shadow:none;accent-color:var(--purple);border:0;height:24px;padding:0}.lan-warning{color:#b45309;align-items:center;gap:5px;max-width:360px;font-size:12px;font-weight:700;display:flex}.text-question{justify-content:flex-start}.typed-input{text-align:center;border:0;height:64px;font-size:22px;font-weight:800;box-shadow:0 4px #0003}.order-help{text-align:center;opacity:.85;flex-shrink:0;margin:0;font-size:14px;font-weight:700}.order-list{flex:1;grid-auto-rows:minmax(0,1fr);gap:8px;min-height:0;display:grid}.order-item{background:var(--c);color:#fff;text-align:left;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:12px;min-height:0;padding:8px 14px;font-size:clamp(15px,2.4vw,20px);font-weight:800;transition:transform 80ms,filter .12s,opacity .12s;display:flex;overflow:hidden;box-shadow:inset 0 -5px #00000038}.order-item:active:not(:disabled){transform:scale(.98)}.order-item:disabled{opacity:1}.order-item.placed{filter:saturate(.55)brightness(.85)}.order-badge{background:#00000040;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:18px;font-weight:900;display:grid}.order-item.placed .order-badge{color:var(--purple-ink);background:#fff}.order-actions{flex-shrink:0;grid-template-columns:auto 1fr;gap:8px;display:grid}.look-up{text-align:center;flex-shrink:0;margin:0;font-size:18px;font-weight:800}.player-grid.shapes-only .player-tile .shape{width:clamp(56px,16vw,110px);height:clamp(56px,16vw,110px)}.result-screen.poll{background:#864cbf}.streak-pill{background:#00000047;border-radius:99px;padding:8px 18px;font-size:18px;font-weight:900;animation:.4s cubic-bezier(.2,1.6,.4,1) .3s both pop}.gap-line{background:#00000038;border-radius:99px;margin:0;padding:6px 14px;font-size:16px!important;font-weight:800!important}.pb-name{flex:1;min-width:0;line-height:1.15;display:grid}.pb-name small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:700;overflow:hidden}.pb-name small[class^=ans-]{color:var(--c)}.review-mark.poll{background:#864cbf}@media (width<=700px){.toggle-grid,.order-grid{grid-template-columns:1fr}}@media (width<=580px){.ready-question{padding:18px}.typed-input{height:56px;font-size:19px}.order-badge{width:32px;height:32px;font-size:16px}}.lang-picker{box-shadow:inset 0 0 0 2px var(--line);border-radius:8px;flex-shrink:0;display:inline-flex;overflow:hidden}.lang-picker button{color:var(--muted);padding:6px 9px;font-size:13px;font-weight:900;line-height:1}.lang-picker button:hover:not(.active){color:var(--ink);background:#f2f0f6}.lang-picker button.active{background:var(--purple);color:#fff}.lang-picker.light{box-shadow:none;background:#ffffff1f}.lang-picker.light button{color:#fffc;padding:9px 8px}.lang-picker.light button:hover:not(.active){color:#fff;background:#ffffff1f}.lang-picker.light button.active{color:var(--purple);background:#fff}.lang-toggle{letter-spacing:.02em;font-size:13px;font-weight:900}.gt-pin{white-space:nowrap}.lobby-join strong{white-space:nowrap;word-break:normal;font-size:clamp(16px,1.8vw,22px);display:block}@media (width<=580px){.role-player .game-tools .tool-btn[aria-label] svg{width:17px;height:17px}.join-top{justify-content:space-between;left:16px}}@media (width<=420px){.role-player .motion-btn{display:none}}@media (forced-colors:active){.play-tile,.player-tile,.edit-answer,.btn,.chip,.name-tile>span,.name-kick{border:2px solid buttontext}.player-tile.chosen,.edit-answer.correct .correct-toggle{outline:4px solid highlight}}.player-tile:focus-visible,.play-tile:focus-visible{outline-offset:3px;outline:4px solid #fff}.game-shell :focus-visible,.join-screen :focus-visible{outline-color:#ffd23f}