/* FANTARENO-inspired blue and yellow; simple cards, restrained motion. */
:root{color-scheme:dark;--ink:#edf5ff;--muted:#c4d9f2;--paper:#031a42;--line:#346aa8;--accent:#ffdd16;--coral:#ffbb85;--white:#082957;--green:#86e9a8;--red:#ffada8;--surface:#0a326c;--surface-raised:#0c3f83;--button-ink:#073476}
body{background:radial-gradient(circle at 88% 7%,#0c66aa55 0 12%,transparent 32%),radial-gradient(circle at 8% 37%,#287cd144 0 15%,transparent 39%),linear-gradient(135deg,#031431,#06275d 55%,#07396f);color:var(--ink)}
::selection{background:#ffdd16;color:#073476}:focus-visible{outline:3px solid #ffdd16;outline-offset:4px}
.sidebar{background:linear-gradient(160deg,#041b42,#082f6d);border-color:#28588e;box-shadow:none;color:#fff}.brandmark span,.branddot{color:#ffdd16}.sidebar .dot{background:#ffdd16}.sidebar nav a{color:#edf5ff}.sidebar nav a:hover{background:#0c3f83}.sidebar nav a.active{background:#ffdd16;color:#073476;font-weight:700}.sidebar .side-bottom{border-color:#346aa8}.sidebar .text-button,.sidebar .revtag{color:#c4d9f2}
.topbar{background:#041b4266;border-bottom:1px solid #28588e;color:#c4d9f2}.topbar .dot{background:#ffdd16}footer{border-color:#28588e;color:#c4d9f2}.text-button,.map-open{color:#ffdd16}.delete{color:#ffada8}
.button{background:#ffdd16;border-color:#ffdd16;color:#073476;border-radius:8px;font-weight:700;box-shadow:0 3px 0 #a98c08;transition:transform .15s,background .15s,box-shadow .15s}.button:hover{background:#ffe85c;border-color:#ffe85c;transform:translateY(-1px);box-shadow:0 4px 0 #a98c08}.button:active{transform:translateY(2px);box-shadow:0 0 0 #a98c08}.button.light{background:#0c356f;border-color:#5f99d2;color:#fff;box-shadow:0 2px 0 #021632}.button.light:hover{background:#124786;border-color:#88b9e9}.button.coral{background:#ffbb85;border-color:#ffbb85;color:#492c1b;box-shadow:0 3px 0 #b17c51}.button:disabled,.button:disabled:hover{background:#274875;border-color:#416490;color:#b2c6e0;opacity:1;box-shadow:none;transform:none}
.box-home-head h1{color:#fff;font-weight:700}.box-home-head p{display:inline-block;padding:4px 9px;border-radius:20px;background:#0c356f;color:#ffdd16;font-size:10px;margin-top:8px;border:1px solid #346aa8}
.study-box{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;gap:12px;background:linear-gradient(145deg,#0a326c,#061f4c);border:1px solid #346aa8;border-radius:12px;padding:22px 17px;box-shadow:0 4px 0 #021632;transition:transform .18s,box-shadow .18s,border-color .18s,background .18s}.study-box:first-child{border-color:#ffdd16}.study-box strong{font-weight:600;font-size:14px;color:#edf5ff}.study-box>span:last-child{color:#ffdd16;font-size:18px;transition:transform .18s}.study-box>.tile-icon{color:#ffdd16}.tile-icon{width:34px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,#0e67c8,#129ad9);border-radius:9px;box-shadow:inset 0 1px #ffffff30}.tile-icon svg{width:20px;height:20px;display:block;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.study-box:hover{background:linear-gradient(145deg,#124786,#0a326c);border-color:#ffdd16;transform:translateY(-3px);box-shadow:0 7px 0 #021632}.study-box:hover>span:last-child{transform:translateX(3px)}.study-box:active{transform:translateY(1px);box-shadow:0 1px 0 #021632}
.competition-link{background:linear-gradient(135deg,#0d417f,#092957);border-color:#5b9ee5;border-left:4px solid #ffdd16;border-radius:11px;box-shadow:0 3px 0 #021632;transition:transform .18s,background .18s}.competition-link::before{content:'ϟ';display:grid;place-items:center;flex:none;width:30px;height:32px;border-radius:8px;background:#ffdd16;color:#073476;font-size:27px;font-weight:700}.competition-link strong{color:#ffdd16;font-weight:700}.competition-link span{color:#edf6ff}.competition-link:hover{background:#124786;transform:translateY(-2px)}
.screen-topic,.screen-order-row,.screen-question-row,.location-card,.question-card,.review-card,.stats,.feature,.empty,.history,.bank-list details,.order-card,.order-step,.registration-box,.guest-box,.competition-box,.screen-stat-line{background:linear-gradient(145deg,#0a326c,#061f4c);border-color:#346aa8;box-shadow:0 5px 12px #00133022;color:#edf5ff}.screen-topic,.screen-question-row,.location-card{transition:transform .16s,border-color .16s,background .16s}.screen-topic:hover,.screen-question-row:hover{background:#124786;border-color:#ffdd16;transform:translateY(-2px)}.topic-icon{background:#0c3f83;color:#ffdd16}.card-bottom button{background:#0c356f;color:#ffdd16}.eyebrow,.question-label{color:#ffdd16}
.search,select,.mode-option,.registration-box input,#leagueJoin input:not([type=checkbox]){background:#041b42;color:#edf5ff;border-color:#4e83ba;box-shadow:inset 0 1px #ffffff12}.search::placeholder,input::placeholder{color:#9bb9dc}.mode-option.selected{background:#124786;border-color:#ffdd16}.answer{background:#0c356f;color:#edf5ff;border-color:#4e83ba;border-radius:9px;transition:background .15s,border-color .15s,transform .15s}.answer:hover:not(:disabled){background:#124786;border-color:#ffdd16;transform:translateX(2px)}.letter{background:#174a86;color:#fff;border-color:#5f99d2}.answer.selected{background:#164886;border-color:#ffdd16;box-shadow:inset 0 0 0 1px #ffdd16}.answer.correct{background:#124d3e;border-color:#86e9a8;color:#e2ffed}.answer.wrong{background:#612d43;border-color:#ffada8;color:#fff0ed}.feedback,.order-correct,.step-right{background:#124d3e;color:#e2ffed;border-color:#86e9a8}.feedback.wrong,.order-incorrect,.step-wrong{background:#612d43;color:#fff0ed;border-color:#ffada8}.feedback .source,.order-feedback .source{color:#c4d9f2}.save-btn{border-color:#4e83ba;color:#ffdd16}.save-btn:hover{background:#124786}
.track{background:#184372}.track>span{background:#ffdd16;transition:width .25s ease}.screen-answer-status strong{color:#86e9a8}.pill{background:#15503e;color:#baf7cf}.pill.red{background:#602e43;color:#ffd0c8}.notice,.resume{background:#0c3f73;border-color:#5b9ee5;color:#edf6ff}.source,.map-note,.map-help,.map-images figcaption{color:#c4d9f2}.question-nav button{background:#0c356f;color:#edf5ff;border-color:#4e83ba}.question-nav button.good{background:#15503e}.question-nav button.bad{background:#602e43}.order-context{background:#0c3f73;color:#edf6ff}.drag-grip{color:#a6c4e8}.step-moves button{background:#0c356f;color:#fff;border-color:#5f99d2}.step-moves button:hover:not(:disabled){background:#124786}
.feature.revision,.result-hero{background:linear-gradient(145deg,#0d417f,#092957);color:#edf5ff;border-color:#5b9ee5}.feature.revision p,.result-hero p{color:#c4d9f2}.result-score{border-color:#346aa8;border-top-color:#ffdd16;border-right-color:#ffdd16}.result-score span{color:#c4d9f2}dialog{background:linear-gradient(145deg,#0a326c,#061f4c);color:#edf5ff;border:1px solid #4e83ba;border-radius:14px;box-shadow:0 20px 80px #00133088}dialog::backdrop{background:#001330b3;backdrop-filter:blur(3px)}dialog p,dialog li{color:#c4d9f2}dialog .close{color:#c4d9f2}dialog[open]{animation:dialog-in .18s ease-out}.screen-tabs .button.light{background:#0c356f}#toast{background:#ffdd16;color:#073476;box-shadow:0 6px 20px #00133066}.map-panel,.bank-list .map-panel{background:#041b42;border-color:#346aa8}.map-images a{color:#ffdd16}
.league-heading .text-button,.guest-box .text-button{color:#ffdd16}.league-clock{padding:7px 10px;border-radius:7px;background:#ffdd16;color:#073476;font-weight:700;align-self:flex-start}.league-clock.expired{background:#602e43;color:#ffada8}.competition-empty{background:#062552;border-color:#4e83ba;color:#c4d9f2}.league-table{background:#082957;border:1px solid #346aa8;border-radius:10px;overflow:hidden}.league-table tbody tr:nth-child(1){background:#124786}.league-table tbody tr:nth-child(1) td{color:#ffdd16}.league-table tbody tr:hover{background:#0c3f83}.challenge-score{background:linear-gradient(145deg,#0d417f,#092957);border-color:#5b9ee5}.challenge-score strong{color:#ffdd16}.registration-box #registrationStatus{color:#c4d9f2}
@keyframes dialog-in{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:760px){.study-box{grid-template-columns:28px minmax(0,1fr) 12px;padding:16px 12px;gap:8px}.study-box strong{font-size:13px}.tile-icon{width:28px;height:31px;border-radius:8px}.tile-icon svg{width:18px;height:18px}.study-box>span:last-child{font-size:15px}.competition-link{display:grid;grid-template-columns:30px 1fr;gap:3px 10px}.competition-link::before{grid-row:1/3}.competition-link strong,.competition-link span{grid-column:2}.competition-link span{font-size:10px}}
@media(max-height:520px){.study-box{min-height:65px;padding:12px}.tile-icon{height:30px}.competition-link{display:flex}.competition-link::before{width:24px;height:27px;font-size:23px}.competition-link strong{font-size:12px}.competition-link span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.study-box:hover,.button:hover,.answer:hover:not(:disabled),.competition-link:hover{transform:none}}