:root{--ink:#10242a;--muted:#617277;--line:#10242a24;--paper:#fffdf6;--surface:#f6f7ef;--panel:#fffdf6f0;--panel-solid:#fffef8;--panel-soft:#f3f5eb;--panel-tint:#eef7f4;--teal:#087682;--yellow:#f1d92b;--green:#20a464;--red:#d94b3d;--plum:#704eb8;--orange:#f08a24;--color-primary:var(--teal);--color-success:var(--green);--color-danger:var(--red);--focus:#08768233;--shadow-soft:0 20px 50px #10242a1f;--shadow-lift:0 16px 30px #10242a29;--shadow-line:0 1px 0 #ffffffbf inset;--card-bg:#fff;--border-color:#10242a1f;--text-color:#10242a;--input-bg:#f8fafc;color:#142226;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ed;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}body{background-color:#0000;background-image:linear-gradient(115deg,#f1d92b1a 0 12%,#0000 12% 62%,#d94b3d11 62% 74%,#0000 74%),linear-gradient(#10242a09 1px,#0000 1px),linear-gradient(90deg,#10242a09 1px,#0000 1px),linear-gradient(135deg,#fffdf4 0%,#edf4ee 46%,#e6eee9 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,32px 32px,32px 32px,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;min-width:320px;min-height:100vh;margin:0;overflow-x:hidden}body.text-small{font-size:100%}body.text-large{font-size:112.5%}body.theme-dark{--ink:#f7fbf7;--muted:#a9bec1;--line:#ffffff21;--paper:#071f31;--surface:#0b2234;--panel:#071f31f0;--panel-solid:#0b2234;--panel-soft:#092033;--panel-tint:#0d2b3e;--focus:#38c9d638;--shadow-soft:0 22px 52px #00000057;--shadow-lift:0 18px 32px #00000061;--shadow-line:0 1px 0 #ffffff14 inset;--color-primary:#38c9d6;--color-success:#20a464;--color-danger:#d94b3d;--card-bg:#0b2234;--border-color:#ffffff21;--text-color:#f7fbf7;--input-bg:#1e293b;color:#f7fbf7;background-color:#0000;background-image:linear-gradient(115deg,#f1d92b17 0 11%,#0000 11% 60%,#38c9d614 60% 73%,#0000 73%),linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(135deg,#061421 0%,#092538 52%,#020b12 100%);background-position:0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat;background-size:auto,32px 32px,32px 32px,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{width:min(1440px,100%);margin:0 auto;padding:22px}.app-header{background:linear-gradient(135deg, #fffef8fa, #f5f8efe6), var(--panel-solid);box-shadow:var(--shadow-soft), var(--shadow-line);border:1px solid #10242a1f;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:12px 14px;display:flex}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.header-actions .icon-button.active{color:#fff!important;background:linear-gradient(#1fa5b3,#0a7782)!important;border-color:#08636d!important;box-shadow:0 4px 10px #0a778240,inset 0 1px #fff3!important}.brand{align-items:center;gap:14px;min-width:0;display:flex}.brand-logo{object-fit:contain;background:linear-gradient(160deg,#fffffff2,#edf7f4f0),#fff;border:1px solid #10242a1f;border-radius:8px;flex:none;width:72px;height:72px;padding:8px;box-shadow:0 10px 22px #10242a1a,inset 0 -8px 14px #08768214}.brand h1,.turn-strip h2,.winner-panel h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.96}.brand h1{font-size:clamp(2.1rem,4vw,3.75rem)}.eyebrow{color:var(--teal);text-transform:uppercase;letter-spacing:0;margin:0 0 4px;font-size:.78rem;font-weight:800}.section-title{align-items:center;gap:10px;margin-bottom:16px;display:flex}.section-title h2{margin:0;font-size:1.35rem}.setup-grid{grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);align-items:stretch;gap:24px;display:grid}.setup-panel,.score-panel,.play-panel,.board-preview,.winner-panel{box-shadow:var(--shadow-soft), var(--shadow-line);background:linear-gradient(#fffef8f5,#f7f9f2eb),#ffffffe0;border:1px solid #10242a21;min-width:0}.setup-panel,.score-panel,.play-panel,.winner-panel{border-radius:8px}.setup-panel,.play-panel,.winner-panel{padding:24px}.team-editor-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.team-editor,.score-card,.question-card{background:#fff;border:2px solid #1b2528;border-radius:8px}.team-editor{padding:16px}.team-editor-head{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-bottom:12px;display:grid}.team-color{border:2px solid #1b2528;border-radius:50%;width:18px;height:18px}label{color:#405458;gap:6px;margin:10px 0;font-size:.86rem;font-weight:800;display:grid}input{color:#162225;background:linear-gradient(#fffffffa,#f7faf7f5),#fbfcfa;border:1px solid #10242a2e;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 12px;box-shadow:inset 0 1px #ffffffd1}select{color:#162225;background:linear-gradient(#fffffffa,#f7faf7f5),#fbfcfa;border:1px solid #10242a2e;border-radius:8px;outline:none;width:100%;min-height:44px;padding:10px 36px 10px 12px;box-shadow:inset 0 1px #ffffffd1}input:focus,select:focus{border-color:var(--teal);box-shadow:0 0 0 4px var(--focus), inset 0 1px 0 #ffffffd1}.age-meter{color:#42595c;background:#f6f7f2;border:2px solid #d7dde2;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:9px 10px;display:flex}.age-meter strong{color:#087682}.setup-actions,.game-actions,.winner-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.icon-button,.square-button,.roll-button,.answer-button{color:#162225;background:#fff;border:1px solid #14222647;border-radius:8px;transition:transform .16s,box-shadow .16s,background .16s,border-color .16s}.icon-button{justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-weight:900;display:inline-flex;box-shadow:0 8px 18px #10242a14,inset 0 1px #ffffffc7}.square-button{place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.icon-button:hover:not(:disabled),.square-button:hover,.roll-button:hover,.answer-button:hover:not(:disabled){box-shadow:var(--shadow-lift);transform:translateY(-2px)}.primary{background:linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);border-color:#10242a57}.secondary{background:linear-gradient(#fff,#f3f6f0),#fff}.ghost{background:linear-gradient(#ffffffe0,#edf4f0e0),#edf2f0;border-color:#10242a1f}.danger{color:#fff;background:linear-gradient(#ff8d81,#d94b3d),#d94b3d;border-color:#7e18186b}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#04101bad;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.leave-match-dialog{color:#f7fbf7;background:radial-gradient(circle at 10% 0,#f1d92b26,#0000 34%),linear-gradient(145deg,#071f31,#03101b);border:1px solid #ffffff2e;border-radius:8px;grid-template-columns:auto minmax(0,1fr);gap:16px;width:min(520px,100%);padding:20px;display:grid;box-shadow:0 28px 70px #00000075}.leave-match-icon{width:48px;height:48px;color:var(--yellow);background:#f1d92b29;border:1px solid #f1d92b5c;border-radius:8px;place-items:center;display:grid}.leave-match-dialog h2{margin:0 0 8px;font-size:1.55rem}.leave-match-dialog p:not(.eyebrow){color:#c6d4d4;margin:0;font-weight:750;line-height:1.45}.leave-match-actions{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.board-preview{border-radius:8px;align-content:center;justify-items:center;min-height:480px;padding:24px;display:grid}.wheel-wrap{aspect-ratio:1;width:min(360px,82vw);position:relative}.trivia-wheel{background:conic-gradient(#f1d92b 0deg 60deg,#087682 60deg 120deg,#20a464 120deg 180deg,#d94b3d 180deg 240deg,#7a55c7 240deg 300deg,#f08a24 300deg 360deg);border:4px solid #1b2528;border-radius:50%;place-items:center;display:grid;position:absolute;inset:12%}.trivia-wheel:before{content:"";background:#fff;border:4px solid #1b2528;border-radius:50%;position:absolute;inset:28%}.trivia-wheel img{object-fit:contain;width:42%;height:42%;position:relative}.orbit-tile{background:var(--tile-color);color:#162225;border:3px solid #1b2528;border-radius:8px;place-items:center;width:54px;height:54px;display:grid;position:absolute}.tile-1{top:0;left:calc(50% - 27px)}.tile-2{top:21%;right:2%}.tile-3{bottom:8%;right:12%}.tile-4{bottom:8%;left:12%}.tile-5{top:21%;left:2%}.tile-6{bottom:0;right:calc(50% - 27px)}.category-key{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;margin-top:20px;display:grid}.category-key span{border:2px solid color-mix(in srgb, var(--category-color,#d7dde2), #d7dde2 36%);color:#405458;background:linear-gradient(180deg, color-mix(in srgb, var(--category-color,#fff), transparent 90%), #fffffff5), #fff;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-height:36px;font-size:.86rem;font-weight:800;display:inline-flex}.game-layout{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.score-panel{order:1;padding:14px 16px}.score-list{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;display:grid}.score-card{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;min-height:74px;padding:9px 10px;display:grid}.score-card.active{background:#fffbe7}.pie{border:3px solid #1b2528;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.pie>span:not(.avatar-figure){border:2px solid #1b2528;border-radius:50%;width:20px;height:20px}.cheese-holder{justify-items:center;gap:3px;min-width:66px;display:grid}.cheese-wheel-wrap{place-items:center;width:66px;height:68px;display:grid;position:relative}.cheese-count{color:#405458;justify-items:center;gap:1px;line-height:1;display:grid}.cheese-count strong{color:#142226;font-size:.84rem}.cheese-count span{text-transform:uppercase;font-size:.58rem;font-weight:900}.score-card h3{overflow-wrap:anywhere;margin:0;font-size:1rem}.score-card p{color:#587073;margin:2px 0 7px;font-size:.88rem;font-weight:700}.mini-wedges-title{color:#405458;letter-spacing:.02em;text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:950;display:block}.mini-wedges{grid-template-columns:repeat(6,minmax(18px,1fr));gap:4px;max-width:100%;display:grid}.mini-wedges span{color:#142226;background:#e8ecee;border:1px solid #1b2528;border-radius:999px;place-items:center;min-width:0;height:15px;font-size:.56rem;font-weight:950;line-height:1;display:grid;position:relative;overflow:hidden}.mini-wedges span:before{content:"";width:var(--wedge-progress);background:radial-gradient(circle at 28% 22%, #ffffffdb, transparent 22%), linear-gradient(180deg, color-mix(in srgb, var(--wedge-color), white 34%), var(--wedge-color) 55%, color-mix(in srgb, var(--wedge-color), #07121c 24%));position:absolute;inset:0 auto 0 0}.mini-wedges span:after{content:"";border-radius:inherit;background:linear-gradient(#ffffff73,#0000 60%);position:absolute;inset:1px}.mini-wedges span.earned{color:#fff;text-shadow:0 1px 2px #05121d8c}.mini-wedges span.recently-earned{box-shadow:inset 0 0 0 1px #ffffff6b, 0 0 0 3px color-mix(in srgb, var(--wedge-color), transparent 72%), 0 0 18px color-mix(in srgb, var(--wedge-color), transparent 34%);animation:1.6s ease-out both miniWedgeEarned}.mini-wedges small{z-index:1;font-size:inherit;font-weight:inherit;position:relative}@keyframes miniWedgeEarned{0%{transform:scale(.72)}42%{transform:scale(1.18)}to{transform:scale(1)}}.score-number{text-align:right;min-width:34px;font-size:1.4rem}.turn-strip{border-bottom:2px solid #d7dde2;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.turn-strip h2{overflow-wrap:anywhere;font-size:clamp(1.7rem,4vw,3.2rem)}.turn-meta{color:#587073;justify-items:end;min-width:max-content;font-weight:800;display:grid}.turn-meta strong{color:#087682;font-size:1.05rem}.table-zone{grid-template-columns:minmax(310px,.72fr) minmax(0,1fr);align-items:stretch;gap:20px;margin-top:20px;display:grid}.game-layout .board-preview{min-height:420px;box-shadow:none}.game-layout .wheel-wrap{width:min(300px,74vw)}.question-area{min-height:420px;display:grid}.ready-state{background:#fbfcfa;border:2px dashed #9aa9ac;border-radius:8px;place-items:center;min-height:100%;display:grid}.roll-button{color:#142226;background:#f1d92b;justify-content:center;align-items:center;gap:12px;min-width:220px;min-height:72px;padding:14px 24px;font-size:1.25rem;font-weight:950;display:inline-flex}.roll-button span,.roll-button svg,body.theme-dark .roll-button,body.theme-dark .roll-button span,body.theme-dark .roll-button svg,body.theme-dark .rail-controls-panel .roll-button,body.theme-dark .board-controls-panel .roll-button{color:#142226}.move-card{background:#fff;border:2px solid #1b2528;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;width:min(980px,100%);padding:18px;display:grid}.move-die{background:#f1d92b;border:2px solid #1b2528;border-radius:18px;place-items:center;width:86px;height:86px;display:grid;box-shadow:5px 5px #1b2528}.move-die span{text-transform:uppercase;font-size:.76rem;font-weight:900}.move-die strong{font-size:2.4rem;line-height:1}.move-copy h2,.move-copy p{margin:0}.move-copy h2{font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.05}.move-copy p:not(.eyebrow){color:#587073;font-weight:800}.move-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.move-actions .move-target-button,body.theme-dark .move-actions .move-target-button,body.theme-dark .move-actions .move-target-button.primary,body.theme-dark .move-actions .move-target-button.secondary{border-color:color-mix(in srgb, var(--move-target-color), #06101c 42%);background:radial-gradient(circle at 30% 18%, #ffffff61, transparent 23%), linear-gradient(180deg, color-mix(in srgb, var(--move-target-color), white 18%), var(--move-target-color)), var(--move-target-color);color:var(--move-target-ink);box-shadow:inset 0 -8px 12px #0000002e, inset 0 1px 0 #ffffff73, 0 10px 18px color-mix(in srgb, var(--move-target-color), transparent 68%)}.move-actions .move-target-button span,.move-actions .move-target-button svg,body.theme-dark .move-actions .move-target-button span,body.theme-dark .move-actions .move-target-button svg{color:inherit}.question-card{align-content:start;gap:16px;padding:18px;display:grid}.question-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.category-pill{background:var(--category-color);border:2px solid #1b2528;border-radius:8px;align-items:center;gap:8px;min-height:38px;padding:7px 10px;font-weight:900;display:inline-flex}.die-face{background:#fff;border:2px solid #1b2528;border-radius:8px;place-items:center;width:46px;height:46px;font-weight:950;display:grid;box-shadow:3px 3px #1b2528}.question-card h2{letter-spacing:0;text-align:center;justify-self:center;max-width:920px;margin:0;font-size:clamp(1.8rem,3.8vw,3.15rem);line-height:1.12}.question-rule{background:#f7fbf7;border:1px solid #14222624;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.question-rule.cheese{background:#fff8c8;border-color:#d7b900}.question-rule strong{min-width:max-content;font-size:.88rem}.question-rule span,.turn-result-detail{color:#405458;font-size:.9rem;font-weight:800}.answer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.answer-button{text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:62px;padding:12px;font-weight:850;display:flex}.answer-button span{overflow-wrap:anywhere}.answer-button.correct{background:#dff5e9;border-color:#178853}.answer-button.wrong{background:#fae0dc;border-color:#bd3027}.result-box{background:#f6f7f2;border:2px solid #1b2528;border-radius:8px;gap:8px;padding:14px;display:grid}.result-box.correct{background:#e9f7ee}.result-box.wrong{background:#fff0ed}.result-box strong{font-size:1.1rem}.result-box .icon-button{justify-self:end;margin-top:4px}.winner-panel{text-align:center;justify-items:center;max-width:720px;margin:32px auto;display:grid}.winner-pie{border:4px solid #1b2528;border-radius:50%;place-items:center;width:190px;height:190px;margin-bottom:18px;display:grid}.winner-pie img{object-fit:contain;background:#fff;border-radius:50%;width:48%;height:48%}.winner-panel p{color:#587073;font-weight:800}.story-shell{gap:18px;display:grid}.story-topbar,.story-hud{background:#faf8f5;border:1px solid #8b5a2b2e;border-radius:12px;justify-content:space-between;align-items:center;gap:14px;padding:16px 20px;display:flex;box-shadow:0 4px 15px #8b5a2b0a}.story-topbar h2{color:#4e3621;letter-spacing:-.01em;margin:0;font-size:clamp(1.4rem,3.5vw,2.1rem);font-weight:800}.story-score{color:#4e3621;background:linear-gradient(135deg,#ecd9c6,#c69f7c);border:1px solid #c69f7c;border-radius:6px;justify-content:center;align-items:center;gap:6px;min-width:100px;padding:7px 14px;font-size:.95rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 2px 8px #8b5a2b1a}.story-score:hover{transform:scale(1.05)}.story-score.compact{min-width:85px;padding:6px 12px}.story-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start;gap:20px;display:grid}.story-map-card,.story-panel,.story-challenge,.story-question-card{background:#faf8f5;border:1px solid #8b5a2b29;border-radius:12px;box-shadow:0 4px 15px #8b5a2b0a}.story-map-card{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c69f7c transparent;background:#f7f1e5;border:1px solid #bda38b;min-height:720px;max-height:min(78vh,900px);overflow:auto}.story-map-card::-webkit-scrollbar{width:6px}.story-map-card::-webkit-scrollbar-track{background:0 0}.story-map-card::-webkit-scrollbar-thumb{background:#c69f7c;border-radius:3px}.story-map-card::-webkit-scrollbar-thumb:hover{background:#a8815e}.story-map-scene{background-color:#f7f1e5;background-image:radial-gradient(circle,#0000 60%,#8b5a2b14 100%),repeating-radial-gradient(#8b5a2b04 0 2px,#0000 2px 28px),repeating-linear-gradient(45deg,#8b5a2b02 0 1px,#0000 1px 36px);min-height:4400px;position:relative;overflow:hidden;box-shadow:inset 0 0 100px #5a37141f}.story-map-scene:before,.story-map-scene:after{content:"";opacity:.8;pointer-events:none;box-shadow:none;filter:none;background:#8b5a2b0a;border-radius:0;position:absolute;transform:none}.story-map-scene:before{background:repeating-linear-gradient(90deg,#8b5a2b26 0 8px,#0000 8px 16px);height:1px;top:25%;left:0;right:0}.story-map-scene:after{background:repeating-linear-gradient(90deg,#8b5a2b26 0 8px,#0000 8px 16px);height:1px;bottom:25%;left:0;right:0}.story-river{width:16%;height:110%;box-shadow:none;filter:none;pointer-events:none;background:#c1d1d652;border:none;border-left:2px dashed #6f4e3726;border-right:2px dashed #6f4e3726;border-radius:0;position:absolute;top:-5%;left:42%;transform:rotate(15deg)}.story-forest{filter:none;opacity:.65;pointer-events:none;border-radius:0;width:140px;height:100px;position:absolute}.story-forest.one{background:radial-gradient(circle at 30% 60%,#556b2f1f 0 25px,#0000 26px),radial-gradient(circle at 70%,#556b2f1f 0 22px,#0000 23px);top:18%;left:8%}.story-forest.two{background:radial-gradient(circle at 40% 55%,#556b2f1f 0 24px,#0000 25px),radial-gradient(circle at 70% 65%,#556b2f1f 0 20px,#0000 21px);bottom:14%;right:8%}.story-path-svg{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.story-path-svg path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.story-path-shadow{stroke:#5a371426;stroke-width:10px;opacity:.4}.story-path-outer{stroke:#8b5a2b24;stroke-width:6px}.story-path-inner{stroke-width:3.5px;stroke:#6f4e3747!important}.story-path-progress{stroke-width:4px;stroke-dasharray:var(--story-progress) 100;filter:drop-shadow(0 0 5px #d9770673);transition:stroke-dasharray .35s cubic-bezier(.4,0,.2,1);stroke:url(#storyProgressGradient)!important}.story-path-stitch{stroke:#6f4e37;stroke-dasharray:2 6;stroke-width:1px;opacity:.3}.story-node{z-index:3;left:var(--node-x);top:var(--node-y);color:#4e3621;isolation:isolate;cursor:pointer;background:radial-gradient(circle at 35% 35%,#ecd9c6 0%,#c69f7c 60%,#855c3e 100%);border:2px solid #855c3e;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.8rem;font-weight:800;transition:transform .25s cubic-bezier(.34,1.56,.64,1),box-shadow .25s,background .25s;display:grid;position:absolute;transform:translate(-50%,-50%)scale(1);box-shadow:0 4px 8px #5a371440,inset 0 1px 2px #fff6}.story-node:hover:not(:disabled){z-index:10;transform:translate(-50%,-50%)scale(1.18);box-shadow:0 6px 14px #5a371459,inset 0 1px 2px #ffffff80}.story-node svg{width:14px;height:14px}.story-node.completed{color:#4e3621;background:radial-gradient(circle at 35% 35%,#fff6cd 0%,#e0a924 60%,#9a6d0c 100%);border-color:#9a6d0c;box-shadow:0 4px 8px #9a6d0c4d,inset 0 1px 2px #ffffff80}.story-node.completed:hover:not(:disabled){transform:translate(-50%,-50%)scale(1.18);box-shadow:0 6px 14px #9a6d0c73,inset 0 1px 2px #fff9}.story-node.milestone{border-color:#855c3e;border-radius:10px;width:42px;height:42px;font-size:.85rem;font-weight:800;box-shadow:0 5px 11px #5a371459,inset 0 1px 3px #fff6}.story-node.milestone:before{display:none}.story-node.current,.story-node.focused{border-color:#d97706;outline:none;animation:2s ease-in-out infinite alternate storyNodePulseOld}@keyframes storyNodePulseOld{0%{transform:translate(-50%,-50%)scale(1);box-shadow:0 0 0 2px #d9770640,0 0 10px #d977064d,0 4px 8px #5a371440}to{transform:translate(-50%,-50%)scale(1.1);box-shadow:0 0 0 5px #d9770666,0 0 16px #d9770680,0 6px 12px #5a371459}}.story-node.locked{color:#6f4e3759;box-shadow:none;cursor:not-allowed;background:#855c3e14;border-color:#855c3e4d}.story-panel{box-shadow:none;background:0 0;border:none;border-radius:0;gap:14px;padding:16px;display:grid;position:sticky;top:14px}.story-player-card,.story-progress-card,.story-finale-card,.story-level-card{background:#faf8f5;border:1px solid #8b5a2b29;border-radius:12px;gap:12px;padding:18px;transition:transform .2s,box-shadow .2s;display:grid;position:relative;overflow:hidden;box-shadow:0 4px 15px #8b5a2b0a}.story-player-card:hover,.story-progress-card:hover,.story-level-card:hover{transform:translateY(-1px);box-shadow:0 6px 18px #8b5a2b14}.story-player-card:before,.story-progress-card:before,.story-finale-card:before,.story-level-card:before{content:"";background:linear-gradient(90deg,#855c3e,#c69f7c);height:3px;position:absolute;inset:0 0 auto}.story-player-card{grid-template-columns:auto minmax(0,1fr) 90px;align-items:center}.story-player-card label{margin:0}.story-progress-card strong{color:#4e3621;font-size:1.3rem}.story-progress-card span,.story-finale-card p,.story-level-card p{color:#6f5d4e;font-size:.9rem;font-weight:600}.story-finale-card{background:#faf8f5;border-color:#c69f7c;align-content:start}.story-finale-icon{color:#fff;background:linear-gradient(135deg,#fbbf24,#f59e0b);border:none;border-radius:50%;place-items:center;width:54px;height:54px;display:grid;box-shadow:0 4px 12px #f59e0b40}.story-finale-card h3{color:#4e3621;margin:0;font-size:1.35rem;font-weight:800;line-height:1.1}.story-finale-card p{color:#6f5d4e;margin:0;line-height:1.5}.story-finale-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-level-head{align-items:center;gap:12px;display:flex}.story-level-head>span{background:var(--level-color);width:48px;height:48px;box-shadow:inset 0 -8px 12px #10242a2e, 0 10px 18px color-mix(in srgb, var(--level-color), transparent 74%);border:1px solid #10242a47;border-radius:8px;place-items:center;display:grid}.story-level-card h3{margin:0;font-size:1.4rem;line-height:1.05}.story-stars{color:#f1b82b;gap:5px;display:inline-flex}.story-challenge{gap:16px;max-width:980px;margin:0 auto;padding:18px;display:grid}.story-hud-player{align-items:center;gap:10px;display:flex}.story-hud-player span{color:#587073;font-size:.82rem;font-weight:800;display:block}.story-age-control{color:#405458;gap:4px;min-width:88px;margin:0;font-size:.78rem;font-weight:900;display:grid}.story-age-control input{text-align:center;min-height:38px;padding:8px 10px;font-weight:950}.story-lives{color:#d94b3d;gap:4px;display:inline-flex}.story-question-card{gap:14px;padding:18px;display:grid}.story-question-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.story-question-top>strong{background:#fff;border:2px solid #142226;border-radius:8px;place-items:center;min-width:62px;min-height:46px;display:grid;box-shadow:3px 3px #142226}.story-question-box{text-align:center;background:#f7fbf7;border:2px solid #d7dde2;border-radius:8px;place-items:center;min-height:220px;padding:22px;display:grid}.story-question-box h2{margin:0;font-size:clamp(1.45rem,3vw,2.35rem);line-height:1.15}.story-answer-list{gap:10px;display:grid}.exam-shell{gap:18px;max-width:1180px;margin:0 auto;display:grid}.exam-topbar{box-shadow:var(--shadow-soft), var(--shadow-line);background:linear-gradient(135deg,#fffef8fa,#e8f5f3f0),#fff;border:1px solid #10242a1f;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:14px;display:flex}.exam-topbar h2{margin:0;font-size:clamp(1.55rem,3vw,2.6rem);line-height:1}.exam-score-pill{color:#fff;background:#10242a;border-radius:8px;align-items:center;gap:8px;min-height:46px;padding:10px 12px;font-weight:950;display:inline-flex}.exam-setup-grid{grid-template-columns:minmax(360px,.9fr) minmax(0,1.1fr);align-items:start;gap:16px;display:grid}.exam-setup-card,.exam-question-card,.exam-result-card,.exam-review-item{box-shadow:0 14px 30px #10242a17, var(--shadow-line);background:linear-gradient(#fffffffa,#f7faf3f0),#fff;border:1px solid #10242a1f;border-radius:8px;gap:14px;padding:18px;display:grid}.exam-question-card{width:100%;max-width:980px;margin:0 auto}.exam-subject-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;display:grid}.exam-subject-button{min-height:50px;color:var(--ink);text-align:left;background:linear-gradient(#fffffff5,#f2f7f0f0),#fff;border:1px solid #10242a1f;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:10px;font-weight:900;display:grid}.exam-subject-button svg{color:var(--category-color)}.exam-subject-button.active{border-color:var(--category-color);box-shadow:0 0 0 4px color-mix(in srgb, var(--category-color), transparent 82%)}.exam-result-card{grid-template-columns:auto minmax(0,1fr);align-items:center}.exam-result-main{--exam-score:0%;background:conic-gradient(var(--green) 0 var(--exam-score), #10242a1f 0), #fff;border:2px solid #142226;border-radius:50%;place-items:center;width:128px;height:128px;display:grid;box-shadow:6px 6px #142226}.exam-result-main strong{font-size:1.6rem;line-height:1}.exam-result-main span{color:#405458;text-align:center;max-width:82px;font-size:.72rem;font-weight:900;line-height:1.1}.exam-result-card p{color:#405458;margin:0;font-weight:850}.exam-result-actions{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.exam-review-list{gap:10px;display:grid}.exam-review-item{gap:6px;box-shadow:0 8px 18px #10242a12}.exam-review-item.correct{border-left:5px solid var(--green)}.exam-review-item.wrong{border-left:5px solid var(--red)}.exam-review-item span,.exam-review-item small{color:#587073;font-weight:800}.exam-history-card{grid-column:1/-1}.exam-history-list{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;display:grid}.exam-history-item{background:linear-gradient(135deg,#e8f5f3e6,#fffef8eb),#fff;border:1px solid #10242a1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:11px;padding:12px;display:grid}.exam-history-score{background:radial-gradient(circle at 32% 22%, #ffffffd1, transparent 20%), linear-gradient(180deg, #fff06a, var(--yellow));color:#142226;border:2px solid #142226;border-radius:50%;place-items:center;width:62px;height:62px;line-height:1;display:grid;box-shadow:4px 5px #142226}.exam-history-score strong{font-size:1rem}.exam-history-score span,.exam-history-item small,.exam-history-item span{color:#587073;font-weight:850}.exam-history-item>div:last-child{gap:2px;min-width:0;display:grid}.exam-history-item>div:last-child strong,.exam-history-item>div:last-child span,.exam-history-item>div:last-child small{overflow-wrap:anywhere}.exam-history-empty{color:#587073;text-align:center;background:#eef5f2b8;border:1px dashed #10242a33;border-radius:8px;justify-items:center;gap:7px;padding:24px 16px;display:grid}.exam-history-empty svg{color:var(--teal)}.exam-history-empty strong{color:#142226}body.theme-dark .app-header,body.theme-dark .config-wheel,body.theme-dark .readiness-strip span,body.theme-dark .setup-panel,body.theme-dark .score-panel,body.theme-dark .play-panel,body.theme-dark .winner-panel,body.theme-dark .story-topbar,body.theme-dark .story-hud,body.theme-dark .story-map-card,body.theme-dark .story-panel,body.theme-dark .story-challenge,body.theme-dark .story-question-card,body.theme-dark .exam-topbar,body.theme-dark .exam-setup-card,body.theme-dark .exam-question-card,body.theme-dark .exam-result-card,body.theme-dark .exam-review-item,body.theme-dark .profile-card{color:#f7fbf7;box-shadow:var(--shadow-soft), var(--shadow-line);background:radial-gradient(circle at 12% 0,#38c9d614,#0000 32%),linear-gradient(145deg,#0b2234fa,#05121ff5),#071f31;border-color:#ffffff21}body.theme-dark .team-editor,body.theme-dark .score-card,body.theme-dark .question-card,body.theme-dark .rule-card,body.theme-dark .summary-card,body.theme-dark .mode-card,body.theme-dark .exam-subject-button,body.theme-dark .exam-history-item,body.theme-dark .profile-preview,body.theme-dark .story-question-box,body.theme-dark .result-box{color:#f7fbf7;background:linear-gradient(145deg,#0f2b3efa,#071827f5),#0b2234;border-color:#ffffff24}body.theme-dark .brand-logo,body.theme-dark .config-wheel-core,body.theme-dark .config-wheel-step,body.theme-dark .secondary,body.theme-dark .ghost,body.theme-dark .icon-button:not(.primary):not(.danger),body.theme-dark input,body.theme-dark select,body.theme-dark .settings-segmented{color:#f7fbf7;background:linear-gradient(#14364cfa,#0a1f31f5),#0b2234;border-color:#ffffff29}body.theme-dark label,body.theme-dark .score-card p,body.theme-dark .cheese-count,body.theme-dark .mini-wedges-title,body.theme-dark .board-toolbar span,body.theme-dark .exam-result-card p,body.theme-dark .exam-review-item span,body.theme-dark .exam-review-item small,body.theme-dark .exam-history-score span,body.theme-dark .exam-history-item span,body.theme-dark .exam-history-item small,body.theme-dark .profile-preview span:not(.profile-avatar),body.theme-dark .rule-card-head span,body.theme-dark .mode-card span,body.theme-dark .summary-card span,body.theme-dark .story-question-top strong{color:#a9bec1}body.theme-dark .brand h1,body.theme-dark .setup-panel-head h2,body.theme-dark .section-title h2,body.theme-dark .score-card h3,body.theme-dark .question-card h2,body.theme-dark .profile-preview strong,body.theme-dark .profile-card strong,body.theme-dark .readiness-strip strong,body.theme-dark .exam-history-empty strong,body.theme-dark .exam-topbar h2,body.theme-dark .story-topbar h2{color:#f7fbf7}body.theme-dark .settings-segmented button{color:#c5d7d8}body.theme-dark .settings-segmented button.active,body.theme-dark .config-wheel-step.active,body.theme-dark .primary{color:#142226}body.theme-dark .exam-history-empty{color:#a9bec1;background:#ffffff0f;border-color:#ffffff2e}body.theme-dark .setup-panel-head{border-bottom-color:#ffffff1f}body.theme-dark .setup-progress span{background:#ffffff24}.setup-studio{grid-template-columns:minmax(360px,.78fr) minmax(0,1.22fr);align-items:start;gap:26px;display:grid}.setup-studio>.setup-panel{position:relative;overflow:hidden}.setup-studio>.setup-panel:before{content:"";background:linear-gradient(90deg, var(--teal), var(--yellow), var(--green), var(--red));height:6px;position:absolute;inset:0 0 auto}.config-console{align-content:start;gap:16px;display:grid;position:sticky;top:18px}.config-console .board-3d-preview.setup{background:radial-gradient(circle at 50% 24%,#38c9d621,#0000 32%),linear-gradient(145deg,#061928 0%,#071f31 52%,#03101b 100%);border-color:#ffffff1a;box-shadow:0 22px 48px #03101b4d,inset 0 1px #ffffff14}.config-wheel{isolation:isolate;background:linear-gradient(160deg, #fffef8f5, #edf7f4eb), var(--panel-solid);min-height:326px;box-shadow:var(--shadow-soft), var(--shadow-line);border:1px solid #10242a1f;border-radius:8px;place-items:center;display:grid;position:relative;overflow:hidden}.config-wheel:before,.config-wheel:after{content:"";z-index:0;border-radius:50%;position:absolute;inset:18px}.config-wheel:before{background:conic-gradient(from -42deg, #f1d92be6 0 25%, #087682bd 0 50%, #20a464b8 0 75%, #d94b3db8 0 100%);opacity:.95;-webkit-mask:radial-gradient(circle,#0000 0 43%,#000 44% 58%,#0000 59%);mask:radial-gradient(circle,#0000 0 43%,#000 44% 58%,#0000 59%)}.config-wheel:after{opacity:.8;background-color:#0000;background-image:linear-gradient(#10242a0b 1px,#0000 1px),linear-gradient(90deg,#10242a0b 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:18px 18px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px dashed #10242a29;inset:44px}.config-wheel-core{z-index:2;color:#142226;background:radial-gradient(circle at 34% 28%,#fffffffa,#fffef8f0 55%,#e7f3eff0),#fff;border:1px solid #10242a2e;border-radius:50%;place-items:center;width:132px;height:132px;font-weight:950;transition:transform .16s,box-shadow .16s,background .16s;display:grid;position:relative;box-shadow:inset 0 -14px 24px #0876821f,0 18px 32px #10242a29}.config-wheel-core:hover{transform:translateY(-2px);box-shadow:inset 0 -14px 24px #0876821f,0 22px 38px #10242a33}.config-wheel-core.active{background:radial-gradient(circle at 34% 28%, #ffffffc7, transparent 30%), linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);box-shadow:inset 0 -14px 22px #10242a1f,0 0 0 6px #f1d92b38,0 20px 34px #10242a2e}.config-wheel-core span{color:inherit;font-size:1.05rem}.config-wheel-core svg{color:var(--teal)}.config-wheel-core.active svg{color:#142226}.config-wheel-step{color:#405458;z-index:3;background:linear-gradient(#fffffffa,#f6f9f4f0),#fff;border:1px solid #10242a29;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-width:128px;min-height:46px;padding:9px 12px;font-weight:900;transition:transform .16s,border-color .16s,box-shadow .16s,background .16s;display:inline-flex;position:absolute;box-shadow:0 12px 24px #10242a1f,inset 0 1px #ffffffd1}.config-wheel-step:hover{box-shadow:var(--shadow-lift);border-color:#0876825c}.config-step-1:hover{transform:translate(-50%)translateY(-2px)}.config-step-2:hover,.config-step-5:hover{transform:translateY(calc(-50% - 2px))}.config-step-3:hover,.config-step-4:hover{transform:translateY(-2px)}.config-wheel-step.active{background:linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);color:#142226;border-color:#10242a61;box-shadow:0 13px 26px #10242a2e,inset 0 -8px 14px #10242a1a}.config-step-1{top:20px;left:50%;transform:translate(-50%)}.config-step-2{top:36%;right:12px;transform:translateY(-50%)}.config-step-3{bottom:34px;right:28px}.config-step-4{bottom:34px;left:28px}.config-step-5{top:36%;left:12px;transform:translateY(-50%)}.readiness-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.panel-readiness-strip{margin-top:18px}.readiness-strip span{color:#587073;background:linear-gradient(135deg,#fffffff5,#eff7f3e0),#ffffffdb;border:1px solid #10242a1f;border-radius:8px;align-content:center;justify-items:start;gap:4px;min-height:76px;padding:12px;font-size:.82rem;font-weight:850;display:grid;position:relative;overflow:hidden;box-shadow:0 10px 22px #10242a14}.readiness-strip span:before{content:"";background:linear-gradient(90deg, var(--teal), var(--yellow));width:auto;height:4px;position:absolute;inset:0 0 auto}.readiness-strip strong{color:#142226;font-size:1.55rem;line-height:1}.setup-panel-head{border-bottom:1px solid #10242a1a;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:22px;padding-bottom:18px;display:flex}.setup-panel-head h2{margin:0;font-size:clamp(1.7rem,4vw,3.1rem);line-height:1}.setup-head-tools{justify-items:end;gap:10px;display:grid}.setup-start-button{min-width:190px}.profile-settings-grid{grid-template-columns:minmax(0,1.08fr) minmax(240px,.92fr);gap:14px;display:grid}.profile-card{min-width:0;box-shadow:0 14px 30px #10242a14, var(--shadow-line);background:linear-gradient(#fffffffa,#f7faf3f0),#fff;border:1px solid #10242a1f;border-radius:8px;align-content:start;gap:14px;padding:18px;display:grid}.profile-main-card{grid-row:span 2}.profile-preview{background:radial-gradient(circle at 12% 0,#f1d92b33,#0000 38%),linear-gradient(135deg,#e8f5f3fa,#fffef8f2);border:1px solid #10242a1a;border-radius:8px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:82px;padding:13px;display:grid}.profile-avatar{background:radial-gradient(circle at 32% 22%, #ffffffd1, transparent 22%), linear-gradient(145deg, var(--teal), #38c9d6);color:#fff;border:2px solid #142226;border-radius:50%;place-items:center;width:54px;height:54px;font-size:1.35rem;font-weight:950;display:grid;box-shadow:4px 5px #142226}.profile-preview strong{color:#142226;font-size:1.15rem;display:block}.profile-preview span:not(.profile-avatar){color:#587073;font-weight:850}.settings-segmented{background:#eef5f2;border:1px solid #10242a1a;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:5px;display:grid}.settings-segmented button{color:#405458;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:950;display:inline-flex}.settings-segmented button.active{color:#142226;background:linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);border-color:#10242a38;box-shadow:0 8px 18px #10242a1f,inset 0 1px #ffffff94}body.theme-dark .config-wheel-step:not(.active),body.theme-dark .settings-segmented button:not(.active){color:#f7fbf7}body.theme-dark .config-wheel-core.active,body.theme-dark .config-wheel-step.active,body.theme-dark .settings-segmented button.active{background:linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);color:#142226;text-shadow:none;border-color:#fff06ab8}body.theme-dark .config-wheel-core.active svg,body.theme-dark .config-wheel-step.active svg,body.theme-dark .settings-segmented button.active svg{color:#142226}.setup-progress{gap:6px;padding-top:8px;display:inline-flex}.setup-progress span{background:#10242a1f;border-radius:999px;width:38px;height:9px}.setup-progress span.active{background:linear-gradient(90deg, var(--teal), var(--green));box-shadow:0 4px 10px #08768238}.team-editor-list.deluxe{grid-template-columns:repeat(auto-fit,minmax(310px,1fr))}.team-editor{box-shadow:0 14px 30px #10242a17, var(--shadow-line);background:linear-gradient(#fffffffa,#f8faf2f5),#fff;border:1px solid #10242a1f;position:relative;overflow:hidden}.team-editor:before{content:"";background:linear-gradient(90deg, var(--teal), var(--yellow), var(--red));height:5px;position:absolute;inset:0 0 auto}.team-editor:hover{box-shadow:0 18px 36px #10242a21, var(--shadow-line);border-color:#08768247}.team-editor-head p{color:#64787b;margin:2px 0 0;font-size:.82rem;font-weight:800}.team-color.large{width:28px;height:28px;box-shadow:inset 0 -5px 8px #14222629}.field-grid{gap:14px;display:grid}.field-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.field-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.field-grid.two>label:only-child,.field-grid.three>label:only-child{grid-column:1/-1}.swatch-row{background:#f6f9f4b8;border:1px solid #10242a1a;border-radius:8px;flex-wrap:wrap;gap:8px;margin:14px 0 4px;padding:10px;display:flex}.color-swatch{background:var(--swatch);border:2px solid #0000;border-radius:50%;width:36px;height:36px;box-shadow:inset 0 -7px 10px #14222633,0 5px 12px #1422261a}.color-swatch.active{border-color:#142226;outline:4px solid #08768229}.avatar-figure{--avatar-size:58px;--avatar-depth:calc(var(--avatar-size) * .12);width:var(--avatar-size);height:var(--avatar-size);transform-style:preserve-3d;perspective:480px;filter:drop-shadow(0 13px 14px #14222633);flex:none;display:inline-block;position:relative}.avatar-figure.sm{--avatar-size:44px}.avatar-figure.xs{--avatar-size:38px;filter:drop-shadow(0 5px 7px #1422262e)}.avatar-figure.board{--avatar-size:42px;width:44px;height:88px;filter:drop-shadow(0 15px 10px #0000007a) drop-shadow(0 0 8px color-mix(in srgb, var(--avatar-accent), transparent 44%))}.avatar-figure.board:before{content:"";background:linear-gradient(90deg, #ffffff61, transparent 44%), linear-gradient(180deg, color-mix(in srgb, var(--avatar-color), white 18%), color-mix(in srgb, var(--avatar-color), #142226 26%));width:18px;height:50px;box-shadow:inset -5px -8px 8px #0003, 4px 6px 0 color-mix(in srgb, var(--avatar-color), #142226 55%);z-index:2;border:2px solid #142226;border-radius:999px 999px 12px 12px;position:absolute;bottom:12px;left:calc(50% - 9px);transform:rotateX(-7deg)translateZ(4px)}.avatar-figure.board:after{content:"";background:radial-gradient(circle at 34% 25%, #ffffff9e, transparent 24%), color-mix(in srgb, var(--avatar-color), #142226 14%);width:28px;height:12px;box-shadow:inset 0 -5px 7px #0000003d, 0 5px 0 color-mix(in srgb, var(--avatar-color), #142226 60%);z-index:3;border:2px solid #142226;border-radius:50%;position:absolute;bottom:9px;left:calc(50% - 14px);transform:rotateX(58deg)translateZ(8px)}.avatar-cape,.avatar-floor-shadow,.avatar-pedestal,.avatar-leg,.avatar-arm,.avatar-head,.avatar-hair,.avatar-body,.avatar-mark,.avatar-spark{display:block;position:absolute}.avatar-floor-shadow{filter:blur(3px);z-index:0;background:#00000047;border-radius:50%;width:74%;height:18%;bottom:-5%;left:13%;transform:rotateX(72deg)translateZ(-18px)}.avatar-pedestal{background:radial-gradient(circle at 34% 26%, #ffffff8c, transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--avatar-color), white 18%), color-mix(in srgb, var(--avatar-color), #142226 34%));width:70%;height:22%;box-shadow:inset 0 -8px 10px #00000040, 0 6px 0 color-mix(in srgb, var(--avatar-color), #142226 58%), 0 12px 18px #14222638;z-index:1;border:3px solid #142226;border-radius:50%;bottom:1%;left:15%;transform:rotateX(62deg)translateZ(0)}.avatar-cape{background:linear-gradient(135deg, #ffffff47, transparent 34%), color-mix(in srgb, var(--avatar-accent), #142226 22%);width:78%;height:62%;box-shadow:inset -8px -10px 12px #00000038, 4px 7px 0 color-mix(in srgb, var(--avatar-accent), #142226 44%);z-index:2;border-radius:42% 42% 18% 18%;top:27%;left:8%;transform:rotateY(-18deg)rotate(-8deg)translateZ(1px)}.avatar-leg{background:linear-gradient(90deg, #ffffff47, transparent 42%), color-mix(in srgb, var(--avatar-color), #142226 8%);width:14%;height:25%;box-shadow:3px 4px 0 color-mix(in srgb, var(--avatar-color), #142226 48%);z-index:3;border:3px solid #142226;border-radius:999px;bottom:17%}.avatar-leg.left{left:31%;transform:rotate(5deg)}.avatar-leg.right{right:31%;transform:rotate(-5deg)}.avatar-arm{background:linear-gradient(90deg, #ffffff4d, transparent 44%), var(--avatar-accent);width:16%;height:34%;box-shadow:3px 4px 0 color-mix(in srgb, var(--avatar-accent), #142226 48%);z-index:5;border:3px solid #142226;border-radius:999px;top:44%}.avatar-arm.left{left:9%;transform:rotate(26deg)translateZ(6px)}.avatar-arm.right{right:9%;transform:rotate(-26deg)translateZ(6px)}.avatar-head{background:radial-gradient(circle at 34% 28%, #ffffffd1, transparent 16%), radial-gradient(circle at 68% 76%, #0003, transparent 28%), var(--avatar-color);width:46%;height:46%;box-shadow:inset -7px -9px 10px #00000038, 4px 6px 0 color-mix(in srgb, var(--avatar-color), #142226 46%);z-index:7;border:3px solid #142226;border-radius:50%;top:3%;left:27%;transform:translateZ(18px)}.avatar-hair{background:linear-gradient(135deg, #ffffff57, transparent 32%), var(--avatar-accent);width:52%;height:26%;box-shadow:4px 4px 0 color-mix(in srgb, var(--avatar-accent), #142226 45%);z-index:8;border:3px solid #142226;border-bottom:0;border-radius:18px 18px 8px 8px;top:-1%;left:23%;transform:translateZ(23px)}.avatar-body{background:linear-gradient(135deg, #ffffff59, transparent 36%), radial-gradient(circle at 72% 72%, #00000038, transparent 30%), var(--avatar-color);width:60%;height:48%;box-shadow:inset -8px -11px 12px #0003, 5px 7px 0 color-mix(in srgb, var(--avatar-color), #142226 48%);z-index:4;border:3px solid #142226;border-radius:48% 48% 18% 18%;bottom:15%;left:20%;transform:translateZ(10px)}.avatar-mark{z-index:9;color:#fff;font-size:calc(var(--avatar-size) * .28);text-shadow:1px 1px #142226,-1px 1px #142226,1px -1px #142226,-1px -1px #142226;font-weight:950;line-height:1;top:57%;left:50%;transform:translate(-50%,-50%)translateZ(26px)}.avatar-spark{background:var(--avatar-accent);width:18%;height:18%;box-shadow:inset -3px -3px 4px #00000038, 3px 4px 0 color-mix(in srgb, var(--avatar-accent), #142226 45%);z-index:10;border:2px solid #142226;border-radius:50%;top:14%;right:4%;transform:translateZ(30px)}.avatar-shadow .avatar-cape{background:#23313f}.avatar-shadow .avatar-head{background:#2f2459}.avatar-shadow .avatar-hair{background:#111821;height:18%}.avatar-shadow .avatar-arm{background:#111821}.avatar-princess .avatar-hair{clip-path:polygon(0 100%,14% 22%,30% 100%,50% 12%,70% 100%,86% 22%,100% 100%);height:24%;top:-4%}.avatar-princess .avatar-cape{background:#f4a7c5}.avatar-princess .avatar-spark{clip-path:polygon(0 100%,18% 28%,34% 100%,50% 8%,66% 100%,82% 28%,100% 100%);border-radius:4px 4px 50% 50%;width:22%;height:16%}.avatar-idol .avatar-spark{border-radius:8px;top:58%;right:0}.avatar-idol .avatar-arm.left{transform:rotate(-36deg)translateZ(8px)}.avatar-idol .avatar-arm.right{transform:rotate(36deg)translateZ(8px)}.avatar-robot .avatar-head{background:#d7e3e2;border-radius:10px}.avatar-robot .avatar-hair{border-radius:999px;width:8%;height:18%;top:-5%;left:46%}.avatar-robot .avatar-body{border-radius:14px 14px 10px 10px}.avatar-robot .avatar-arm{border-radius:8px}.avatar-mage .avatar-hair{clip-path:polygon(50% 0,100% 100%,0 100%);height:36%;top:-10%}.avatar-mage .avatar-spark{border-radius:50% 50% 50% 0;transform:rotate(45deg)translateZ(30px)}.avatar-gamer .avatar-hair{background:#17242c;border-radius:999px;width:64%;height:18%;top:16%;left:18%}.avatar-space .avatar-head{box-shadow:inset 0 0 0 7px var(--avatar-color);background:#f7fbf7}.avatar-space .avatar-cape{border-radius:40% 40% 30% 30%}.avatar-figure.board .avatar-pedestal{width:24px;height:12px;box-shadow:inset 0 -4px 6px #00000040, 0 5px 0 color-mix(in srgb, var(--avatar-color), #142226 58%), 0 10px 12px #1422263d;border-width:2px;bottom:2px;left:calc(50% - 12px)}.avatar-figure.board .avatar-floor-shadow{width:30px;height:10px;bottom:-2px;left:calc(50% - 15px)}.avatar-figure.board .avatar-cape{z-index:5;border-width:2px;width:32px;height:42px;top:18px;left:calc(50% - 16px)}.avatar-figure.board .avatar-body{z-index:6;border-width:2px;width:24px;height:34px;bottom:27px;left:calc(50% - 12px)}.avatar-figure.board .avatar-head{z-index:9;border-width:2px;width:22px;height:22px;top:5px;left:calc(50% - 11px)}.avatar-figure.board .avatar-hair{z-index:10;border-width:2px;width:26px;height:13px;top:1px;left:calc(50% - 13px)}.avatar-figure.board .avatar-arm{z-index:7;border-width:2px;width:7px;height:26px;top:32px}.avatar-figure.board .avatar-arm.left{left:calc(50% - 19px)}.avatar-figure.board .avatar-arm.right{right:calc(50% - 19px)}.avatar-figure.board .avatar-leg{z-index:4;border-width:2px;width:6px;height:22px;bottom:17px}.avatar-figure.board .avatar-leg.left{left:calc(50% - 8px)}.avatar-figure.board .avatar-leg.right{right:calc(50% - 8px)}.avatar-figure.board .avatar-spark{border-width:2px;width:8px;height:8px;top:15px;right:2px}.avatar-figure.board .avatar-mark{z-index:11;font-size:12px;top:44px}.avatar-picker-block{gap:10px;margin-top:14px;display:grid}.avatar-picker-block>span{color:var(--ink);font-size:.86rem;font-weight:900}.avatar-picker{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:9px;display:grid}.avatar-option{text-align:center;background:linear-gradient(#fffffffa,#f3f7f1f0),#fff;border:1px solid #10242a1f;border-radius:8px;justify-items:center;gap:5px;min-height:124px;padding:10px 7px;transition:transform .16s,box-shadow .16s,border-color .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #10242a12}.avatar-option:hover{border-color:#0876824d;transform:translateY(-2px);box-shadow:0 14px 24px #10242a21}.avatar-option.active{border-color:var(--teal);background:linear-gradient(#fffffff2,#e2f4eff2),#e8f5f3;box-shadow:0 0 0 4px #0876821f,0 14px 24px #10242a1f}.avatar-option.active:before{content:"";background:linear-gradient(90deg, var(--teal), var(--yellow));height:4px;position:absolute;inset:0 0 auto}.avatar-option strong{font-size:.78rem;line-height:1.1}.avatar-option em{color:#64787b;font-size:.72rem;font-style:normal;font-weight:800}.age-meter.premium{background:linear-gradient(90deg,#08768217,#0000 55%),#f8faf4;border-color:#10242a1f;grid-template-columns:1fr auto auto;display:grid}.age-meter em,.turn-meta em{color:#64787b;font-style:normal;font-weight:800}.wide{width:100%;margin-top:14px}.rules-grid,.category-config-grid,.summary-grid{gap:14px;display:grid}.rules-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.category-config-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.rule-card,.summary-card,.category-config-card{min-height:150px;box-shadow:0 13px 28px #10242a14, var(--shadow-line);background:linear-gradient(#fffffffa,#f7faf3f0),#fff;border:1px solid #10242a1f;border-radius:8px}.rule-card,.summary-card{align-content:space-between;gap:12px;padding:17px;display:grid;position:relative;overflow:hidden}.rule-card{grid-column:span 4}.rule-card:before,.summary-card:before{content:"";background:linear-gradient(90deg, var(--teal), var(--yellow), var(--red));opacity:.82;height:4px;position:absolute;inset:0 0 auto}.rule-card:hover,.summary-card:hover,.category-config-card:hover{box-shadow:0 18px 36px #10242a21, var(--shadow-line);border-color:#08768242}.mode-rule-card,.content-mode-card{grid-column:1/-1}.rules-manual-card{grid-column:1/-1;min-height:auto}.rules-reference{gap:14px;display:grid}.rules-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.rules-topic-card{background:linear-gradient(145deg,#fffffffa,#f0f9f8f2);border:1px solid #0876821f;border-radius:12px;gap:8px;min-height:132px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 15px #08768208,inset 0 1px #fffc}.rules-topic-card:hover{border-color:#08768259;transform:translateY(-4px);box-shadow:0 12px 24px #08768214,inset 0 1px #ffffffe6}.rules-topic-card strong{color:#0b2234;font-size:1rem;font-weight:800}.rules-topic-card p{color:#4c6266;margin:0;font-size:.86rem;font-weight:600;line-height:1.45}.rules-manual-heading{background:linear-gradient(135deg,#f0f9f8f2,#fffffff2);border:1px solid #08768226;border-left:5px solid #087682;border-radius:12px;gap:5px;margin-top:6px;padding:16px 20px;display:grid;box-shadow:0 4px 15px #08768205}.rules-manual-heading strong{color:#0b2234;font-size:1.05rem;font-weight:800}.rules-manual-heading span{color:#587073;font-size:.86rem;font-weight:600}.rule-card-head{align-items:flex-start;gap:12px;display:flex}.rule-card-head strong{font-size:1rem;display:block}.rule-card-head span,.rule-note{color:#64787b;font-size:.82rem;font-weight:800}.mode-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.content-mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.course-select{max-width:320px;margin-top:2px}.mode-card{text-align:left;background:linear-gradient(#fffffff2,#f2f7f0f0),#f7fbf7;border:1px solid #10242a21;border-radius:8px;align-content:start;justify-items:start;gap:7px;min-height:92px;padding:14px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #10242a12}.mode-card:before{content:"";background:#10242a1f;width:5px;position:absolute;inset:0 auto 0 0}.mode-card:hover{border-color:#08768252;transform:translateY(-2px);box-shadow:0 14px 28px #10242a21}.mode-card.active{border-color:var(--teal);background:linear-gradient(135deg,#e8f5f3f5,#fffdeceb),#e8f5f3;box-shadow:0 0 0 4px #0876821a,0 16px 30px #10242a21}.mode-card.active:before{background:linear-gradient(180deg, var(--teal), var(--yellow))}.mode-card strong{font-size:.95rem}.mode-card span{color:#64787b;font-size:.78rem;font-weight:800}.pawn-style-card{align-content:start}.pawn-style-card>div:not(.rule-icon){gap:6px;display:grid}.pawn-style-card>div>strong{font-size:1rem}.pawn-style-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.pawn-style-button{text-align:center;background:linear-gradient(#fffffff5,#f2f7f0f0),#f7fbf7;border:1px solid #10242a21;border-radius:8px;place-items:center;gap:7px;min-height:104px;padding:10px 8px;font-size:.78rem;font-weight:900;display:grid;position:relative;overflow:hidden;box-shadow:0 8px 18px #10242a12}.pawn-style-button.active{border-color:var(--teal);background:linear-gradient(#e8f5f3f5,#fffdeceb),#e8f5f3;box-shadow:0 0 0 4px #0876821a,0 14px 26px #10242a1f}.setting-control-card{background:linear-gradient(145deg,#fffffffa,#eff7f3f0),#fff;align-content:start;gap:12px;min-height:0}.setting-control-card .rule-icon{width:48px;height:48px}.setting-control-card label{color:var(--ink);gap:10px;margin:0;font-size:.98rem}.setting-control-card select{background:linear-gradient(#fff,#f4faf7),#fff;border:2px solid #08768233;min-height:50px;font-weight:950}.setting-control-card .rule-note{background:linear-gradient(90deg,#08768214,#f1d92b17),#ffffffbd;border:1px solid #10242a1a;border-radius:8px;min-height:44px;margin-top:0;padding:10px 11px;line-height:1.35;display:block}.victory-rule-card:before{background:linear-gradient(90deg, var(--yellow), var(--green))}.corrects-rule-card:before{background:linear-gradient(90deg, var(--teal), var(--yellow))}.board-cheese-token{--token-size:32px;width:var(--token-size);height:var(--token-size);filter:drop-shadow(0 8px 6px #00000061) drop-shadow(0 0 8px color-mix(in srgb, var(--token-color), transparent 48%));border-radius:50%;place-items:center;display:grid;position:relative}.board-cheese-token:before{content:"";filter:blur(4px);z-index:0;background:#00000047;border-radius:50%;height:18%;position:absolute;bottom:-8%;left:10%;right:10%}.board-cheese-token:after{content:"";z-index:1;border:2px solid color-mix(in srgb, var(--highlight-color), white 34%);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:-18%;transform:scale(.72)}.board-cheese-token.score-cheese-token{--token-size:56px}.board-cheese-token.team-editor-cheese{--token-size:52px}.board-cheese-token.story-cheese-token{--token-size:36px}.board-cheese-side,.board-cheese-side:after{display:none}.board-cheese-top{z-index:2;width:var(--token-size);height:var(--token-size);background:radial-gradient(circle at 30% 18%, #fffffff5, transparent 18%), radial-gradient(circle at 64% 32%, #ffffff42, transparent 14%), radial-gradient(circle at 68% 76%, #ffffff2e, transparent 20%), radial-gradient(circle at 72% 80%, #00000038, transparent 32%), var(--token-color);border:1.5px solid #ffffffc7;border-radius:50%;place-items:center;display:grid;position:relative;box-shadow:inset 0 -8px 13px #0003,inset 0 6px 10px #ffffff75,0 3px 7px #0000002b}.board-cheese-top:before{content:"";pointer-events:none;border:2px solid #fff3;border-radius:50%;position:absolute;inset:8%}.board-cheese-token svg{width:94%;height:94%;display:block;overflow:visible}.board-cheese-bed{fill:#ffffff94;stroke:#07121c29;stroke-width:1.1px}.board-cheese-slice{stroke:#fffc;stroke-linejoin:round;stroke-width:2.7px;opacity:.78;filter:drop-shadow(0 1px #ffffff6b)drop-shadow(0 2px 1px #0000002e)}.board-cheese-slice.earned{stroke:#fffffffa;stroke-width:3.5px;opacity:1;filter:saturate(1.65)contrast(1.18)drop-shadow(0 0 3px #ffffffb8)drop-shadow(0 2px 2px #0000004d)}.board-cheese-slice.highlight{stroke:#fff;stroke-width:4.6px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--highlight-color), white 18%)) drop-shadow(0 0 12px color-mix(in srgb, var(--highlight-color), transparent 12%)) drop-shadow(0 2px 1px #00000038);animation:2.25s ease-out both cheeseSliceHighlight}.board-cheese-slice.progress{opacity:.46;filter:saturate(.82)drop-shadow(0 1px 1px #00000029)}.board-cheese-slice-shine{fill:#ffffff2e;stroke:none;mix-blend-mode:screen;pointer-events:none}.board-cheese-divider{fill:none;stroke:#ffffffd1;stroke-linecap:round;stroke-width:2.4px;filter:drop-shadow(0 1px 1px #07121c47)}.board-cheese-core{fill:#fffffff2;stroke:#07121c38;stroke-width:1.3px}.board-cheese-rim{fill:none;stroke:#ffffffbd;stroke-width:3.4px;filter:drop-shadow(0 1px 1px #07121c3d)}.track-pawn .board-cheese-slice.earned{stroke-width:4.2px;filter:saturate(1.9)contrast(1.24)drop-shadow(0 0 4px #ffffffdb)drop-shadow(0 2px 2px #00000057)}.board-cheese-gloss{fill:#ffffff4d;mix-blend-mode:screen;pointer-events:none}.board-cheese-spark{fill:#ffffffeb;filter:drop-shadow(0 0 3px #ffffffd6);pointer-events:none}.board-cheese-token.has-highlight .board-cheese-top{box-shadow:inset 0 -8px 13px #0003, inset 0 6px 10px #ffffff75, 0 0 0 3px color-mix(in srgb, var(--highlight-color), transparent 62%), 0 0 22px color-mix(in srgb, var(--highlight-color), transparent 38%), 0 3px 7px #0000002b}.board-cheese-token.is-celebrating{animation:1.35s cubic-bezier(.16,1,.3,1) both cheeseTokenWin}.board-cheese-token.is-celebrating:after{animation:1.35s ease-out both cheeseTokenRing}@keyframes cheeseTokenWin{0%{transform:scale(.82)}42%{transform:scale(1.24)}68%{transform:scale(.96)}to{transform:scale(1)}}@keyframes cheeseTokenRing{0%{opacity:.88;transform:scale(.56)}to{opacity:0;transform:scale(1.55)}}@keyframes cheeseSliceHighlight{0%{opacity:.66}38%{opacity:1}to{opacity:1}}.rules-manual{counter-reset:ruleStep;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.rules-manual li{counter-increment:ruleStep;background:linear-gradient(145deg,#fffffffa,#f0f9f8f2);border:1px solid #0876821f;border-radius:12px;align-content:start;gap:8px;min-height:155px;padding:20px 16px 16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:grid;position:relative;box-shadow:0 4px 15px #08768208,inset 0 1px #fffc}.rules-manual li:hover{border-color:#08768259;transform:translateY(-4px);box-shadow:0 12px 24px #08768214,inset 0 1px #ffffffe6}.rules-manual li:before{content:counter(ruleStep);color:#fff;background:linear-gradient(135deg,#087682,#10b981);border:none;border-radius:50%;place-items:center;width:32px;height:32px;font-size:.9rem;font-weight:800;transition:transform .3s cubic-bezier(.4,0,.2,1);display:grid;box-shadow:0 4px 10px #08768240,inset 0 1px #ffffff4d}.rules-manual li:hover:before{transform:scale(1.1)}.rules-manual strong{color:#0b2234;font-size:.95rem;font-weight:800}.rules-manual span{color:#4c6266;font-size:.82rem;font-weight:600;line-height:1.45}.rule-icon{width:44px;height:44px;color:var(--teal);background:linear-gradient(145deg,#e8f5f3fa,#fffdece6),#e8f1f1;border:1px solid #08768229;border-radius:8px;place-items:center;display:grid;box-shadow:inset 0 -8px 14px #08768214}.category-config-card{text-align:left;align-content:start;justify-items:start;gap:10px;padding:16px;transition:transform .16s,box-shadow .16s,border-color .16s,background .16s;display:grid;position:relative;overflow:hidden}.category-config-card:before{content:"";background:var(--category-color);opacity:.9;height:5px;position:absolute;inset:0 0 auto}.category-config-card:after{content:"Pausado";color:#64787b;text-transform:uppercase;background:#10242a14;border-radius:999px;padding:4px 7px;font-size:.68rem;font-weight:950;position:absolute;top:12px;right:12px}.category-config-card:hover{transform:translateY(-2px)}.category-config-card span{background:color-mix(in srgb, var(--category-color), white 18%);color:#142226;width:52px;height:52px;box-shadow:inset 0 -8px 12px #14222629, 0 10px 18px color-mix(in srgb, var(--category-color), transparent 74%);border-radius:8px;place-items:center;display:grid}.category-config-card strong,.summary-card strong{font-size:1.05rem}.category-config-card em,.summary-card span{color:#64787b;font-style:normal;font-weight:800}.category-config-card.active{border-color:color-mix(in srgb, var(--category-color), #142226 18%);background:linear-gradient(180deg, #ffffffe6, #ffffffc2), color-mix(in srgb, var(--category-color), white 72%);box-shadow:0 0 0 4px color-mix(in srgb, var(--category-color), transparent 84%), 0 18px 34px #10242a1f}.category-config-card.active:after{content:"Activo";background:color-mix(in srgb, var(--category-color), white 14%);color:#142226}.summary-card.hero{background:linear-gradient(145deg, #f1d92bf0, #ffffffe6), var(--yellow)}.summary-card{min-height:142px}.summary-card svg{color:var(--teal)}.summary-card.hero svg{color:#142226}.board-3d-preview{--chip-orbit:142px;--pawn-orbit:190px;background:linear-gradient(145deg,#ffffffe6,#e9efedf2),#fff;min-height:470px;overflow:hidden}.board-3d-preview.setup{min-height:410px}.board-stage{aspect-ratio:1;perspective:1050px;place-items:center;width:min(430px,86vw);display:grid;position:relative}.board-tilt{aspect-ratio:1;width:82%;transform-style:preserve-3d;position:relative;transform:rotateX(58deg)rotate(-18deg)}.board-base,.board-surface{border-radius:50%;position:absolute;inset:0}.board-base{background:radial-gradient(circle at 50% 40%,#3a5559,#142226 64%);transform:translateZ(-34px);box-shadow:0 34px 42px #1422264d,0 54px 60px #1422261f}.board-base:after{content:"";border:16px solid #ffffff14;border-radius:50%;position:absolute;inset:5%}.board-surface{background:conic-gradient(var(--board-gradient));border:9px solid #142226;place-items:center;display:grid;transform:translateZ(22px);box-shadow:inset 0 0 0 12px #ffffff2e,inset 0 -20px 36px #14222638,0 16px 26px #14222633}.board-surface:before{content:"";background:#fff;border:8px solid #142226;border-radius:50%;position:absolute;inset:24%;box-shadow:inset 0 -14px 22px #14222624,0 8px 20px #14222629}.board-logo-well{z-index:2;aspect-ratio:1;background:#fff;border-radius:50%;place-items:center;width:34%;display:grid;position:relative;transform:translateZ(34px)}.board-logo-well img{object-fit:contain;width:72%;height:72%}.board-chip{z-index:3;background:var(--chip-color);width:52px;height:52px;transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(var(--chip-orbit) * -1)) rotate(var(--reverse-angle)) translateZ(56px);border:3px solid #142226;border-radius:12px;place-items:center;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 -10px 12px #14222638,0 12px 18px #14222638}.board-chip.active{outline:5px solid #ffffffbd;box-shadow:inset 0 -10px 12px #14222633,0 0 0 8px #f1d92b47,0 18px 26px #14222647}.team-pawn{z-index:4;background:var(--pawn-color);color:#142226;width:38px;height:46px;transform:translate(-50%, -50%) rotate(var(--pawn-angle)) translateY(calc(var(--pawn-orbit) * -1)) rotate(var(--pawn-reverse)) translateZ(72px);border:3px solid #142226;border-radius:18px 18px 12px 12px;place-items:center;font-weight:950;display:grid;position:absolute;top:50%;left:50%;box-shadow:inset 0 -12px 10px #1422262e,0 18px 24px #14222638}.team-pawn.active{outline:5px solid #f1d92b6b}.board-3d-preview .category-key span{border-color:color-mix(in srgb, var(--category-color,#087682), #142226 26%);box-shadow:0 8px 18px color-mix(in srgb, var(--category-color,#087682), transparent 86%)}.board-3d-preview .category-key span.active{border-color:var(--category-color,#087682);background:linear-gradient(135deg, color-mix(in srgb, var(--category-color,#087682), white 64%), #fffffff5), #e8f5f3;color:#142226}.board-3d-preview{color:#f7fbf7;background:radial-gradient(circle at 50% 28%,#38c9d629,#0000 32%),radial-gradient(circle at 22% 18%,#f1d92b14,#0000 24%),linear-gradient(145deg,#061928 0%,#071f31 52%,#03101b 100%)}.board-toolbar{background:#ffffff12;border:1px solid #ffffff21;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;width:min(920px,100%);margin-bottom:14px;padding:10px 12px;display:flex}.board-3d-preview.setup .board-toolbar{display:none}.board-toolbar>div:first-child{gap:2px;display:grid}.board-toolbar strong{font-size:.92rem}.board-toolbar span{color:#a9bec1;font-size:.82rem;font-weight:850}.board-view-switch{background:#ffffff1a;border-radius:8px;gap:4px;padding:4px;display:inline-flex}.board-view-switch button{color:#d8e7e5;background:0 0;border:0;border-radius:7px;min-height:34px;padding:7px 10px;font-size:.82rem;font-weight:900}.board-view-switch button.active{color:#142226;background:#f1d92b}.board-3d-preview .category-key{margin-top:14px}.board-3d-preview .category-key span{border-color:color-mix(in srgb, var(--category-color,#38c9d6), white 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--category-color,#38c9d6), transparent 76%), #ffffff14), #ffffff17;color:#d8e7e5;box-shadow:0 0 0 1px color-mix(in srgb, var(--category-color,#38c9d6), transparent 82%)}.board-3d-preview .category-key span.active{border-color:color-mix(in srgb, var(--category-color,#f1d92b), white 8%);color:#fff;background:#f1d92b29;background:linear-gradient(135deg, color-mix(in srgb, var(--category-color,#f1d92b), transparent 45%), #ffffff1f), #ffffff1f;box-shadow:0 0 0 3px color-mix(in srgb, var(--category-color,#f1d92b), transparent 74%)}.board-stage{perspective:1500px;width:min(620px,100%,94vw)}.board-stage.six-categories{width:min(680px,100%,95vw)}.game-layout .board-stage.six-categories{width:min(640px,100%,90vw)}.board-tilt.track-tilt{width:100%;transform-style:preserve-3d;will-change:transform;border-radius:50%;transition:transform .85s cubic-bezier(.2,.8,.2,1);transform:rotateX(54deg)rotate(-7deg)}.track-base{background:radial-gradient(circle at 34% 22%,#ffffff1f,#0000 25%),linear-gradient(145deg,#123248,#020b12 68%),#06121d;border-radius:50%;inset:2%;transform:translateZ(-42px);box-shadow:0 36px 42px #0000008c,0 62px 70px #00000047}.track-base:after{display:none}.track-board-shell{aspect-ratio:1;background:radial-gradient(circle at 36% 24%,#ffffff29,#0000 18%),radial-gradient(circle,#c5f9ff33 0 16%,#0000 16.4%),radial-gradient(circle,#38c9d624 0 61%,#0000 61.4%),repeating-radial-gradient(circle,#ffffff0a 0 1px,#0000 1px 15px),linear-gradient(160deg,#ffffff1f,#0000 24%),#081421;border:11px solid #132335;border-radius:50%;width:100%;position:relative;transform:translateZ(28px);box-shadow:inset 0 0 0 4px #ffffff21,inset 0 0 0 12px #081421c7,inset 0 -30px 38px #0000006b,0 18px 28px #00000080}.track-board-svg{width:100%;height:100%;display:block;overflow:visible}.track-plate{fill:#0a1624eb;stroke:#1f3f52;stroke-width:4px}.track-board-rim{fill:none;stroke:#38c9d6;stroke-width:13px;filter:drop-shadow(0 0 6px #38c9d657)}.classic-glass-panels path{fill:color-mix(in srgb, var(--panel-color,#38c9d6), #06111d 70%);opacity:.74;stroke:#0000;stroke-width:0}.classic-glass-panels path:nth-child(2n){opacity:.68}.classic-color-bands path{opacity:.93;stroke:#0000;stroke-width:0}.track-route{fill:none;stroke:#07111d;stroke-linejoin:round;stroke-width:38px;filter:drop-shadow(0 11px 8px #0000006b)}.track-route.outer{stroke:#07111dfa}.track-route-spokes line{stroke-linecap:butt}.track-route-spokes line.track-spoke-backing{stroke:#07111d;stroke-width:38px;opacity:1}.track-route-spokes line.track-spoke-tint{stroke-width:22px;opacity:.38}.track-category-label text{fill:#fff;letter-spacing:.6px;paint-order:stroke fill;stroke:#0d2133d9;stroke-width:2.2px;text-shadow:0 1px 3px #0006;font-family:Outfit,Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:9px;font-weight:800}.track-category-label rect{stroke:#ffffff61;stroke-width:1.5px;filter:drop-shadow(0 4px 10px #0000006b)}.track-cell{stroke:#06101c;stroke-width:3.2px;paint-order:stroke;transition:opacity .16s,stroke .16s,transform .16s}.track-cell-gleam{fill:#ffffff42;mix-blend-mode:screen;pointer-events:none}.track-cell.cheese-cell+.track-cell-gleam,.track-cell.current-cell+.track-cell-gleam,.track-cell.move-preview-cell+.track-cell-gleam{fill:#ffffff57}.track-cell-group.selectable{cursor:pointer;outline:none}.track-cell-group.selectable:focus-visible .track-cell{stroke:#fff;stroke-width:8px}.track-cell.spoke{opacity:1}.track-cell.active{stroke:#fff;stroke-width:4px}.track-cell.category-match{stroke:#ffffffb8;stroke-width:4px}.track-cell.current-cell{stroke:#f1d92b;stroke-width:5.5px;filter:drop-shadow(0 0 5px #f1d92b80)}.track-cell.cheese-cell{stroke:#fff;stroke-dasharray:0;stroke-width:4.2px;filter:drop-shadow(0 0 7px #fff9)drop-shadow(0 4px 8px #00000080)}.track-cell.cheese-active{stroke:#fff;stroke-width:5px}.track-cell.move-preview-cell{stroke:var(--preview-color,#fff);stroke-width:7.5px;filter:drop-shadow(0 0 11px color-mix(in srgb, var(--preview-color,#fff), white 14%)) drop-shadow(0 9px 6px #0000008a)}.track-cell.move-preview-cell.preview-left{stroke:var(--preview-color,#38c9d6)}.track-cell.move-preview-cell.preview-right{stroke:var(--preview-color,#f1d92b)}.board-light-beams{pointer-events:none}.board-cell-spotlight{opacity:.82}.spotlight-floor{fill:#ffffff24;stroke:#ffffff85;stroke-width:2.4px;filter:drop-shadow(0 0 8px #ffffff7a)}.spotlight-cone{fill:#ffffff29;stroke:#ffffff57;stroke-width:1.4px;mix-blend-mode:screen}.spotlight-cap{fill:#fff;filter:drop-shadow(0 0 8px #fffc)}.board-cell-spotlight.preview-left .spotlight-floor,.board-cell-spotlight.preview-right .spotlight-floor{fill:color-mix(in srgb, var(--preview-color,#38c9d6), transparent 76%);stroke:color-mix(in srgb, var(--preview-color,#38c9d6), white 10%)}.board-cell-spotlight.preview-left .spotlight-cone,.board-cell-spotlight.preview-left .spotlight-cap,.board-cell-spotlight.preview-right .spotlight-cone,.board-cell-spotlight.preview-right .spotlight-cap{fill:color-mix(in srgb, var(--preview-color,#f1d92b), transparent 78%);stroke:color-mix(in srgb, var(--preview-color,#f1d92b), transparent 54%)}.move-preview-marker{cursor:pointer;outline:none}.move-preview-marker:focus-visible .move-preview-badge{stroke:#fff;stroke-width:5px}.move-preview-halo{fill:none;stroke:var(--preview-color,#fff);stroke-dasharray:7 5;stroke-width:5px;opacity:.9;animation:1.05s ease-in-out infinite previewPulse}.move-preview-marker.preview-left .move-preview-halo{stroke:var(--preview-color,#38c9d6)}.move-preview-marker.preview-right .move-preview-halo{stroke:var(--preview-color,#f1d92b)}.move-preview-badge{fill:#fff;stroke:color-mix(in srgb, var(--preview-color,#07121c), #07121c 34%);stroke-width:3px;filter:drop-shadow(0 0 5px color-mix(in srgb, var(--preview-color,#fff), transparent 34%)) drop-shadow(0 5px 5px #00000073)}.move-preview-arrow,.move-preview-label{fill:#07121c;text-anchor:middle;font-weight:950}.move-preview-arrow{font-size:20px}.move-preview-label{fill:#fff;paint-order:stroke;stroke:#07121c;stroke-width:3px;font-size:10px}@keyframes previewPulse{0%,to{opacity:.52;stroke-width:4px}50%{opacity:1;stroke-width:7px}}.track-cheese-marker{pointer-events:none;opacity:.82}.track-cheese-badge{fill:#ffffffe6;stroke:#07121c4d;stroke-width:1.35px}.track-cheese-wedge{stroke:#fffffff0;stroke-linejoin:round;stroke-width:1.25px;filter:drop-shadow(0 1px #fff6)drop-shadow(0 1px 1px #07121c33)}.track-cheese-wedge-shine{fill:#ffffff7a;stroke:none}.track-cheese-lines{display:none}.track-cheese-marker.active{opacity:1}.track-cheese-marker.active .track-cheese-badge{fill:#fff9df;stroke:#fff;stroke-width:1.9px}.track-cheese-marker.active .track-cheese-wedge{stroke:#fff;stroke-width:1.45px}.track-cheese-marker.earned-highlight{filter:drop-shadow(0 0 11px #ffffffdb);opacity:1;animation:1.8s ease-out both boardCheeseMarkerWin}.track-cheese-marker.earned-highlight .track-cheese-badge{fill:#fffdf1;stroke:#fff;stroke-width:2.2px}.track-cheese-marker.earned-highlight .track-cheese-wedge{stroke:#fff;stroke-width:1.9px}.track-hub rect{stroke:#220f38;stroke-width:4px;filter:drop-shadow(0 7px 4px #00000052)}.track-hub circle{fill:#ffffffeb;stroke:#220f38;stroke-width:2px}.track-hub circle.track-hub-cheese-bed{fill:#fffffff7;stroke:#ffffffb3;stroke-width:1.15px;filter:drop-shadow(0 1px 1px #00000024)}.track-hub.active circle:first-child{stroke:#220f38}.track-hub.active circle.track-hub-cheese-bed{stroke:#fff}.track-hub.active rect{stroke:#fff;stroke-width:6px}.track-hub.earned-highlight rect{stroke:#fff;stroke-width:6px;filter:drop-shadow(0 0 10px #ffffffb8)drop-shadow(0 7px 4px #00000052);animation:1.8s ease-out both boardCheeseMarkerWin}.track-hub-cheese-bed{fill:#ffffffe6;stroke:#220f3857;stroke-width:1.45px}.track-hub-cheese-wedge{stroke:#fffffff0;stroke-linejoin:round;stroke-width:1.1px;filter:none}.track-hub-cheese-wedge-shine{fill:#ffffff52;stroke:none}.track-hub-cheese-lines{display:none}.track-center-shadow{fill:#0000006b;transform:translateY(8px)}.track-center{fill:#f7fbf7;stroke:#08121d;stroke-width:8px;filter:drop-shadow(0 10px 10px #0006)}.track-pawn{transition:transform .18s}.track-pawn.moving{filter:drop-shadow(0 0 12px #f1d92be6)}.track-pawn.wedge-celebrating{filter:drop-shadow(0 0 8px #ffffffe0)drop-shadow(0 0 18px #f1d92bb8)}@keyframes boardCheeseMarkerWin{0%{opacity:.58}44%{opacity:1}to{opacity:1}}.svg-avatar-wrap{transform-origin:50% 96%;width:68px;height:122px;transform-style:preserve-3d;display:block;position:relative;overflow:visible;transform:rotate(7deg)rotateX(-60deg)}.svg-cheese-token-wrap{transform-origin:50%;place-items:center;width:42px;height:42px;display:grid;position:relative;overflow:visible;transform:none}.svg-cheese-token-wrap:before,.svg-avatar-wrap:after,.svg-cheese-token-wrap:after{display:none}.track-pawn .board-cheese-token{--token-size:30px;z-index:4;filter:none;transform-origin:50%;width:auto;height:auto;display:block;position:static;top:auto;left:auto;overflow:visible}.track-pawn .board-cheese-token:before{display:none}.track-pawn.active .board-cheese-token{--token-size:30px}.track-pawn .avatar-figure{z-index:4;filter:none;transform-origin:bottom;position:absolute;top:-3px;left:50%;transform:translate(-50%)translateY(0)scale(1.22)}.track-pawn.active .avatar-figure{transform:translate(-50%)translateY(-4px)scale(1.34)}.board-3d-preview.view-top .board-tilt.track-tilt{transform:translateY(0)rotateX(0)rotate(0)}.board-3d-preview.view-front .board-tilt.track-tilt{transform:translateY(-42px)rotateX(58deg)rotate(0)}.board-3d-preview.view-side .board-tilt.track-tilt{transform:translateY(-56px)rotateX(56deg)rotate(-42deg)}.board-3d-preview.view-perspective .board-tilt.track-tilt{transform:translateY(-72px)rotateX(50deg)rotate(-6deg)}.play-panel{order:2;display:grid}.play-panel .turn-strip{margin-bottom:16px}.play-panel .game-actions{justify-content:center}.play-panel .game-actions .icon-button{min-width:210px}.table-zone,.game-layout .table-zone{grid-template-columns:minmax(190px,230px) minmax(0,1fr);grid-template-areas:"rail board""question question";align-items:start;gap:16px 0;margin-top:0;display:grid;position:relative}.wedge-celebration{z-index:16;color:#fff;background:radial-gradient(circle at 18% 12%, #ffffff57, transparent 24%), linear-gradient(135deg, color-mix(in srgb, var(--celebration-color), #fff 10%), color-mix(in srgb, var(--celebration-color), #061928 34%));width:min(430px,100% - 36px);min-height:78px;box-shadow:0 0 0 4px color-mix(in srgb, var(--celebration-color), transparent 72%), 0 18px 38px #00000057;pointer-events:auto;border:1px solid #ffffff52;border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:12px 14px;animation:.52s cubic-bezier(.16,1,.3,1) both wedgeCelebrationToast;display:grid;position:absolute;top:88px;right:28px}.wedge-celebration strong,.wedge-celebration span{z-index:2;position:relative}.wedge-celebration strong{font-size:1rem;line-height:1.1;display:block}.wedge-celebration div>span{color:#ffffffdb;margin-top:4px;font-size:.82rem;font-weight:850;line-height:1.25;display:block}.wedge-celebration-close{z-index:3;color:#142226;background:linear-gradient(#fffffffa,#eff7f3f0),#fff;border:1px solid #ffffff9e;border-radius:8px;justify-content:center;justify-self:end;align-items:center;gap:7px;min-width:96px;min-height:38px;padding:8px 13px;font-weight:950;display:inline-flex;position:relative;box-shadow:0 10px 20px #0000002e,inset 0 1px #ffffffb8}.wedge-celebration-close:hover{transform:translateY(-1px)}.wedge-celebration-piece{background:radial-gradient(circle at 32% 22%, #fffffff5, transparent 17%), conic-gradient(from -90deg, var(--celebration-color) 0deg 62deg, #ffffffeb 62deg 360deg);width:52px;height:52px;box-shadow:inset 0 -7px 10px #0000002e, 0 0 18px color-mix(in srgb, var(--celebration-color), white 16%);border:2px solid #ffffffe0;border-radius:50%;place-items:center;animation:1.35s cubic-bezier(.16,1,.3,1) both wedgeCelebrationPiece;display:grid}.wedge-celebration-piece span{background:#fffffff2;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #07121c1f}.wedge-burst{width:9px;height:9px;box-shadow:0 0 15px color-mix(in srgb, var(--celebration-color), white 16%);opacity:0;background:#fff;border-radius:50%;position:absolute}.wedge-burst.one{animation:1.4s ease-out 80ms both wedgeBurstOne;top:10px;left:28px}.wedge-burst.two{width:6px;height:6px;animation:1.45s ease-out .12s both wedgeBurstTwo;top:5px;left:72px}.wedge-burst.three{width:7px;height:7px;animation:1.5s ease-out .16s both wedgeBurstThree;bottom:8px;left:50px}@keyframes wedgeCelebrationToast{0%{opacity:0;transform:translateY(14px)scale(.94)}70%{opacity:1;transform:translateY(0)scale(1)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes wedgeCelebrationPiece{0%{transform:rotate(-14deg)scale(.68)}48%{transform:rotate(8deg)scale(1.16)}to{transform:rotate(0)scale(1)}}@keyframes wedgeBurstOne{0%{opacity:0;transform:translate(0)scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(-18px,-20px)scale(1)}}@keyframes wedgeBurstTwo{0%{opacity:0;transform:translate(0)scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(18px,-18px)scale(1)}}@keyframes wedgeBurstThree{0%{opacity:0;transform:translate(0)scale(.3)}35%{opacity:1}to{opacity:0;transform:translateY(20px)scale(1)}}.game-layout .board-preview{min-height:520px;box-shadow:none;border-left:0;border-radius:0 8px 8px 0;grid-area:board}.game-layout .board-stage{width:min(790px,100%,90vw)}.board-playfield{grid-template-columns:minmax(0,1fr);place-items:center;gap:16px;width:100%;display:grid}.board-playfield.has-board-controls{grid-template-columns:minmax(470px,1fr) minmax(220px,280px)}.board-controls-panel{align-self:stretch;align-items:center;min-width:0;display:grid}.board-controls-panel .ready-state,.board-controls-panel .move-card{color:#f7fbf7;background:radial-gradient(circle at 50% 0,#f1d92b1a,#0000 34%),linear-gradient(#ffffff1a,#ffffff0e);border-color:#ffffff26;min-height:100%}.board-controls-panel .ready-state{border-style:solid}.board-controls-panel .move-copy p:not(.eyebrow){color:#c5d7d8}.board-controls-panel .move-copy h2{color:#fff}.question-area,.game-layout .question-area{grid-area:question;align-content:start;justify-items:center;min-height:0;padding-top:16px;display:grid}.ready-state{width:100%;min-height:100%;padding:16px}.question-card{width:min(980px,100%)}.table-left-rail{background:radial-gradient(circle at 50% 28%,#38c9d629,#0000 32%),radial-gradient(circle at 22% 18%,#f1d92b14,#0000 24%),linear-gradient(145deg,#061928 0%,#071f31 52%,#03101b 100%);border:1px solid #ffffff1f;border-right:0;border-radius:8px 0 0 8px;grid-area:rail;align-content:start;align-self:stretch;gap:12px;min-width:0;padding:12px;display:grid}.table-category-rail{background:0 0;border:0;grid-template-columns:1fr;align-content:start;gap:10px;min-width:0;margin-top:0;padding:0}.table-category-rail span{border-color:color-mix(in srgb, var(--category-color,#38c9d6), white 14%);background:linear-gradient(180deg, color-mix(in srgb, var(--category-color,#38c9d6), transparent 78%), #ffffff13), #ffffff14;color:#d8e7e5;text-align:center;min-height:43px;box-shadow:inset 0 1px 0 #ffffff1a, 0 0 0 1px color-mix(in srgb, var(--category-color,#38c9d6), transparent 86%);justify-content:center}.table-category-rail span.active{border-color:color-mix(in srgb, var(--category-color,#f1d92b), white 6%);background:linear-gradient(135deg, color-mix(in srgb, var(--category-color,#f1d92b), transparent 42%), #ffffff21), #ffffff1f;color:#fff;box-shadow:0 0 0 3px color-mix(in srgb, var(--category-color,#f1d92b), transparent 70%), 0 0 16px color-mix(in srgb, var(--category-color,#f1d92b), transparent 56%)}.rail-controls-panel{border-top:1px solid #ffffff21;min-width:0;padding-top:12px;display:grid}.rail-controls-panel .ready-state,.rail-controls-panel .move-card{color:#f7fbf7;background:radial-gradient(circle at 50% 0,#f1d92b1a,#0000 34%),linear-gradient(#ffffff1a,#ffffff0e);border-color:#ffffff26;min-height:0}.rail-controls-panel .ready-state{border-style:solid;padding:12px}.rail-controls-panel .roll-button{width:100%;min-width:0;min-height:62px;padding:12px}.rail-controls-panel .move-card{padding:12px}.rail-controls-panel .move-die{border-radius:15px;width:72px;height:72px}.rail-controls-panel .move-die strong{font-size:2rem}.rail-controls-panel .move-copy h2{color:#fff;font-size:1.18rem}.rail-controls-panel .move-copy p:not(.eyebrow){color:#c5d7d8;font-size:.82rem;line-height:1.35}.game-layout .move-card{grid-template-columns:1fr;align-content:start;justify-items:stretch;gap:14px;width:100%;min-height:100%}.game-layout .move-die{justify-self:center}.game-layout .move-actions{grid-template-columns:1fr;justify-content:stretch;display:grid}.game-layout .move-actions .icon-button{width:100%}.online-shell{gap:18px;display:grid}.online-hero,.online-card{color:#f7fbff;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#091d2df0,#050f1dfa),#071522;border:1px solid #ffffff24;border-radius:8px}.online-hero{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.online-hero h2,.online-room-head h3,.online-empty-room h3,.online-finished-panel h3{margin:0}.online-grid{grid-template-columns:minmax(280px,.75fr) minmax(420px,1.25fr);align-items:start;gap:18px;display:grid}.online-grid.is-playing{grid-template-columns:1fr}.online-card{padding:18px}.online-control-card{gap:14px;display:grid}.online-control-card label{color:#f7fbffc7}.online-control-card input,.online-control-card select{color:#fff;background:#ffffff14;border-color:#ffffff29}.online-control-card option{color:#162225}.online-mode-tabs{background:#ffffff14}.online-rule-picker{gap:9px;margin-top:2px;display:grid}.online-field-label{color:#f7fbffc7;font-size:.86rem;font-weight:900}.online-rule-card{color:#f7fbff;text-align:left;background:linear-gradient(#ffffff14,#ffffff0b),#ffffff0f;border:1px solid #ffffff24;border-radius:8px;gap:3px;width:100%;min-height:82px;padding:12px 13px;display:grid;box-shadow:inset 0 1px #ffffff0f}.online-rule-card strong{font-size:.98rem}.online-rule-card span{color:#f7fbffbd;font-size:.82rem;font-weight:900}.online-rule-card em{color:#c5d7d8eb;font-size:.78rem;font-style:normal;font-weight:800;line-height:1.32}.online-rule-card.active{background:radial-gradient(circle at 22% 12%, #ffffff85, transparent 22%), linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);color:#142226;border-color:#fff06ab8;box-shadow:0 0 0 3px #f1d92b2e,0 12px 22px #00000029}.online-rule-card.active span,.online-rule-card.active em{color:#142226c7}.online-warning{background:linear-gradient(135deg,#3a1f11eb,#190e09f5),#201008;gap:12px;display:grid}.online-warning p{color:#fff6e2e0;margin:0}.online-warning code{color:#fff5c7;white-space:normal;background:#ffffff1a;border-radius:8px;padding:10px 12px;display:block}.room-code-badge{text-align:center;background:#ffffff1a;border:1px solid #ffffff2e;border-radius:8px;gap:2px;min-width:142px;padding:12px 14px;display:grid}.room-code-badge span{color:#f7fbffa8;text-transform:uppercase;font-size:.72rem;font-weight:900}.room-code-badge strong{color:#fff06a;letter-spacing:0;font-size:clamp(1.35rem,3vw,2rem)}.room-code-badge.small{min-width:112px;padding:9px 10px}.room-code-badge.small strong{font-size:1.3rem}.online-status{color:#b9ffd8;background:#20a4642e;border-radius:8px;padding:10px 12px;font-weight:900}.online-status.error{color:#ffd1ca;background:#d94b3d2e}.online-room-card{gap:16px;display:grid}.online-grid.is-playing .online-room-card{box-shadow:none;background:0 0;border:0;padding:0}.online-empty-room{text-align:center;color:#f7fbffb8;place-content:center;min-height:260px;display:grid}.online-room-head{justify-content:space-between;align-items:center;gap:14px;display:flex}.online-grid.is-playing .online-room-head{color:#f7fbff;box-shadow:var(--shadow-soft);background:linear-gradient(135deg,#091d2df0,#050f1dfa),#071522;border:1px solid #ffffff24;border-radius:8px;padding:16px 18px}.online-room-head span{color:#f7fbffa8;font-weight:800}.online-team-grid{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;display:grid}.online-team-card{background:linear-gradient(180deg, color-mix(in srgb, var(--team-color), transparent 78%), #ffffff0f), #ffffff0f;border:1px solid #ffffff1f;border-radius:8px;gap:10px;padding:12px;display:grid}.online-team-card.selected,.online-team-card.joined{border-color:color-mix(in srgb, var(--team-color), white 22%);box-shadow:0 0 0 2px color-mix(in srgb, var(--team-color), transparent 76%)}.online-team-select{color:#fff;text-align:left;background:0 0;border:0;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;width:100%;padding:0;display:grid}.online-team-select strong{min-width:0}.online-team-select em{color:#f7fbffa8;font-style:normal;font-weight:900}.online-team-dot,.online-scoreboard i{background:var(--team-color);border-radius:999px;width:16px;height:16px;display:inline-block;box-shadow:inset 0 2px 4px #ffffff73,0 0 0 3px #ffffff1f}.mini-swatch-row{flex-wrap:wrap;gap:6px;display:flex}.mini-swatch-row button{background:var(--swatch);border:1px solid #ffffff2e;border-radius:999px;width:24px;height:24px}.mini-swatch-row button.active{box-shadow:0 0 0 3px #ffffff38}.online-player-list{gap:6px;min-height:54px;display:grid}.online-player-list span{color:#f7fbffdb;background:#ffffff14;border-radius:8px;padding:7px 9px;font-weight:850;display:block}.online-player-list .muted{color:#f7fbff7a}.online-room-actions,.online-match-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.online-match-panel{gap:14px;display:grid}.online-board-match{margin-top:0}.online-board-match .play-panel{padding:18px}.online-wait-state{text-align:center;align-content:center;gap:7px;min-height:118px;display:grid}.online-wait-state h2,.online-turn-control strong{color:#fff;margin:0;font-size:1.18rem;line-height:1.12}.online-wait-state span,.online-turn-control span{color:#c5d7d8;font-size:.82rem;font-weight:850;line-height:1.35}.online-turn-control .roll-button span{color:#142226;font-size:1.25rem;font-weight:950;line-height:inherit}.online-turn-control.winner{text-align:center;place-items:center;min-height:150px}.online-wait-move{min-height:100%}.online-scoreboard{flex-wrap:wrap;gap:8px;display:flex}.online-scoreboard span{color:#f7fbffd1;background:#ffffff14;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-weight:900;display:inline-flex}.online-scoreboard i{width:12px;height:12px}.online-question-card{border:1px solid color-mix(in srgb, var(--category-color), white 20%);background:linear-gradient(180deg, color-mix(in srgb, var(--category-color), transparent 84%), #ffffff0f), #ffffff0f;border-radius:8px;gap:14px;padding:16px;display:grid}.online-question-card h2{color:#fff;margin:0;font-size:clamp(1.35rem,3vw,2.2rem);line-height:1.15}.online-question-card .answer-button{min-height:58px}.online-finished-panel{text-align:center;place-items:center;gap:12px;padding:28px 12px;display:grid}body.theme-light .online-hero,body.theme-light .online-card{color:#162225;background:linear-gradient(135deg,#fffffffa,#eff9f7f0),#fff;border-color:#10242a1f}body.theme-light .online-grid.is-playing .online-room-card{background:0 0}body.theme-light .online-grid.is-playing .online-room-head{color:#162225;background:linear-gradient(135deg,#fffffffa,#eff9f7f0),#fff;border-color:#10242a1f}body.theme-light .online-control-card label,body.theme-light .online-room-head span,body.theme-light .online-empty-room,body.theme-light .room-code-badge span,body.theme-light .online-team-select em{color:#162225a8}body.theme-light .online-control-card input,body.theme-light .online-control-card select{color:#162225;background:#ffffffeb;border-color:#10242a29}body.theme-light .online-mode-tabs{background:#08768214}body.theme-light .online-field-label{color:#162225b8}body.theme-light .online-rule-card{color:#162225;background:linear-gradient(#fffffffa,#eff9f7eb),#fff;border-color:#10242a1a;box-shadow:0 8px 18px #10242a12}body.theme-light .online-rule-card span{color:#162225ad}body.theme-light .online-rule-card em{color:#1622259e}body.theme-light .online-rule-card.active{background:radial-gradient(circle at 22% 12%, #ffffff85, transparent 22%), linear-gradient(180deg, #fff06a, var(--yellow)), var(--yellow);color:#142226;border-color:#08768247}body.theme-light .online-warning{color:#3b2812;background:linear-gradient(135deg,#fff8e3fa,#ffeecff0),#fff6de;border-color:#f08a243d}body.theme-light .online-warning p{color:#3b2812d1}body.theme-light .online-warning code{color:#5a330c;background:#f08a241f}body.theme-light .room-code-badge{background:linear-gradient(#fffffff5,#e2f6f4eb),#f6fffd;border-color:#0876822e}body.theme-light .room-code-badge strong{color:#087682}body.theme-light .online-status{color:#12653d;background:#20a4641f}body.theme-light .online-status.error{color:#9d2f23;background:#d94b3d1f}body.theme-light .online-team-card{background:linear-gradient(180deg, color-mix(in srgb, var(--team-color), white 78%), #ffffffeb), #fff;border-color:#10242a1a}body.theme-light .online-team-card.selected,body.theme-light .online-team-card.joined{border-color:color-mix(in srgb, var(--team-color), #162225 18%);box-shadow:0 0 0 2px color-mix(in srgb, var(--team-color), transparent 78%)}body.theme-light .online-team-select{color:#162225}body.theme-light .mini-swatch-row button{border-color:#10242a24}body.theme-light .mini-swatch-row button.active{box-shadow:0 0 0 3px #08768229}body.theme-light .online-player-list span,body.theme-light .online-scoreboard span{color:#162225d1;background:#08768214}body.theme-light .online-player-list .muted{color:#1622257a}body.theme-light .online-question-card{border-color:color-mix(in srgb, var(--category-color), #162225 18%);background:linear-gradient(180deg, color-mix(in srgb, var(--category-color), white 84%), #fffffff0), #fff}body.theme-light .online-question-card h2{color:#162225}@media (width>=961px) and (width<=1380px),(width>=961px) and (height<=820px){.app-shell{width:min(1280px,100%);padding:14px}.app-header{gap:12px;margin-bottom:14px;padding:10px 12px}.brand{gap:10px}.brand-logo{width:58px;height:58px;padding:6px}.brand h1{font-size:2.55rem}.header-actions{gap:7px}.header-actions .icon-button{min-height:42px;padding:9px 12px}.score-panel{padding:10px 12px}.score-panel .section-title{margin-bottom:10px}.score-list{grid-template-columns:repeat(auto-fit,minmax(205px,1fr));gap:8px}.score-card{gap:8px;min-height:62px;padding:7px 9px}.score-card h3{font-size:.98rem}.score-card p,.mini-wedges-title{font-size:.72rem}.board-cheese-token.score-cheese-token{--token-size:46px}.cheese-holder{min-width:56px}.cheese-wheel-wrap{width:56px;height:58px}.score-number{min-width:26px;font-size:1.15rem}.play-panel,.online-board-match .play-panel{padding:14px}.play-panel .turn-strip{margin-bottom:12px}.turn-strip{gap:12px;padding-bottom:12px}.turn-strip h2{font-size:2.2rem}.turn-meta{font-size:.82rem}.turn-meta strong{font-size:.92rem}.table-zone,.game-layout .table-zone{grid-template-columns:minmax(155px,190px) minmax(0,1fr);row-gap:12px}.table-left-rail{gap:9px;padding:10px}.table-category-rail{gap:7px}.table-category-rail span{min-height:36px;font-size:.76rem}.rail-controls-panel{padding-top:9px}.rail-controls-panel .ready-state,.rail-controls-panel .move-card{padding:10px}.rail-controls-panel .roll-button{min-height:54px;padding:10px;font-size:1rem}.rail-controls-panel .move-die{width:60px;height:60px}.rail-controls-panel .move-die strong{font-size:1.65rem}.rail-controls-panel .move-copy h2{font-size:1rem}.rail-controls-panel .move-copy p:not(.eyebrow){font-size:.74rem}.game-layout .board-preview{min-height:440px;padding:12px}.game-layout .board-stage{width:min(640px,100%,74vh)}.board-toolbar{margin-bottom:10px;padding:8px 10px}.board-toolbar strong{font-size:.84rem}.board-toolbar span{font-size:.74rem}.board-view-switch button{min-height:30px;padding:6px 8px;font-size:.74rem}.question-area,.game-layout .question-area{padding-top:12px}.question-card{gap:12px;padding:14px}.question-card h2{font-size:2.15rem}.question-rule{padding:8px 10px}.question-rule span,.turn-result-detail{font-size:.82rem}.answer-grid{gap:8px}.answer-button{min-height:52px;padding:10px}.result-box{gap:7px;padding:11px}.wedge-celebration{width:min(390px,100% - 28px);top:64px;right:18px}}@media (width<=900px){.online-grid{grid-template-columns:1fr}.online-hero,.online-room-head{flex-direction:column;align-items:stretch}.room-code-badge{width:100%}}.game-layout .roll-button{width:100%}.game-layout .rail-controls-panel .ready-state,.game-layout .rail-controls-panel .move-card{min-height:0}.game-layout .board-3d-preview .category-key{grid-template-columns:repeat(auto-fit,minmax(108px,1fr));width:min(760px,100%);margin-top:12px;display:grid}.game-layout .board-tilt.track-tilt{transform:translateY(-72px)rotateX(50deg)rotate(-6deg)}.game-layout .track-board-shell{border-width:10px}@media (width<=1120px){.setup-studio,.setup-grid,.story-layout,.profile-settings-grid,.exam-setup-grid{grid-template-columns:1fr}.config-console{position:static}.score-panel{order:1}.play-panel{order:2}}@media (width<=960px){.game-layout .table-zone{grid-template-columns:1fr;grid-template-areas:"rail""board""question";row-gap:0}.table-left-rail{border-bottom:0;border-right:1px solid #ffffff1f;border-radius:8px 8px 0 0}.table-category-rail{grid-template-columns:repeat(auto-fit,minmax(118px,1fr))}.game-layout .board-preview{border-top:0;border-left:1px solid #10242a21;border-radius:0 0 8px 8px}.board-playfield.has-board-controls{grid-template-columns:1fr}.ready-state,.game-layout .move-card{min-height:190px}}@media (width<=720px){.app-shell{padding:14px}.app-header,.turn-strip,.story-topbar,.story-hud,.exam-topbar{flex-direction:column;align-items:flex-start}.brand-logo{width:62px;height:62px}.header-actions,.header-dropdown-container{width:100%}.config-wheel,.setup-panel,.score-panel,.play-panel,.board-preview,.story-map-card,.story-panel,.story-challenge,.winner-panel{box-shadow:0 12px 28px #1422261c}.team-editor-list,.team-editor-list.deluxe,.answer-grid,.rules-grid,.content-mode-grid,.mode-choice-grid,.pawn-style-grid,.rules-manual,.category-config-grid,.summary-grid,.settings-segmented,.field-grid.two,.field-grid.three,.avatar-picker,.category-key{grid-template-columns:1fr}.mode-rule-card,.content-mode-card,.rules-manual-card,.rule-card{grid-column:auto}.question-rule{flex-direction:column;align-items:flex-start}.turn-meta{justify-items:start}.setup-actions,.game-actions,.winner-actions,.exam-result-actions{justify-content:stretch}.icon-button,.roll-button{width:100%}.score-card{grid-template-columns:auto minmax(0,1fr)}.story-map-card,.story-map-scene{min-height:560px}.story-map-card{max-height:70vh}.story-map-scene{min-height:3900px}.story-node{width:32px;height:32px;font-size:.7rem}.story-age-control{width:100%}.story-player-card,.exam-topbar,.exam-result-card{grid-template-columns:1fr}.exam-score-pill{justify-content:center}.exam-subject-list{grid-template-columns:1fr}.story-question-box{min-height:180px;padding:16px}.score-number{text-align:left;grid-column:2}.board-preview{min-height:360px;padding:12px}.config-wheel{min-height:330px}.config-wheel-step{justify-content:center;min-width:112px}.setup-panel-head{flex-direction:column}.setup-head-tools,.setup-start-button{width:100%}.setup-head-tools{justify-items:stretch}.setup-progress{width:100%}.setup-progress span{flex:1}.board-stage{width:min(390px,100%,92vw)}.game-layout .board-stage{width:min(720px,100%,92vw)}.game-layout .board-preview{min-height:460px}.wedge-celebration{grid-template-columns:auto minmax(0,1fr);width:auto;top:18px;left:14px;right:14px}.wedge-celebration-close{grid-column:1/-1;justify-self:stretch;width:100%}.board-3d-preview{--chip-orbit:94px;--pawn-orbit:126px}.board-chip{width:42px;height:42px}.team-pawn{width:32px;height:40px}.readiness-strip{grid-template-columns:1fr}.move-card{grid-template-columns:1fr;justify-items:stretch}.move-die{justify-self:center}.move-actions{justify-content:stretch}.move-actions .icon-button{flex:160px}.board-toolbar{flex-direction:column;align-items:stretch}.board-view-switch{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.board-view-switch button{width:100%}}.track-pawn.active .pawn-vector-content-float{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite pawnFloat}.track-pawn.wedge-celebrating .pawn-vector-content-float{transform-box:fill-box;transform-origin:50%;animation:1.8s cubic-bezier(.25,1,.5,1) infinite alternate pawnCelebration}@keyframes pawnFloat{0%,to{filter:drop-shadow(0 4px 6px #00000073);transform:translateY(0)}50%{filter:drop-shadow(0 16px 12px #00000047) drop-shadow(0 0 16px color-mix(in srgb, var(--token-color,#fff), transparent 20%));transform:translateY(-9px)}}@keyframes pawnCelebration{0%{filter:drop-shadow(0 4px 6px #0006);transform:scale(1)rotate(0)}to{filter:drop-shadow(0 20px 14px #00000059) drop-shadow(0 0 25px color-mix(in srgb, var(--highlight-color), #fff 50%));transform:scale(1.28)rotate(15deg)}}.header-dropdown-container{display:inline-block;position:relative}.dropdown-trigger{cursor:pointer;align-items:center;gap:6px;display:inline-flex}.dropdown-arrow{opacity:.7;transition:transform .2s cubic-bezier(.4,0,.2,1)}.dropdown-arrow.open{transform:rotate(180deg)}.header-dropdown-menu{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;transform-origin:100% 0;background:#fffffff2;border:1px solid #10242a1f;border-radius:12px;flex-direction:column;gap:2px;min-width:170px;padding:6px;animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 10px 25px -5px #10242a26,0 8px 16px -6px #10242a1a,inset 0 1px #ffffffe6}.header-dropdown-menu:before{content:"";z-index:-1;background:0 0;height:12px;position:absolute;top:-12px;left:0;right:0}body.theme-dark .header-dropdown-menu{background:#18262af2;border-color:#ffffff14;box-shadow:0 10px 25px -5px #0006,0 8px 16px -6px #0000004d,inset 0 1px #ffffff0d}.dropdown-item{color:#405458;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 12px;font-size:.9rem;font-weight:600;transition:background .15s,color .15s,transform .1s;display:flex}body.theme-dark .dropdown-item{color:#cdd6d8}.dropdown-item:hover{color:#087682;background:#08768214;transform:translate(2px)}body.theme-dark .dropdown-item:hover{color:#fff06a;background:#fff06a14}.dropdown-item svg{opacity:.8;transition:transform .2s}.dropdown-item:hover svg{opacity:1;transform:scale(1.1)}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-5px)}to{opacity:1;transform:scale(1)translateY(0)}}.wizard-actions{background:#10242a05;border-top:1px solid #10242a14;border-radius:0 0 16px 16px;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding:16px;display:flex}body.theme-dark .wizard-actions{background:#ffffff03;border-top-color:#ffffff0f}.wizard-next{margin-left:auto;box-shadow:0 4px 14px #08768240;font-weight:800!important;transition:transform .2s,box-shadow .2s!important}.wizard-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #08768259}.wizard-prev{color:#405458!important;font-weight:700!important}body.theme-dark .wizard-prev{color:#cdd6d8!important}.setup-start-button-large{letter-spacing:.5px;border-radius:12px!important;padding:14px 28px!important;font-size:1.1rem!important;font-weight:900!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 8px 20px #10b9814d!important}.setup-start-button-large:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-3px)scale(1.03)!important;box-shadow:0 12px 28px #10b98173!important}.setup-start-button-large:active:not(:disabled){transform:translateY(-1px)scale(1.01)!important}.config-wheel-step.disabled,.config-wheel-core.disabled{opacity:.32!important;cursor:not-allowed!important;filter:grayscale()contrast(.8)!important;pointer-events:none!important;box-shadow:none!important;transform:none!important}.config-wheel-step.disabled:hover,.config-wheel-core.disabled:hover{box-shadow:none!important;border-color:#10242a29!important;transform:none!important}.exam-curriculum-panel{box-shadow:0 14px 30px #10242a17, var(--shadow-line);background:linear-gradient(#fffffffa,#f7faf3f0),#fff;border:1px solid #10242a1f;border-radius:12px;flex-direction:column;grid-column:1/-1;gap:16px;padding:20px;transition:all .3s;display:flex}body.theme-dark .exam-curriculum-panel{background:linear-gradient(#1e3036f2,#142428e6);border-color:#ffffff14;box-shadow:0 14px 35px #0006,inset 0 1px #ffffff0d}.curriculum-toggle-header{cursor:pointer;width:100%;color:inherit;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;padding:0;display:flex}.curriculum-header-title{align-items:center;gap:14px;display:flex}.curriculum-main-icon{width:44px;height:44px;color:var(--teal);background:#0876821a;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;padding:10px;display:flex}body.theme-dark .curriculum-main-icon{color:#14b8a6;background:#08768240}.curriculum-header-title strong{color:var(--ink);font-size:1.15rem;font-weight:950;display:block}body.theme-dark .curriculum-header-title strong{color:#fff}.curriculum-header-title span{opacity:.75;font-size:.88rem;display:block}.curriculum-chevron{color:var(--ink);opacity:.6;transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .2s}body.theme-dark .curriculum-chevron{color:#fff}.curriculum-toggle-header:hover .curriculum-chevron{opacity:1;transform:translateY(1px)}.curriculum-chevron.open{transform:rotate(180deg)}.curriculum-toggle-header:hover .curriculum-chevron.open{transform:rotate(180deg)translateY(-1px)}.curriculum-content{border-top:1px solid #10242a14;flex-direction:column;gap:20px;padding-top:10px;display:flex}body.theme-dark .curriculum-content{border-top-color:#ffffff14}.curriculum-tabs{background:#10242a08;border:1px solid #10242a0d;border-radius:10px;gap:12px;padding:6px;display:flex}body.theme-dark .curriculum-tabs{background:#0003;border-color:#ffffff0a}.curriculum-tab-btn{color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;padding:10px 16px;font-weight:850;transition:all .2s;display:flex}body.theme-dark .curriculum-tab-btn{color:#cdd6d8}.curriculum-tab-btn:hover{background:#10242a0a}body.theme-dark .curriculum-tab-btn:hover{background:#ffffff0a}.curriculum-tab-btn.active{color:var(--teal);background:#fff;box-shadow:0 4px 12px #10242a0f,0 1px 2px #10242a0a}body.theme-dark .curriculum-tab-btn.active{color:#14b8a6;background:#20353b;box-shadow:0 4px 12px #0000004d}.curriculum-tab-badge{opacity:.7;font-size:.76rem;font-weight:700}.curriculum-tab-btn.active .curriculum-tab-badge{color:var(--ink);opacity:.8}body.theme-dark .curriculum-tab-btn.active .curriculum-tab-badge{color:#fff}.curriculum-pane{flex-direction:column;gap:16px;display:flex}.curriculum-intro{border-left:4px solid var(--teal);background:#0876820a;border-radius:0 8px 8px 0;padding:12px 16px;font-size:.92rem;line-height:1.5}body.theme-dark .curriculum-intro{color:#e5e7eb;background:#14b8a60d;border-left-color:#14b8a6}.curriculum-subject-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px;display:grid}.curriculum-subject-card{background:#fff;border:1px solid #10242a14;border-radius:10px;flex-direction:column;gap:12px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 2px 8px #10242a05}body.theme-dark .curriculum-subject-card{box-shadow:none;background:#192b30;border-color:#ffffff0f}.curriculum-subject-card:hover{transform:translateY(-2px);box-shadow:0 6px 16px #10242a0d}body.theme-dark .curriculum-subject-card:hover{box-shadow:0 6px 16px #0003}.subject-card-header{color:var(--subject-color);align-items:center;gap:8px;display:flex}.subject-card-header strong{color:var(--ink);font-size:.98rem;font-weight:950}body.theme-dark .subject-card-header strong{color:#fff}.curriculum-subject-card ul{flex-direction:column;gap:6px;margin:0;padding-left:18px;display:flex}.curriculum-subject-card li{color:var(--ink);opacity:.85;font-size:.84rem;line-height:1.4}body.theme-dark .curriculum-subject-card li{color:#d1d5db;opacity:1}.curriculum-example{background:color-mix(in srgb, var(--subject-color), transparent 94%);border:1px dashed color-mix(in srgb, var(--subject-color), transparent 75%);border-radius:8px;flex-direction:column;gap:4px;margin-top:auto;padding:10px 12px;display:flex}body.theme-dark .curriculum-example{background:color-mix(in srgb, var(--subject-color), transparent 88%);border-style:solid}.example-tag{text-transform:uppercase;letter-spacing:.5px;color:var(--subject-color);font-size:.7rem;font-weight:900}.curriculum-example p{margin:0;font-size:.82rem;font-style:italic;line-height:1.3}.curriculum-example strong{color:var(--subject-color);font-size:.82rem;font-weight:850}.animate-fade-in{animation:.3s cubic-bezier(.4,0,.2,1) curriculumFadeIn}@keyframes curriculumFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.curriculum-tabs{flex-direction:column;gap:6px}.curriculum-tab-btn{padding:8px 12px}}.question-timer-container{background:#10242a0d;border-radius:4px;width:100%;height:4px;margin-bottom:16px;position:relative;overflow:hidden}body.theme-dark .question-timer-container{background:#ffffff0d}.question-timer-bar{background:linear-gradient(90deg,#087682,#0ca7b6);border-radius:4px;width:100%;height:100%;transition:width 1s linear,background-color .5s}.question-timer-bar.caution{background:linear-gradient(90deg,#d97706,#f59e0b)}.question-timer-bar.warning{background:linear-gradient(90deg,#dc2626,#ef4444);animation:1s infinite alternate timer-pulse}@keyframes timer-pulse{0%{opacity:.8}to{opacity:1}}.countdown-badge{color:#087682;background:#0876821a;border:1px solid #08768226;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.9rem;font-weight:700;transition:all .3s;display:inline-flex}body.theme-dark .countdown-badge{color:#0ca7b6;background:#0ca7b626;border-color:#0ca7b640}.countdown-badge.urgent{color:#dc2626;background:#dc26261a;border-color:#dc262633;animation:.5s ease-in-out infinite alternate urgent-pulse}body.theme-dark .countdown-badge.urgent{color:#ef4444;background:#ef444426;border-color:#ef444440}@keyframes urgent-pulse{0%{transform:scale(1);box-shadow:0 0 #dc262600}to{transform:scale(1.05);box-shadow:0 0 8px #dc262633}}.voice-reader-btn{color:#087682;cursor:pointer;background:#08768214;border:1px solid #08768226;border-radius:8px;outline:none;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}body.theme-dark .voice-reader-btn{color:#0ca7b6;background:#0ca7b61f;border-color:#0ca7b640}.voice-reader-btn:hover{background:#08768226;border-color:#0876824d;transform:scale(1.05)}body.theme-dark .voice-reader-btn:hover{background:#0ca7b633;border-color:#0ca7b666}.voice-reader-btn.playing{color:#fff;background:linear-gradient(135deg,#087682,#0ca7b6);border-color:#0000;animation:2s ease-in-out infinite voice-pulse;box-shadow:0 0 12px #0ca7b666}@keyframes voice-pulse{0%{box-shadow:0 0 #0ca7b666}70%{box-shadow:0 0 0 10px #0ca7b600}to{box-shadow:0 0 #0ca7b600}}.voice-wave{align-items:flex-end;gap:2px;height:12px;margin-left:2px;display:inline-flex}.wave-bar{transform-origin:bottom;background-color:currentColor;border-radius:1px;width:2px;height:100%;animation:1s ease-in-out infinite alternate wave-bounce}.wave-bar:first-child{animation-delay:.1s}.wave-bar:nth-child(2){animation-duration:.8s;animation-delay:.3s}.wave-bar:nth-child(3){animation-delay:.2s}@keyframes wave-bounce{0%{transform:scaleY(.2)}to{transform:scaleY(1)}}.profile-card.achievements-card{background:var(--card-bg,#fff);border:1px solid #08768226;border-radius:16px;margin-top:16px;padding:24px;box-shadow:0 4px 20px #00000008}body.theme-dark .profile-card.achievements-card{background:#1e293bb3;border-color:#ffffff14}.trophy-cabinet-icon{color:#fff!important;background:linear-gradient(135deg,#eab308,#ca8a04)!important}.achievements-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;margin-top:20px;display:grid}.achievement-card{background:#10242a05;border:1px solid #10242a0d;border-radius:12px;align-items:center;gap:16px;padding:16px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}body.theme-dark .achievement-card{background:#ffffff05;border-color:#ffffff0d}.achievement-card.locked{filter:grayscale()opacity(.5);cursor:not-allowed}.achievement-card.unlocked{background:var(--card-bg,#fff);border-color:#08768233;box-shadow:0 4px 12px #00000005}body.theme-dark .achievement-card.unlocked{background:#1e293b66;border-color:#ffffff1a}.achievement-card.unlocked:hover{border-color:var(--badge-color);transform:translateY(-3px)scale(1.02);box-shadow:0 8px 24px #0000000f}.achievement-badge-container{background:#10242a0a;border:1px dashed #10242a26;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}body.theme-dark .achievement-badge-container{background:#ffffff0a;border-color:#ffffff26}.achievement-card.unlocked .achievement-badge-container{border:2px solid var(--badge-color);background:linear-gradient(135deg,#fff,#fffc);box-shadow:0 2px 8px #0000000d}body.theme-dark .achievement-card.unlocked .achievement-badge-container{background:linear-gradient(135deg,#1e293bcc,#0f172ae6)}.achievement-badge-icon{color:#64748b;transition:all .3s}.achievement-card.unlocked .achievement-badge-icon{color:var(--badge-color);animation:3s ease-in-out infinite alternate float-badge}@keyframes float-badge{0%{transform:translateY(0)}to{transform:translateY(-2px)}}.achievement-card.unlocked:hover .achievement-badge-icon{transform:rotate(15deg)scale(1.1)}.achievement-info{flex-direction:column;flex-grow:1;gap:2px;display:flex}.achievement-title{color:var(--text-color,#0f172a);font-size:.95rem;font-weight:700;transition:color .3s}.achievement-card.unlocked .achievement-title{color:var(--badge-color)}.achievement-desc{color:var(--text-muted,#64748b);font-size:.8rem;line-height:1.25}.achievement-date{color:#087682;background:#0876820f;border-radius:4px;align-self:flex-start;margin-top:4px;padding:2px 6px;font-size:.7rem;font-weight:600}body.theme-dark .achievement-date{color:#0ca7b6;background:#0ca7b61a}.achievement-locked-tag{color:#94a3b8;align-self:flex-start;margin-top:4px;font-size:.7rem;font-weight:600}.achievement-toast{z-index:9999;-webkit-backdrop-filter:blur(12px)saturate(180%);background:#ffffffe6;border:1px solid #08768233;border-radius:16px;align-items:center;gap:16px;width:90%;max-width:420px;padding:14px 20px;transition:all .3s;animation:.4s cubic-bezier(.16,1,.3,1) forwards slide-down-toast;display:flex;position:fixed;top:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000014,0 1px 3px #00000005}body.theme-dark .achievement-toast{background:#0f172ad9;border-color:#0ca7b64d;box-shadow:0 10px 30px #0000004d,0 0 1px #ffffff1a}@keyframes slide-down-toast{0%{opacity:0;top:-80px;transform:translate(-50%)scale(.9)}to{opacity:1;top:24px;transform:translate(-50%)scale(1)}}.achievement-toast-icon-wrapper{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;animation:.6s cubic-bezier(.175,.885,.32,1.275) .2s forwards toast-icon-spin;display:flex;box-shadow:0 4px 10px #00000026}@keyframes toast-icon-spin{0%{transform:scale(0)rotate(-45deg)}to{transform:scale(1)rotate(0)}}.achievement-toast-icon{color:#fff}.achievement-toast-content{flex-direction:column;flex-grow:1;gap:1px;display:flex}.achievement-toast-eyebrow{text-transform:uppercase;letter-spacing:1px;color:#eab308;font-size:.75rem;font-weight:700}.achievement-toast-title{color:var(--text-color,#0f172a);font-size:.95rem;font-weight:800}body.theme-dark .achievement-toast-title{color:#fff}.achievement-toast-desc{color:var(--text-muted,#64748b);font-size:.78rem;line-height:1.3}.teacher-passcode-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.3s modal-fade-in;display:flex;position:fixed;inset:0}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}.teacher-passcode-modal{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;width:100%;max-width:400px;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-slide-up;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.teacher-passcode-modal .modal-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.teacher-passcode-modal h3{color:var(--text-color,#0f172a);margin:0;font-family:Outfit,sans-serif;font-size:1.25rem}.teacher-passcode-modal p{color:var(--text-muted,#64748b);margin:0 0 20px;font-size:.9rem;line-height:1.5}.teacher-passcode-modal input{border:1px solid var(--border-color,#cbd5e1);background:var(--input-bg,#f8fafc);width:100%;color:var(--text-color,#0f172a);border-radius:10px;outline:none;margin-bottom:8px;padding:12px 16px;font-size:1rem;transition:border-color .2s}.teacher-passcode-modal input:focus{border-color:#087682}.teacher-passcode-modal .error-text{color:#ef4444;margin-bottom:16px;font-size:.8rem;display:block}.teacher-passcode-modal .modal-actions{justify-content:flex-end;gap:12px;margin-top:16px;display:flex}.teacher-console{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm);border-radius:16px;grid-column:1/-1;margin-bottom:24px;padding:24px}.teacher-console-header{border-bottom:1px solid var(--border-color,#e2e8f0);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.teacher-console-header h2{color:#087682;align-items:center;gap:10px;margin:0;font-family:Outfit,sans-serif;font-size:1.5rem;display:flex}.teacher-stats-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:16px;margin-bottom:24px;display:grid}.teacher-stat-card{background:var(--bg-color,#f8fafc);border:1px solid var(--border-color,#e2e8f0);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:16px;display:flex}.teacher-stat-card strong{color:#087682;font-family:Outfit,sans-serif;font-size:1.75rem}.teacher-stat-card span{color:var(--text-muted,#64748b);font-size:.8rem;font-weight:600}.teacher-tools-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.teacher-search-input{flex-grow:1;min-width:200px}.teacher-question-list{border:1px solid var(--border-color,#e2e8f0);background:var(--bg-color,#f8fafc);border-radius:12px;flex-direction:column;gap:12px;max-height:480px;margin-bottom:24px;padding:8px;display:flex;overflow-y:auto}.teacher-question-item{border:1px solid var(--border-color,#e2e8f0);background:var(--card-bg,#fff);border-radius:12px;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px;transition:transform .2s,box-shadow .2s;display:flex}.teacher-question-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000008}.teacher-question-details{flex-direction:column;flex-grow:1;gap:6px;display:flex}.teacher-question-meta{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.teacher-question-text{color:var(--text-color,#0f172a);margin:4px 0;font-size:1.05rem;font-weight:600;line-height:1.4}.teacher-question-options{grid-template-columns:repeat(2,1fr);gap:6px;margin-top:6px;display:grid}.teacher-option-badge{background:var(--bg-color,#f1f5f9);color:var(--text-muted,#475569);border:1px solid var(--border-color,#e2e8f0);text-align:left;border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:.8rem;display:flex}body.theme-dark .teacher-option-badge{background:#1e293b}.teacher-option-badge.correct{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d;font-weight:700}body.theme-dark .teacher-option-badge.correct{background:#22c55e33}.teacher-question-actions{align-self:center;gap:8px;display:flex}.teacher-question-empty{text-align:center;color:var(--text-muted,#64748b);flex-direction:column;align-items:center;gap:8px;padding:40px 20px;display:flex}.teacher-form-overlay{-webkit-backdrop-filter:blur(8px);z-index:2100;background:#00000080;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.teacher-form-modal{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);border-radius:16px;width:100%;max-width:600px;max-height:90vh;padding:24px;animation:.3s cubic-bezier(.16,1,.3,1) forwards modal-slide-up;overflow-y:auto;box-shadow:0 20px 25px -5px #00000026}.teacher-form-modal h3{color:#087682;margin:0 0 20px;font-family:Outfit,sans-serif;font-size:1.35rem}.form-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:16px;display:grid}.form-grid.full{grid-template-columns:1fr}.form-field{flex-direction:column;gap:6px;display:flex}.form-field label{color:var(--text-color,#1e293b);font-size:.85rem;font-weight:700}.form-field input,.form-field select,.form-field textarea{border:1px solid var(--border-color,#cbd5e1);background:var(--input-bg,#f8fafc);color:var(--text-color,#0f172a);border-radius:8px;outline:none;padding:10px 12px;font-size:.95rem;transition:border-color .2s}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#087682}body.theme-dark .form-field input,body.theme-dark .form-field select,body.theme-dark .form-field textarea{background:#1e293b;border-color:#334155}.form-field textarea{resize:vertical;min-height:70px}.form-actions{border-top:1px solid var(--border-color,#e2e8f0);justify-content:flex-end;gap:12px;margin-top:24px;padding-top:16px;display:flex}.diagnostico-card{background:var(--card-bg,#fff);border:1px solid var(--border-color,#e2e8f0);box-shadow:var(--shadow-sm);border-radius:16px;grid-column:1/-1;margin-bottom:24px;padding:24px}.diagnostico-overview{background:#f0fdfa;border-left:4px solid #087682;border-radius:0 12px 12px 0;align-items:center;gap:16px;margin-bottom:20px;padding:14px;display:flex}body.theme-dark .diagnostico-overview{background:#0876821a}.diagnostico-stats-title{color:#087682;margin:0 0 4px;font-family:Outfit,sans-serif;font-size:1.15rem}.diagnostico-stats-subtitle{color:var(--text-muted,#475569);margin:0;font-size:.85rem}.diagnostico-bar-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px;display:grid}.diagnostico-bar-item{background:var(--bg-color,#f8fafc);border:1px solid var(--border-color,#e2e8f0);border-radius:10px;flex-direction:column;gap:6px;padding:12px;display:flex}body.theme-dark .diagnostico-bar-item{background:#1e293b}.diagnostico-bar-info{justify-content:space-between;font-size:.85rem;font-weight:700;display:flex}.diagnostico-bar-outer{background:var(--border-color,#e2e8f0);border-radius:9999px;height:8px;overflow:hidden}body.theme-dark .diagnostico-bar-outer{background:#334155}.diagnostico-bar-inner{border-radius:9999px;height:100%;transition:width .8s cubic-bezier(.16,1,.3,1)}.repaso-glow-btn{animation:2s infinite alternate repaso-button-pulse;position:relative;overflow:hidden;box-shadow:0 0 12px #0876824d}@keyframes repaso-button-pulse{0%{box-shadow:0 0 8px #08768233}to{box-shadow:0 0 20px #08768299,0 0 0 4px #08768226}}.repaso-celebration{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:30px 16px;display:flex}.repaso-celebration .celebration-icon{color:#15803d;background:#dcfce7;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:10px;font-size:1.75rem;display:flex}body.theme-dark .repaso-celebration .celebration-icon{background:#22c55e26}.file-import-label{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-color);cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;font-weight:600;transition:all .2s;display:inline-flex}.file-import-label:hover{background:var(--bg-color);color:#087682;border-color:#087682}.kahoot-host-layout{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;padding:20px;display:flex;box-shadow:0 10px 30px #0000000d}.kahoot-projection-screen{color:#fff;min-height:unset;background:radial-gradient(circle at top,#1e1b4b,#09090b);border:2px solid #ffffff0d;border-radius:20px;flex-direction:column;justify-content:flex-start;gap:12px;padding:24px 32px;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 80px #0009}.kahoot-header-row{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.kahoot-question-title{text-align:center;color:#fff;text-shadow:0 4px 12px #0000004d;margin:6px 0;font-size:1.7rem;font-weight:800;line-height:1.3}.kahoot-timer-players-row{justify-content:space-around;align-items:center;margin:8px 0;display:flex}.kahoot-timer-ring{justify-content:center;align-items:center;width:100px;height:100px;display:flex;position:relative}.kahoot-timer-ring circle{fill:none;stroke-width:8px;transform-origin:50%;transition:stroke-dashoffset .1s linear,stroke .3s;transform:rotate(-90deg)}.kahoot-timer-text{color:#fff;text-shadow:0 2px 4px #00000080;font-size:2.2rem;font-weight:900;position:absolute}.kahoot-players-count-circle{text-shadow:0 2px 4px #00000080;background:#ffffff14;border:3px solid #fff3;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;display:flex}.kahoot-players-count-circle strong{color:#38bdf8;font-size:2rem;font-weight:800}.kahoot-players-count-circle span{text-transform:uppercase;letter-spacing:1px;color:#94a3b8;font-size:.7rem}.kahoot-options-projection-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:8px;display:grid}.kahoot-option-card-projection{color:#fff;text-shadow:0 2px 4px #0000004d;border:3px solid #ffffff1a;border-radius:16px;align-items:center;gap:16px;padding:14px 20px;font-size:1.25rem;font-weight:700;transition:all .3s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;overflow:hidden;box-shadow:0 6px 20px #00000026}.kahoot-option-card-projection.opt-0{background:linear-gradient(135deg,#ef4444,#b91c1c)}.kahoot-option-card-projection.opt-1{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.kahoot-option-card-projection.opt-2{background:linear-gradient(135deg,#eab308,#a16207)}.kahoot-option-card-projection.opt-3{background:linear-gradient(135deg,#10b981,#047857)}.kahoot-option-card-projection .shape-svg{fill:#fff;filter:drop-shadow(0 2px 4px #0003);width:44px;height:44px}.kahoot-option-card-projection.wrong-opacity{opacity:.25;filter:grayscale(80%);transform:scale(.95)}.kahoot-option-card-projection.correct-reveal{border-color:#fff;transform:scale(1.05);box-shadow:0 0 30px #22c55e,0 0 0 6px #22c55e66}.kahoot-stats-chart{background:var(--panel-soft);border:1px solid var(--line);height:220px;box-shadow:var(--shadow-soft);border-radius:16px;justify-content:space-around;align-items:flex-end;margin:30px 0;padding:20px;display:flex}.kahoot-stats-bar-wrapper{flex-direction:column;align-items:center;gap:12px;width:80px;display:flex}.kahoot-stats-bar{background:#cbd5e1;border-radius:8px 8px 0 0;width:44px;min-height:8px;transition:height 1s cubic-bezier(.19,1,.22,1);box-shadow:0 4px 10px #0003}.kahoot-stats-bar-wrapper.opt-0 .kahoot-stats-bar{background:#ef4444}.kahoot-stats-bar-wrapper.opt-1 .kahoot-stats-bar{background:#3b82f6}.kahoot-stats-bar-wrapper.opt-2 .kahoot-stats-bar{background:#eab308}.kahoot-stats-bar-wrapper.opt-3 .kahoot-stats-bar{background:#10b981}.kahoot-stats-bar-wrapper span{color:var(--ink);font-size:1.1rem;font-weight:800}.kahoot-podium-container{flex-direction:column;justify-content:center;align-items:center;padding:40px 0;display:flex}.kahoot-podium{justify-content:center;align-items:flex-end;gap:20px;width:100%;max-width:600px;height:300px;margin-top:50px;display:flex}.podium-pedestal{text-shadow:0 2px 4px #00000080;border-radius:12px 12px 0 0;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;transition:all 1s ease-out;display:flex;position:relative;box-shadow:0 10px 35px #00000080}.podium-pedestal.gold{z-index:3;background:linear-gradient(#fef08a,#facc15,#ca8a04);border:2px solid #ca8a04;height:220px}.podium-pedestal.silver{z-index:2;background:linear-gradient(#f3f4f6,#9ca3af,#4b5563);border:2px solid #4b5563;height:160px}.podium-pedestal.bronze{z-index:1;background:linear-gradient(#fed7aa,#b45309,#78350f);border:2px solid #78350f;height:120px}.podium-avatar-wrapper{flex-direction:column;align-items:center;width:100%;display:flex;position:absolute;top:-85px}.podium-crown{color:#eab308;filter:drop-shadow(0 2px 4px #0000004d);margin-bottom:4px;animation:2s ease-in-out infinite float}.podium-initials{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.3rem;font-weight:900;display:flex;box-shadow:0 4px 10px #0000004d}.podium-name{color:#fff;text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:120px;margin-top:6px;font-size:1.1rem;font-weight:800;overflow:hidden}.podium-number{color:#fff6;margin-bottom:20px;font-size:4rem;font-weight:950;line-height:1}.podium-score{color:#fff;background:#00000040;border-radius:20px;margin-bottom:12px;padding:4px 12px;font-size:1rem;font-weight:700}.confetti-overlay{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.kahoot-student-controller{box-sizing:border-box;flex-direction:column;gap:12px;max-width:500px;margin:0 auto;padding:12px;display:flex}.kahoot-student-grid{aspect-ratio:1;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-height:320px;display:grid}.kahoot-student-btn{cursor:pointer;border:3px solid #ffffff26;border-radius:20px;justify-content:center;align-items:center;min-height:0;transition:transform .1s,filter .2s;display:flex;box-shadow:0 6px 18px #0000002e}.kahoot-student-btn:active{transform:scale(.94)}.kahoot-student-btn.red{background:linear-gradient(135deg,#ef4444,#dc2626)}.kahoot-student-btn.blue{background:linear-gradient(135deg,#3b82f6,#2563eb)}.kahoot-student-btn.yellow{background:linear-gradient(135deg,#eab308,#ca8a04)}.kahoot-student-btn.green{background:linear-gradient(135deg,#10b981,#059669)}.kahoot-student-btn .shape-svg{fill:#fff;filter:drop-shadow(0 3px 6px #0003);width:44px;height:44px}.student-feedback-box{text-align:center;color:#fff;border-radius:24px;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:30px;animation:.4s cubic-bezier(.175,.885,.32,1.275) popIn;display:flex;box-shadow:0 10px 30px #00000026}.student-feedback-box.correct{background:linear-gradient(135deg,#10b981,#047857);border:4px solid #34d399}.student-feedback-box.incorrect{background:linear-gradient(135deg,#ef4444,#b91c1c);border:4px solid #f87171}.student-feedback-box.waiting{background:linear-gradient(135deg,#6366f1,#4338ca);border:4px solid #818cf8}.leagues-dashboard{flex-direction:column;gap:24px;max-width:1200px;margin:0 auto;display:flex}.leagues-layout-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}@media (width<=850px){.leagues-layout-grid{grid-template-columns:1fr}}.league-table-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;padding:24px;box-shadow:0 4px 20px #00000005}.league-details-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.table-responsive{border:1px solid var(--border-color);border-radius:12px;width:100%;overflow-x:auto}.league-table{border-collapse:collapse;text-align:left;width:100%;font-size:.95rem}.league-table th,.league-table td{border-bottom:1px solid var(--border-color);padding:14px 16px}.league-table th{background:var(--bg-color);color:var(--text-color);text-transform:uppercase;letter-spacing:.5px;font-size:.85rem;font-weight:700}.league-table tr:hover td{background:#00000004}body.theme-dark .league-table tr:hover td{background:#ffffff04}.clase-row-name{align-items:center;gap:10px;font-weight:700;display:flex}.clase-row-shield{background:#f1f5f9;border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.1rem;display:flex}.fixtures-panel{flex-direction:column;gap:16px;display:flex}.league-fixture-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;gap:12px;padding:16px;display:flex;box-shadow:0 2px 10px #00000003}.fixture-card-top{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.fixture-match-row{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex}.fixture-team-name-side{flex:1;align-items:center;gap:8px;font-weight:600;display:flex}.fixture-team-name-side.home{text-align:right;justify-content:flex-end}.fixture-team-name-side.away{text-align:left;justify-content:flex-start}.fixture-scores-display{background:var(--bg-color);border:1px solid var(--border-color);border-radius:10px;align-items:center;gap:8px;padding:4px 12px;display:flex}.fixture-scores-display strong{text-align:center;min-width:16px;font-size:1.1rem;font-weight:800}.fixture-scores-display span{color:var(--text-color);opacity:.5}.lomloe-leagues-chart-card{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;margin-top:24px;padding:24px}.lomloe-chart-subjects-grid{flex-direction:column;gap:20px;margin-top:20px;display:flex}.lomloe-subject-bar-group{border-bottom:1px dashed var(--border-color);flex-direction:column;gap:8px;padding-bottom:16px;display:flex}.lomloe-subject-bar-group:last-child{border-bottom:none;padding-bottom:0}.lomloe-subject-bar-header{justify-content:space-between;align-items:center;display:flex}.lomloe-subject-bar-header strong{align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.lomloe-bars-container{flex-direction:column;gap:6px;width:100%;display:flex}.lomloe-classroom-bar-row{align-items:center;gap:12px;display:flex}.lomloe-classroom-label-mini{white-space:nowrap;text-overflow:ellipsis;width:80px;font-size:.8rem;font-weight:700;overflow:hidden}.lomloe-bar-bg{background:var(--bg-color);border:1px solid var(--border-color);border-radius:7px;flex:1;height:14px;position:relative;overflow:hidden}.lomloe-bar-fill{background:linear-gradient(90deg, var(--bar-color), #cbd5e1);border-radius:7px;height:100%;transition:width 1s ease-out}.lomloe-bar-value{text-align:right;width:36px;font-size:.8rem;font-weight:800}.league-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:16px;animation:.25s fadeIn;display:flex;position:fixed;inset:0}.league-modal-content{background:var(--card-bg);border:1px solid var(--border-color);border-radius:24px;width:100%;max-width:550px;max-height:90vh;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;overflow-y:auto;box-shadow:0 20px 50px #00000026}.league-modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:20px 24px;display:flex}.league-modal-body{padding:24px}.league-modal-footer{border-top:1px solid var(--border-color);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.premium-register-btn{animation:3s ease-in-out infinite float;box-shadow:0 4px 12px #eab3084d;color:#fff!important;background:linear-gradient(135deg,#ca8a04,#eab308)!important;border:none!important;font-weight:700!important}.premium-register-btn:hover{filter:brightness(1.1);transform:translateY(-2px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.95)}50%{opacity:.8;transform:scale(1.05)}to{opacity:.5;transform:scale(.95)}}.pulse-active{animation:2s ease-in-out infinite pulse-ring}.avatar-selection-section{flex-direction:column;gap:8px;margin-top:10px;margin-bottom:8px;display:flex}.settings-section-title{text-transform:uppercase;color:#587073;letter-spacing:.5px;font-size:.82rem;font-weight:850}body.theme-dark .settings-section-title{color:#a3c4c7}.avatar-selector-grid{background:#eef5f280;border:1px solid #10242a14;border-radius:12px;grid-template-columns:repeat(auto-fill,minmax(46px,1fr));gap:10px;max-height:180px;padding:10px;display:grid;overflow-y:auto}body.theme-dark .avatar-selector-grid{background:#14222666;border-color:#ffffff14}.avatar-option-btn{cursor:pointer;background:linear-gradient(135deg,#fff,#f0f7f4);border:2px solid #142226;border-radius:50%;place-items:center;width:44px;height:44px;padding:0;font-size:1.35rem;transition:all .2s cubic-bezier(.175,.885,.32,1.275);display:grid;box-shadow:2px 3px #142226}body.theme-dark .avatar-option-btn{color:#fff;background:linear-gradient(135deg,#243538,#18282b);border-color:#0b1112;box-shadow:2px 3px #0b1112}.avatar-option-btn[title=Inicial]{color:#fff;background:linear-gradient(135deg,#38c9d6,#087682);font-family:inherit;font-size:1.15rem;font-weight:900}body.theme-dark .avatar-option-btn[title=Inicial]{color:#fff;background:linear-gradient(135deg,#1ba2b0,#04525b)}.avatar-option-btn:hover{background:linear-gradient(135deg,#fff,#e6f2ee);transform:translateY(-2px)scale(1.05);box-shadow:2px 4px #142226}body.theme-dark .avatar-option-btn:hover{background:linear-gradient(135deg,#2a3e42,#1b2f32);box-shadow:2px 4px #0b1112}.avatar-option-btn:active{transform:translateY(1px)scale(.95);box-shadow:1px 1px #142226}body.theme-dark .avatar-option-btn:active{box-shadow:1px 1px #0b1112}.avatar-option-btn.active{background:linear-gradient(135deg,#f1d92b,#f5a623);border-color:#142226;animation:.3s cubic-bezier(.175,.885,.32,1.275) popIn;transform:scale(1.1);box-shadow:2px 3px #142226}body.theme-dark .avatar-option-btn.active,.avatar-option-btn.active[title=Inicial]{border-color:#f1d92b}body.theme-dark .rules-manual li{background:linear-gradient(145deg,#0f2b3ef2,#071827f2);border-color:#38c9d626;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0d}body.theme-dark .rules-manual li:hover{border-color:#38c9d666;box-shadow:0 12px 28px #00000059,0 0 15px #38c9d61a,inset 0 1px #ffffff14}body.theme-dark .rules-manual li:before{color:#05121f;background:linear-gradient(135deg,#38c9d6,#10b981);box-shadow:0 4px 12px #38c9d64d,inset 0 1px #fff6}body.theme-dark .rules-manual strong{color:#fff}body.theme-dark .rules-manual span{color:#a4bec2}body.theme-dark .rules-topic-card{background:linear-gradient(145deg,#0f2b3ef2,#071827f2);border-color:#38c9d626;box-shadow:0 4px 15px #0003,inset 0 1px #ffffff0d}body.theme-dark .rules-topic-card:hover{border-color:#38c9d666;box-shadow:0 12px 28px #00000059,0 0 15px #38c9d61a,inset 0 1px #ffffff14}body.theme-dark .rules-topic-card strong{color:#fff}body.theme-dark .rules-topic-card p{color:#a4bec2}body.theme-dark .rules-manual-heading{background:linear-gradient(135deg,#0b2234f2,#071827f2);border-color:#38c9d633 #38c9d633 #38c9d633 #38c9d6;border-left-style:solid;border-left-width:5px;box-shadow:0 4px 15px #0003}body.theme-dark .rules-manual-heading strong{color:#fff}body.theme-dark .rules-manual-heading span{color:#a4bec2}.avatar-celebrate{display:inline-block;animation:.6s infinite alternate avatar-bounce!important}.avatar-sad{display:inline-block;animation:1s infinite alternate avatar-slump!important}.avatar-victory{display:inline-block;animation:1.2s ease-in-out infinite avatar-victory-dance!important}@keyframes avatar-bounce{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(-16px)scaleY(1.08)scaleX(.95)rotate(4deg)}}@keyframes avatar-slump{0%{transform:translateY(0)scale(1)rotate(0)}to{transform:translateY(4px)scale(.92)rotate(-5deg)}}@keyframes avatar-victory-dance{0%{transform:translateY(0)rotate(0)}25%{transform:translateY(-18px)rotate(8deg)}50%{transform:translateY(0)rotate(0)}75%{transform:translateY(-18px)rotate(-8deg)}to{transform:translateY(0)rotate(360deg)}}body.theme-dark .eyebrow{color:var(--color-primary)!important}@media (width<=720px){.kahoot-options-projection-grid{grid-template-columns:1fr!important;gap:8px!important}.kahoot-option-card-projection{border-radius:12px!important;padding:10px 16px!important;font-size:1rem!important}.kahoot-student-grid{gap:8px!important;max-height:280px!important}}
