/* EducTools Game Studio v1.15.0 — Live classroom competition */
.live-join-page{position:relative;display:grid;min-height:calc(100svh - 70px);overflow:hidden;place-items:center;padding:40px 16px;background:linear-gradient(180deg,#a8d9ff,#d9d1ff 54%,#ffd6e8)}
.live-join-page:after{position:absolute;right:-5%;bottom:-120px;left:-5%;height:260px;border-radius:50% 50% 0 0;background:linear-gradient(180deg,#83df76,#52c859);content:""}
.live-clouds span{position:absolute;z-index:1;font-size:clamp(2.5rem,6vw,6rem);opacity:.72;animation:live-float 6s ease-in-out infinite}.live-clouds span:nth-child(1){top:12%;left:7%}.live-clouds span:nth-child(2){top:20%;right:14%;animation-delay:1s}.live-clouds span:nth-child(3){right:5%;bottom:19%;animation-delay:2s}.live-clouds span:nth-child(4){left:13%;bottom:15%;animation-delay:3s}
.live-join-card{position:relative;z-index:3;width:min(520px,100%);padding:38px;border:5px solid rgba(255,255,255,.88);border-radius:36px;background:rgba(255,252,255,.94);box-shadow:0 22px 0 rgba(104,77,142,.14),0 38px 75px rgba(66,45,96,.22);text-align:center;backdrop-filter:blur(12px)}
.live-join-mascots{display:flex;justify-content:center;gap:8px;margin:-76px 0 12px;font-size:3.7rem;filter:drop-shadow(0 10px 9px rgba(74,45,95,.15))}.live-join-mascots span:nth-child(2){transform:translateY(-13px)}
.live-join-card h1{margin:4px 0;color:#503576;font-family:"Mali",sans-serif;font-size:clamp(2rem,6vw,3.3rem)}.live-join-card>p{margin:0 auto 22px;color:#766486}.live-join-card form{display:grid;gap:15px}.live-join-card label{display:grid;gap:6px;text-align:left}.live-join-card label>span{color:#5f4b72;font-weight:900}.live-join-card input{width:100%;padding:15px 17px;border:3px solid #e5d9f2;border-radius:18px;background:#fff;font:inherit;font-size:1.15rem;outline:0}.live-join-card input[name="room_code"]{color:#7048cf;text-align:center;font-size:2rem;font-weight:950;letter-spacing:.18em;text-transform:uppercase}.live-join-card input:focus{border-color:#8c6ce8;box-shadow:0 0 0 5px rgba(116,78,209,.11)}.live-join-card .btn{border-radius:18px;background:linear-gradient(135deg,#7553df,#ad68eb);font-size:1.1rem}.live-join-card>small{display:block;margin-top:17px;color:#8d7c99}.live-form-status{min-height:24px;color:#b32945;font-weight:800}.live-form-status.is-success{color:#11835a}.live-form-status.is-loading{color:#6850ae}
.live-host-create{background:linear-gradient(145deg,#f8f4ff,#eefaff)}.live-create-card{text-align:center}.live-create-icon{display:block;font-size:5rem}.live-create-card h1{margin:7px 0;font-family:"Mali",sans-serif}.live-selected-game{display:flex;align-items:center;gap:14px;margin:24px 0;padding:16px;border:2px solid #eadff6;border-radius:19px;background:#fbf8ff;text-align:left}.live-selected-game>span{display:grid;width:55px;height:55px;place-items:center;border-radius:17px;background:#eee7ff;font-size:1.8rem}.live-selected-game b,.live-selected-game small{display:block}.live-selected-game small{color:#7d7089}.live-create-form{display:flex;align-items:end;justify-content:center;gap:12px}.live-create-form label{display:grid;gap:6px;text-align:left}.live-create-form label>span{font-weight:800}.live-create-form select{min-width:190px;padding:12px;border:2px solid #ded5ea;border-radius:13px;background:#fff}
body.live-host-body,body.live-player-body{overflow-x:hidden;background:#34225b}body.live-host-body .site-header,body.live-host-body .site-footer,body.live-player-body .site-header,body.live-player-body .site-footer,body.live-player-body .flash-stack{display:none!important}
.live-host-page{min-height:100svh;padding:18px;background:radial-gradient(circle at 10% 10%,rgba(255,203,104,.18),transparent 24%),radial-gradient(circle at 90% 90%,rgba(255,104,177,.18),transparent 24%),linear-gradient(145deg,#39266d,#6545a4)}
.live-host-shell{display:grid;min-height:calc(100svh - 36px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:5px solid rgba(255,255,255,.9);border-radius:34px;background:linear-gradient(150deg,#f8f5ff,#eef9ff);box-shadow:0 30px 80px rgba(18,11,33,.35)}
.live-host-header{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;padding:14px 20px;border-bottom:2px solid #ece5f4;background:#fff}.live-host-header>div:first-child span,.live-host-header>div:first-child h1{display:block;margin:0}.live-host-header>div:first-child span{color:#8b6dc8;font-size:.8rem;font-weight:900;letter-spacing:.08em}.live-host-header h1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1.15rem}.live-room-code{display:flex;align-items:center;gap:10px;padding:7px 16px;border-radius:16px;background:#f2ebff;color:#6340bc}.live-room-code small{font-weight:800}.live-room-code b{font-size:1.7rem;letter-spacing:.13em}.live-host-header-actions{display:flex;justify-content:flex-end;gap:8px}.live-host-header-actions button,.live-host-header-actions a{padding:9px 12px;border:1px solid #ddd5e8;border-radius:12px;background:#fff;color:#655277;font-weight:800}
.live-host-stage{display:grid;min-height:0;overflow:auto;place-items:center;padding:clamp(18px,3vw,38px);background:radial-gradient(circle at 14% 15%,rgba(255,219,121,.22),transparent 17%),radial-gradient(circle at 86% 14%,rgba(115,211,255,.22),transparent 17%),linear-gradient(155deg,#f8f5ff,#edfaff 50%,#fff6e5)}
.live-host-controls{display:flex;min-height:76px;align-items:center;justify-content:center;gap:12px;padding:12px 20px;border-top:2px solid #ece5f4;background:#fff}.live-host-controls button,.live-host-controls a{min-width:160px;padding:13px 18px;border:0;border-radius:16px;background:#eee9f6;color:#554466;font:inherit;font-weight:900;text-align:center}.live-host-controls .is-primary{background:linear-gradient(135deg,#7552df,#a960e9);color:#fff;box-shadow:0 9px 20px rgba(101,65,190,.25)}.live-host-controls .is-danger{background:#fff0f2;color:#b52b43}.live-host-controls button:disabled{cursor:not-allowed;opacity:.45}
.live-loading,.live-error,.live-ended{padding:40px;text-align:center}.live-loading>span,.live-ended>span{display:block;font-size:5rem;animation:live-bounce 2s ease-in-out infinite}.live-error{color:#a52a40;font-weight:900}.live-lobby{width:min(1050px,100%);text-align:center}.live-lobby-code{display:grid;justify-items:center}.live-lobby-code>small{color:#776888}.live-lobby-code>b{max-width:100%;overflow:hidden;text-overflow:ellipsis;color:#503875;font-size:clamp(1rem,2.2vw,1.5rem)}.live-lobby-code>span{margin-top:15px;color:#655374;font-size:1.4rem;font-weight:800}.live-lobby-code strong{display:inline-block;margin-left:9px;padding:9px 15px;border:4px solid #fff;border-radius:18px;background:#7953da;color:#fff;font-size:clamp(2rem,5vw,4.3rem);letter-spacing:.14em;box-shadow:0 11px 0 #5635ad}.live-lobby h2{margin:29px 0 14px;font-family:"Mali",sans-serif}.live-player-cloud{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.live-player-cloud>span,.live-player-cloud>em{padding:9px 14px;border:2px solid #e5d9f0;border-radius:999px;background:#fff;box-shadow:0 7px 17px rgba(63,43,90,.08);font-style:normal}.live-player-cloud>span{animation:live-pop .3s ease both}
.live-host-question{width:min(1120px,100%);text-align:center}.live-question-head{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#725f83;font-weight:900}.live-question-head>span{text-align:left}.live-question-head>b{text-align:right}.live-countdown{display:grid;width:100px;height:100px;place-items:center;border:8px solid #fff;border-radius:50%;background:linear-gradient(145deg,#7c5be0,#a86ceb);color:#fff;font-size:1.2rem;box-shadow:0 10px 0 #5837ae}.live-countdown.is-danger{background:linear-gradient(145deg,#ff718d,#e64569);animation:live-pulse .7s ease-in-out infinite}.live-host-question>h2{margin:13px auto 18px;color:#403050;font-family:"Mali",sans-serif;font-size:clamp(1.6rem,3vw,2.6rem)}
.live-host-options,.live-player-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px}.live-host-option,.live-player-options>button{display:flex;min-height:95px;align-items:center;gap:12px;padding:15px;border:5px solid #fff;border-radius:25px;color:#3e324d;box-shadow:0 10px 0 rgba(71,46,96,.13);text-align:left}.live-host-option.option-1,.live-player-options>.option-1{background:linear-gradient(145deg,#fff,#ffddeb);outline:4px solid #ff78aa}.live-host-option.option-2,.live-player-options>.option-2{background:linear-gradient(145deg,#fff,#dcf3ff);outline:4px solid #61bce7}.live-host-option.option-3,.live-player-options>.option-3{background:linear-gradient(145deg,#fff,#ddf8e6);outline:4px solid #5ec98a}.live-host-option.option-4,.live-player-options>.option-4{background:linear-gradient(145deg,#fff,#fff0c7);outline:4px solid #efba4d}.live-host-option.is-correct,.live-player-options>button.is-correct{outline:7px solid #22b86c;background:#dff9e9;transform:scale(1.02)}.live-host-option>small{margin-left:auto;padding:7px 11px;border-radius:999px;background:#fff;font-weight:900}.live-option-face{display:flex;min-width:0;flex:1;align-items:center;justify-content:center;gap:12px}.live-option-face>img{width:95px;height:67px;border-radius:13px;object-fit:cover}.live-option-face>b{font-size:2.4rem}.live-option-face>span{font-size:clamp(1rem,2.2vw,1.4rem);font-weight:900}.live-explanation{margin:20px auto 0;padding:12px 16px;border-radius:15px;background:#fff;color:#645474;font-weight:800}
.live-visual{display:flex;width:max-content;max-width:100%;align-items:center;justify-content:center;gap:12px;margin:8px auto;padding:13px 20px;border:4px solid #fff;border-radius:22px;background:#fff;box-shadow:0 9px 22px rgba(63,43,90,.13)}.live-card .live-option-face{display:grid;justify-items:center}.live-card img{width:230px;height:130px;border-radius:17px;object-fit:cover}.live-card b{font-size:5rem}.live-count{width:min(700px,100%);flex-wrap:wrap;background:#f4edff}.live-count>span{font-size:clamp(2rem,5vw,3.5rem)}.live-color i{width:75px;height:75px;border:5px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #ddcee9}.live-shape{font-size:6rem}.live-word>span{font-size:3rem}.live-word>b{font-size:2.6rem}.live-sequence{overflow:auto}.live-sequence>span{font-size:3rem}.live-sequence>b{display:grid;min-width:55px;height:55px;place-items:center;border-radius:15px;background:#6dbcea;color:#fff}.live-audio{border:0;background:linear-gradient(145deg,#7552da,#a469ea);color:#fff}.live-audio>span{font-size:2.5rem}.live-audio small{display:block}
.live-board-screen,.live-player-board{width:min(720px,100%);text-align:center}.live-trophy{display:block;font-size:5rem;filter:drop-shadow(0 12px 10px rgba(90,57,124,.18));animation:live-bounce 2s ease-in-out infinite}.live-board-screen h2,.live-player-board h1{font-family:"Mali",sans-serif}.live-leaderboard{display:grid;gap:9px}.live-rank{display:grid;grid-template-columns:55px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 16px;border:2px solid #e8dff1;border-radius:17px;background:#fff;text-align:left;box-shadow:0 8px 18px rgba(63,43,90,.07)}.live-rank>strong{display:grid;width:41px;height:41px;place-items:center;border-radius:13px;background:#eee7f6;color:#694dae}.live-rank>span{font-weight:900}.live-rank>b{color:#6744b9;font-size:1.25rem}.live-rank.rank-1{border-color:#ffd25d;background:#fff9df;transform:scale(1.03)}.live-rank.rank-1>strong{background:#ffd25d;color:#6d4a00}.live-rank.rank-2>strong{background:#dbe4ee;color:#4c5a67}.live-rank.rank-3>strong{background:#f1c19c;color:#7b3f1e}.live-rank.is-me{border-color:#8f70e4;background:#f4efff}
.live-player-page{min-height:100svh;padding:12px;background:radial-gradient(circle at 8% 10%,rgba(255,214,106,.23),transparent 20%),radial-gradient(circle at 90% 85%,rgba(255,104,180,.22),transparent 20%),linear-gradient(150deg,#483078,#7351ae)}.live-player-shell{display:grid;min-height:calc(100svh - 24px);grid-template-rows:auto minmax(0,1fr);overflow:hidden;border:4px solid #fff;border-radius:30px;background:linear-gradient(150deg,#f8f4ff,#edf9ff);box-shadow:0 22px 60px rgba(15,9,28,.35)}.live-player-top{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:2px solid #ece4f5;background:#fff}.live-player-top>a{color:#6848b6;font-family:"Mali",sans-serif;font-weight:900}.live-player-top>div{display:flex;align-items:center;gap:8px}.live-player-top small{color:#82758e}.live-player-top b{letter-spacing:.12em}.live-player-stage{display:grid;min-height:0;overflow:auto;place-items:center;padding:clamp(16px,4vw,34px)}.live-player-lobby,.live-player-question,.live-player-board{width:min(760px,100%);text-align:center}.live-avatar{display:block;font-size:6rem}.live-player-lobby h1{margin:5px 0;font-family:"Mali",sans-serif}.live-player-lobby p{color:#71627f}.live-player-count{display:inline-flex;padding:9px 15px;border-radius:999px;background:#fff;color:#664d8d;font-weight:900}.live-waiting-dots{display:flex;justify-content:center;gap:8px;margin-top:22px}.live-waiting-dots i{width:13px;height:13px;border-radius:50%;background:#8b6dda;animation:live-dots 1.2s ease-in-out infinite}.live-waiting-dots i:nth-child(2){animation-delay:.2s}.live-waiting-dots i:nth-child(3){animation-delay:.4s}.live-player-hud{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:10px 13px;border-radius:18px;background:#fff;box-shadow:0 8px 20px rgba(65,42,91,.09);text-align:left}.live-player-hud>b{color:#a57400}.live-player-hud>strong{display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#7855dc;color:#fff}.live-player-hud>strong.is-danger{background:#e64d6b;animation:live-pulse .7s infinite}.live-player-question>small{display:inline-block;margin-top:18px;padding:4px 10px;border-radius:999px;background:#eee7ff;color:#7554c5;font-weight:900}.live-player-question>h2{margin:9px auto 15px;font-family:"Mali",sans-serif;font-size:clamp(1.45rem,5vw,2.35rem)}.live-player-options>button{border:5px solid #fff;font:inherit;cursor:pointer;transition:transform .15s}.live-player-options>button:not(:disabled):hover{transform:translateY(-4px)}.live-player-options>button.is-selected{transform:scale(.97);filter:saturate(1.2);box-shadow:0 0 0 8px rgba(116,79,204,.18)}.live-player-options>button.is-wrong{outline:7px solid #e84e66;background:#ffe5e9}.live-player-options>button:disabled{cursor:default;opacity:1}.live-answer-note{margin:20px auto 0;padding:12px 15px;border-radius:15px;background:#fff;color:#675378;font-weight:900}.live-player-board .btn{margin-top:20px}
@keyframes live-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}@keyframes live-bounce{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(3deg)}}@keyframes live-pop{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}@keyframes live-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes live-dots{0%,100%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-7px)}}
@media(max-width:760px){.live-host-page{padding:0}.live-host-shell{min-height:100svh;border:0;border-radius:0}.live-host-header{grid-template-columns:1fr auto}.live-host-header>div:first-child{display:none}.live-host-header-actions button{display:none}.live-host-controls{overflow:auto;justify-content:flex-start}.live-host-controls button,.live-host-controls a{min-width:145px;flex:0 0 auto}.live-question-head{grid-template-columns:1fr auto}.live-question-head>b{display:none}.live-countdown{width:72px;height:72px;border-width:5px}.live-host-options,.live-player-options{grid-template-columns:1fr}.live-player-page{padding:0}.live-player-shell{min-height:100svh;border:0;border-radius:0}.live-player-stage{padding:15px}.live-player-options>button{min-height:76px}.live-create-form{align-items:stretch;flex-direction:column}.live-create-form select{width:100%}.live-join-card{padding:30px 20px}.live-rank{grid-template-columns:45px minmax(0,1fr) auto;padding:9px 11px}}
@media(prefers-reduced-motion:reduce){.live-clouds span,.live-loading>span,.live-trophy,.live-waiting-dots i{animation:none}}

/* EducTools Game Studio v1.15.6 — automatic live advance and clear reveal */
.live-create-form{display:grid;width:min(680px,100%);margin-inline:auto;align-items:stretch;gap:14px}
.live-create-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.live-create-settings label{display:grid;gap:6px;text-align:left}.live-create-settings label>span{color:#59466c;font-weight:900}.live-create-settings select{width:100%;min-width:0}
.live-auto-advance-toggle{display:flex!important;align-items:flex-start;gap:12px;padding:14px 16px;border:2px solid #cfc0e8;border-radius:18px;background:#f8f4ff;color:#443452;text-align:left!important;cursor:pointer}.live-auto-advance-toggle input{width:22px;height:22px;margin:2px 0 0;accent-color:#6c4bd1;flex:0 0 auto}.live-auto-advance-toggle span,.live-auto-advance-toggle b,.live-auto-advance-toggle small{display:block}.live-auto-advance-toggle b{font-size:1.02rem}.live-auto-advance-toggle small{margin-top:3px;color:#6f607a;line-height:1.5}
.live-room-mode{display:inline-flex;margin:18px auto 0;padding:9px 14px;border:2px solid #d9cceb;border-radius:999px;background:#fff;color:#5d4d69;font-weight:900}.live-room-mode.is-auto{border-color:#91ddba;background:#eafff3;color:#116943}
.live-countdown.is-reveal{display:flex;flex-direction:column;background:linear-gradient(145deg,#138b58,#24b975);box-shadow:0 10px 0 #087044}.live-countdown.is-reveal span{font-size:1.12rem}.live-countdown.is-reveal small{font-size:.72rem;line-height:1.25}
.live-reveal-summary{display:flex;width:min(760px,100%);align-items:center;justify-content:center;gap:10px;margin:14px auto 5px;padding:13px 18px;border:3px solid #22a968;border-radius:18px;background:#e7fff1;color:#0d603b;box-shadow:0 8px 18px rgba(21,117,73,.13)}.live-reveal-summary span{font-weight:800}.live-reveal-summary strong{font-size:clamp(1.15rem,2.5vw,1.55rem)}
.live-host-option,.live-player-options>button{position:relative}.live-option-side{display:grid;flex:0 0 auto;justify-items:end;gap:7px;margin-left:auto}.live-option-side>small{padding:7px 11px;border-radius:999px;background:#fff;color:#4c3d56;font-weight:900}.live-correct-badge{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border:2px solid #158a50;border-radius:999px;background:#fff;color:#0d653d!important;font-size:.86rem;font-weight:950;line-height:1.15;white-space:nowrap;box-shadow:0 5px 12px rgba(14,112,66,.14)}
.live-host-option.is-correct,.live-player-options>button.is-correct{border-color:#fff;outline:7px solid #159759;background:linear-gradient(145deg,#f4fff8,#c9f4dc);box-shadow:0 10px 0 #11804b,0 18px 28px rgba(16,121,70,.18)}
.live-player-options>button.is-wrong{outline-color:#d93653;background:#ffe1e6;box-shadow:0 10px 0 #bd2d47,0 18px 27px rgba(171,38,63,.16)}
.live-answer-note.is-reveal{display:grid;gap:7px;padding:16px 18px;border:3px solid #d8c7e7;border-radius:18px;background:#fff;color:#3d3047;font-size:1.02rem;line-height:1.5;box-shadow:0 9px 20px rgba(63,43,90,.1)}.live-answer-note.is-reveal>strong{font-size:1.16rem}.live-answer-note.is-reveal>span{display:block}.live-answer-note.is-result-correct{border-color:#39b978;background:#edfff5;color:#0c6540}.live-answer-note.is-result-wrong{border-color:#f0b341;background:#fff8df;color:#6c4a09}
.live-explanation{display:grid;width:min(900px,100%);gap:6px;margin:20px auto 0;padding:17px 20px;border:3px solid #efbb39;border-radius:18px;background:#fff8d9;color:#49360c;box-shadow:0 9px 20px rgba(143,100,13,.15);font-size:clamp(1.05rem,2.2vw,1.3rem);font-weight:750;line-height:1.65;text-align:left}.live-explanation strong{color:#745100;font-size:1.08em}.live-explanation span{display:block}
.live-auto-advance-notice{display:inline-flex;align-items:center;gap:5px;margin:12px auto 0;padding:9px 14px;border:2px solid #cfc1e5;border-radius:999px;background:#fff;color:#5c4771;font-weight:900}.live-auto-advance-notice b{display:inline-grid;min-width:28px;place-items:center;color:#5c35bd;font-size:1.16rem}
@media(max-width:760px){.live-create-settings{grid-template-columns:1fr}.live-auto-advance-toggle{padding:13px}.live-room-mode{border-radius:16px;font-size:.9rem}.live-reveal-summary{display:grid;gap:3px;padding:11px 13px}.live-countdown.is-reveal span{font-size:.95rem}.live-countdown.is-reveal small{font-size:.64rem}.live-option-side{justify-items:center}.live-correct-badge{padding:6px 8px;font-size:.76rem}.live-player-options>button .live-correct-badge{max-width:100px;white-space:normal;text-align:center}.live-explanation{padding:14px 15px;font-size:1.02rem}.live-auto-advance-notice{border-radius:15px;font-size:.9rem}}

/* EducTools Game Studio v1.22.0 — quick-next, unified live choices and result effects */
.live-quick-next-toggle{border-color:#ffc66d;background:linear-gradient(145deg,#fffaf0,#fff0d6)}
.live-quick-next-toggle input{accent-color:#f28b2d}
.live-room-mode.is-quick{border-color:#ffbd57;background:#fff5df;color:#8b4b08}
.live-auto-advance-notice.is-quick{border-color:#ffbd57;background:#fff7e8;color:#854a0d}
.live-answer-note.is-quick{width:max-content;max-width:100%;padding:13px 20px;font-size:1.12rem}

/* Keep every option in one visual family before a player chooses. */
.live-host-option,
.live-player-options>button,
.live-host-option.option-1,
.live-host-option.option-2,
.live-host-option.option-3,
.live-host-option.option-4,
.live-player-options>.option-1,
.live-player-options>.option-2,
.live-player-options>.option-3,
.live-player-options>.option-4{
  border-color:#fff!important;
  outline:4px solid #8f73df!important;
  background:linear-gradient(145deg,#ffffff,#eee9ff)!important;
  color:#3f3154!important;
  box-shadow:0 10px 0 #7157bd,0 17px 28px rgba(75,52,139,.16)!important;
}
.live-player-options>button:not(:disabled):hover{
  outline-color:#6848c7!important;
  background:linear-gradient(145deg,#fff,#e6ddff)!important;
  box-shadow:0 13px 0 #6549b2,0 22px 32px rgba(75,52,139,.2)!important;
}
.live-player-options>button.is-selected{
  outline:7px solid #237fd5!important;
  background:linear-gradient(145deg,#f4fbff,#bfe6ff)!important;
  color:#123f72!important;
  box-shadow:0 10px 0 #1767ad,0 0 0 9px rgba(44,139,224,.2)!important;
  transform:scale(.975)!important;
}
.live-host-option.is-correct,
.live-player-options>button.is-correct{
  outline:7px solid #16985b!important;
  background:linear-gradient(145deg,#f3fff8,#bff0d3)!important;
  color:#0c623b!important;
  box-shadow:0 10px 0 #117643,0 18px 30px rgba(16,121,70,.22)!important;
  transform:scale(1.015)
}
.live-player-options>button.is-wrong{
  outline:7px solid #dc3f5a!important;
  background:linear-gradient(145deg,#fff6f7,#ffc8d1)!important;
  color:#7e1830!important;
  box-shadow:0 10px 0 #b92f49,0 18px 30px rgba(171,38,63,.2)!important;
  animation:liveWrongShake .46s ease-in-out 1
}

.live-player-stage{position:relative;isolation:isolate}
.live-result-effects{position:absolute;z-index:30;inset:0;overflow:hidden;pointer-events:none}
.live-result-effects i{position:absolute;left:var(--x);font-style:normal;line-height:1;will-change:transform,opacity}
.live-result-effects.is-correct i{
  top:-8%;
  color:hsl(var(--hue) 88% 57%);
  font-size:clamp(.8rem,2.4vw,1.55rem);
  text-shadow:0 2px 0 rgba(255,255,255,.8);
  animation:liveConfettiFall var(--duration) cubic-bezier(.18,.68,.32,1) var(--delay) forwards
}
.live-result-effects.is-wrong i{
  bottom:18%;
  font-size:clamp(1rem,2.8vw,1.7rem);
  opacity:0;
  animation:liveGentleWrong var(--duration) ease-out var(--delay) forwards
}
.live-player-stage.live-result-correct-flash:before,
.live-player-stage.live-result-wrong-flash:before{
  position:absolute;z-index:20;inset:0;border-radius:inherit;content:"";pointer-events:none
}
.live-player-stage.live-result-correct-flash:before{animation:liveCorrectGlow .75s ease-out 1;background:radial-gradient(circle,rgba(255,240,111,.52),rgba(68,216,137,.15) 45%,transparent 72%)}
.live-player-stage.live-result-wrong-flash:before{animation:liveWrongGlow .65s ease-out 1;background:radial-gradient(circle,rgba(148,195,255,.32),rgba(103,89,177,.11) 48%,transparent 72%)}

@keyframes liveConfettiFall{
  0%{opacity:0;transform:translate3d(0,-20px,0) rotate(0) scale(.75)}
  10%{opacity:1}
  100%{opacity:0;transform:translate3d(var(--drift),105vh,0) rotate(var(--spin)) scale(1.05)}
}
@keyframes liveGentleWrong{
  0%{opacity:0;transform:translate3d(0,18px,0) scale(.7)}
  25%{opacity:.9}
  100%{opacity:0;transform:translate3d(0,-125px,0) scale(1.15)}
}
@keyframes liveCorrectGlow{0%{opacity:0}30%{opacity:1}100%{opacity:0}}
@keyframes liveWrongGlow{0%{opacity:0}35%{opacity:1}100%{opacity:0}}
@keyframes liveWrongShake{0%,100%{transform:translateX(0)}25%{transform:translateX(-7px)}50%{transform:translateX(6px)}75%{transform:translateX(-3px)}}

@media(prefers-reduced-motion:reduce){
  .live-result-effects,.live-player-stage.live-result-correct-flash:before,.live-player-stage.live-result-wrong-flash:before{display:none!important}
  .live-player-options>button.is-wrong{animation:none}
}

.live-create-settings label.is-disabled{opacity:.55}.live-create-settings label.is-disabled select{cursor:not-allowed;background:#eeeaf3}


/* EducTools Game Studio v1.22.3 — centered live answer celebration */
.live-feedback-layer{position:fixed;z-index:2147483000;inset:0;display:grid;place-items:center;padding:clamp(14px,4vw,34px);background:rgba(35,23,64,.34);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);pointer-events:none;animation:liveFeedbackBackdrop .22s ease-out both}
.live-feedback-card{--live-feedback-accent:#31c56f;position:relative;isolation:isolate;width:min(590px,calc(100vw - 28px));max-height:min(84svh,730px);overflow:auto;padding:clamp(24px,4.5vw,42px);border:5px solid rgba(255,255,255,.97);border-radius:clamp(26px,5vw,44px);background:linear-gradient(145deg,#f8fff9,#d6ffe5 66%,#fff5b5);box-shadow:0 22px 0 #16834b,0 38px 85px rgba(31,22,58,.42),inset 0 0 0 3px rgba(255,255,255,.6);color:#164e36;text-align:center;animation:liveFeedbackCardIn .48s cubic-bezier(.18,.89,.32,1.28) both}
.live-feedback-card.is-wrong{--live-feedback-accent:#e55770;background:linear-gradient(145deg,#fff8fb,#ffe0e8 64%,#e5e3ff);color:#75243a;box-shadow:0 20px 0 #b73752,0 38px 85px rgba(70,28,55,.38),inset 0 0 0 3px rgba(255,255,255,.65);animation-name:liveFeedbackWrongIn}
.live-feedback-card.is-timeout{--live-feedback-accent:#f0a62d;background:linear-gradient(145deg,#fffdf5,#fff0ba 65%,#ffe0c9);color:#6f4304;box-shadow:0 20px 0 #bd7416,0 38px 85px rgba(81,49,15,.34),inset 0 0 0 3px rgba(255,255,255,.65)}
.live-feedback-shine{position:absolute;z-index:-1;inset:-50%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.72),transparent 18%,transparent 50%,rgba(255,255,255,.48),transparent 68%);animation:liveFeedbackSpin 5s linear infinite}
.live-feedback-icon{display:grid;width:clamp(88px,18vw,126px);height:clamp(88px,18vw,126px);margin:-4px auto 10px;place-items:center;border:5px solid #fff;border-radius:50%;background:linear-gradient(145deg,#fff7a9,#ffd752);box-shadow:0 10px 0 rgba(152,101,0,.22),0 18px 35px rgba(78,50,0,.18);font-size:clamp(3rem,9vw,5.1rem);animation:liveFeedbackIcon .85s ease-in-out infinite alternate}
.live-feedback-card.is-wrong .live-feedback-icon{background:linear-gradient(145deg,#fff,#ffd6df);animation:liveFeedbackThink 1.2s ease-in-out infinite}.live-feedback-card.is-timeout .live-feedback-icon{background:linear-gradient(145deg,#fff,#ffe09f);animation:liveFeedbackClock 1.1s ease-in-out infinite}
.live-feedback-card>small{display:inline-flex;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.8);color:var(--live-feedback-accent);font-size:.82rem;font-weight:950;letter-spacing:.04em}.live-feedback-card h2{margin:9px 0 4px;color:inherit;font-family:"Mali","Noto Sans Thai",sans-serif;font-size:clamp(1.8rem,6vw,3.15rem);line-height:1.12;text-shadow:0 3px 0 rgba(255,255,255,.75)}.live-feedback-card>p{margin:7px auto 0;color:inherit;font-size:clamp(1.04rem,2.8vw,1.35rem);font-weight:850;line-height:1.5}
.live-feedback-answer,.live-feedback-explanation{display:grid;gap:5px;margin:14px auto 0;padding:13px 16px;border:3px solid rgba(255,255,255,.92);border-radius:20px;background:rgba(255,255,255,.84);color:#443558;text-align:left;box-shadow:0 9px 24px rgba(58,43,90,.12)}.live-feedback-answer b,.live-feedback-explanation b{color:#6542b5;font-size:.98rem}.live-feedback-answer span{font-size:clamp(1.1rem,3vw,1.5rem);font-weight:950}.live-feedback-explanation span{font-size:clamp(.95rem,2.3vw,1.12rem);font-weight:750;line-height:1.55}
.live-feedback-next{display:inline-flex;margin-top:15px;padding:8px 14px;border:2px solid rgba(255,255,255,.9);border-radius:999px;background:rgba(255,255,255,.72);color:inherit;font-size:.91rem;font-weight:900;box-shadow:0 6px 16px rgba(40,30,69,.1)}
.live-feedback-stars i{position:absolute;color:#ffcf31;font-style:normal;text-shadow:0 2px 0 #fff;animation:liveFeedbackStar 1.1s ease-in-out infinite alternate}.live-feedback-stars i:nth-child(1){top:9%;left:8%;font-size:2rem}.live-feedback-stars i:nth-child(2){top:15%;right:8%;font-size:2.5rem;animation-delay:.2s}.live-feedback-stars i:nth-child(3){bottom:10%;left:8%;font-size:1.8rem;animation-delay:.38s}
.live-feedback-layer.is-host .live-feedback-card{width:min(680px,calc(100vw - 30px))}
@keyframes liveFeedbackBackdrop{from{opacity:0}to{opacity:1}}@keyframes liveFeedbackCardIn{0%{opacity:0;transform:scale(.58) rotate(-4deg)}70%{opacity:1;transform:scale(1.045) rotate(1deg)}100%{transform:scale(1) rotate(0)}}@keyframes liveFeedbackWrongIn{0%{opacity:0;transform:scale(.72) translateX(-16px)}35%{transform:scale(1.02) translateX(13px)}60%{transform:translateX(-7px)}100%{opacity:1;transform:scale(1) translateX(0)}}@keyframes liveFeedbackSpin{to{transform:rotate(360deg)}}@keyframes liveFeedbackIcon{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(-8px) rotate(5deg)}}@keyframes liveFeedbackThink{0%,100%{transform:rotate(-4deg)}50%{transform:rotate(5deg) scale(1.04)}}@keyframes liveFeedbackClock{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes liveFeedbackStar{from{transform:scale(.72) rotate(-12deg);opacity:.55}to{transform:scale(1.2) rotate(14deg);opacity:1}}
@media(max-width:560px){.live-feedback-layer{padding:12px}.live-feedback-card{max-height:88svh;padding:22px 17px;border-width:4px;border-radius:28px;box-shadow:0 14px 0 color-mix(in srgb,var(--live-feedback-accent) 72%,#193b2c),0 28px 60px rgba(31,22,58,.38)}.live-feedback-answer,.live-feedback-explanation{padding:11px 12px;border-radius:16px}}
@media(prefers-reduced-motion:reduce){.live-feedback-layer,.live-feedback-card,.live-feedback-icon,.live-feedback-shine,.live-feedback-stars i{animation:none!important}.live-feedback-shine{display:none}}

.live-feedback-layer.is-repeat,.live-feedback-layer.is-repeat .live-feedback-card{animation:none!important}
