/* Mathsverse UK v3.1 · challenge arena. Namespaced to avoid collisions with v3.0 */
#mv-arena-root {font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;color:inherit;}
#mv-arena-root * {box-sizing:border-box;}
#mv-arena-root [hidden] {display:none!important;}
#mv-arena-root button,#mv-arena-root select,#mv-arena-root input {font:inherit;}
#mv-arena-root button {cursor:pointer;}
#mv-arena-root button:disabled {cursor:not-allowed;opacity:.45;}
#mv-arena-root :is(button,input,select):focus-visible {outline:3px solid #36c8ac;outline-offset:3px;}
#mv-arena-root .mv-arena-launch {position:fixed;z-index:1998;right:22px;bottom:22px;color:#092439;background:linear-gradient(100deg,#8dfae0,#baf0ff);padding:13px 18px;border-radius:999px;border:2px solid rgba(7,47,55,.2);font-weight:850;font-size:14px;box-shadow:0 13px 32px #04182a70;letter-spacing:.005em;transition:transform .18s ease,box-shadow .18s ease;}
#mv-arena-root .mv-arena-launch:hover {transform:translateY(-3px);box-shadow:0 17px 36px #04182a72;}
#mv-arena-root .mv-arena-launch span {font-size:10px;color:#0e4b44;background:#fff;border-radius:6px;padding:3px 5px;vertical-align:middle;margin-left:8px;}
#mv-arena-root .mv-arena-overlay {--mv-bg:#f5f9ff;--mv-surface:#fff;--mv-primary:#1663d3;--mv-ink:#162b45;--mv-muted:#5b6d83;--mv-line:#dce5f3;--mv-accent:#19bd9c;--mv-soft:#eaf1ff;position:fixed;inset:0;z-index:1999;overflow:auto;background:rgba(5,15,34,.68);padding:16px 10px;overscroll-behavior:contain;}
#mv-arena-root .mv-arena-overlay.mv-dark {--mv-bg:#0e172a;--mv-surface:#14243e;--mv-primary:#91e9e1;--mv-ink:#eff7ff;--mv-muted:#b8cadd;--mv-line:#31475f;--mv-accent:#84edd7;--mv-soft:#1d3350;}
#mv-arena-root .mv-arena-shell {max-width:1140px;margin:0 auto;background:var(--mv-bg);color:var(--mv-ink);border-radius:22px;min-height:95vh;box-shadow:0 18px 50px #0005;overflow:hidden;}
#mv-arena-root .mv-arena-header {display:flex;gap:16px;align-items:center;justify-content:space-between;padding:17px 26px;color:#fff;background:linear-gradient(110deg,#092743,#13536c 70%,#217571);}
#mv-arena-root .mv-arena-brand {display:flex;align-items:center;gap:12px;}
#mv-arena-root .mv-logo {display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:#91f5db;color:#10334c;font-weight:900;font-size:27px;}
#mv-arena-root .mv-eyebrow {letter-spacing:.15em;font-size:10px;font-weight:850;}
#mv-arena-root .mv-arena-brand strong {font-weight:850;font-size:20px;}
#mv-arena-root .mv-arena-top-actions {display:flex;gap:9px;align-items:center;}
#mv-arena-root .mv-top-label {font-size:12px;font-weight:650;opacity:.85;margin-right:12px;}
#mv-arena-root .mv-icon-btn {display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:12px;border:1px solid #ffffff5c;background:#ffffff20;color:#fff;font-size:18px;}
#mv-arena-root .mv-icon-btn:hover {background:#ffffff40;}
#mv-arena-root .mv-body {padding:28px 32px 20px;}
#mv-arena-root .mv-intro {display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px;min-height:140px;}
#mv-arena-root .mv-intro .mv-eyebrow {color:var(--mv-primary);}
#mv-arena-root .mv-intro h2 {font-size:clamp(26px,4vw,42px);line-height:1.1;letter-spacing:-.04em;margin:8px 0 9px;font-weight:850;}
#mv-arena-root .mv-intro p {font-size:14px;line-height:1.6;color:var(--mv-muted);margin:0;max-width:600px;}
#mv-arena-root .mv-intro-art {flex:0 0 180px;min-height:115px;display:grid;place-items:center;}
#mv-arena-root .mv-orbit {width:112px;height:112px;border:3px solid #68dacf;border-radius:50%;display:grid;place-items:center;position:relative;font-size:25px;font-weight:850;color:var(--mv-primary);transform:rotate(-9deg);box-shadow:0 0 0 13px #19bda011;}
#mv-arena-root .mv-orbit span {position:absolute;right:-16px;top:18px;display:grid;place-items:center;width:41px;height:41px;background:#ffd487;color:#173b57;border-radius:13px;transform:rotate(12deg);}
#mv-arena-root .mv-orbit i {position:absolute;left:-17px;bottom:15px;font-style:normal;background:#c8c8ff;color:#233756;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;}
#mv-arena-root .mv-config {display:grid;grid-template-columns:1.5fr 1.1fr 1.15fr 1fr 1.05fr .8fr auto;gap:10px;align-items:end;background:var(--mv-surface);border:1px solid var(--mv-line);border-radius:16px;padding:16px;margin-bottom:24px;}
#mv-arena-root .mv-config label,#mv-arena-root .mv-answer-form label {display:flex;flex-direction:column;gap:7px;font-size:11px;font-weight:800;color:var(--mv-muted);}
#mv-arena-root .mv-config select {appearance:none;background:var(--mv-bg);color:var(--mv-ink);border:1px solid var(--mv-line);border-radius:9px;padding:11px 26px 11px 9px;min-height:44px;min-width:0;font-size:12px;font-weight:700;width:100%;background-image:linear-gradient(45deg,transparent 50%,var(--mv-muted) 50%),linear-gradient(135deg,var(--mv-muted) 50%,transparent 50%);background-position:calc(100% - 15px) 19px,calc(100% - 10px) 19px;background-size:5px 5px;background-repeat:no-repeat;}
#mv-arena-root .mv-btn {border-radius:11px;border:1px solid transparent;min-height:44px;padding:10px 16px;font-size:13px;font-weight:850;transition:filter .18s ease,transform .18s ease;white-space:nowrap;}
#mv-arena-root .mv-btn:hover:not(:disabled) {filter:brightness(1.06);transform:translateY(-1px);}
#mv-arena-root .mv-btn-primary {background:linear-gradient(95deg,#1160d1,#0eab9c);color:#fff;box-shadow:0 6px 15px #0d827426;}
#mv-arena-root .mv-btn-soft {background:var(--mv-soft);color:var(--mv-ink);border-color:var(--mv-line);}
#mv-arena-root .mv-progress-heading {display:flex;justify-content:space-between;gap:10px;color:var(--mv-muted);font-size:12px;font-weight:750;margin-bottom:10px;}
#mv-arena-root .mv-progress {height:8px;background:var(--mv-line);border-radius:20px;overflow:hidden;margin-bottom:19px;}
#mv-arena-root #mv-progress-fill {height:100%;width:0;background:linear-gradient(90deg,#2171de,#36d4ae);border-radius:20px;transition:width .35s ease;}
#mv-arena-root .mv-card-viewport {position:relative;overflow:hidden;border-radius:19px;isolation:isolate;}
#mv-arena-root .mv-question-card {background:var(--mv-surface);border:1px solid var(--mv-line);border-radius:19px;padding:26px 30px;box-shadow:0 10px 25px #06224a13;min-height:320px;will-change:transform,opacity;}
#mv-arena-root .mv-card-upper {display:flex;justify-content:space-between;gap:12px;align-items:center;}
#mv-arena-root .mv-card-tag {background:var(--mv-soft);color:var(--mv-primary);border-radius:20px;padding:8px 13px;font-size:12px;font-weight:800;}
#mv-arena-root .mv-card-tag span {opacity:.5;padding:0 3px;}
#mv-arena-root .mv-card-marks {font-size:11px;color:var(--mv-muted);font-weight:700;}
#mv-arena-root .mv-question-main {display:flex;align-items:center;gap:22px;margin:27px 0 28px;min-height:108px;}
#mv-arena-root .mv-q-illustration {flex:0 0 75px;width:75px;height:75px;border-radius:21px;background:linear-gradient(125deg,#cceffb,#b1f4dd);display:grid;place-items:center;font-size:31px;color:#134761;box-shadow:6px 8px 0 #0eb39d17;transform:rotate(-4deg);}
#mv-arena-root .mv-q-eyebrow {font-size:10px;font-weight:850;color:var(--mv-muted);letter-spacing:.14em;}
#mv-arena-root .mv-dot {color:var(--mv-accent);padding:0 3px;}
#mv-arena-root .mv-question-main h3 {font-weight:780;font-size:clamp(19px,2.8vw,26px);line-height:1.5;letter-spacing:-.015em;margin:9px 0 0;max-width:820px;}
#mv-arena-root .mv-answer-form {margin:0;}
#mv-arena-root .mv-choice-label {font-size:12px;color:var(--mv-muted);font-weight:800;margin-bottom:10px;}
#mv-arena-root .mv-choices {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
#mv-arena-root .mv-choice {display:flex;align-items:center;gap:12px;background:var(--mv-bg);border:1.5px solid var(--mv-line);border-radius:12px;min-height:56px;padding:9px 13px;color:var(--mv-ink);font-weight:850;text-align:left;transition:background .16s,border-color .16s,transform .16s;}
#mv-arena-root .mv-choice:hover,#mv-arena-root .mv-choice-selected {border-color:var(--mv-primary);background:var(--mv-soft);}
#mv-arena-root .mv-choice-letter {display:grid;place-items:center;flex:0 0 27px;height:27px;border-radius:8px;background:var(--mv-soft);color:var(--mv-primary);font-size:12px;}

