:root{--ink:#19192d;--muted:#77788c;--paper:#f7f7fb;--purple:#7357ef;--purple-dark:#5d42dc;--mint:#a7f0d0;--coral:#ff887a;--line:#e9e8f0;--white:#fff;--shadow:0 18px 50px rgba(34,31,72,.09)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{max-width:1160px;margin:auto;padding:0 28px}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font-weight:800;font-size:20px;letter-spacing:-.7px}.brand-mark{width:34px;height:34px;background:var(--purple);color:white;border-radius:11px;display:grid;place-items:center;font:700 13px "Space Grotesk";transform:rotate(-7deg)}.brand-accent{color:var(--purple)}.topbar-right{display:flex;align-items:center;gap:17px}.online{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:8px}.online i{width:7px;height:7px;background:#42c98e;border-radius:50%;box-shadow:0 0 0 4px #42c98e22}.avatar{border:0;background:#ece9ff;color:var(--purple);width:37px;height:37px;border-radius:50%;font-weight:800}.main-content{min-height:calc(100vh - 140px);padding:36px 0 54px}footer{height:58px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#a1a1b0}footer b{color:var(--purple);padding:0 5px}footer span:last-child{letter-spacing:0;font-size:11px}.hero{display:grid;grid-template-columns:1.03fr .97fr;gap:30px;align-items:center;min-height:360px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:42px 52px;box-shadow:var(--shadow);overflow:hidden;position:relative}.eyebrow{color:var(--purple);font-size:11px;letter-spacing:2px;font-weight:800;text-transform:uppercase}.hero h1,.page-title{font:700 clamp(38px,5vw,62px)/1.02 "Space Grotesk",sans-serif;letter-spacing:-3px;margin:15px 0}.hero h1 em{font-style:normal;color:var(--purple)}.hero p{color:var(--muted);line-height:1.7;max-width:420px;font-size:15px}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.btn{border:0;border-radius:13px;padding:14px 18px;font-size:13px;font-weight:700;transition:.18s ease}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--purple);color:#fff;box-shadow:0 8px 20px #7357ef33}.btn-primary:hover{background:var(--purple-dark)}.btn-light{background:#f2f0ff;color:var(--purple)}.btn-outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn-small{padding:10px 13px;font-size:12px}.hero-art{height:270px;position:relative;display:grid;place-items:center}.orbit{position:absolute;width:245px;height:245px;border:1px solid #e8e3ff;border-radius:50%;transform:rotate(-22deg)}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #f1efff;border-radius:50%;inset:22px}.orbit:after{inset:-18px 30px;transform:rotate(55deg)}.brain-card{width:195px;height:210px;border-radius:28px;background:linear-gradient(145deg,#8066f7,#5f45db);box-shadow:0 22px 48px #654bdb48;transform:rotate(7deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white;position:relative;z-index:1}.brain{font-size:76px;line-height:1;filter:drop-shadow(0 7px 4px #402ca066)}.brain-card span:last-child{font:700 15px "Space Grotesk";margin-top:14px;letter-spacing:1px}.float{position:absolute;z-index:2;border-radius:14px;background:#fff;box-shadow:0 9px 25px #221f481a;padding:11px 14px;font-size:12px;font-weight:700}.float.one{top:30px;right:20px;transform:rotate(6deg)}.float.two{bottom:27px;left:12px;transform:rotate(-6deg)}.float.three{right:6px;bottom:40px;background:var(--mint);transform:rotate(5deg)}.float b{color:var(--purple)}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:35px 1px 15px}.section-heading h2{font:700 20px "Space Grotesk";margin:0;letter-spacing:-.5px}.section-heading span{font-size:12px;color:var(--muted)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.mode-card{border:1px solid var(--line);background:#fff;border-radius:19px;padding:22px;min-height:150px;position:relative;transition:.2s}.mode-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.mode-icon{font-size:24px;margin-bottom:15px}.mode-card h3{font:700 16px "Space Grotesk";margin:0 0 6px}.mode-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.55}.arrow{position:absolute;right:19px;top:20px;color:#a5a4b3;font-size:18px}.mode-card.highlight{background:#f0edff;border-color:#e6e1ff}.pill{display:inline-flex;padding:6px 9px;background:#e5e0ff;color:var(--purple);font-size:10px;font-weight:800;border-radius:99px;margin-top:12px}.page-wrap{max-width:760px;margin:0 auto}.back-link{border:0;background:none;color:var(--muted);font-size:12px;padding:4px 0;margin-bottom:20px}.back-link:hover{color:var(--purple)}.page-title{font-size:39px;letter-spacing:-2px;margin:8px 0}.page-sub{color:var(--muted);font-size:14px;line-height:1.6;margin:0 0 26px}.panel{background:#fff;border:1px solid var(--line);border-radius:21px;padding:26px;box-shadow:0 10px 30px #221f4808}.field-label{display:block;font-weight:700;font-size:12px;margin-bottom:9px}.input,.select{border:1px solid var(--line);background:#fbfbfd;border-radius:11px;padding:13px 14px;width:100%;outline:none;color:var(--ink)}.input:focus,.select:focus{border-color:#a899ff;box-shadow:0 0 0 3px #7357ef17}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-row{margin:17px 0}.full{width:100%}.divider{display:flex;align-items:center;gap:14px;color:#aaa;font-size:11px;margin:17px 0}.divider:before,.divider:after{content:"";height:1px;background:var(--line);flex:1}.code-input{text-transform:uppercase;letter-spacing:5px;font:700 21px "Space Grotesk";text-align:center}.room-code{display:inline-flex;align-items:center;gap:12px;background:#f0edff;padding:13px 16px;border-radius:13px;font:700 22px "Space Grotesk";letter-spacing:4px;color:var(--purple)}.room-code button{border:0;background:white;color:var(--purple);border-radius:9px;padding:7px 9px;font-size:11px;letter-spacing:0}.players{display:flex;flex-direction:column;gap:9px;margin:19px 0}.player-row{display:flex;align-items:center;gap:11px;background:#fafafd;border:1px solid #f0eff5;border-radius:12px;padding:10px 12px;font-size:13px}.player-dot{width:31px;height:31px;display:grid;place-items:center;border-radius:10px;background:#e8e4ff;color:var(--purple);font-weight:800}.player-row small{margin-left:auto;color:#36a873;font-size:10px}.notice{background:#fff8e7;color:#8f7027;padding:12px 14px;border-radius:11px;font-size:11px;line-height:1.5;margin:16px 0}.quiz-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.progress-label{font-size:12px;color:var(--muted);font-weight:700}.progress-label b{color:var(--ink)}.timer{width:52px;height:52px;border-radius:50%;background:#f0edff;color:var(--purple);display:grid;place-items:center;font:700 16px "Space Grotesk";position:relative}.timer.urgent{background:#fff0ed;color:#ea5b4b}.progress{height:6px;border-radius:10px;background:#e9e7f2;overflow:hidden;margin-bottom:26px}.progress div{height:100%;background:var(--purple);border-radius:10px;transition:width .3s}.category-tag{display:inline-flex;color:#7462cf;background:#f2efff;border-radius:7px;padding:6px 9px;font-size:10px;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.question{font:700 clamp(23px,4vw,32px)/1.25 "Space Grotesk";letter-spacing:-1px;margin:14px 0 21px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.answer{border:1px solid var(--line);background:white;text-align:left;border-radius:13px;padding:15px;display:flex;align-items:center;gap:12px;font-weight:600;font-size:13px;transition:.15s}.answer:hover:not(:disabled){border-color:#b9adff;background:#faf9ff;transform:translateY(-1px)}.answer .letter{width:28px;height:28px;flex:none;border-radius:8px;display:grid;place-items:center;background:#f3f2f7;color:#848395;font:700 12px "Space Grotesk"}.answer.selected{border-color:#8773f5;background:#f4f1ff}.answer.correct{border-color:#69d3a5;background:#edfff6}.answer.wrong{border-color:#ff9b8d;background:#fff3f0}.answer.correct .letter{background:#a7f0d0;color:#16764d}.answer.wrong .letter{background:#ffc5bb;color:#aa4235}.feedback{margin-top:15px;padding:15px;border-radius:13px;display:none;font-size:12px;line-height:1.55}.feedback.show{display:block}.feedback.good{background:#ecfff5;color:#267650}.feedback.bad{background:#fff2ef;color:#a9493d}.quiz-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:18px;color:var(--muted);font-size:11px}.score-chip{background:#f5f4fa;padding:8px 11px;border-radius:9px;font-weight:700;color:var(--ink)}.result-head{text-align:center;padding:26px 0 15px}.result-emoji{font-size:48px}.result-head .page-title{margin:8px 0}.result-head p{color:var(--muted);font-size:13px}.result-score{display:inline-flex;align-items:baseline;gap:6px;background:#f0edff;border-radius:12px;padding:9px 14px;color:var(--purple);font:700 20px "Space Grotesk"}.result-score small{font:600 10px "DM Sans";color:#8173c9}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stat{background:#fafafd;border:1px solid #f0eff5;padding:14px;border-radius:13px;text-align:center}.stat strong{font:700 21px "Space Grotesk";display:block}.stat span{font-size:10px;color:var(--muted)}.review-list{display:flex;flex-direction:column;gap:9px}.review-row{display:flex;align-items:flex-start;gap:10px;padding:12px;background:#fafafd;border-radius:11px;font-size:12px}.review-icon{font-size:15px}.review-row strong{display:block;margin-bottom:3px}.review-row small{color:var(--muted);line-height:1.45}.result-actions{display:flex;justify-content:center;gap:10px;margin-top:20px}.instructions{display:grid;gap:10px}.instruction{display:flex;gap:13px;padding:15px;background:#fafafd;border-radius:13px}.instruction b{color:var(--purple);font:700 16px "Space Grotesk"}.instruction strong{font-size:13px}.instruction p{margin:4px 0 0;color:var(--muted);font-size:11px;line-height:1.5}.settings-line{display:flex;align-items:center;justify-content:space-between;padding:17px 0;border-bottom:1px solid var(--line)}.settings-line:last-child{border:0}.settings-line strong{font-size:13px}.settings-line small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.switch{accent-color:var(--purple);width:18px;height:18px}.toast{position:fixed;bottom:23px;left:50%;transform:translate(-50%,15px);padding:12px 17px;background:#24233c;color:white;border-radius:11px;font-size:12px;opacity:0;pointer-events:none;transition:.2s;z-index:10;box-shadow:var(--shadow)}.toast.show{opacity:1;transform:translate(-50%,0)}.empty-room{text-align:center;padding:24px;background:#fafafd;border-radius:14px}.empty-room .room-emoji{font-size:32px}.empty-room strong{display:block;font-size:13px;margin:7px}.empty-room p{font-size:11px;color:var(--muted);line-height:1.5;max-width:330px;margin:0 auto}
@media(max-width:760px){.app-shell{padding:0 17px}.topbar{height:68px}.main-content{padding:22px 0 35px}.hero{grid-template-columns:1fr;padding:30px 25px;gap:0}.hero h1{font-size:45px}.hero-art{height:220px;grid-row:1}.brain-card{width:155px;height:170px}.brain{font-size:60px}.orbit{width:200px;height:200px}.float.one{right:10%}.float.two{left:6%}.float.three{right:6%}.mode-grid{grid-template-columns:1fr}.mode-card{min-height:125px}.section-heading{margin-top:27px}.section-heading span{font-size:10px}.page-title{font-size:34px}.panel{padding:20px}.answers{grid-template-columns:1fr}.answer{padding:12px}.row{grid-template-columns:1fr}.result-stats{gap:6px}.stat{padding:11px 5px}.stat strong{font-size:18px}footer{font-size:9px}footer span:last-child{max-width:150px;text-align:right;font-size:10px}.online{display:none}}

/* Arcade skin: move the interface from a web dashboard into a playful game HUD. */
:root{--ink:#f4f3ff;--muted:#a6a9c3;--paper:#090b17;--purple:#8c72ff;--purple-dark:#7156f2;--mint:#63f5c0;--coral:#ff7a8c;--line:#252a42;--white:#14182a;--shadow:0 18px 60px #0008}
body{background:radial-gradient(ellipse at 50% -20%,#272044 0,transparent 45%),radial-gradient(circle at 12% 65%,#151a35 0,transparent 32%),#090b17;color:var(--ink);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.18;z-index:-1;background-image:linear-gradient(#42496b22 1px,transparent 1px),linear-gradient(90deg,#42496b22 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.app-shell{max-width:1240px}.topbar{border-bottom:1px solid #ffffff12}.brand{color:var(--ink);font:700 21px "Space Grotesk";letter-spacing:-1px}.brand-mark{background:linear-gradient(145deg,#a18aff,#6245f4);box-shadow:0 0 22px #8066f777;transform:rotate(-7deg);border:1px solid #c1b4ff66}.online{color:#c7c5da;background:#171a2d;border:1px solid #2c3150;padding:8px 12px;border-radius:99px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;font-weight:700}.online i{box-shadow:0 0 12px #42c98e}.avatar{background:#24213c;color:#c9bcff;border:1px solid #55489b;font-family:"Space Grotesk";box-shadow:0 0 15px #7357ef22}.main-content{min-height:calc(100vh - 140px)}footer{color:#71758d;border-top:1px solid #ffffff12}footer b{color:var(--mint)}
.hero{background:linear-gradient(125deg,#15192c 0%,#17152c 52%,#211a3d 100%);border:1px solid #47406e;border-radius:28px;box-shadow:0 20px 70px #0006,inset 0 1px #ffffff12;position:relative}.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(110deg,transparent 25%,#ffffff05 49%,transparent 68%)}.hero h1{color:#f8f7ff;text-shadow:0 5px 35px #8d72ff38}.hero h1 em{color:#a394ff;text-shadow:0 0 27px #8c72ff77}.eyebrow{color:var(--mint);text-shadow:0 0 18px #63f5c055}.hero p{color:#adb0c6}.btn{position:relative;isolation:isolate;overflow:hidden;border-radius:12px;text-transform:uppercase;letter-spacing:.55px;font:700 11px "Space Grotesk";transition:transform .14s cubic-bezier(.2,.9,.3,1.4),box-shadow .2s,background .2s,border-color .2s}.btn:active,.btn.is-pressed{transform:translateY(2px) scale(.97)!important}.btn-primary{background:linear-gradient(135deg,#9a81ff,#6b4cf2);box-shadow:0 5px 0 #4933b5,0 10px 26px #7357ef55;color:white}.btn-primary:hover{background:linear-gradient(135deg,#ad9aff,#8066ff);box-shadow:0 5px 0 #4933b5,0 0 28px #8b73ff77}.btn-light{background:#252141;border:1px solid #514580;color:#d8ceff;box-shadow:0 4px 0 #171329}.btn-outline{background:#171a2d;border:1px solid #343a59;color:#dbdced;box-shadow:0 4px 0 #0c0e19}.btn-outline:hover,.btn-light:hover{border-color:#8c72ff;box-shadow:0 4px 0 #0c0e19,0 0 18px #7357ef44}.hero-art{filter:saturate(1.1)}.orbit{border-color:#8271d444;animation:orbit-spin 24s linear infinite}.orbit:before,.orbit:after{border-color:#887aff26}.brain-card{background:linear-gradient(145deg,#a18aff,#5f42e9);box-shadow:0 20px 52px #7657ff55,0 0 60px #7557ff22;animation:float-card 4s ease-in-out infinite}.brain{filter:drop-shadow(0 8px 6px #28136588);animation:brain-bob 3s ease-in-out infinite}.float{background:#20243a;color:#e7e6f2;border:1px solid #383e5f;box-shadow:0 10px 30px #0006;animation:float-card 4s ease-in-out infinite}.float.two{animation-delay:-1.2s}.float.three{animation-delay:-2.3s;background:#163c38;color:#adffe0;border-color:#32756a}.float b{color:#ae9dff}.section-heading h2{color:#f5f4ff}.section-heading span{color:#898da8}.mode-card{background:linear-gradient(145deg,#161a2d,#121626);border:1px solid #292f49;box-shadow:0 9px 26px #0003;color:var(--ink)}.mode-card:hover{border-color:#7965db;box-shadow:0 10px 34px #513bb433,0 0 0 1px #8a75ef22}.mode-card.highlight{background:linear-gradient(145deg,#211d3c,#181a30);border-color:#51427f}.mode-icon{filter:drop-shadow(0 0 10px #8d72ff33)}.mode-card h3{color:#f6f4ff}.mode-card p{color:#a0a4bd}.arrow{color:#9e91ed}.pill{background:#31275c;color:#c8baff;border:1px solid #514182}
.back-link{color:#a6a9c3}.back-link:hover{color:var(--mint)}.page-title{color:#f7f6ff;text-shadow:0 4px 28px #8c72ff22}.page-sub{color:#a6a9c3}.panel{background:linear-gradient(145deg,#171b2e,#121625);border:1px solid #303653;box-shadow:0 20px 55px #0004,inset 0 1px #ffffff09}.field-label{color:#deddf0}.input,.select{background:#0e1220;border:1px solid #333a57;color:#f4f3ff}.input::placeholder{color:#686d87}.input:focus,.select:focus{border-color:#8872fa;box-shadow:0 0 0 3px #7357ef22}.divider{color:#747994}.divider:before,.divider:after{background:#303653}.code-input{color:#c2b3ff}.room-code{background:#282244;color:#c7baff;border:1px solid #544583;box-shadow:0 0 24px #7357ef22}.room-code button{background:#3b315d;color:#e4dcff}.player-row,.empty-room{background:#111626;border:1px solid #292f48;color:#e9e8f6}.player-dot{background:#302752;color:#d6caff}.player-row small{color:#63f5c0}.notice{background:#30291b;color:#ead08b;border:1px solid #5c4b2c}.quiz-top{margin-bottom:16px}.progress-label{color:#a6a9c3;letter-spacing:1px}.progress-label b{color:#f4f3ff}.timer{background:#252044;border:1px solid #514182;color:#c2b1ff;box-shadow:0 0 19px #7357ef2d,inset 0 0 14px #7357ef15}.timer.urgent{background:#3e1e2a;color:#ff9eae;border-color:#a8405d;box-shadow:0 0 20px #ff557755;animation:timer-pulse .7s infinite alternate}.progress{background:#242940;border:1px solid #303653;height:8px}.progress div{background:linear-gradient(90deg,#71f1c4,#a08aff 65%,#d27aff);box-shadow:0 0 14px #9073ff99}.category-tag{color:#c4b7ff;background:#292247;border:1px solid #45396e}.question{color:#f6f5ff;text-shadow:0 4px 20px #0004}.answer{background:#14192a;border:1px solid #303653;color:#e6e6f4;box-shadow:0 3px 0 #0a0c16;text-transform:none;letter-spacing:0;font-family:"DM Sans",sans-serif;line-height:1.4;transition:transform .15s cubic-bezier(.2,.9,.3,1.4),border .15s,background .15s,box-shadow .15s}.answer:hover:not(:disabled){border-color:#8974ed;background:#211d38;box-shadow:0 3px 0 #0a0c16,0 0 18px #7357ef29}.answer .letter{background:#272c43;color:#b3b6ca;border:1px solid #3c4260}.answer.selected{border-color:#a291ff;background:#282144;box-shadow:0 0 20px #7357ef44}.answer.correct{border-color:#48c89b;background:#12332e;box-shadow:0 0 22px #49d5a340;animation:answer-pop .32s cubic-bezier(.2,.9,.3,1.3)}.answer.wrong{border-color:#fc718a;background:#3a1b2a;box-shadow:0 0 18px #ff5a7830;animation:answer-shake .3s}.answer.correct .letter{background:#1c634c;color:#a3ffda;border-color:#39a77d}.answer.wrong .letter{background:#743047;color:#ffc3ce;border-color:#a64c67}.feedback.good{background:#12332e;color:#b2ffe0;border:1px solid #2f785f;animation:feedback-in .3s ease-out}.feedback.bad{background:#381d2a;color:#ffc1ca;border:1px solid #814055;animation:feedback-in .3s ease-out}.quiz-bottom{color:#9b9fb7}.score-chip{background:#24213b;color:#d7ccff;border:1px solid #463a70}.result-head p{color:#a6a9c3}.result-score{background:#292246;color:#d0c4ff;border:1px solid #59478e;box-shadow:0 0 25px #7357ef2b}.result-score small{color:#aa9cd9}.stat,.review-row{background:#111626;border:1px solid #292f48;color:#f3f2ff}.stat span,.review-row small{color:#a6a9c3}.instruction{background:#111626;border:1px solid #292f48}.instruction strong{color:#f3f2ff}.instruction p{color:#a6a9c3}.settings-line{border-bottom-color:#303653}.settings-line strong{color:#f2f1ff}.settings-line small{color:#969bb4}.switch{accent-color:#9a81ff}.toast{background:#292641;border:1px solid #625390;box-shadow:0 8px 30px #0008;color:#f6f4ff}
.screen-enter{animation:screen-enter .38s cubic-bezier(.18,.75,.25,1) both}.ripple{position:absolute;z-index:0;border-radius:50%;background:#ffffff55;transform:scale(0);animation:ripple .48s ease-out forwards;pointer-events:none;mix-blend-mode:screen}.answer,.back-link{position:relative;overflow:hidden;touch-action:manipulation}.confetti{position:fixed;z-index:9;top:-12px;left:var(--x);width:7px;height:12px;border-radius:2px;background:var(--c);animation:confetti-fall var(--d) ease-in var(--delay) forwards;pointer-events:none;box-shadow:0 0 8px var(--c)}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
@keyframes screen-enter{from{opacity:0;transform:translateY(14px) scale(.99);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes orbit-spin{to{transform:rotate(338deg)}}@keyframes float-card{0%,100%{translate:0 0}50%{translate:0 -8px}}@keyframes brain-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-7px) rotate(2deg)}}@keyframes timer-pulse{to{transform:scale(1.08)}}@keyframes answer-pop{50%{transform:scale(1.025)}}@keyframes answer-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}@keyframes feedback-in{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes ripple{to{transform:scale(4);opacity:0}}@keyframes confetti-fall{to{transform:translate3d(var(--drift),110vh,0) rotate(720deg);opacity:.1}}
@media(max-width:760px){.hero{background:linear-gradient(145deg,#171b2d,#201a3a)}.panel{box-shadow:0 13px 40px #0004}.answer:active{transform:scale(.985)}.mode-card{background:linear-gradient(145deg,#161a2d,#121626)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.mp-scoreboard{display:grid;gap:8px;margin:18px 0}.mp-scoreboard .player-row{border:1px solid rgba(143,151,209,.18);border-radius:14px;padding:10px 12px}.mp-scoreboard .player-row small{margin-left:auto;white-space:nowrap}.mp-players-panel{margin-top:16px}.mp-players-panel h3{margin:0;font:700 18px 'Space Grotesk',sans-serif}
.mp-chat-panel{margin-top:16px;border-color:#5a4b8a;background:linear-gradient(145deg,#19172f,#121827)}.mp-chat-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.mp-chat-heading h3{margin:5px 0 14px;font:700 20px 'Space Grotesk',sans-serif}.mp-live-dot{color:#65f3ba;font:700 10px 'Space Grotesk',sans-serif;letter-spacing:1px;white-space:nowrap}.mp-chat-list{height:150px;overflow-y:auto;display:flex;flex-direction:column;gap:7px;padding:10px;border:1px solid #343456;border-radius:12px;background:#0b1020}.mp-chat-line{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.4;overflow-wrap:anywhere}.mp-chat-line strong{color:#b9a9ff;flex-shrink:0}.mp-chat-line span{color:#e9e7f8}.mp-chat-empty{margin:auto;color:#8e93ac;text-align:center;font-size:12px}.mp-chat-composer{display:flex;gap:8px;margin-top:10px}.mp-chat-composer .input{min-width:0;flex:1}.mp-chat-composer .btn{flex-shrink:0}.mp-chat-composer .btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.mp-chat-meta{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#969bb4;font-size:11px}.mp-mute-btn{background:#33263b;border:1px solid #704b79;border-radius:8px;color:#ffd0e4;padding:5px 7px;font-size:10px;white-space:nowrap}.mp-flying-layer{position:fixed;top:12vh;left:0;width:100vw;height:55vh;overflow:hidden;pointer-events:none;z-index:30}.mp-flying-comment{position:absolute;display:flex;gap:8px;align-items:center;max-width:min(70vw,460px);padding:7px 12px;border:1px solid hsl(var(--hue) 85% 72% / .6);border-radius:999px;background:#151324d9;color:white;box-shadow:0 4px 20px #0009,0 0 15px hsl(var(--hue) 80% 60% / .35);font:700 13px 'Space Grotesk',sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mp-flying-comment strong{color:hsl(var(--hue) 95% 78%)}.mp-flying-comment span{overflow:hidden;text-overflow:ellipsis}.mp-fly-horizontal{top:var(--lane);left:0;animation:mp-fly-across var(--duration) linear forwards}.mp-fly-vertical{top:0;left:var(--lane);animation:mp-fly-down var(--duration) linear forwards}@keyframes mp-fly-across{from{transform:translateX(100vw);opacity:0}8%{opacity:1}90%{opacity:1}to{transform:translateX(-110%);opacity:0}}@keyframes mp-fly-down{from{transform:translateY(-70px);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(60vh);opacity:0}}@media(max-width:760px){.mp-chat-list{height:130px}.mp-flying-comment{max-width:78vw;font-size:11px}.mp-scoreboard .player-row{flex-wrap:wrap}.mp-chat-composer .btn{padding-inline:10px}}
@media(max-width:760px){body.mp-in-game .page-wrap{padding-bottom:calc(240px + env(safe-area-inset-bottom))}.mp-in-game .mp-chat-panel{position:fixed;left:8px;right:8px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:20;margin:0;padding:10px 12px;height:clamp(168px,29vh,220px);display:flex;flex-direction:column;box-shadow:0 0 0 1px #8d72ff55,0 -14px 35px #070813dc}.mp-in-game .mp-chat-heading h3{font-size:15px;margin:2px 0 6px}.mp-in-game .mp-chat-heading .eyebrow{font-size:9px}.mp-in-game .mp-live-dot{font-size:9px}.mp-in-game .mp-chat-list{height:auto;min-height:0;flex:1;padding:6px 8px}.mp-in-game .mp-chat-line{font-size:11px}.mp-in-game .mp-chat-composer{margin-top:6px}.mp-in-game .mp-chat-composer .input{height:36px;padding:7px 9px;font-size:12px}.mp-in-game .mp-chat-composer .btn{height:36px}.mp-in-game .mp-chat-meta{font-size:9px;margin-top:4px}.mp-in-game .mp-flying-layer{height:46vh}}