#spark-battle{position:fixed;inset:0;z-index:10000;overflow:auto;background:radial-gradient(ellipse at top,#293d72,#0c142b 65%);color:#eff4ff;font:16px/1.55 system-ui,sans-serif;overscroll-behavior:contain}#spark-battle *{box-sizing:border-box}#spark-battle .mp-shell{max-width:980px;margin:auto;padding:24px}#spark-battle header{display:flex;align-items:center;justify-content:space-between;gap:14px}#spark-battle h1{font-size:clamp(26px,5vw,42px);margin:5px 0 20px;letter-spacing:-1.4px}#spark-battle h2{line-height:1.3;font-size:clamp(23px,4vw,32px)}#spark-battle small,#spark-battle footer{color:#bccae8;font-size:12px}#spark-battle footer{padding:24px;text-align:center}#spark-battle button,#spark-battle input,#spark-battle select{font:inherit;border-radius:12px;border:1px solid #7786b2;padding:13px 17px}#spark-battle button{cursor:pointer;background:#baf47d;color:#142527;font-weight:750}#spark-battle button:disabled{opacity:.55;cursor:default}#spark-battle button:focus-visible,#spark-battle input:focus-visible,#spark-battle select:focus-visible,#spark-battle summary:focus-visible{outline:3px solid #fff38a;outline-offset:4px}#spark-battle #mp-close{background:#263559;color:#edf3ff;font-size:13px;white-space:nowrap}#spark-battle .mp-scene{height:240px;border:1px solid #506492;border-radius:24px;overflow:hidden;position:relative;background:#142240}#spark-battle canvas{width:100%;height:100%;display:block}#spark-battle #mp-score{position:absolute;bottom:10px;left:0;right:0;display:flex;justify-content:space-around;text-align:center;align-items:center;pointer-events:none}#spark-battle #mp-score span{padding:8px;background:#0b142ada;border-radius:12px;max-width:40%;overflow-wrap:anywhere}#spark-battle #mp-score strong,#spark-battle #mp-score small{display:block}#spark-battle #mp-score b{color:#ffe19d;font-size:22px}#spark-battle #mp-network{font-size:12px;color:#a8e4de;min-height:18px}#spark-battle #mp-error{color:#ffd6a8}#spark-battle .mp-pill{font-size:11px;letter-spacing:1.2px;border-radius:20px;padding:6px 12px;color:#baf47d;background:#203748}#spark-battle .mp-intro{max-width:720px;margin:26px 0}#spark-battle .mp-intro p,#spark-battle .mp-lobby p{color:#c7d2eb}#spark-battle .mp-forms{display:grid;grid-template-columns:1fr 1fr;gap:18px}#spark-battle form,#spark-battle .mp-question,#spark-battle .mp-lobby,#spark-battle .mp-result{background:#182643;border:1px solid #526488;border-radius:22px;padding:24px}#spark-battle label{display:block;margin:14px 0}#spark-battle select,#spark-battle input{display:block;width:100%;margin-top:6px;background:#0d1b35;color:#fff}#spark-battle form button{width:100%;margin-top:12px}#spark-battle .mp-meta{display:flex;justify-content:space-between;gap:10px;padding:16px 0;font-size:12px;text-transform:uppercase;color:#bdccea}#spark-battle .mp-lobby{text-align:center}#spark-battle #mp-copy{background:#0d1a34;color:#d9fba7;border:1px dashed #a4d789}#spark-battle code{font-size:clamp(24px,6vw,38px);letter-spacing:5px}#spark-battle #mp-copy small{display:block}#spark-battle .mp-ready{display:flex;justify-content:center;gap:20px;margin:22px 0;flex-wrap:wrap}#spark-battle #mp-ready,#spark-battle #mp-start{margin:6px}#spark-battle .mp-countdown{text-align:center;padding:30px}#spark-battle .mp-countdown strong{font-size:70px;color:#baf47d}#spark-battle .mp-time{color:#b8c9ed;font-size:13px}#spark-battle .mp-time b{color:#ffe19d}#spark-battle .mp-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}#spark-battle .mp-choices button{background:#26375b;color:#fff;display:flex;align-items:center;gap:12px;text-align:left;min-height:64px;overflow-wrap:anywhere}#spark-battle .mp-choices button span{background:#415584;padding:4px 10px;border-radius:8px}#spark-battle .mp-choices .selected{border:3px solid #bd9cff;opacity:1}#spark-battle .mp-choices .correct{background:#255442;border-color:#baf47d;opacity:1}#spark-battle .mp-method{border-top:1px solid #5a7198;padding-top:12px}#spark-battle li{margin:10px 0}#spark-battle .mp-result{text-align:center}#spark-battle .mp-review{border:1px solid #556787;border-radius:14px;padding:18px;margin:12px 0;background:#182643}#spark-battle summary{cursor:pointer;font-weight:650}#spark-battle .mp-no3d{height:100px}#spark-battle .mp-no3d canvas{display:none}@media(max-width:600px){#spark-battle .mp-shell{padding:14px}#spark-battle .mp-forms,#spark-battle .mp-choices{grid-template-columns:1fr}#spark-battle .mp-scene{height:190px}#spark-battle header{align-items:flex-start}#spark-battle form,#spark-battle .mp-question{padding:18px}}