/* Ergänzungen für Spielmodi, Statistik, Erfolge und Challenge-Links.
   Verwendet die bestehenden Midnight-Sapphire-Farben und mobilen Layouts. */
.quiz-options{margin:24px 0 10px;padding:18px 18px 16px;border:1px solid rgba(244,213,151,.42);border-radius:15px;background:linear-gradient(135deg,rgba(21,47,91,.81),rgba(6,19,45,.9));}
.quiz-options h2,.quiz-personal-insights h2{font:normal 25px Georgia,serif;color:#fff0bd;margin:0 0 11px;}
.quiz-options p,.quiz-personal-insights p,.quiz-mode-hint{color:#d6e2f5;font-size:13px;line-height:1.65;margin:8px 0 0;}
.quiz-options label,.ranking-filters label{display:block;font-size:12px;font-weight:750;letter-spacing:.09em;color:#fff0bd;margin:0 0 7px;}
.quiz-options select,.ranking-filters select{display:block;width:100%;max-width:370px;border:1px solid rgba(244,215,166,.6);border-radius:9px;background:#11264d;color:#fff7e7;padding:12px 13px;font:600 15px system-ui,sans-serif;color-scheme:dark;}
.quiz-options .quiz-challenge-link{overflow-wrap:anywhere;color:#f7e2ab;font-size:12px;}
.quiz-personal-insights{margin-top:25px;padding:19px;border:1px solid rgba(222,194,138,.4);border-radius:15px;background:linear-gradient(130deg,#142c55,#081936);}
.insight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:16px;}
.insight-card{border:1px solid rgba(215,191,145,.3);border-radius:10px;background:rgba(5,15,36,.6);padding:13px;}
.insight-card strong{display:block;color:#fff0bd;font-size:13px;margin-bottom:6px;}
.insight-card span{color:#e4edfb;font-size:13px;line-height:1.5;}
.stat-row{margin-top:12px;}
.stat-row-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#e4edfb;margin-bottom:5px;}
.stat-track{height:7px;border-radius:99px;background:#283e62;overflow:hidden;}
.stat-track i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#e4b86c,#fff0bd);min-width:0;}
.badge-list{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 0;padding:0;list-style:none;}
.badge-list li{border:1px solid rgba(255,230,174,.42);background:rgba(255,230,174,.09);color:#fff0bd;font-size:12px;border-radius:9px;padding:9px 11px;}
.ranking-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0 17px;}
.ranking-filters select{font-size:13px;max-width:none;padding:10px 8px;}
.result-verification{margin:13px 0;padding:10px 13px;border-left:3px solid #eac983;color:#e5eefc;background:rgba(9,30,66,.7);font-size:13px;line-height:1.5;}
.result-verification[data-state="ok"]{border-color:#9ce3be;}
.result-verification[data-state="error"]{border-color:#f2aa9e;}
.quiz-challenge-share{margin:12px 0 0;color:#fff0bd;font-size:13px;line-height:1.6;overflow-wrap:anywhere;}
@media(max-width:480px){.quiz-options{padding:15px 13px}.quiz-options h2,.quiz-personal-insights h2{font-size:23px}.quiz-personal-insights{padding:15px}.insight-grid{grid-template-columns:1fr}.ranking-filters{grid-template-columns:1fr 1fr}.ranking-filters select{font-size:12px;}}

.game-timer{margin:10px 0 13px;padding:9px 12px;border-left:3px solid #f4d58c;background:#0c2042;color:#fff0bd;font-size:13px;font-weight:750;letter-spacing:.02em;border-radius:5px;}