@font-face{font-family:Heebo;src:url('fonts/heebo-hebrew-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Heebo;src:url('fonts/heebo-hebrew-600-normal.woff2') format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Heebo;src:url('fonts/heebo-hebrew-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Heebo;src:url('fonts/heebo-hebrew-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
@font-face{font-family:Heebo;src:url('fonts/heebo-hebrew-900-normal.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:'Quiz Emoji';src:url('fonts/quiz-emoji.woff2') format('woff2');font-display:swap}
:root{font-family:Heebo,Arial,'Quiz Emoji',sans-serif;color:#272343;background:#f6f5fc;font-synthesis:none;--accent:#7054df;--soft:#eee8ff;--shadow:0 12px 35px #3f286812}*{box-sizing:border-box}body{margin:0;min-height:100vh}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;border-radius:15px;padding:12px 20px;font-weight:700;color:inherit;background:white;transition:transform .15s,box-shadow .15s}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px #42336a1c}button:focus-visible,a:focus-visible{outline:3px solid #2a70ca;outline-offset:4px}button:disabled{cursor:not-allowed;opacity:.45}input,textarea,select{border:2px solid #e7e4f0;border-radius:12px;background:#fff;padding:10px 13px;color:#272343;max-width:100%}input:focus,textarea:focus,select:focus{outline:0;border-color:var(--accent)}input[type=number]{width:92px}label{font-weight:600;font-size:14px;display:block}small{font-size:13px;color:#726d87}.orb{position:fixed;z-index:-1;filter:blur(80px);border-radius:50%;opacity:.45;pointer-events:none}.orb-one{height:350px;width:350px;right:-180px;top:180px;background:#e0d2ff}.orb-two{height:400px;width:400px;left:-200px;bottom:0;background:#d2edf6}header{max-width:1240px;margin:auto;height:100px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-size:32px;font-weight:900;color:#3c2d67;text-decoration:none}.brand-icon{background:var(--accent);color:white;border-radius:16px;display:grid;place-items:center;width:43px;height:43px;font-size:30px;transform:rotate(8deg)}.header-note{font-size:14px;color:#756c8d}.header-actions{display:flex;gap:9px}.icon-button{height:42px;min-width:42px;padding:7px;background:#ffffffa8;border:1px solid #e8e3f4}.primary{background:var(--accent);color:white;box-shadow:0 6px 15px #7054df30}.secondary{background:var(--soft);color:#58439c}.quiet{background:transparent;color:#786d91;padding:6px 12px}.danger{color:#b73951}.button-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.hero{text-align:center;margin:20px 0 32px}.eyebrow{font-size:13px;font-weight:800;letter-spacing:.7px;color:#7e62bf;background:#eee8ff;border-radius:30px;display:inline-block;padding:6px 16px}.hero h1{font-size:44px;line-height:1.3;letter-spacing:-1px;margin:12px 0 10px;font-weight:900}.hero h1 span{color:var(--accent)}.hero p{color:#7d758d;margin:0;font-size:16px}main{max-width:1176px;margin:auto;padding:0 24px 32px}.home-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:24px;align-items:start}.panel{background:#fff;border:1px solid #eeeaf5;border-radius:24px;padding:26px;box-shadow:var(--shadow)}.section-title{display:flex;gap:12px;align-items:center;margin-bottom:22px}.section-title h2{font-size:21px;margin:0}.step{display:grid;place-items:center;min-width:32px;height:32px;background:var(--soft);color:var(--accent);border-radius:11px;font-weight:800}.counter{margin-right:auto;font-size:13px;color:#938ba4;background:#f5f3fa;border-radius:20px;padding:4px 12px}.team-row{display:flex;gap:10px;align-items:center;margin:12px 0;padding:12px;border:1px solid #e9e5f3;border-radius:18px;background:#fcfbff}.avatar{font-size:27px;min-width:50px;height:50px;background:var(--soft);padding:0;border-radius:14px}.team-row input{width:100%;min-width:30px;border:0;background:transparent;font-weight:700;font-size:17px;padding:8px}.team-row .remove{background:transparent;padding:8px;color:#9d91af}.add-team{margin-top:8px;border:2px dashed #dfd5f5;color:var(--accent);width:100%;background:#fcfaff;padding:13px}.hint{font-size:13px;color:#8c829b;line-height:1.7;margin:16px 0 0}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-card{border:2px solid #ece8f3;min-height:103px;padding:12px 5px;background:#fff}.theme-card.active{border-color:var(--accent);background:var(--soft)}.theme-emoji{display:block;font-size:35px;margin-bottom:5px}.theme-label{font-size:14px}.settings{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding:18px 0 0;border-top:1px solid #f0edf5;gap:10px}.settings small{display:block;font-weight:400;margin-top:4px}.quiz-summary{margin-top:22px;background:#f7f5fc;border-radius:15px;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:12px}.quiz-summary strong{display:block}.quiz-summary small{display:block;margin-top:3px}.start-bar{text-align:center;margin:28px 0 0}.start-bar .primary{font-size:20px;padding:15px 60px;border-radius:18px}.start-bar p{font-size:13px;color:#8e839e;margin:10px 0}.icon-picker{display:flex;flex-wrap:wrap;gap:7px;padding:12px;background:var(--soft);border-radius:15px}.icon-picker button{font-size:24px;padding:5px 10px}footer{max-width:1176px;margin:0 auto;display:flex;justify-content:space-between;padding:10px 24px 24px;font-size:12px;color:#9b93ac;gap:15px}.page-title{display:flex;justify-content:space-between;gap:15px;align-items:center;margin:20px 0}.page-title h1{margin:0;font-size:30px}.editor-card{margin-bottom:18px}.editor-card .form-grid{display:grid;grid-template-columns:1fr 150px 100px;gap:12px;margin:16px 0}.editor-card input[type=text],.editor-card textarea{width:100%}.editor-card textarea{min-height:80px;resize:vertical}.answers-editor{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer-editor{display:flex;align-items:center;gap:8px;padding:10px;background:#f7f5fc;border-radius:12px}.answer-editor input[type=text]{min-width:0}.answer-editor input[type=radio]{accent-color:var(--accent);width:22px;height:22px;flex:none}.editor-actions{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:14px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.game-top{display:flex;align-items:center;gap:12px;margin:20px 0}.progress{flex:1;display:flex;gap:7px;justify-content:center}.progress i{width:32px;height:7px;border-radius:8px;background:#e1dbea}.progress i.done{background:var(--accent)}.game-stage{text-align:center;padding:26px 32px}.question-meta{display:flex;justify-content:space-between;align-items:center;color:#9283a7;font-size:14px}.timer{font-size:23px;font-weight:800;display:flex;align-items:center;gap:10px;color:var(--accent)}.timer.low{color:#c34b61}.timer button{padding:3px 8px;background:#f4f0fa;font-size:14px}.question{font-size:36px;font-weight:800;line-height:1.5;margin:24px auto 30px;max-width:850px;white-space:pre-wrap;overflow-wrap:anywhere}.answer-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.answer{color:#fff;font-size:24px;display:flex;align-items:center;gap:16px;text-align:right;min-height:100px;border-radius:18px;padding:20px;position:relative;overflow-wrap:anywhere}.answer .shape{font-size:28px;opacity:.7;flex-shrink:0}.answer:nth-child(1){background:#df5d79}.answer:nth-child(2){background:#5488d7}.answer:nth-child(3){background:#d39a25}.answer:nth-child(4){background:#41a78b}.answer:disabled{opacity:1}.answer.chosen{outline:4px solid #312348;outline-offset:3px}.answer.correct{outline:5px solid #2a9b6c;outline-offset:3px}.answer.wrong{opacity:.35}.team-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:22px 0}.team-chip{display:flex;align-items:center;text-align:right;gap:10px;padding:14px 16px;border:2px solid #e8e1f3;background:#fff}.team-chip.selected{border-color:var(--accent);background:var(--soft)}.team-chip .emoji{font-size:29px}.team-chip strong{display:block;overflow-wrap:anywhere}.team-chip small{font-size:12px}.team-chip.answered{border-style:dashed}.game-help{font-size:16px;color:#796a8d;text-align:center;margin:20px 0}.game-bottom{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.result-message{text-align:center;font-size:25px;font-weight:800;color:var(--accent);margin:20px}.scoreboard{max-width:760px;margin:20px auto}.score-row{display:flex;align-items:center;gap:20px;border:1px solid #eee7f6;background:white;border-radius:18px;margin:12px 0;padding:18px 24px;font-size:23px;box-shadow:var(--shadow)}.score-row:first-child{background:#fff8df;border-color:#edcf71}.score-row .points{margin-right:auto;font-weight:900;color:var(--accent)}.rank{color:#b0a1ba;font-weight:800}.podium-emoji{font-size:40px}.empty{text-align:center;padding:30px;color:#877796}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:100;background:#382651;color:white;border-radius:14px;padding:13px 22px;box-shadow:var(--shadow);max-width:90vw;display:none}#toast.show{display:block}dialog{border:0;border-radius:24px;padding:30px;max-width:460px;box-shadow:0 20px 100px #25103a55}dialog::backdrop{background:#241b4055;backdrop-filter:blur(3px)}dialog p{line-height:1.8;color:#80708d}.confetti-piece{position:fixed;top:-20px;width:10px;height:16px;z-index:90;animation:fall 2.7s ease-in forwards;pointer-events:none}@keyframes fall{to{transform:translateY(110vh) rotate(650deg);opacity:0}}body[data-theme=race]{--accent:#3079ad;--soft:#e4f2ff;background:#f2f8fc}body[data-theme=magic]{--accent:#a34cc2;--soft:#f5e6fc;background:#fcf5fe}.notice{background:#fff6dd;padding:12px 16px;border-radius:12px;color:#8d6d21;margin:15px 0;font-size:14px}.error{color:#b9324e;font-size:14px;margin:12px 0}.save-status{font-size:12px;color:#7b728e}.checkbox-label{display:flex;align-items:center;gap:8px;font-weight:400}.sticky-toolbar{position:sticky;bottom:12px;padding:14px;background:#ffffffed;border:1px solid #e9e0f3;border-radius:16px;backdrop-filter:blur(12px);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}.question-count{font-size:14px;color:#94859c}@media(max-width:700px){header{height:78px;padding:0 20px}.header-note{display:none}.brand{font-size:28px}main{padding:0 16px 22px}.hero{margin-top:16px;margin-bottom:24px}.hero h1{font-size:32px}.hero p{font-size:14px}.home-grid{grid-template-columns:1fr;gap:18px}.panel{padding:20px;border-radius:21px}.section-title{margin-bottom:15px}.themes{gap:8px}.theme-card{min-height:93px}.start-bar .primary{width:100%;padding:15px 20px}footer{flex-direction:column;text-align:center;gap:6px;padding:12px 20px 24px}.page-title{align-items:flex-start;flex-wrap:wrap}.page-title h1{font-size:25px}.editor-card .form-grid{grid-template-columns:1fr 1fr}.editor-card .form-grid label:first-child{grid-column:1/-1}.answers-editor{grid-template-columns:1fr}.question{font-size:26px;margin:20px 0}.answer-grid{gap:12px}.answer{font-size:18px;padding:14px;gap:10px;min-height:90px}.answer .shape{font-size:20px}.question-meta{font-size:12px}.game-top{flex-wrap:wrap}.progress{order:3;flex-basis:100%;margin:5px 0}.team-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.team-chip{padding:10px;gap:6px}.team-chip .emoji{font-size:24px}.game-stage{padding:20px 16px}.score-row{padding:15px;gap:12px;font-size:19px}.podium-emoji{font-size:30px}.game-top .quiet{padding:6px}.question-meta .timer{font-size:20px}.button-row{gap:8px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.confetti-piece{display:none}}

.library-row{display:flex;gap:12px;align-items:center;padding:14px;border:1px solid #e8e0f0;border-radius:16px;margin:10px 0}.library-row .info{flex:1;min-width:0;overflow-wrap:anywhere}.library-row small{display:block}.library-row.active{background:var(--soft);border-color:var(--accent)}@media(max-width:700px){.library-row{flex-wrap:wrap}.library-row .info{min-width:160px}}
/* 0.2.0: illustrated classroom notebook, desktop/projection first. */
:root{--accent:#7950c4;--soft:#f2e9ff;--ink:#413554;--shadow:6px 7px 0 #4f3e5720;color:var(--ink);background:#fff9ea}body{background-color:#fff9ea;background-image:url('art/doodles.svg'),repeating-linear-gradient(0deg,transparent,transparent 31px,#d3dfed80 32px,#d3dfed80 33px);background-size:cover,100% 33px;background-attachment:fixed}.orb{display:none}body:before{content:'';position:fixed;top:0;bottom:0;right:7%;border-left:2px solid #efb3bd70;z-index:-1}header{height:94px;max-width:1320px}.brand{font-size:36px;transform:rotate(3deg);gap:12px}.brand-icon{border:3px solid var(--ink);box-shadow:3px 3px 0 #403552;border-radius:14px 19px 13px 18px;background:#b99ae7;font-size:32px;width:49px;height:49px}.header-note{background:#fffefa;border:2px solid #d7c7a6;padding:7px 20px;transform:rotate(-2deg);border-radius:4px;color:#9b7b61;box-shadow:2px 3px 0 #c7b79a30}.icon-button{border:2px solid var(--ink);box-shadow:2px 3px 0 #8f7d8d35;border-radius:12px;background:#fffdf5}.hero{position:relative;margin:12px auto 24px;max-width:900px;min-height:145px}.hero:before{content:'';position:absolute;width:170px;height:180px;right:-72px;top:-10px;background:url('art/mascot.svg') center/contain no-repeat;transform:rotate(9deg);pointer-events:none}.eyebrow{background:#ffe491;color:#85602e;border:2px solid #a78040;border-radius:4px 9px 3px 8px;padding:5px 18px;transform:rotate(-2deg);box-shadow:2px 3px 0 #cbae6530}.hero h1{font-size:45px;letter-spacing:-1px;font-weight:900;margin:12px 0 4px;text-shadow:2px 3px 0 white}.hero h1 span{color:var(--accent);text-decoration:underline;text-decoration-color:#edb937;text-decoration-thickness:7px;text-underline-offset:8px}.hero p{color:#84725f;background:#fff9eab5;display:inline-block;padding:6px 20px;border-radius:25px;font-weight:500}main{max-width:1190px}.home-grid{gap:30px;grid-template-columns:1.07fr .93fr}.panel{position:relative;border:3px solid var(--ink);border-radius:24px 18px 23px 19px;background:#fffef9;box-shadow:6px 7px 0 #59414d24;padding:23px 26px}.home-grid>.panel:first-child{transform:rotate(.5deg)}.home-grid>.panel:last-child{transform:rotate(-.6deg)}.home-grid>.panel:before{content:'';width:85px;height:25px;background:#d6c5edb0;border:1px solid #bba3d24a;position:absolute;top:-14px;left:calc(50% - 42px);transform:rotate(-8deg);z-index:2;clip-path:polygon(0 5%,5% 12%,3% 20%,6% 30%,0 40%,4% 55%,0 70%,6% 85%,0 100%,100% 95%,96% 80%,100% 60%,96% 40%,100% 20%,95% 8%)}.home-grid>.panel:last-child:before{background:#f1d888bd;transform:rotate(7deg)}.section-title h2{font-size:23px}.step{border:2px solid var(--ink);border-radius:50% 40% 47% 43%;background:#ffe590;color:#544137;transform:rotate(-8deg);width:35px;height:35px}.counter{background:#dceee5;color:#4c7c67;border:1.5px solid #8eb29f;transform:rotate(-5deg);font-weight:700}.team-row{border:2px solid #b8a7d0;background:#fcf8ff;border-radius:12px 17px 13px 18px;padding:9px 12px;box-shadow:2px 3px 0 #e8e0f2}.team-row:nth-of-type(3){background:#f0f9ff;border-color:#a4c6de}.avatar{min-width:53px;height:53px;border:2px solid #7b5b9d;background:#eadcfa;box-shadow:2px 2px 0 #bba4d2;border-radius:15px 11px 17px 13px;transform:rotate(-6deg);font-size:32px}.team-row input{font-size:20px;color:#51415e}.remove{font-size:23px}.add-team{border:2px dashed #a58cbe;color:#78519c;border-radius:12px 17px 13px 16px;font-size:16px}.hint{font-size:14px;color:#8c7b78}.theme-card{border:2px solid #9a849f;border-radius:16px 10px 17px 12px;box-shadow:3px 4px 0 #d2bfd137;min-height:114px;background:#fff9ed;transform:rotate(2deg)}.theme-card:nth-child(2){transform:rotate(-3deg);background:#eff7ff}.theme-card:nth-child(3){transform:rotate(3deg);background:#fff0fa}.theme-card.active{border-color:#644087;background:#f2e2ff;outline:2px solid #c3a1de;outline-offset:3px}.theme-emoji{font-size:43px}.theme-label{font-size:15px}.settings{border-top:2px dashed #daccb6;margin-top:22px}.settings input{border:2px solid #b8a49a;background:#fffaf0;font-size:18px}.quiz-summary{background:#fff1c8;border:2px solid #d5b35e;border-radius:8px 14px 10px 15px;transform:rotate(1deg);padding:13px}.quiz-summary strong{font-size:16px}.quiz-summary small{color:#9d7d47}.quiz-summary .secondary{background:#fffdf2;border:2px solid #d7bd7a;border-radius:10px;padding:8px 16px}.primary{border:3px solid #493358;border-radius:15px 12px 17px 11px;background:#9670d1;box-shadow:0 6px 0 #513663;color:#fff;text-shadow:0 1px 0 #59326f}.primary:hover:not(:disabled){box-shadow:0 7px 0 #513663;transform:translateY(-2px)}.start-bar{margin-top:30px}.start-bar>.primary{transform:rotate(-1deg);font-size:23px;padding:12px 64px;background:#f2bc41;color:#523e2b;border-color:#71522d;text-shadow:none;box-shadow:0 6px 0 #8b642d}.start-bar p{font-size:13px;background:#fff9ead9;display:table;margin:13px auto 0;padding:4px 12px;border-radius:15px;color:#8e7a60}.secondary{border:2px solid #9d82b5;border-radius:12px 15px 11px 16px;box-shadow:2px 3px 0 #d8c7e438}.game-stage{padding:22px 32px;border-radius:24px 19px 27px 18px;box-shadow:7px 8px 0 #59414d24;background:linear-gradient(#fffef9,#fffef9);isolation:isolate}.game-stage:before{content:'✦';position:absolute;right:-28px;top:35px;font-size:65px;color:#f2c44e;-webkit-text-stroke:2px #674e2c;transform:rotate(15deg)}.game-stage:after{content:'';position:absolute;width:110px;height:120px;left:-68px;bottom:-18px;background:url('art/mascot.svg') center/contain no-repeat;transform:rotate(-15deg);z-index:2}.question-meta{color:#998269}.question{font-size:43px;margin:24px auto 30px;color:#463449;font-weight:900}.answer{border:3px solid #45354e;box-shadow:0 5px 0 #4f355154;border-radius:18px 12px 20px 14px;font-size:29px;min-height:104px;text-shadow:0 1px 0 #69454d26}.answer:nth-child(1){background:#ec7d90;transform:rotate(-.5deg)}.answer:nth-child(2){background:#6ca8df;transform:rotate(.5deg)}.answer:nth-child(3){background:#efbd49;color:#59452b;text-shadow:none;transform:rotate(.6deg)}.answer:nth-child(4){background:#71b69a;transform:rotate(-.5deg)}.answer .shape{background:#ffffff2b;border:2px solid #ffffff50;border-radius:9px 11px 7px 10px;padding:2px 9px;opacity:1}.timer{border:2px solid #9b7b4c;border-radius:40% 44% 39% 48%;background:#ffe7a4;padding:8px 12px;transform:rotate(-3deg);color:#7d582c}.timer button{border:1px solid #bc9c5c;background:#fff6d6}.timer small{color:#9d7b46}.game-top{margin-top:8px}.game-top>small{background:#fff8e0;border:1px solid #cbb285;padding:6px 12px;transform:rotate(-3deg);border-radius:5px}.progress i{height:9px;border:1.5px solid #baa1c2;background:#f2e6f6;transform:rotate(-3deg)}.progress i.done{background:#a784cb}.team-chip{border:2px solid #a18caf;border-radius:15px 11px 18px 12px;box-shadow:3px 4px 0 #cdbad332;background:#fffdf5;min-height:80px}.team-chip.selected{background:#eadcfb;border:3px solid #785195;transform:rotate(-1deg)}.team-chip .emoji{font-size:39px}.team-chip strong{font-size:19px}.team-chip small{font-size:13px;color:#9a84a0}.game-help{font-weight:600;font-size:17px;color:#896d75;background:#fff9eadc;display:table;margin:20px auto;padding:4px 18px;border-radius:20px}.team-strip{margin-top:16px}.game-bottom .secondary{background:#fff0c6;border:2px solid #b6994b;color:#81602e;box-shadow:0 4px 0 #c9a96154;font-size:17px}.score-row{border:2px solid #a189ad;border-radius:14px 19px 11px 16px;transform:rotate(-.5deg)}.score-row:nth-child(even){transform:rotate(.6deg)}.score-row:first-child{border:3px solid #b99542;background:#fff0b6}.editor-card{margin-bottom:24px}.editor-card textarea,.editor-card input,.editor-card select{border-color:#cfbdd3;border-radius:10px 13px 8px 12px}footer{color:#a5957b;padding-top:14px}.page-title{background:#fff9eadb;padding:10px;border-radius:16px}.sticky-toolbar{border:2px solid #b8a0c9}.library-row{border:2px solid #b6a2c4;background:#fffaf0}.library-row.active{background:#f2e6fd}.answer.chosen{outline-color:#785195}.answer.correct{outline:5px solid #328262}.answer.wrong{opacity:.3}body[data-theme=race]{background-color:#edf7ff;background-image:url('art/doodles.svg'),repeating-linear-gradient(0deg,transparent,transparent 31px,#bdd6ec80 32px,#bdd6ec80 33px);--accent:#3c83b6;--soft:#e1f1ff}body[data-theme=magic]{background-color:#fff0f9;background-image:url('art/doodles.svg'),repeating-linear-gradient(0deg,transparent,transparent 31px,#e7c6e580 32px,#e7c6e580 33px);--accent:#a34db8;--soft:#f8e2ff}@media(min-width:1000px){.home-grid{padding:0 9px}.hero{padding-left:45px}}@media(max-width:1000px){.hero:before{display:none}.game-stage:after{width:65px;height:85px;left:-19px;bottom:-18px}}@media(max-width:700px){.home-grid{display:block}.home-grid>.panel{margin-bottom:28px}.hero h1{font-size:32px}.question{font-size:29px}.answer{font-size:21px}.answer .shape{padding:0 5px}.game-stage{padding:20px 16px}.hero{min-height:0}.team-chip .emoji{font-size:29px}.team-chip strong{font-size:17px}.game-help{font-size:15px}.timer{font-size:19px}.start-bar>.primary{padding:12px 20px}.header-note{display:none}.theme-card{padding:8px 4px}.theme-label{font-size:14px}}
.game-top>.quiet{background:#fff9ee;border:1px solid #d3bc94;border-radius:7px;padding:5px 15px;color:#816c75}.game-stage:after{pointer-events:none}.hero:before{pointer-events:none}@media(min-width:1000px) and (max-height:850px){body[data-view=game] header{height:72px}body[data-view=game] .game-top{margin:0 0 14px}body[data-view=game] .game-stage{padding:16px 26px}body[data-view=game] .question{font-size:36px;margin:16px auto 20px}body[data-view=game] .answer{min-height:84px;padding:14px 20px;font-size:26px}body[data-view=game] .team-chip{min-height:72px;padding:11px 16px}body[data-view=game] .game-help{margin:14px auto 12px;font-size:16px}body[data-view=game] .team-strip{margin:12px 0 16px}body[data-view=game] footer{padding-bottom:10px;padding-top:4px}body[data-view=game] main{padding-bottom:16px}}
/* 0.3.0: each group has its own themed answer zone. */
.team-theme{font-size:12px;width:130px;padding:6px;border:1.5px solid #baa4ce;background:#fffaf6;flex-shrink:0}.shared-question{padding:18px 26px 13px;text-align:center}.shared-question .question{font-size:38px;margin:4px auto 8px;line-height:1.4}.shared-question .question-meta{min-height:46px}.split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:18px 0 24px}.split-grid.count-1{grid-template-columns:1fr;max-width:850px;margin-inline:auto}.team-zone{position:relative;padding:18px 20px 12px;border:3px solid #675079;border-radius:24px 17px 27px 19px;box-shadow:5px 6px 0 #58445826;background:#fff7de;isolation:isolate;overflow:hidden}.team-zone:nth-child(even){transform:rotate(-.3deg)}.team-zone:nth-child(odd){transform:rotate(.3deg)}.zone-header{height:auto;max-width:none;padding:0 0 13px;display:flex;align-items:center;gap:12px;border-bottom:2px dashed #cfba8a;margin-bottom:15px;position:relative;z-index:1}.zone-header h2{font-size:25px;margin:0;color:#554065;line-height:1.4;overflow-wrap:anywhere}.zone-header>div{flex:1;min-width:0}.zone-header small{display:block;font-size:12px;color:#917d98}.zone-avatar{display:grid;place-items:center;width:55px;height:55px;border:2px solid #9270a5;background:#fffdf6;border-radius:15px 11px 17px 12px;font-size:36px;transform:rotate(-7deg);flex-shrink:0}.zone-score{font-size:27px;font-weight:900;min-width:60px;text-align:center;padding:4px 9px;border:2px solid #c6a452;background:#ffedb4;border-radius:11px 15px 10px 16px;color:#866332;transform:rotate(4deg)}.zone-score small{font-size:11px;font-weight:600}.team-zone .answer-grid{gap:13px}.team-zone .answer{font-size:24px;min-height:86px;padding:14px 16px;gap:10px;border-width:2.5px}.team-zone .answer .shape{font-size:21px;padding:0 5px}.team-zone .answer.chosen{outline:4px solid #654078;outline-offset:1px;background-image:linear-gradient(135deg,#fff5,transparent)}.team-zone .answer.chosen:after{content:'✓';position:absolute;left:8px;top:4px;background:#fff;color:#72538b;border:2px solid #72538b;border-radius:50%;font-size:15px;width:23px;height:23px;text-align:center;text-shadow:none}.zone-caption{font-size:12px;font-weight:600;text-align:center;padding-top:12px;color:#998162;position:relative;z-index:1}.zone-decor{position:absolute;font-size:120px;left:-19px;top:-17px;opacity:.1;transform:rotate(-20deg);z-index:0;pointer-events:none}.theme-race{background-color:#e7f3ff;border-color:#476d92;background-image:repeating-linear-gradient(0deg,transparent,transparent 23px,#cadff440 24px)}.theme-race .zone-header{border-color:#90b9da}.theme-race .zone-header h2{color:#3d6388}.theme-race .zone-caption{color:#6893b6}.theme-race .zone-caption:before,.theme-race .zone-caption:after{content:'';display:inline-block;width:45px;height:10px;background:repeating-conic-gradient(#69869e 0 25%,#f5faff 0 50%) 0/10px 10px;margin:0 8px;opacity:.5}.theme-magic{background-color:#fbeaff;border-color:#a66eb2;background-image:radial-gradient(circle at 30px 30px,#e3bce9 2px,transparent 3px);background-size:45px 45px}.theme-magic .zone-header{border-color:#d6a6de}.theme-magic .zone-header h2{color:#9758a5}.theme-magic .zone-caption{color:#b078bb}.theme-magic .zone-score{background:#f7dbf5;border-color:#cc96cd;color:#9c5d9f}.theme-party{background-image:radial-gradient(circle at 30px 50px,#f1c65333 4px,transparent 5px);background-size:55px 55px}.team-zone .correct-tick{margin-right:auto;font-size:20px}.split-grid.count-5,.split-grid.count-6,.split-grid.count-7,.split-grid.count-8{grid-template-columns:repeat(3,minmax(0,1fr))}.split-grid.count-5 .answer,.split-grid.count-6 .answer,.split-grid.count-7 .answer,.split-grid.count-8 .answer{font-size:18px;padding:10px;min-height:70px}.split-grid.count-5 .zone-header h2,.split-grid.count-6 .zone-header h2,.split-grid.count-7 .zone-header h2,.split-grid.count-8 .zone-header h2{font-size:19px}.split-grid.count-5 .zone-avatar,.split-grid.count-6 .zone-avatar,.split-grid.count-7 .zone-avatar,.split-grid.count-8 .zone-avatar{width:40px;height:40px;font-size:26px}.split-grid.count-5 .zone-score,.split-grid.count-6 .zone-score,.split-grid.count-7 .zone-score,.split-grid.count-8 .zone-score{min-width:45px;font-size:22px}.split-grid.count-5 .zone-header,.split-grid.count-6 .zone-header,.split-grid.count-7 .zone-header,.split-grid.count-8 .zone-header{gap:8px}body[data-view=game] .game-help{margin:14px auto 10px}@media(min-width:1000px) and (max-height:850px){body[data-view=game] .shared-question{padding:12px 22px 9px}body[data-view=game] .shared-question .question{font-size:33px;margin:3px auto}body[data-view=game] .split-grid{margin:12px 0 19px;gap:22px}body[data-view=game] .team-zone{padding:14px 18px 9px}body[data-view=game] .team-zone .answer{min-height:78px;font-size:23px;padding:12px 14px}body[data-view=game] .zone-header{padding-bottom:10px;margin-bottom:12px}body[data-view=game] .zone-caption{padding-top:10px}body[data-view=game] .zone-header h2{font-size:23px}}@media(max-width:700px){.split-grid,.split-grid.count-5,.split-grid.count-6,.split-grid.count-7,.split-grid.count-8{grid-template-columns:1fr}.team-row{flex-wrap:wrap}.team-theme{width:100%;font-size:14px}.team-row input{flex:1;width:100px}.shared-question .question{font-size:26px}.shared-question{padding:14px}.team-zone .answer{font-size:21px}}
/* 0.3.1: icon-only controls use a fixed centered drawing, not font baselines. */
.icon-button{display:inline-flex;align-items:center;justify-content:center;padding:0;width:42px;min-width:42px;height:42px;line-height:1;vertical-align:middle}.ui-icon{display:block;width:22px;height:22px;flex:none}.timer>.ui-icon{width:22px;height:22px}.timer button{display:inline-flex;align-items:center;justify-content:center;min-width:29px;width:29px;height:29px;padding:0;border-radius:8px;line-height:1}.timer button .ui-icon{width:17px;height:17px}.avatar,.icon-picker button,.remove{display:inline-flex;align-items:center;justify-content:center;line-height:1}.remove{min-width:32px;height:36px}.icon-picker button{min-width:42px;height:42px}.editor-actions .quiet[data-move-q]{display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0;line-height:1}
.header-actions .ui-icon{width:24px;height:24px}.theme-emoji{font-size:46px;line-height:1.2}.answer .shape{font-size:25px}.team-zone .answer .shape{font-size:24px;min-width:31px;text-align:center}.zone-avatar{font-size:38px}.editor-card .step{font-size:19px}

/* 0.3.3: distinct local home illustrations, scoped away from gameplay. */
body[data-view=home][data-theme=party]{background-image:url(art/home-party-surround.svg),repeating-linear-gradient(0deg,transparent,transparent 31px,#d3dfed80 32px,#d3dfed80 33px);background-size:100% 100%,100% 33px}body[data-view=home][data-theme=party] .hero:before{background-image:url(art/home-party-hero.svg);width:170px;height:170px;right:-92px;top:-8px}
body[data-view=home][data-theme=race]{background-image:url(art/home-race-surround.svg),repeating-linear-gradient(0deg,transparent,transparent 31px,#d3dfed80 32px,#d3dfed80 33px);background-size:100% 100%,100% 33px}body[data-view=home][data-theme=race] .hero:before{background-image:url(art/home-race-hero.svg);width:170px;height:170px;right:-92px;top:-8px}
body[data-view=home][data-theme=magic]{background-image:url(art/home-magic-surround.svg),repeating-linear-gradient(0deg,transparent,transparent 31px,#d3dfed80 32px,#d3dfed80 33px);background-size:100% 100%,100% 33px}body[data-view=home][data-theme=magic] .hero:before{background-image:url(art/home-magic-hero.svg);width:170px;height:170px;right:-92px;top:-8px}

/* Matching illustrations inside each independently themed team panel. */
.zone-decor{font-size:0;width:90px;height:90px;left:72px;top:1px;transform:rotate(-10deg);opacity:.65;background-position:center;background-size:contain;background-repeat:no-repeat}
.theme-party .zone-decor{background-image:url(art/home-party-hero.svg)}
.theme-race .zone-decor{background-image:url(art/home-race-hero.svg)}
.theme-magic .zone-decor{background-image:url(art/home-magic-hero.svg)}

/* 0.3.4: brief, non-blocking feedback in each team's illustration space. */
.zone-decor.answer-reaction{opacity:1;overflow:visible;z-index:2;transform:rotate(0);pointer-events:none}
.reaction-face{position:absolute;right:-4px;bottom:0;display:grid;place-items:center;width:32px;height:32px;border:2px solid #76508d;border-radius:50%;background:#fff2ae;color:#76508d;font:900 27px Arial;line-height:1;box-shadow:1px 2px 0 #76508d33}
.reaction-correct{animation:reaction-cheer 1.6s ease-out 1}.theme-race .reaction-correct{animation:reaction-drive 1.6s ease-out 1}.theme-magic .reaction-correct{animation:reaction-magic 1.6s ease-out 1}.reaction-wrong{animation:reaction-sigh 1.4s ease-in-out 1}.reaction-wrong .reaction-face{background:#fff6df;color:#957599}.reaction-unanswered .reaction-face{font-size:19px;background:#fffaf0}
@keyframes reaction-cheer{0%,100%{transform:translateY(0) rotate(0)}25%{transform:translateY(-12px) rotate(-9deg)}50%{transform:translateY(0) rotate(7deg)}75%{transform:translateY(-7px) rotate(-4deg)}}
@keyframes reaction-drive{0%{transform:translateX(24px) rotate(-6deg)}45%{transform:translateX(-20px) rotate(-3deg)}60%{transform:translateX(-22px) rotate(3deg)}100%{transform:translateX(0) rotate(0)}}
@keyframes reaction-magic{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-12px) scale(1.08)}70%{transform:translateY(-4px) scale(1.03)}}
@keyframes reaction-sigh{0%,100%{transform:rotate(0)}35%{transform:translateY(4px) rotate(-6deg)}65%{transform:translateY(4px) rotate(5deg)}}
@media(prefers-reduced-motion:reduce){.zone-decor.answer-reaction{animation:none!important}}

.music-controls{display:flex;gap:7px;align-items:center;padding:3px 8px;border:1px solid #cbb285;background:#fff8e5;border-radius:12px;flex-shrink:0}.music-controls button{font-size:13px;padding:4px 6px;white-space:nowrap}.music-controls label{font-size:11px}.music-controls input{width:65px;padding:0;accent-color:#7950c4}.game-top .progress{min-width:70px}

/* Prominent shared countdown, red for the final ten seconds. */
.shared-question .question-meta{position:relative;min-height:65px;align-items:center}.shared-question .timer{font-size:36px;min-width:210px;justify-content:center;padding:7px 17px;border:3px solid #987037;box-shadow:3px 4px 0 #c7ac7040;transform:none;border-radius:18px;background:#ffe9a6}.shared-question #seconds{font-size:44px;min-width:53px;font-variant-numeric:tabular-nums;line-height:1}.shared-question .timer.low{color:#b52036;background:#ffe1e5;border-color:#bd3046;box-shadow:3px 4px 0 #d55b6c30}.shared-question .timer.low small{color:#a12e42}.shared-question .timer>.ui-icon{width:27px;height:27px}.shared-question .timer button{width:35px;height:35px;min-width:35px}.shared-question .timer button .ui-icon{width:21px;height:21px}body[data-view=game] .shared-question .question-meta{min-height:65px}body[data-view=game] .shared-question .question{margin:0 auto;font-size:32px}
.reaction-wrong .reaction-face{width:64px;height:64px;right:8px;bottom:4px;font-size:55px;border:3px solid #77508c;background:#fff2b5;color:#654078;box-shadow:2px 3px 0 #76508d44}
.question-transition{text-align:center;min-height:480px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#63438e}.question-transition h1{font-size:58px;margin:10px}.question-transition>span{font-size:25px;font-weight:800}.transition-art{display:grid;place-items:center;width:180px;height:180px;font-size:110px;color:#7754b8;background:#ffdf7b;border:4px solid #71508d;border-radius:38% 48% 42% 50%;box-shadow:9px 10px 0 #7754b833;animation:transition-bob 1s ease-in-out both}.question-transition p{font-size:22px}@keyframes transition-bob{0%{transform:scale(.7) rotate(-15deg);opacity:0}40%{transform:scale(1.05) rotate(5deg);opacity:1}100%{transform:scale(1) rotate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.transition-art{animation:none}}
.team-zone .answer{position:relative}.team-zone .answer:disabled{cursor:default}.team-zone .answer.answer-key{opacity:1;background:#edf7ef;color:#3a6248;outline:2px dashed #72a380;outline-offset:0}.team-zone .answer.selected-wrong{opacity:1;background:#f9d0d0;color:#7a263a;border-color:#b34360;outline:3px solid #b34360;outline-offset:1px}.team-zone .answer.team-correct{padding-bottom:24px}.answer-result-label{position:absolute;bottom:3px;left:9px;font-size:13px;font-weight:800;line-height:1.15}.team-zone .answer.answer-key,.team-zone .answer.selected-wrong{padding-bottom:24px}.team-zone .answer.wrong{opacity:.3}
.music-credits{font-size:11px;max-width:320px}.music-credits summary{cursor:pointer}.music-credits p{font-size:11px;line-height:1.5}
#result-focus{max-width:1100px;width:calc(100vw - 70px);max-height:90vh;text-align:center;padding:25px;border:4px solid #70518c;border-radius:25px;background:#fffcf1;color:#554065;box-shadow:10px 12px 0 #39204c33}#result-focus::backdrop{background:#1b1529b8;backdrop-filter:blur(2px)}#result-focus h1{font-size:32px;margin:0 0 20px}.focus-teams{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:10px 0 24px}.focus-team{border:3px solid #9874ad;border-radius:23px;padding:18px}.focus-symbol{font-size:76px;line-height:1.2;display:block}.focus-team h2{font-size:29px;margin:5px}.focus-team strong{font-size:64px;line-height:1.15;display:block}.focus-team strong small{font-size:18px;display:block}.focus-team p{font-size:18px;font-weight:800}.focus-team:only-child{grid-column:1/-1}@media(max-width:650px){.focus-teams{grid-template-columns:1fr}.focus-symbol{font-size:54px}.focus-team strong{font-size:48px}#result-focus{padding:16px;width:calc(100vw - 25px)}}
body[data-motion=on][data-theme=party] .hero::before{animation:ambient-float 4.8s ease-in-out infinite}body[data-motion=on][data-theme=race] .hero::before{animation:ambient-drive 5.5s ease-in-out infinite}body[data-motion=on][data-theme=magic] .hero::before{animation:ambient-magic 5s ease-in-out infinite}body[data-motion=on] .theme-party .zone-decor:not(.answer-reaction){animation:ambient-float 4.8s ease-in-out infinite}body[data-motion=on] .theme-race .zone-decor:not(.answer-reaction){animation:ambient-drive 5.5s ease-in-out infinite}body[data-motion=on] .theme-magic .zone-decor:not(.answer-reaction){animation:ambient-magic 5s ease-in-out infinite}@keyframes ambient-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-7px) rotate(4deg)}}@keyframes ambient-drive{0%,100%{transform:translateX(-8px) rotate(-3deg)}50%{transform:translateX(8px) rotate(2deg)}}@keyframes ambient-magic{0%,100%{transform:translateY(0) rotate(-4deg)}50%{transform:translateY(-6px) rotate(5deg)}}body[data-motion=off] .hero::before,body[data-motion=off] .zone-decor{animation:none!important}@media(prefers-reduced-motion:reduce){body .hero::before,body .zone-decor{animation:none!important}}#motion-toggle{font-size:12px;padding:7px 9px}@media(max-width:700px){#motion-toggle{font-size:10px;padding:5px}.header-note{display:none}}
@media(max-width:700px){header{flex-wrap:wrap;gap:8px}.header-actions{flex-wrap:wrap;gap:5px}.brand{font-size:30px}.music-controls{max-width:100%;flex-wrap:wrap}}
.header-music{position:relative;display:flex;align-items:center}.volume-popover{display:none;position:absolute;top:100%;left:0;padding:14px;background:#fffaf0;border:2px solid #80608d;border-radius:13px;box-shadow:3px 4px 0 #76508d22;z-index:20;min-width:190px;text-align:center}.header-music:hover .volume-popover,.header-music:focus-within .volume-popover{display:block}.volume-popover label{display:block;font-size:13px;margin-bottom:8px}.volume-popover input{width:155px}.header-actions #sound{font-size:12px;padding:7px 9px}
body[data-motion=on] #start{animation:start-invitation 7s ease-in-out infinite;animation-delay:4s}body[data-motion=on] .score-row.first-place{animation:champion-glow 3.2s ease-in-out infinite}@keyframes start-invitation{0%,82%,100%{transform:translateY(0) rotate(0)}86%{transform:translateY(-3px) rotate(-1deg)}90%{transform:translateY(0) rotate(1deg)}94%{transform:translateY(-2px) rotate(0)}}@keyframes champion-glow{0%,100%{background-color:#fff4cf;box-shadow:3px 4px 0 #96724922}50%{background-color:#ffe08b;box-shadow:0 0 0 5px #efbf5b66}}body[data-motion=off] #start,body[data-motion=off] .score-row.first-place{animation:none!important}@media(prefers-reduced-motion:reduce){body #start,body .score-row.first-place{animation:none!important}}

@keyframes start-invitation{0%,65%,100%{transform:scale(1) rotate(0);filter:brightness(1)}72%{transform:scale(1.045) rotate(0);filter:brightness(1.05)}78%{transform:scale(1.02) rotate(-1.5deg);filter:brightness(1.02)}83%{transform:scale(1.045) rotate(1.5deg);filter:brightness(1.05)}89%{transform:scale(1.02) rotate(-1deg);filter:brightness(1.02)}94%{transform:scale(1.035) rotate(0);filter:brightness(1.03)}}
@keyframes champion-glow{0%,100%{background-color:#fff4cf;box-shadow:3px 4px 0 #96724922;transform:scale(1)}50%{background-color:#ffe08b;box-shadow:0 0 0 5px #efbf5b66;transform:scale(1.02)}}