#mv-arena-root .mv-answer-row {display:flex;gap:10px;margin-top:8px;}
#mv-arena-root .mv-answer-row input {min-width:0;flex:1;border:1.5px solid var(--mv-line);border-radius:12px;padding:12px 15px;background:var(--mv-bg);color:var(--mv-ink);font-size:16px;}
#mv-arena-root .mv-feedback {margin-top:10px;color:var(--mv-muted);font-size:12px;line-height:1.55;min-height:16px;}
#mv-arena-root .mv-help {margin-top:10px;background:var(--mv-soft);border-left:3px solid var(--mv-accent);padding:11px 15px;font-size:13px;line-height:1.7;border-radius:7px;color:var(--mv-ink);}
#mv-arena-root .mv-method {border-color:#efbe68;}
#mv-arena-root .mv-status {min-height:30px;font-size:13px;color:var(--mv-muted);padding:11px 4px 1px;}
#mv-arena-root .mv-status.mv-good {color:#189a79;font-weight:800;}
#mv-arena-root .mv-status.mv-warn {color:#c37b22;font-weight:800;}
#mv-arena-root .mv-status.mv-info {color:var(--mv-primary);}
#mv-arena-root .mv-control-bar {display:flex;gap:8px;flex-wrap:wrap;justify-content:space-between;margin:9px 0 20px;}
#mv-arena-root .mv-control-bar .mv-btn {flex:1 1 auto;}
#mv-arena-root .mv-control-bar .mv-btn-primary {flex:1.3;}
#mv-arena-root .mv-end {padding:32px 20px;text-align:center;background:var(--mv-surface);border:1px solid var(--mv-line);border-radius:18px;}
#mv-arena-root .mv-completion-symbol {font-size:60px;}
#mv-arena-root .mv-end h3 {font-size:30px;margin:8px 0;}
#mv-arena-root .mv-end p {color:var(--mv-muted);max-width:500px;line-height:1.6;margin:0 auto 17px;}
#mv-arena-root .mv-footer {text-align:center;border-top:1px solid var(--mv-line);color:var(--mv-muted);font-size:10px;line-height:1.7;padding-top:18px;margin-top:20px;}
/* New item enters from the right; the previous item exits to the left. */
#mv-arena-root .mv-slide-in-right {animation:mv-enter-right .42s cubic-bezier(.18,.9,.29,1) both;}
#mv-arena-root .mv-slide-out-left {animation:mv-exit-left .20s ease-in both;}
#mv-arena-root .mv-slide-in-left {animation:mv-enter-left .42s cubic-bezier(.18,.9,.29,1) both;}
#mv-arena-root .mv-slide-out-right {animation:mv-exit-right .20s ease-in both;}
@keyframes mv-enter-right {from {opacity:0;transform:translate3d(110px,0,0) scale(.98);}to {opacity:1;transform:translate3d(0,0,0) scale(1);}}
@keyframes mv-exit-left {from {opacity:1;transform:translate3d(0,0,0);}to {opacity:0;transform:translate3d(-90px,0,0);}}
@keyframes mv-enter-left {from {opacity:0;transform:translate3d(-110px,0,0) scale(.98);}to {opacity:1;transform:translate3d(0,0,0) scale(1);}}
@keyframes mv-exit-right {from {opacity:1;transform:translate3d(0,0,0);}to {opacity:0;transform:translate3d(90px,0,0);}}
@media(max-width:1000px) {#mv-arena-root .mv-config {grid-template-columns:repeat(3,minmax(0,1fr));}#mv-arena-root .mv-config button {grid-column:span 1;}}
@media(max-width:700px) {#mv-arena-root .mv-arena-overlay {padding:0;}#mv-arena-root .mv-arena-shell {border-radius:0;min-height:100vh;}#mv-arena-root .mv-arena-header {padding:12px 15px;}#mv-arena-root .mv-arena-brand strong {font-size:16px;}#mv-arena-root .mv-logo {width:37px;height:37px;}#mv-arena-root .mv-top-label {display:none;}#mv-arena-root .mv-body {padding:18px 14px;}#mv-arena-root .mv-intro {min-height:0;}#mv-arena-root .mv-intro-art {flex:0 0 75px;min-height:70px;}#mv-arena-root .mv-orbit {width:62px;height:62px;font-size:19px;}#mv-arena-root .mv-orbit span {width:24px;height:24px;right:-7px;font-size:12px;}#mv-arena-root .mv-orbit i {width:22px;height:22px;font-size:12px;}#mv-arena-root .mv-config {grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;}#mv-arena-root .mv-config button {grid-column:span 2;}#mv-arena-root .mv-question-card {padding:18px 16px;min-height:390px;}#mv-arena-root .mv-question-main {gap:13px;margin:22px 0;}#mv-arena-root .mv-q-illustration {width:52px;height:52px;flex-basis:52px;font-size:25px;border-radius:14px;}#mv-arena-root .mv-card-upper {align-items:flex-start;}#mv-arena-root .mv-answer-row {flex-direction:column;}#mv-arena-root .mv-choices {grid-template-columns:1fr;}#mv-arena-root .mv-control-bar .mv-btn {flex:1 1 42%;}#mv-arena-root .mv-control-bar .mv-btn-primary {flex-basis:100%;}#mv-arena-root .mv-arena-launch {right:14px;bottom:14px;} }
@media(prefers-reduced-motion:reduce) {#mv-arena-root .mv-slide-in-right,#mv-arena-root .mv-slide-out-left,#mv-arena-root .mv-slide-in-left,#mv-arena-root .mv-slide-out-right {animation:none!important;}#mv-arena-root * {scroll-behavior:auto!important;transition:none!important;}}
@media print {#mv-arena-root .mv-arena-launch,#mv-arena-root .mv-arena-header,#mv-arena-root .mv-config,#mv-arena-root .mv-control-bar {display:none!important;}#mv-arena-root .mv-arena-overlay {position:static;overflow:visible;padding:0;background:white;}#mv-arena-root .mv-arena-shell {box-shadow:none;min-height:0;}#mv-arena-root .mv-question-card {box-shadow:none;} }