body { font-family: Arial, sans-serif; background-color: #1a1a2e; color: white; text-align: center; padding: 20px; }
        .container { max-width: 600px; margin: 0 auto; background: #161625; padding: 20px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0,0,0,0.5); position: relative; }
        .btn { background-color: #e94560; color: white; border: none; padding: 12px 24px; margin: 10px; font-size: 16px; cursor: pointer; border-radius: 5px; }
        .btn:hover { background-color: #ff6b81; }
        .btn-blue { background-color: #0f3460; color: white; border: none; padding: 12px 24px; margin: 10px; font-size: 16px; cursor: pointer; border-radius: 5px; }
        .btn-blue:hover { background-color: #16213e; }
        .btn-schwarz { background-color: #111; color: #ff6b81; border: 1px solid #e94560; padding: 6px 12px; font-size: 12px; cursor: pointer; border-radius: 4px; }
        .btn-schwarz:hover { background-color: #222; color: white; }
        .hidden { display: none; }
        .antwort-btn { display: block; width: 100%; background-color: #0f3460; color: white; border: 2px solid #16213e; padding: 15px; margin: 10px 0; font-size: 16px; cursor: pointer; border-radius: 5px; text-align: left; }
        .antwort-btn:hover { background-color: #16213e; }
        .antwort-btn:disabled { background-color: #333 !important; border-color: #555 !important; color: #777 !important; cursor: not-allowed; }
        input, select { padding: 10px; font-size: 16px; border-radius: 5px; border: none; margin: 10px; width: 60%; text-align: center; background-color: #1f1f38; color: white; border: 1px solid #e94560; }
        select { width: 65%; text-align-last: center; }
        label { display: block; margin-top: 15px; font-weight: bold; color: #ff6b81; }
        
        .dev-box { background: #0b0b16; border: 2px dashed #ff0055; padding: 15px; margin-top: 20px; border-radius: 8px; text-align: left; max-height: 300px; overflow-y: auto; font-size: 14px; }
        .dev-frage { margin-bottom: 15px; padding-bottom: 10px; border-bottom: 1px solid #1f1f38; }
        .richtig-loesung { color: #4eefb2; font-weight: bold; }

        .leaderboard-table { width: 100%; margin-top: 15px; border-collapse: collapse; text-align: left; background: #1f1f38; border-radius: 8px; overflow: hidden; }
        .leaderboard-table th, .leaderboard-table td { padding: 12px; border-bottom: 1px solid #161625; }
        .leaderboard-table th { background-color: #e94560; color: white; }
        .leaderboard-table tr:nth-child(even) { background-color: #252542; }

        .admin-panel { background: #221424; border: 2px solid #ff0055; padding: 15px; border-radius: 8px; margin-top: 25px; text-align: left; }
        .admin-user-item { display: flex; justify-content: space-between; align-items: center; padding: 8px 0; border-bottom: 1px solid #3a1e3d; }
        
        .score-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(110px, 1fr)); gap: 8px; background: #1f1f38; padding: 10px; border-radius: 5px; margin-bottom: 15px; font-size: 13px; text-align: left; }
        .score-entry { padding: 4px; border-radius: 3px; background: #161625; border: 1px solid #252542; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
        .score-aktiv { border: 1px solid #4eefb2; background: #1a2e26; }

        .social-box { background: #1f1f38; border: 1px solid #0f3460; padding: 15px; border-radius: 8px; margin-top: 20px; text-align: left; }
        .friend-item { display: flex; justify-content: space-between; align-items: center; padding: 6px 0; border-bottom: 1px solid #161625; font-size: 15px; }
        .status-dot { width: 10px; height: 10px; border-radius: 50%; display: inline-block; margin-right: 5px; }
        .online { background-color: #4eefb2; }
        .offline { background-color: #e94560; }
        .popup-invite { position: fixed; top: 20%; left: 50%; transform: translate(-50%, -20%); background: #ff6b81; color: white; padding: 20px; border-radius: 10px; box-shadow: 0 5px 20px rgba(0,0,0,0.8); z-index: 1000; }
        
        .tab-btn { background: #1f1f38; color: #aaa; border: 1px solid #0f3460; padding: 10px 15px; font-size: 14px; cursor: pointer; border-radius: 5px 5px 0 0; margin-right: 5px; }
        .tab-btn.active { background: #e94560; color: white; border-color: #e94560; font-weight: bold; }

        /* Styles für Spenden und Ideen-Box */
        .footer-box { background: #121222; border: 1px solid #252542; padding: 15px; border-radius: 8px; margin-top: 30px; font-size: 14px; }
        .feedback-input { width: 80% !important; font-size: 14px !important; padding: 8px !important; margin: 8px 0 !important; }
        .dev-idee-item { padding: 8px; border-bottom: 1px solid #3d1e1e; font-size: 13px; }

        .matchmaking-box { background:#1f1f38; padding:15px; border-radius:8px; margin-top:15px; border:1px solid #0f3460; }
        .matchmaking-status { color:#4eefb2; font-weight:bold; min-height:20px; margin-top:8px; }
        .chat-box { margin-top:20px; background:#1f1f38; border-radius:8px; padding:10px; text-align:left; border:1px solid #0f3460; }
        .chat-nachrichten { height:200px; overflow-y:auto; background:#161625; padding:10px; border-radius:5px; margin-bottom:10px; font-size:14px; }
        .chat-zeile { margin-bottom:8px; word-break:break-word; }
        .chat-eigen { background:#1a2e26; padding:5px; border-radius:5px; }


        .v2-card { background:#1f1f38; border:1px solid #0f3460; padding:15px; border-radius:8px; margin-top:15px; text-align:left; }
        .v2-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:10px; }
        .v2-pill { display:inline-block; background:#161625; border:1px solid #252542; padding:5px 9px; border-radius:999px; margin:3px; font-size:13px; }
        .xp-bar { height:12px; background:#161625; border-radius:999px; overflow:hidden; border:1px solid #0f3460; }
        .xp-fill { height:100%; background:#e94560; width:0%; }
        .shop-item { background:#161625; border:1px solid #252542; border-radius:6px; padding:10px; margin:8px 0; }
        .mention { color:#ffff66; font-weight:bold; }
        .chat-action { margin-left:6px; font-size:11px; padding:1px 5px; }
    
/* Goldene Coin-Grafik */
.coin-icon {
    display:inline-block;
    width:22px;
    height:22px;
    background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2264%22%20height%3D%2264%22%20viewBox%3D%220%200%2064%2064%22%3E%0A%3Cdefs%3E%0A%3CradialGradient%20id%3D%22g%22%20cx%3D%2235%25%22%20cy%3D%2228%25%22%20r%3D%2270%25%22%3E%0A%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23fff6a6%22/%3E%0A%3Cstop%20offset%3D%2238%25%22%20stop-color%3D%22%23ffd447%22/%3E%0A%3Cstop%20offset%3D%2272%25%22%20stop-color%3D%22%23f4a900%22/%3E%0A%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23b96d00%22/%3E%0A%3C/radialGradient%3E%0A%3ClinearGradient%20id%3D%22shine%22%20x1%3D%220%22%20y1%3D%220%22%20x2%3D%221%22%20y2%3D%221%22%3E%0A%3Cstop%20offset%3D%220%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%22.85%22/%3E%0A%3Cstop%20offset%3D%2255%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%22.08%22/%3E%0A%3Cstop%20offset%3D%22100%25%22%20stop-color%3D%22%23ffffff%22%20stop-opacity%3D%220%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2229%22%20fill%3D%22%238d5200%22/%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2226%22%20fill%3D%22url%28%23g%29%22/%3E%0A%3Ccircle%20cx%3D%2232%22%20cy%3D%2232%22%20r%3D%2220%22%20fill%3D%22none%22%20stroke%3D%22%23ffe678%22%20stroke-width%3D%224%22/%3E%0A%3Cpath%20d%3D%22M18%2024c6-13%2025-16%2036-3-9-5-22-5-36%203z%22%20fill%3D%22url%28%23shine%29%22/%3E%0A%3Ctext%20x%3D%2232%22%20y%3D%2241%22%20text-anchor%3D%22middle%22%20font-size%3D%2227%22%20font-family%3D%22Arial%20Black%2CArial%2Csans-serif%22%20font-weight%3D%22900%22%20fill%3D%22%238a4f00%22%20stroke%3D%22%23fff1a8%22%20stroke-width%3D%221%22%3EC%3C/text%3E%0A%3C/svg%3E");
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
    vertical-align:-5px;
    margin:0 4px;
    filter: drop-shadow(0 1px 2px rgba(0,0,0,.45));
}
.coin-icon.big {
    width:38px;
    height:38px;
    vertical-align:-11px;
}
.coin-pill {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    background:linear-gradient(180deg,#2b2540,#18182a);
    border:1px solid #f4b400;
    color:#ffe680;
    border-radius:999px;
    padding:6px 12px;
    font-weight:bold;
    box-shadow:0 2px 8px rgba(0,0,0,.35);
}


/* Version 2.5 Pro-Update */
.pro-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(230px,1fr));
    gap:12px;
    margin-top:15px;
}
.pro-card {
    background:#1f1f38;
    border:1px solid #32325a;
    border-radius:10px;
    padding:12px;
    text-align:left;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}
.pro-card h4 {
    margin:0 0 8px 0;
    color:#ff6b81;
}
.pro-progress {
    background:#111;
    border-radius:999px;
    overflow:hidden;
    height:16px;
    border:1px solid #333;
}
.pro-progress-fill {
    height:100%;
    background:linear-gradient(90deg,#e94560,#ffd447);
    width:0%;
}
.badge {
    display:inline-block;
    border:1px solid #ffd447;
    color:#ffe680;
    border-radius:999px;
    padding:4px 8px;
    font-size:12px;
    margin:2px;
    background:#15151f;
}
.news-item,.quest-item,.bp-item,.mail-item {
    padding:7px;
    border-bottom:1px solid #2d2d4a;
    font-size:13px;
}
.global-chat-msg {
    padding:5px;
    border-bottom:1px solid #2d2d4a;
    font-size:13px;
}
.wheel {
    width:130px;
    height:130px;
    border-radius:50%;
    border:6px solid #ffd447;
    display:flex;
    align-items:center;
    justify-content:center;
    margin:10px auto;
    background:conic-gradient(#e94560 0 60deg,#ffd447 60deg 120deg,#4eefb2 120deg 180deg,#0f3460 180deg 240deg,#9b59b6 240deg 300deg,#ff6b81 300deg 360deg);
    box-shadow:0 4px 15px rgba(0,0,0,.45);
    font-weight:bold;
    color:white;
    text-shadow:0 2px 4px black;
}
.event-banner {
    background:linear-gradient(90deg,#e94560,#0f3460);
    border:1px solid #ffd447;
    border-radius:10px;
    padding:10px;
    margin:12px 0;
    font-weight:bold;
}


/* Version 2.6 Echtgeld-Coinshop */
.coinshop-grid {
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
    gap:10px;
    margin-top:10px;
}
.coinpack {
    background:#151525;
    border:1px solid #ffd447;
    border-radius:10px;
    padding:10px;
    text-align:center;
}
.coinpack strong {
    color:#ffe680;
    font-size:18px;
}
.coinpack-price {
    color:#4eefb2;
    font-weight:bold;
    margin:6px 0;
}
.pay-note {
    font-size:12px;
    color:#aaa;
    line-height:1.35;
}


/* Version 2.7 Polish / Mobile-Game Look */
:root{
    --bg1:#080d24;
    --bg2:#12183b;
    --card:#171b3a;
    --card2:#202653;
    --pink:#ff4f86;
    --blue:#21b8ff;
    --gold:#ffd447;
    --green:#4eefb2;
}
body{
    background:
        radial-gradient(circle at top left, rgba(33,184,255,.24), transparent 34%),
        radial-gradient(circle at top right, rgba(255,79,134,.18), transparent 32%),
        linear-gradient(160deg,var(--bg1),var(--bg2)) !important;
    min-height:100vh;
}
.container{
    max-width:760px !important;
    background:rgba(12,16,42,.92) !important;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 18px 60px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08) !important;
    overflow:hidden;
}
.container:before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background:linear-gradient(120deg,rgba(255,255,255,.08),transparent 22%,transparent 70%,rgba(33,184,255,.08));
}
h1{
    font-size:32px;
    text-shadow:0 4px 12px rgba(0,0,0,.5);
    margin-bottom:8px;
}
.btn,.btn-blue,.btn-schwarz{
    transition:transform .12s ease, filter .12s ease, box-shadow .12s ease;
}
.btn:hover,.btn-blue:hover,.btn-schwarz:hover{
    transform:translateY(-2px) scale(1.02);
    filter:brightness(1.12);
}
.btn{
    background:linear-gradient(180deg,#ff6b9d,#e94560) !important;
    box-shadow:0 6px 0 #9b1f3d, 0 10px 20px rgba(0,0,0,.35);
    font-weight:bold;
}
.btn-blue{
    background:linear-gradient(180deg,#28c8ff,#0f3460) !important;
    box-shadow:0 6px 0 #071f3c, 0 10px 20px rgba(0,0,0,.35);
    font-weight:bold;
}
.btn-schwarz{
    background:linear-gradient(180deg,#24243f,#10101d) !important;
    color:#ffe680 !important;
    border:1px solid rgba(255,212,71,.7) !important;
}
.game-topbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02));
    border:1px solid rgba(255,255,255,.08);
    border-radius:16px;
    padding:10px;
    margin:12px 0 14px;
}
.player-card-mini{
    display:flex;
    align-items:center;
    gap:9px;
    min-width:0;
}
.avatar-circle{
    width:42px;
    height:42px;
    border-radius:50%;
    background:linear-gradient(135deg,#21b8ff,#ff4f86);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:900;
    color:white;
    box-shadow:0 4px 12px rgba(0,0,0,.35);
    border:2px solid rgba(255,255,255,.25);
}
.top-currency{
    display:flex;
    gap:6px;
    align-items:center;
    flex-wrap:wrap;
    justify-content:flex-end;
}
.top-pill{
    display:inline-flex;
    align-items:center;
    gap:5px;
    background:#11162f;
    border:1px solid rgba(255,255,255,.1);
    border-radius:999px;
    padding:6px 10px;
    font-weight:bold;
}
.menu-hero{
    background:
        radial-gradient(circle at 20% 20%,rgba(255,212,71,.25),transparent 28%),
        linear-gradient(135deg,rgba(33,184,255,.18),rgba(255,79,134,.16));
    border:1px solid rgba(255,255,255,.12);
    border-radius:18px;
    padding:14px;
    margin:12px 0;
    text-align:left;
}
.menu-hero h2{margin:0 0 5px;color:white;}
.main-action-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(170px,1fr));
    gap:10px;
    margin:12px 0;
}
.action-tile{
    background:linear-gradient(180deg,var(--card2),var(--card));
    border:1px solid rgba(255,255,255,.1);
    border-radius:16px;
    padding:14px;
    cursor:pointer;
    text-align:left;
    box-shadow:0 8px 20px rgba(0,0,0,.28);
    transition:transform .14s ease, border-color .14s ease;
}
.action-tile:hover{
    transform:translateY(-3px);
    border-color:var(--gold);
}
.action-tile .tile-icon{font-size:28px;display:block;margin-bottom:6px;}
.action-tile strong{display:block;font-size:16px;}
.action-tile span{font-size:12px;color:#bfc3ff;}
.pulse-glow{
    animation:pulseGlow 1.8s infinite ease-in-out;
}
@keyframes pulseGlow{
    0%,100%{box-shadow:0 0 0 rgba(255,212,71,0);}
    50%{box-shadow:0 0 24px rgba(255,212,71,.45);}
}
.float-in{animation:floatIn .35s ease both;}
@keyframes floatIn{
    from{opacity:0;transform:translateY(12px) scale(.98);}
    to{opacity:1;transform:translateY(0) scale(1);}
}
.answer-correct{
    background:linear-gradient(180deg,#31e6a2,#18805f) !important;
    border-color:#4eefb2 !important;
}
.answer-wrong{
    background:linear-gradient(180deg,#ff6b81,#9b1f3d) !important;
    border-color:#ff9aaa !important;
}
#match-found-overlay,#levelup-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.78);
    z-index:9999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:20px;
}
.overlay-card{
    width:min(420px,92vw);
    background:linear-gradient(180deg,#202653,#10142d);
    border:2px solid var(--gold);
    border-radius:22px;
    padding:24px;
    text-align:center;
    box-shadow:0 20px 70px rgba(0,0,0,.7);
    animation:popIn .28s ease both;
}
@keyframes popIn{
    from{opacity:0;transform:scale(.86);}
    to{opacity:1;transform:scale(1);}
}
.vs-row{
    display:flex;
    justify-content:space-around;
    align-items:center;
    gap:15px;
    margin:18px 0;
}
.vs-player{
    background:#121733;
    border-radius:15px;
    padding:12px;
    min-width:110px;
}
.vs-text{
    font-size:28px;
    color:var(--gold);
    font-weight:900;
}
.countdown-big{
    font-size:64px;
    font-weight:900;
    color:var(--gold);
    text-shadow:0 5px 18px rgba(0,0,0,.6);
}
.confetti{
    pointer-events:none;
    position:fixed;
    inset:0;
    z-index:10000;
    overflow:hidden;
}
.confetti i{
    position:absolute;
    top:-20px;
    width:10px;
    height:18px;
    background:var(--gold);
    animation:fall 1.5s linear forwards;
}
@keyframes fall{
    to{transform:translateY(110vh) rotate(540deg);opacity:.2;}
}
.settings-row{
    display:flex;
    justify-content:center;
    gap:8px;
    flex-wrap:wrap;
    margin-top:8px;
}



/* Quizara 2.8: deutliche Antwort-Auswertung */
.answer-reveal-box{
    margin:14px 0;
    padding:14px;
    border-radius:14px;
    font-size:18px;
    line-height:1.45;
    box-shadow:0 8px 22px rgba(0,0,0,.35);
    animation:qcRevealPop .22s ease both;
}
.answer-reveal-right{
    background:linear-gradient(180deg,rgba(78,239,178,.22),rgba(22,90,67,.35));
    border:2px solid #4eefb2;
    color:#eafff6;
}
.answer-reveal-wrong{
    background:linear-gradient(180deg,rgba(255,79,134,.22),rgba(120,20,48,.35));
    border:2px solid #ff6b81;
    color:#fff1f4;
}
.next-question-hint{
    display:block;
    margin-top:8px;
    font-size:13px;
    color:#c9c9e8;
}
.antwort-btn.answer-correct,
.antwort-btn.answer-correct:disabled{
    background:linear-gradient(180deg,#31e6a2,#18805f) !important;
    border-color:#4eefb2 !important;
    color:white !important;
    box-shadow:0 0 18px rgba(78,239,178,.45);
}
.antwort-btn.answer-wrong,
.antwort-btn.answer-wrong:disabled{
    background:linear-gradient(180deg,#ff6b81,#9b1f3d) !important;
    border-color:#ff9aaa !important;
    color:white !important;
    box-shadow:0 0 18px rgba(255,107,129,.45);
}
.antwort-btn.answer-neutral:disabled{
    opacity:.45;
}
@keyframes qcRevealPop{
    from{opacity:0;transform:scale(.94) translateY(8px);}
    to{opacity:1;transform:scale(1) translateY(0);}
}


/* Admin Live-Konsole */
.admin-live-dashboard {
    background: linear-gradient(180deg,#120f24,#090912);
    border: 1px solid #ffd447;
    border-radius: 10px;
    padding: 12px;
    margin-top: 14px;
}
.admin-stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(120px,1fr));
    gap: 8px;
    margin-bottom: 10px;
}
.admin-stat-card {
    background: #151525;
    border: 1px solid #33335d;
    border-radius: 8px;
    padding: 8px;
    text-align: center;
}
.admin-stat-card strong {
    display:block;
    color:#ffd447;
    font-size:22px;
}
.admin-event-log {
    max-height: 230px;
    overflow-y: auto;
    background:#05050c;
    border:1px solid #2c2c4a;
    border-radius:8px;
    padding:8px;
    font-size:12px;
}
.admin-event-item {
    padding:7px;
    border-bottom:1px solid #24243d;
}
.admin-event-time {
    color:#888;
    font-size:11px;
}
.admin-event-title {
    color:#4eefb2;
    font-weight:bold;
}
.admin-event-new {
    animation: adminPulse .8s ease;
}
@keyframes adminPulse {
    0% { background:#ffd447; color:#111; }
    100% { background:transparent; color:inherit; }
}


/* Version 2.8: schöne Popups + animiertes Glücksrad + härtere Coin-Economy */
.qc-toast-wrap{
    position:fixed;
    left:50%;
    top:20px;
    transform:translateX(-50%);
    z-index:20000;
    width:min(420px,92vw);
    pointer-events:none;
}
.qc-toast{
    background:linear-gradient(180deg,#202653,#10142d);
    border:1px solid rgba(255,212,71,.8);
    border-radius:18px;
    padding:14px 16px;
    margin-bottom:10px;
    box-shadow:0 16px 45px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08);
    color:white;
    text-align:left;
    animation:qcToastIn .28s ease both;
    pointer-events:auto;
}
.qc-toast-title{
    color:#ffd447;
    font-weight:900;
    margin-bottom:4px;
}
.qc-toast-text{
    color:#e9e9ff;
    font-size:14px;
    line-height:1.35;
}
@keyframes qcToastIn{
    from{opacity:0; transform:translateY(-18px) scale(.96);}
    to{opacity:1; transform:translateY(0) scale(1);}
}
@keyframes qcToastOut{
    to{opacity:0; transform:translateY(-12px) scale(.96);}
}
.qc-modal-backdrop{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.7);
    z-index:21000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
}
.qc-modal{
    width:min(430px,94vw);
    background:linear-gradient(180deg,#202653,#10142d);
    border:2px solid #ffd447;
    border-radius:22px;
    padding:20px;
    box-shadow:0 22px 70px rgba(0,0,0,.7);
    text-align:center;
    animation:qcModalPop .24s ease both;
}
.qc-modal h3{color:#ffd447;margin-top:0;}
@keyframes qcModalPop{
    from{opacity:0;transform:scale(.88);}
    to{opacity:1;transform:scale(1);}
}
.qc-wheel-pointer{
    width:0;
    height:0;
    border-left:13px solid transparent;
    border-right:13px solid transparent;
    border-top:22px solid #ffd447;
    margin:0 auto -4px auto;
    filter:drop-shadow(0 3px 3px rgba(0,0,0,.5));
    position:relative;
    z-index:2;
}
.wheel{
    transition:transform 4.2s cubic-bezier(.12,.78,.08,1);
    will-change:transform;
    position:relative;
}
.wheel.spinning{
    filter:drop-shadow(0 0 22px rgba(255,212,71,.6));
}
.wheel:after{
    content:"";
    position:absolute;
    inset:18px;
    border-radius:50%;
    border:2px solid rgba(255,255,255,.35);
    pointer-events:none;
}
.wheel-center{
    position:absolute;
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(180deg,#fff2a1,#f4a900);
    border:3px solid #8d5200;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 5px 12px rgba(0,0,0,.5);
}
.qc-reward-pop{
    animation:rewardPop .8s ease both;
}
@keyframes rewardPop{
    0%{transform:scale(.7);opacity:0;}
    60%{transform:scale(1.12);opacity:1;}
    100%{transform:scale(1);opacity:1;}
}


/* FINAL FIX: Schöne Benachrichtigungen + echtes Glücksrad */
.qc-toast-wrap-final{
    position:fixed;
    top:18px;
    left:50%;
    transform:translateX(-50%);
    width:min(440px,92vw);
    z-index:999999;
    pointer-events:none;
}
.qc-toast-final{
    background:linear-gradient(180deg,#202653,#0d1028);
    border:1px solid rgba(255,212,71,.9);
    border-radius:18px;
    padding:14px 16px;
    margin-bottom:10px;
    color:#fff;
    text-align:left;
    box-shadow:0 16px 50px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,255,255,.12);
    animation:qcToastFinalIn .25s ease both;
    pointer-events:auto;
}
.qc-toast-final strong{
    color:#ffd447;
    display:block;
    margin-bottom:4px;
    font-size:15px;
}
.qc-toast-final span{
    color:#eef;
    font-size:14px;
}
@keyframes qcToastFinalIn{
    from{opacity:0;transform:translateY(-18px) scale(.96);}
    to{opacity:1;transform:translateY(0) scale(1);}
}
@keyframes qcToastFinalOut{
    to{opacity:0;transform:translateY(-12px) scale(.96);}
}
.qc-wheel-pointer-final{
    width:0;
    height:0;
    border-left:14px solid transparent;
    border-right:14px solid transparent;
    border-top:24px solid #ffd447;
    margin:0 auto -6px auto;
    filter:drop-shadow(0 4px 4px rgba(0,0,0,.6));
    position:relative;
    z-index:3;
}
.qc-wheel-final{
    position:relative;
    transition:transform 4.3s cubic-bezier(.12,.82,.08,1);
    will-change:transform;
}
.qc-wheel-final.spinning{
    filter:drop-shadow(0 0 25px rgba(255,212,71,.75));
}
.wheel-center-final{
    position:absolute;
    width:44px;
    height:44px;
    border-radius:50%;
    background:linear-gradient(180deg,#fff4a8,#f4a900);
    border:3px solid #8d5200;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    box-shadow:0 5px 14px rgba(0,0,0,.6);
}
.qc-reward-final{
    display:inline-block;
    animation:qcRewardPopFinal .75s ease both;
}
@keyframes qcRewardPopFinal{
    0%{opacity:0;transform:scale(.6);}
    60%{opacity:1;transform:scale(1.18);}
    100%{opacity:1;transform:scale(1);}
}


/* Quizara Fragenverwaltung */
.fragen-admin-card{
    background:linear-gradient(180deg,#181936,#0e1024);
    border:1px solid #ffd447;
    border-radius:10px;
    padding:12px;
    margin-top:15px;
}
.fragen-admin-tabs{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-bottom:10px;
}
.fragen-admin-tabs button{
    margin:0;
}
.fragen-admin-list{
    max-height:360px;
    overflow-y:auto;
    background:#080915;
    border:1px solid #29294a;
    border-radius:8px;
    padding:8px;
}
.frage-admin-item{
    background:#151525;
    border:1px solid #303052;
    border-radius:8px;
    padding:10px;
    margin-bottom:8px;
    font-size:13px;
}
.frage-admin-meta{
    color:#ffd447;
    font-weight:bold;
    margin-bottom:5px;
}
.frage-admin-actions{
    display:flex;
    flex-wrap:wrap;
    gap:6px;
    margin-top:8px;
}
.frage-admin-answer{
    padding:3px 6px;
    border-radius:5px;
    background:#0f1020;
    margin:3px 0;
}
.frage-admin-answer.correct{
    background:#143a2e;
    border:1px solid #4eefb2;
    color:#dffff3;
}
.fragen-admin-search{
    width:92% !important;
    margin:6px 0 !important;
}
.fragen-count-pill{
    display:inline-block;
    background:#0f1020;
    border:1px solid #ffd447;
    color:#ffe680;
    border-radius:999px;
    padding:3px 8px;
    font-size:12px;
}


/* Fragenverwaltung 2.1: Bearbeiten + Ähnlichkeitsprüfung */
.similar-warning{
    background:rgba(255,212,71,.12);
    border:1px solid #ffd447;
    color:#ffe680;
    border-radius:8px;
    padding:8px;
    margin-top:8px;
    font-size:12px;
}
.similar-ok{
    background:rgba(78,239,178,.1);
    border:1px solid #4eefb2;
    color:#cffff0;
    border-radius:8px;
    padding:8px;
    margin-top:8px;
    font-size:12px;
}
.edit-question-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.75);
    z-index:30000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:15px;
}
.edit-question-card{
    width:min(520px,95vw);
    max-height:90vh;
    overflow:auto;
    background:linear-gradient(180deg,#202653,#10142d);
    border:2px solid #ffd447;
    border-radius:18px;
    padding:16px;
    box-shadow:0 20px 70px rgba(0,0,0,.7);
}
.edit-question-card h3{
    margin-top:0;
    color:#ffd447;
}
.edit-question-card input,
.edit-question-card select{
    width:90% !important;
}


/* Kategorie-Medienverwaltung */
.kategorie-admin-card{
    background:#101426;
    border:1px solid #21b8ff;
    border-radius:10px;
    padding:10px;
    margin:10px 0;
}
.kategorie-admin-card input{
    width:90% !important;
}
.kategorie-media-item{
    background:#151525;
    border:1px solid #303052;
    border-radius:8px;
    padding:8px;
    margin-top:7px;
    font-size:12px;
}


/* Kategorie-Verwaltung: automatisch aus Excel */
.kategorie-media-item{
    background:#11162f;
    border:1px solid #303052;
    border-radius:10px;
    padding:10px;
    margin-top:8px;
}
.kategorie-media-head{
    display:flex;
    justify-content:space-between;
    gap:8px;
    align-items:center;
    flex-wrap:wrap;
}
.kategorie-media-actions{
    display:grid;
    grid-template-columns:1fr;
    gap:6px;
    margin-top:8px;
}
.kategorie-media-actions input{
    width:90% !important;
    margin:3px 0 !important;
    font-size:13px !important;
}




.qc-admin-hub{background:linear-gradient(180deg,#171b3a,#0b0d20);border:1px solid #ffd447;border-radius:14px;padding:12px;margin:12px 0;text-align:left;position:sticky;top:8px;z-index:5;box-shadow:0 10px 28px rgba(0,0,0,.35)}
.qc-admin-hub h4{margin:0 0 8px;color:#ffd447}.qc-admin-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.qc-admin-grid button{margin:0!important;width:100%;min-height:42px}.qc-admin-section-hidden{display:none!important}.qc-admin-focus{outline:2px solid #ffd447;box-shadow:0 0 22px rgba(255,212,71,.35)}
.qc-support-card,.qc-coin-shop-card,.qc-age-card{background:linear-gradient(180deg,#202653,#10142d);border:1px solid rgba(255,212,71,.75);border-radius:12px;padding:12px;text-align:left}.qc-shop-item{background:#11162f;border:1px solid #30365f;border-radius:10px;padding:10px;margin:8px 0}.qc-shop-item strong{color:#ffd447}.qc-small{font-size:12px;color:#aaa;line-height:1.35}.qc-danger-note{background:rgba(255,79,134,.12);border:1px solid #ff6b81;border-radius:10px;padding:10px;margin:8px 0;color:#ffd1dc}.qc-modal-text{text-align:left;max-height:65vh;overflow:auto;line-height:1.45}.qc-joker-bar{background:#11162f;border:1px solid #ffd447;border-radius:12px;padding:8px;margin:8px 0;display:flex;gap:6px;flex-wrap:wrap;align-items:center;justify-content:center}.qc-chat-locked{opacity:.65;filter:grayscale(.25)}



.qc-admin-mobile-toggle{width:100%;margin:0 0 10px 0!important;font-size:17px!important;position:sticky;top:8px;z-index:20}
.qc-admin-mobile-menu{display:none;background:linear-gradient(180deg,#171b3a,#0b0d20);border:1px solid #ffd447;border-radius:16px;padding:10px;margin:10px 0;position:sticky;top:58px;z-index:19;box-shadow:0 12px 32px rgba(0,0,0,.45)}
.qc-admin-mobile-menu.open{display:block}.qc-admin-mobile-menu button{display:block;width:100%;margin:6px 0!important;text-align:left}.qc-admin-mobile-close{float:right}
.qc-admin-section-hidden{display:none!important}.qc-admin-focus{outline:2px solid #ffd447;box-shadow:0 0 18px rgba(255,212,71,.4)}
.qc-shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-top:10px}.qc-shop-card{background:#11162f;border:1px solid #30365f;border-radius:13px;padding:10px;text-align:left}.qc-shop-card strong{color:#ffd447}.qc-shop-card button{width:100%;margin:8px 0 0!important}.qc-shop-tabs{display:flex;gap:6px;flex-wrap:wrap}.qc-shop-tabs button{margin:0!important;flex:1;min-width:95px}.qc-shop-desc{font-size:12px;color:#c9c9e8;min-height:34px}.qc-owned{color:#4eefb2;font-size:12px}.qc-wheel-legend{display:grid;grid-template-columns:repeat(2,1fr);gap:5px;margin-top:8px;font-size:12px}.qc-wheel-legend span{background:#11162f;border:1px solid #30365f;border-radius:999px;padding:5px}.qc-wheel-final span.qc-wheel-label{position:absolute;font-size:11px;font-weight:900;text-shadow:0 2px 3px #000}.qc-wheel-label.l1{top:13px;left:50%;transform:translateX(-50%)}.qc-wheel-label.l2{right:8px;top:38px}.qc-wheel-label.l3{right:12px;bottom:30px}.qc-wheel-label.l4{left:50%;bottom:12px;transform:translateX(-50%)}.qc-wheel-label.l5{left:9px;bottom:33px}.qc-wheel-label.l6{left:9px;top:38px}
@media(max-width:600px){.admin-panel{padding:10px!important}.qc-shop-grid{grid-template-columns:1fr}.qc-wheel-legend{grid-template-columns:1fr}.qc-admin-mobile-menu{max-height:70vh;overflow:auto}}

/* Schritt 5: sauberer Spendenbereich */
.qc-support-card {
  overflow: hidden !important;
}
.qc-support-title {
  margin: 4px 0 8px 0;
  font-weight: 700;
  color: #fff;
}
.qc-support-btn,
.qc-support-card .qc-support-btn,
.footer-box .qc-support-btn,
.qc-footer-support .qc-support-btn {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
  min-height: 42px !important;
  padding: 11px 12px !important;
  margin: 12px 0 0 0 !important;
  border-radius: 12px !important;
  border: 1px solid rgba(255, 212, 71, .75) !important;
  background: linear-gradient(180deg, #ff6b9d, #e94560) !important;
  color: #fff !important;
  text-decoration: none !important;
  text-align: center !important;
  font-weight: 900 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  position: static !important;
  transform: none !important;
  box-shadow: 0 6px 0 #9b1f3d, 0 10px 18px rgba(0,0,0,.30) !important;
}
.qc-support-btn:hover {
  filter: brightness(1.12);
}
.qc-support-btn-small {
  width: auto !important;
  display: inline-flex !important;
  min-width: 190px !important;
  padding-left: 18px !important;
  padding-right: 18px !important;
}
.qc-footer-support {
  background: linear-gradient(180deg,#202653,#10142d);
  border: 1px solid rgba(255,212,71,.75);
  border-radius: 14px;
  padding: 14px;
  text-align: left;
}
.qc-footer-support p {
  margin: 8px 0 0 0;
  color: #eee;
}
@media (max-width: 600px) {
  .qc-support-btn-small {
    width: 100% !important;
    min-width: 0 !important;
  }
}

/* Schritt 6: Shop-Popup und einfacheres Adminpanel */
.quizara-shop-modal.hidden { display:none !important; }
.quizara-shop-modal { position: fixed; inset: 0; z-index: 50000; }
.quizara-shop-backdrop { position:absolute; inset:0; background:rgba(0,0,0,.72); }
.quizara-shop-window {
  position:relative;
  width:min(920px,94vw);
  max-height:88vh;
  overflow:auto;
  margin:5vh auto;
  background:linear-gradient(180deg,#202653,#0b0f28);
  border:2px solid #ffd447;
  border-radius:22px;
  padding:16px;
  box-shadow:0 25px 80px rgba(0,0,0,.75);
}
.quizara-shop-head { display:flex; justify-content:space-between; gap:12px; align-items:flex-start; }
.quizara-shop-head h2 { margin:0; color:#ffd447; }
.quizara-shop-head p { margin:5px 0 0 0; color:#d9ddff; }
.quizara-shop-balance {
  display:inline-flex;
  align-items:center;
  gap:6px;
  background:#11162f;
  border:1px solid rgba(255,212,71,.75);
  border-radius:999px;
  padding:8px 13px;
  margin:12px 0;
  font-weight:900;
  color:#ffe680;
}
.quizara-shop-filter { display:flex; gap:7px; flex-wrap:wrap; margin-bottom:12px; }
.quizara-shop-filter button { margin:0 !important; }
.quizara-shop-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:12px; }
.quizara-shop-item {
  background:linear-gradient(180deg,#171b3a,#10142d);
  border:1px solid #30365f;
  border-radius:16px;
  padding:12px;
  text-align:left;
  min-height:210px;
  display:flex;
  flex-direction:column;
}
.quizara-shop-icon { font-size:32px; margin-bottom:6px; }
.quizara-shop-item-title { color:#ffd447; font-weight:900; min-height:38px; }
.quizara-shop-desc { color:#c9c9e8; font-size:12px; line-height:1.35; flex:1; margin:6px 0; }
.quizara-shop-price { font-weight:900; margin:6px 0; color:#ffe680; }
.quizara-shop-owned { min-height:18px; font-size:12px; color:#4eefb2; }
.quizara-shop-item .btn { width:100%; margin:8px 0 0 0 !important; }
.quizara-shop-note { margin-top:12px; color:#aaa; font-size:12px; }
.quizara-admin-dashboard {
  background:linear-gradient(180deg,#171b3a,#0b0d20);
  border:1px solid #ffd447;
  border-radius:16px;
  padding:12px;
  margin:0 0 12px 0;
  position:sticky;
  top:8px;
  z-index:25;
  box-shadow:0 12px 32px rgba(0,0,0,.45);
}
.quizara-admin-dashboard h4 { margin:0 0 8px 0; color:#ffd447; }
.quizara-admin-buttons { display:grid; grid-template-columns:repeat(auto-fit,minmax(120px,1fr)); gap:7px; }
.quizara-admin-buttons button { margin:0 !important; width:100%; min-height:40px; text-align:left; }
.quizara-admin-hide { display:none !important; }
@media (max-width:600px){
  .quizara-shop-window { margin:2.5vh auto; max-height:94vh; padding:12px; border-radius:18px; }
  .quizara-shop-head { align-items:center; }
  .quizara-shop-grid { grid-template-columns:1fr; }
  .quizara-admin-buttons { grid-template-columns:1fr 1fr; }
}


/* =========================
   QUIZARA V3 SCHRITT 7
   Profil-Popup + Handy-Navigation
   ========================= */
.quizara-profile-modal.hidden,
.quizara-bottom-nav.hidden{display:none!important;}
.quizara-profile-modal{position:fixed;inset:0;z-index:50000;display:flex;align-items:center;justify-content:center;padding:16px;}
.quizara-profile-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.quizara-profile-window{position:relative;width:min(560px,94vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#202653,#0d1028);border:2px solid #ffd447;border-radius:24px;padding:18px;box-shadow:0 24px 80px rgba(0,0,0,.75);text-align:left;animation:qcModalPop .22s ease both;}
.quizara-profile-head{display:flex;align-items:center;gap:13px;margin-bottom:14px;}
.quizara-profile-avatar{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:30px;font-weight:900;background:linear-gradient(135deg,#21b8ff,#ff4f86);border:3px solid rgba(255,255,255,.22);box-shadow:0 8px 22px rgba(0,0,0,.45);}
.quizara-profile-head h2{margin:0;color:#fff;}
.quizara-profile-title{color:#ffd447;font-weight:700;}
.quizara-close-btn{margin-left:auto!important;}
.quizara-profile-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin:12px 0;}
.quizara-profile-stats div{background:#11162f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px;display:flex;justify-content:space-between;gap:10px;}
.quizara-profile-stats b{color:#bfc3ff;}
.quizara-profile-stats span{color:#fff;font-weight:800;}
.quizara-profile-progress{height:16px;background:#101426;border:1px solid rgba(255,255,255,.12);border-radius:999px;overflow:hidden;margin:10px 0 16px;}
.quizara-profile-progress div{height:100%;background:linear-gradient(90deg,#21b8ff,#ffd447);width:0%;transition:width .3s ease;}
.quizara-profile-inventory{display:flex;flex-wrap:wrap;gap:8px;background:#101426;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:10px;min-height:46px;}
.quizara-inv-chip{display:inline-flex;align-items:center;border:1px solid #ffd447;color:#ffe680;background:#151525;border-radius:999px;padding:6px 10px;font-size:12px;}
.quizara-empty{color:#aaa;font-size:13px;}
.quizara-profile-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px;}
.quizara-bottom-nav{position:fixed;left:50%;bottom:10px;transform:translateX(-50%);width:min(720px,94vw);z-index:30000;background:rgba(10,14,36,.92);border:1px solid rgba(255,255,255,.12);border-radius:20px;padding:7px;display:grid;grid-template-columns:repeat(5,1fr);gap:5px;box-shadow:0 14px 45px rgba(0,0,0,.55);backdrop-filter:blur(10px);}
.quizara-bottom-nav button{background:linear-gradient(180deg,#202653,#11162f);border:1px solid rgba(255,255,255,.08);color:white;border-radius:15px;padding:8px 4px;font-size:11px;font-weight:700;cursor:pointer;}
.quizara-bottom-nav button span{display:block;font-size:20px;line-height:20px;margin-bottom:2px;}
.quizara-bottom-nav button:hover{filter:brightness(1.14);transform:translateY(-1px);}
body{padding-bottom:84px!important;}
@media(max-width:520px){.quizara-bottom-nav{bottom:6px;width:96vw;border-radius:16px}.quizara-bottom-nav button{font-size:10px;padding:7px 2px}.quizara-profile-window{padding:14px;border-radius:18px}.quizara-profile-avatar{width:54px;height:54px;font-size:24px}.quizara-profile-stats{grid-template-columns:1fr}.quizara-profile-actions .btn,.quizara-profile-actions .btn-schwarz{width:100%;box-sizing:border-box}}

/* Quizara V3 Schritt 8: Admin Center & Leave Fix */
.quizara-admin-center.hidden{display:none!important}
.quizara-admin-center{position:fixed;inset:0;z-index:46000;display:flex;align-items:center;justify-content:center;padding:16px}
.quizara-admin-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.74);backdrop-filter:blur(5px)}
.quizara-admin-window{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#202653,#0d1028);border:2px solid #ffd447;border-radius:24px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.75)}
.quizara-admin-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px;text-align:left}
.quizara-admin-head h2{margin:0;color:#ffd447}
.quizara-admin-head p{margin:4px 0 0;color:#cfd2ff;font-size:13px}
.quizara-admin-quickgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin:12px 0}
.quizara-admin-quickgrid button{background:linear-gradient(180deg,#252b5f,#121733);border:1px solid rgba(255,255,255,.12);border-radius:16px;color:white;padding:14px 10px;font-weight:900;box-shadow:0 8px 20px rgba(0,0,0,.32);cursor:pointer}
.quizara-admin-quickgrid button:hover{transform:translateY(-2px);border-color:#ffd447}
.quizara-admin-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:12px}
.quizara-admin-hint{margin-top:12px;color:#aaa;font-size:12px;text-align:center;background:#11162f;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:10px}
.quizara-admin-mobile-top{background:linear-gradient(180deg,#151b3b,#0e1024);border:1px solid #ffd447;border-radius:16px;padding:12px;margin:14px 0;text-align:center}
.quizara-admin-original-collapsed{margin-top:10px}
@media(max-width:600px){.quizara-admin-window{padding:12px;border-radius:18px}.quizara-admin-quickgrid{grid-template-columns:1fr 1fr}.quizara-admin-quickgrid button{font-size:13px;padding:12px 8px}.quizara-admin-head h2{font-size:22px}}

/* Quizara V3 Schritt 9: Admin-Dashboard + Live-Ankündigungen */
.quizara-admin-dashboard{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,212,71,.35);
  border-radius:18px;
  padding:12px;
  margin:12px 0;
}
.quizara-admin-dashboard h3{margin:0 0 10px;color:#ffd447;}
.quizara-admin-statgrid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
  gap:8px;
  margin-bottom:12px;
}
.quizara-admin-stat{
  background:linear-gradient(180deg,#202653,#11162f);
  border:1px solid rgba(255,255,255,.1);
  border-radius:14px;
  padding:10px;
  text-align:center;
}
.quizara-admin-stat strong{display:block;color:#4eefb2;font-size:24px;line-height:1;}
.quizara-admin-stat span{font-size:12px;color:#cfd3ff;}
.quizara-admin-broadcast{
  background:#0b0d20;
  border:1px solid rgba(33,184,255,.35);
  border-radius:14px;
  padding:10px;
}
.quizara-admin-broadcast p{margin:0 0 8px;color:#bfc3ff;font-size:13px;}
.quizara-admin-broadcast input{
  width:100%!important;
  box-sizing:border-box!important;
  margin:6px 0!important;
  text-align:left!important;
}
.quizara-admin-broadcast .btn{width:100%;margin:8px 0 0!important;}

/* Quizara V3 Schritt 10: Belohnungs-Center */
.quizara-rewards-modal.hidden{display:none!important;}
.quizara-rewards-modal{position:fixed;inset:0;z-index:94000;display:flex;align-items:center;justify-content:center;padding:16px;}
.quizara-rewards-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(4px);}
.quizara-rewards-window{position:relative;width:min(760px,96vw);max-height:88vh;overflow:auto;background:linear-gradient(180deg,#202653,#10142d);border:2px solid #ffd447;border-radius:22px;padding:16px;box-shadow:0 24px 80px rgba(0,0,0,.75);text-align:left;}
.quizara-rewards-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px;}
.quizara-rewards-head h2{margin:0;color:#ffd447;}
.quizara-rewards-head p{margin:4px 0 0;color:#cfd3ff;font-size:14px;}
.quizara-rewards-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin:10px 0 14px;}
.quizara-reward-list,.quizara-chest-list{display:grid;gap:8px;}
.quizara-reward-card{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;background:#11162f;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:10px;}
.quizara-reward-card.ready{border-color:#4eefb2;box-shadow:0 0 18px rgba(78,239,178,.16);}
.quizara-reward-card.done{opacity:.68;}
.quizara-reward-icon{font-size:28px;width:42px;text-align:center;}
.quizara-reward-main strong{display:block;color:#fff;font-size:15px;}
.quizara-reward-main span{display:block;color:#cfd3ff;font-size:13px;margin:2px 0;}
.quizara-reward-main small{color:#ffe680;font-size:12px;}
.quizara-reward-card button:disabled,.quizara-chest-card button:disabled{opacity:.45;cursor:not-allowed;filter:grayscale(.4);}
.quizara-chest-card{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#11162f;border:1px solid rgba(255,212,71,.32);border-radius:16px;padding:12px;}
.quizara-chest-card strong{display:block;color:#ffd447;}
.quizara-chest-card span{display:block;color:#cfd3ff;font-size:13px;margin-top:2px;}
@media(max-width:560px){.quizara-reward-card{grid-template-columns:auto 1fr}.quizara-reward-card button{grid-column:1/3;width:100%!important}.quizara-rewards-window{padding:13px}.quizara-rewards-head{align-items:center}.quizara-chest-card{display:block}.quizara-chest-card button{width:100%!important;margin-top:8px!important}}

/* Quizara V3 Schritt 11: Rang-Modus */
.qc-ranked-tile{
  border-color: rgba(255,212,71,.75) !important;
  background: linear-gradient(180deg, rgba(255,212,71,.18), rgba(255,79,134,.16)), linear-gradient(180deg,var(--card2),var(--card)) !important;
}
.qc-ranked-info{
  background: linear-gradient(180deg, rgba(255,212,71,.16), rgba(255,79,134,.10));
  border: 1px solid rgba(255,212,71,.85);
  color: #fff4bf;
  border-radius: 14px;
  padding: 12px;
  margin: 10px 0 14px;
  text-align: left;
  box-shadow: 0 10px 24px rgba(0,0,0,.25);
}
body[data-qc-ranked-room="1"] #modus-anzeige::before{
  content: "⚡ ";
}
body[data-qc-ranked-room="1"] .score-grid{
  border: 1px solid rgba(255,212,71,.65);
  box-shadow: 0 0 18px rgba(255,212,71,.12);
}

/* Quizara V3 Schritt 12: Rang-System */
.qc-rank-card{
  margin-top:10px;
  padding:12px;
  border-radius:16px;
  background:linear-gradient(180deg,rgba(255,212,71,.14),rgba(33,184,255,.08));
  border:1px solid rgba(255,212,71,.7);
  box-shadow:0 8px 24px rgba(0,0,0,.28);
}
.qc-rank-main{
  display:flex;
  align-items:center;
  gap:10px;
}
.qc-rank-main strong{display:block;color:#ffe680;font-size:16px;}
.qc-rank-main small{display:block;color:#d8dcff;font-size:12px;margin-top:2px;}
.qc-rank-icon{font-size:34px;filter:drop-shadow(0 4px 6px rgba(0,0,0,.45));}
.qc-rank-bar{height:10px;border-radius:999px;background:#080b1d;border:1px solid rgba(255,255,255,.08);overflow:hidden;margin-top:10px;}
.qc-rank-bar div{height:100%;background:linear-gradient(90deg,#ffd447,#21b8ff);border-radius:999px;transition:width .35s ease;}
.qc-rank-next{font-size:12px;color:#bfc3ff;margin-top:6px;}
body[data-qc-ranked-room="1"] #modus-anzeige{
  color:#ffd447;
  text-shadow:0 0 16px rgba(255,212,71,.5);
}
body[data-qc-ranked-room="1"] #spiel-bereich{
  border:1px solid rgba(255,212,71,.35);
  border-radius:18px;
  padding:10px;
}
@media (max-width:520px){
  .qc-rank-main strong{font-size:15px;}
  .qc-rank-icon{font-size:30px;}
}