.wheel-page,.wheel-page *{box-sizing:border-box}.wheel-page{width:100%;max-width:1180px;margin:0 auto;padding:6px 0 28px;color:var(--page-text)}.wheel-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin:0 0 18px}.wheel-page-head h1{margin:0;font-size:clamp(1.6rem,3vw,2.35rem)}.wheel-back,.wheel-primary-btn,.wheel-secondary-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;padding:9px 16px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .15s ease,filter .15s ease,opacity .15s ease}.wheel-back,.wheel-primary-btn{border:0;background:#ffd400;color:#111;box-shadow:0 4px 13px rgba(0,0,0,.18)}.wheel-secondary-btn{border:1px solid rgba(127,127,127,.35);background:rgba(127,127,127,.12);color:inherit}.wheel-primary-btn:hover,.wheel-secondary-btn:hover,.wheel-back:hover{filter:brightness(1.04);transform:translateY(-1px)}.wheel-primary-btn:disabled,.wheel-secondary-btn:disabled{opacity:.48;cursor:not-allowed;transform:none}.wheel-status{min-height:24px;margin:0 0 12px;padding:8px 12px;border-radius:12px;background:rgba(127,127,127,.10);font-weight:700}.wheel-status.is-error{background:rgba(190,25,25,.13)}.wheel-status.is-success{background:rgba(29,135,71,.13)}.wheel-login-card,.wheel-waiting,.wheel-invite-card{max-width:700px;margin:30px auto;padding:28px;border:1px solid rgba(127,127,127,.25);border-radius:22px;background:rgba(255,255,255,.05);text-align:center;box-shadow:0 8px 24px rgba(0,0,0,.10)}.wheel-login-card h2,.wheel-waiting h2{margin:8px 0 10px}.wheel-login-card p,.wheel-waiting p{line-height:1.55}.wheel-login-icon,.wheel-waiting-spinner{font-size:4rem;line-height:1}.wheel-waiting-spinner{animation:wheelWaiting 2.6s linear infinite}@keyframes wheelWaiting{to{transform:rotate(360deg)}}.wheel-lobby{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:stretch}.wheel-lobby-profile{grid-column:1/-1;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid rgba(127,127,127,.22);border-radius:16px;background:rgba(127,127,127,.07)}.wheel-lobby-profile>div{display:flex;flex-direction:column;gap:2px}.wheel-lobby-card{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:22px;border:1px solid rgba(127,127,127,.24);border-radius:20px;background:rgba(255,255,255,.05);box-shadow:0 6px 20px rgba(0,0,0,.09)}.wheel-lobby-card h2{margin:0;font-size:1.2rem}.wheel-lobby-card p{margin:0;line-height:1.55}.wheel-friend-form{width:100%;display:flex;flex-direction:column;gap:7px}.wheel-friend-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;width:100%}.wheel-friend-row>span{font-size:1.25rem;font-weight:900}.wheel-friend-row input,.wheel-solve-form input{width:100%;min-width:0;min-height:44px;border:1px solid rgba(127,127,127,.35);border-radius:12px;background:rgba(255,255,255,.92);color:#151515;padding:9px 12px;font:inherit}.wheel-avatar{width:46px;height:46px;flex:0 0 46px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;background:rgba(127,127,127,.17);border:2px solid rgba(127,127,127,.25);font-weight:900}.wheel-avatar-large{width:56px;height:56px;flex-basis:56px}.wheel-avatar img{width:100%;height:100%;object-fit:cover;display:block}.wheel-invite{position:relative}.wheel-invite-card{text-align:left}.wheel-player-inline{display:flex;align-items:center;gap:12px}.wheel-player-inline>div{display:flex;flex-direction:column;gap:4px}.wheel-invite-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:20px}.wheel-game{display:flex;flex-direction:column;gap:18px}.wheel-game-top{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px;align-items:stretch}.wheel-player-card{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid rgba(127,127,127,.28);border-radius:16px;background:rgba(255,255,255,.05);min-width:0}.wheel-player-card.is-turn{outline:3px solid rgba(255,212,0,.45);border-color:#ffd400}.wheel-player-text{min-width:0;display:flex;flex-direction:column;gap:3px}.wheel-player-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-player-score{font-size:.9rem;opacity:.82}.wheel-category-box{min-width:180px;padding:10px 16px;border-radius:16px;background:#ffd400;color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.wheel-category-box span{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.wheel-category-box strong{font-size:1.08rem}.wheel-puzzle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;min-height:150px;padding:24px 18px;border-radius:20px;border:1px solid rgba(127,127,127,.26);background:rgba(127,127,127,.07);overflow:hidden}.wheel-puzzle-line{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:10px 14px;max-width:100%}.wheel-word{display:inline-flex;align-items:center;gap:4px;white-space:nowrap}.wheel-char{width:34px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:7px;background:rgba(255,255,255,.94);color:#111;border:1px solid rgba(0,0,0,.18);font-size:1.25rem;font-weight:900;line-height:1}.wheel-char.is-punct{width:auto;min-width:14px;background:transparent;border:0;color:inherit}.wheel-mobile-hyphen{display:none;font-weight:900;align-self:center}.wheel-solution{padding:12px 16px;border-radius:14px;background:rgba(29,135,71,.14);font-size:1.15rem;font-weight:800;text-align:center;hyphens:auto;overflow-wrap:break-word}.wheel-play-area{display:grid;grid-template-columns:minmax(260px,360px) minmax(0,1fr);gap:22px;align-items:start}.wheel-disc-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:16px}.wheel-pointer{font-size:2rem;line-height:.7;color:#d31c1c;position:relative;z-index:2;margin-bottom:-7px}.wheel-disc{width:min(74vw,300px);aspect-ratio:1/1;border-radius:50%;border:8px solid rgba(255,255,255,.72);box-shadow:0 10px 28px rgba(0,0,0,.24),inset 0 0 0 3px rgba(0,0,0,.16);background:conic-gradient(#ffd400 0 45deg,#f28e2b 45deg 90deg,#59a14f 90deg 135deg,#4e79a7 135deg 180deg,#e15759 180deg 225deg,#76b7b2 225deg 270deg,#edc948 270deg 315deg,#b07aa1 315deg 360deg);position:relative;transition:transform 1.1s cubic-bezier(.2,.8,.25,1)}.wheel-disc::after{content:'ANBITA';position:absolute;inset:35%;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#111;color:#fff;border:4px solid #fff;font-weight:900;font-size:clamp(.65rem,2vw,1rem);letter-spacing:.04em}.wheel-disc span{position:absolute;left:50%;top:50%;font-size:.78rem;font-weight:900;color:#111;transform-origin:0 0}.wheel-disc span:nth-child(1){transform:rotate(-67deg) translate(82px) rotate(67deg)}.wheel-disc span:nth-child(2){transform:rotate(-22deg) translate(82px) rotate(22deg)}.wheel-disc span:nth-child(3){transform:rotate(23deg) translate(82px) rotate(-23deg)}.wheel-disc span:nth-child(4){transform:rotate(68deg) translate(82px) rotate(-68deg)}.wheel-disc span:nth-child(5){transform:rotate(113deg) translate(82px) rotate(-113deg)}.wheel-disc span:nth-child(6){transform:rotate(158deg) translate(82px) rotate(-158deg)}.wheel-disc span:nth-child(7){transform:rotate(203deg) translate(82px) rotate(-203deg)}.wheel-disc span:nth-child(8){transform:rotate(248deg) translate(82px) rotate(-248deg)}.wheel-disc.is-spinning{transform:rotate(1100deg)}.wheel-spin-btn{min-width:160px}.wheel-spin-value{min-height:22px;font-weight:800;text-align:center}.wheel-controls{display:flex;flex-direction:column;gap:13px;min-width:0}.wheel-turn{padding:10px 12px;border-radius:12px;background:rgba(255,212,0,.14);font-weight:900}.wheel-last-action{min-height:42px;line-height:1.45}.wheel-alphabet{display:grid;grid-template-columns:repeat(10,minmax(32px,1fr));gap:6px}.wheel-letter{min-height:38px;border:1px solid rgba(127,127,127,.32);border-radius:9px;background:rgba(255,255,255,.92);color:#111;font:inherit;font-weight:900;cursor:pointer}.wheel-letter:hover:not(:disabled){background:#ffd400}.wheel-letter:disabled{opacity:.34;cursor:not-allowed}.wheel-solve-form{display:flex;flex-direction:column;gap:7px}.wheel-solve-form>div{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.wheel-finish-actions{text-align:center;padding-top:4px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}html.dark-mode .wheel-friend-row input,body.dark-mode .wheel-friend-row input,html.dark-mode .wheel-solve-form input,body.dark-mode .wheel-solve-form input{background:#111a28;color:#fff;border-color:rgba(255,255,255,.22)}html.dark-mode .wheel-letter,body.dark-mode .wheel-letter{background:#172235;color:#fff;border-color:rgba(255,255,255,.22)}html.dark-mode .wheel-char,body.dark-mode .wheel-char{background:#f8f8f8;color:#111}
@media(max-width:860px){.wheel-lobby{grid-template-columns:1fr}.wheel-game-top{grid-template-columns:1fr 1fr}.wheel-category-box{grid-column:1/-1;grid-row:1;min-width:0}.wheel-play-area{grid-template-columns:1fr}.wheel-disc-wrap{padding-top:0}.wheel-alphabet{grid-template-columns:repeat(8,minmax(32px,1fr))}}
@media(max-width:560px){.wheel-page{padding-left:0;padding-right:0}.wheel-page-head{align-items:flex-start}.wheel-page-head h1{width:100%}.wheel-lobby-card,.wheel-login-card,.wheel-waiting,.wheel-invite-card{padding:17px;border-radius:16px}.wheel-friend-row{grid-template-columns:auto minmax(0,1fr)}.wheel-friend-row .wheel-secondary-btn{grid-column:1/-1;width:100%}.wheel-game-top{grid-template-columns:1fr;gap:8px}.wheel-category-box{grid-column:1;grid-row:auto;order:-1}.wheel-player-card{padding:8px 10px}.wheel-puzzle{align-items:flex-start;justify-content:flex-start;gap:8px;padding:16px 10px;min-height:110px}.wheel-puzzle-line{justify-content:flex-start;flex-wrap:wrap;gap:8px 10px;width:100%}.wheel-word{max-width:100%;gap:3px;flex-wrap:nowrap}.wheel-word.is-long{display:flex;flex-wrap:wrap;white-space:normal;row-gap:4px}.wheel-word-chunk{display:inline-flex;align-items:center;gap:3px}.wheel-word.is-long .wheel-word-chunk:not(:last-child){flex-basis:auto}.wheel-word.is-long .wheel-word-chunk:not(:last-child)::after{content:'-';display:inline-flex;margin-left:1px;font-weight:900}.wheel-char{width:27px;height:38px;font-size:1.05rem}.wheel-char.is-punct{min-width:8px;width:auto}.wheel-disc{width:min(78vw,260px)}.wheel-disc span:nth-child(1){transform:rotate(-67deg) translate(70px) rotate(67deg)}.wheel-disc span:nth-child(2){transform:rotate(-22deg) translate(70px) rotate(22deg)}.wheel-disc span:nth-child(3){transform:rotate(23deg) translate(70px) rotate(-23deg)}.wheel-disc span:nth-child(4){transform:rotate(68deg) translate(70px) rotate(-68deg)}.wheel-disc span:nth-child(5){transform:rotate(113deg) translate(70px) rotate(-113deg)}.wheel-disc span:nth-child(6){transform:rotate(158deg) translate(70px) rotate(-158deg)}.wheel-disc span:nth-child(7){transform:rotate(203deg) translate(70px) rotate(-203deg)}.wheel-disc span:nth-child(8){transform:rotate(248deg) translate(70px) rotate(-248deg)}.wheel-alphabet{grid-template-columns:repeat(6,minmax(36px,1fr));gap:5px}.wheel-letter{min-height:40px}.wheel-solve-form>div{grid-template-columns:1fr}.wheel-solve-form .wheel-secondary-btn{width:100%}}
@media(max-width:380px){.wheel-char{width:24px;height:35px;font-size:.98rem}.wheel-puzzle{padding-left:7px;padding-right:7px}.wheel-alphabet{grid-template-columns:repeat(5,minmax(38px,1fr))}}


/* Glücksrad v2: 12 exakt ausgerichtete Felder, längere Drehung und Rundenanzeige */
.wheel-disc{
    background:conic-gradient(
        #ffd400 0deg 30deg,
        #f28e2b 30deg 60deg,
        #59a14f 60deg 90deg,
        #4e79a7 90deg 120deg,
        #e15759 120deg 150deg,
        #76b7b2 150deg 180deg,
        #edc948 180deg 210deg,
        #b07aa1 210deg 240deg,
        #ff9da7 240deg 270deg,
        #9c755f 270deg 300deg,
        #e9ecef 300deg 330deg,
        #151515 330deg 360deg
    );
    transition-property:transform;
    transition-duration:1.2s;
    transition-timing-function:cubic-bezier(.2,.8,.25,1);
    will-change:transform;
}
.wheel-pointer{
    font-size:2.45rem;
    color:#e51b23;
    text-shadow:0 2px 4px rgba(0,0,0,.35);
    margin-bottom:-5px;
}
.wheel-disc span{
    width:48px;
    margin-left:0;
    margin-top:0;
    text-align:center;
    font-size:.7rem;
    line-height:1.05;
    transform-origin:0 0;
}
.wheel-disc span:nth-child(1){transform:rotate(-75deg) translate(100px) rotate(75deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(2){transform:rotate(-45deg) translate(100px) rotate(45deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(3){transform:rotate(-15deg) translate(100px) rotate(15deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(4){transform:rotate(15deg) translate(100px) rotate(-15deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(5){transform:rotate(45deg) translate(100px) rotate(-45deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(6){transform:rotate(75deg) translate(100px) rotate(-75deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(7){transform:rotate(105deg) translate(100px) rotate(-105deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(8){transform:rotate(135deg) translate(100px) rotate(-135deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(9){transform:rotate(165deg) translate(100px) rotate(-165deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(10){transform:rotate(195deg) translate(100px) rotate(-195deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(11){transform:rotate(225deg) translate(100px) rotate(-225deg) translate(-50%,-50%)}
.wheel-disc span:nth-child(12){transform:rotate(255deg) translate(100px) rotate(-255deg) translate(-50%,-50%)}
.wheel-disc .wheel-special{font-size:.52rem;word-break:normal;white-space:nowrap}
.wheel-disc .wheel-bankrupt{color:#fff}
.wheel-letter-note{
    padding:9px 11px;
    border-radius:10px;
    background:rgba(127,127,127,.09);
    font-size:.88rem;
    line-height:1.4;
}
.wheel-letter.is-vowel:not(:disabled){box-shadow:inset 0 -3px 0 rgba(255,212,0,.75)}
.wheel-letter.is-consonant:not(:disabled){box-shadow:inset 0 -3px 0 rgba(78,121,167,.45)}
.wheel-finish-actions{
    display:flex;
    justify-content:center;
    gap:10px;
    flex-wrap:wrap;
}
.wheel-finish-actions[hidden]{display:none!important}

@media(max-width:560px){
    .wheel-disc span{width:44px;margin-left:0;font-size:.62rem;transform-origin:0 0}
    .wheel-disc span:nth-child(1){transform:rotate(-75deg) translate(86px) rotate(75deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(2){transform:rotate(-45deg) translate(86px) rotate(45deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(3){transform:rotate(-15deg) translate(86px) rotate(15deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(4){transform:rotate(15deg) translate(86px) rotate(-15deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(5){transform:rotate(45deg) translate(86px) rotate(-45deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(6){transform:rotate(75deg) translate(86px) rotate(-75deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(7){transform:rotate(105deg) translate(86px) rotate(-105deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(8){transform:rotate(135deg) translate(86px) rotate(-135deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(9){transform:rotate(165deg) translate(86px) rotate(-165deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(10){transform:rotate(195deg) translate(86px) rotate(-195deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(11){transform:rotate(225deg) translate(86px) rotate(-225deg) translate(-50%,-50%)}
    .wheel-disc span:nth-child(12){transform:rotate(255deg) translate(86px) rotate(-255deg) translate(-50%,-50%)}
    .wheel-disc .wheel-special{font-size:.46rem}
}


/* Glücksrad v3: Ergebnis direkt auf dem getroffenen Feld markieren */
.wheel-disc > span.is-current{
    z-index:6;
    color:#111!important;
    background:#fff;
    border-radius:999px;
    box-shadow:0 0 0 3px #fff,0 0 0 7px #e51b23,0 4px 12px rgba(0,0,0,.42);
    font-size:.82rem;
    line-height:1.15;
    padding:4px 3px;
}
.wheel-disc > span.wheel-special.is-current{
    font-size:.58rem;
}
.wheel-pointer{
    margin-bottom:-13px;
}
@media(max-width:560px){
    .wheel-disc > span.is-current{font-size:.7rem;padding:3px 2px;box-shadow:0 0 0 2px #fff,0 0 0 5px #e51b23,0 3px 9px rgba(0,0,0,.4)}
    .wheel-disc > span.wheel-special.is-current{font-size:.5rem}
}


/* Glücksrad v4: fester Zeiger direkt am Rad + klare Trefferposition */
.wheel-disc-wrap{
    position:relative;
    padding-top:42px;
}
.wheel-pointer{
    position:absolute;
    z-index:30;
    top:0;
    left:50%;
    width:58px;
    height:72px;
    margin:0!important;
    transform:translateX(-50%);
    font-size:0!important;
    line-height:1;
    pointer-events:none;
    filter:drop-shadow(0 4px 4px rgba(0,0,0,.42));
}
.wheel-pointer::before{
    content:'';
    position:absolute;
    top:0;
    left:50%;
    width:38px;
    height:38px;
    transform:translateX(-50%);
    border-radius:50%;
    border:4px solid #fff;
    background:#e51b23;
    box-shadow:0 0 0 2px rgba(0,0,0,.28),inset 0 -4px 0 rgba(0,0,0,.14);
}
.wheel-pointer::after{
    content:'';
    position:absolute;
    top:29px;
    left:50%;
    width:0;
    height:0;
    transform:translateX(-50%);
    border-left:18px solid transparent;
    border-right:18px solid transparent;
    border-top:36px solid #e51b23;
    filter:drop-shadow(0 2px 0 #fff) drop-shadow(0 2px 1px rgba(0,0,0,.35));
}
.wheel-disc{
    z-index:1;
}
.wheel-disc > span.is-current{
    box-shadow:0 0 0 3px #fff,0 0 0 7px #e51b23,0 4px 12px rgba(0,0,0,.42);
}
@media(max-width:560px){
    .wheel-disc-wrap{padding-top:38px}
    .wheel-pointer{width:52px;height:65px;top:0}
    .wheel-pointer::before{width:34px;height:34px;border-width:3px}
    .wheel-pointer::after{top:26px;border-left-width:16px;border-right-width:16px;border-top-width:32px}
}

/* Glücksrad v5: flüssige Mehrfachdrehungen auf Desktop und Mobilgeräten. */
.wheel-disc{will-change:transform;backface-visibility:hidden;transform:translateZ(0)}

/* Glücksrad v6: Tages-Highscore und klare Zurück-Navigation. */
.wheel-back{background:#ffd400!important;color:#111!important;border:0!important}
.wheel-highscore-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;background:rgba(0,0,0,.68);overflow:auto}
.wheel-highscore-modal[hidden]{display:none!important}
body.wheel-highscore-open{overflow:hidden}
.wheel-highscore-card{width:min(900px,100%);max-height:min(86vh,900px);overflow:auto;border:1px solid rgba(127,127,127,.32);border-radius:22px;background:var(--page-bg,#fff);color:var(--page-text,#111);box-shadow:0 20px 60px rgba(0,0,0,.45);padding:22px}
.wheel-highscore-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:12px}
.wheel-highscore-head h2{margin:2px 0 0;font-size:clamp(1.5rem,4vw,2.1rem)}
.wheel-highscore-kicker{font-size:.78rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase;opacity:.7}
.wheel-highscore-close{width:44px;height:44px;flex:0 0 44px;border:0;border-radius:50%;background:#ffd400;color:#111;font:900 1.7rem/1 Arial,sans-serif;cursor:pointer}
.wheel-highscore-champion{margin:0 0 12px;padding:12px 14px;border-radius:14px;background:#ffd400;color:#111;font-weight:900;text-align:center}
.wheel-highscore-info{margin:0 0 12px;padding:10px 12px;border-radius:12px;background:rgba(127,127,127,.10);font-weight:800}
.wheel-highscore-list{display:flex;flex-direction:column;gap:7px}
.wheel-highscore-row{display:grid;grid-template-columns:70px minmax(170px,1fr) 85px 70px 100px;gap:8px;align-items:center;min-height:54px;padding:8px 10px;border:1px solid rgba(127,127,127,.22);border-radius:13px;background:rgba(127,127,127,.055)}
.wheel-highscore-row-head{min-height:auto;background:transparent;border:0;border-bottom:1px solid rgba(127,127,127,.28);border-radius:0;font-size:.78rem;font-weight:900;text-transform:uppercase;letter-spacing:.03em;opacity:.72}
.wheel-highscore-row.is-winner{border:2px solid #ffd400;background:rgba(255,212,0,.14);box-shadow:0 0 0 2px rgba(255,212,0,.10)}
.wheel-highscore-rank,.wheel-highscore-points{font-weight:900}
.wheel-highscore-player{display:flex;align-items:center;gap:9px;min-width:0}.wheel-highscore-player strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wheel-highscore-avatar{width:38px;height:38px;flex-basis:38px}
.wheel-highscore-empty{padding:24px 12px;text-align:center;border-radius:14px;background:rgba(127,127,127,.07)}
@media(max-width:700px){
  .wheel-highscore-modal{padding:8px}.wheel-highscore-card{padding:15px;border-radius:17px;max-height:94vh}
  .wheel-highscore-row{grid-template-columns:52px minmax(125px,1fr) 60px 58px 72px;gap:5px;padding:7px 6px;font-size:.86rem}
  .wheel-highscore-row-head{font-size:.65rem}.wheel-highscore-avatar{width:32px;height:32px;flex-basis:32px}
}
@media(max-width:480px){
  .wheel-highscore-row{grid-template-columns:44px minmax(105px,1fr) 52px 48px 64px;font-size:.78rem}
  .wheel-highscore-row-head{font-size:.58rem}.wheel-highscore-player{gap:5px}.wheel-highscore-avatar{width:28px;height:28px;flex-basis:28px}
}

/* Glücksrad v8: mehrzeilige Ratewand, vertikale Radbeschriftung + responsive Spielinfo. */
.wheel-disc > span{
    display:flex;
    align-items:center;
    justify-content:center;
    width:28px;
    min-height:58px;
    writing-mode:vertical-rl;
    text-orientation:upright;
    white-space:normal!important;
    letter-spacing:.03em;
    line-height:1;
}
.wheel-disc > span.wheel-special{
    width:30px;
    min-height:72px;
    white-space:normal!important;
    letter-spacing:0;
}
.wheel-disc > span.is-current{
    border-radius:12px;
}
.wheel-game-help-row{
    display:flex;
    justify-content:flex-end;
    margin-top:-7px;
    margin-bottom:-7px;
}
.wheel-info-btn{
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    border:1px solid rgba(127,127,127,.30);
    border-radius:999px;
    padding:7px 14px;
    background:rgba(127,127,127,.10);
    color:inherit;
    font:inherit;
    font-weight:900;
    cursor:pointer;
}
.wheel-info-btn:hover{background:rgba(255,212,0,.20)}
.wheel-info-symbol{
    width:24px;
    height:24px;
    flex:0 0 24px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:#ffd400;
    color:#111;
    font:900 16px/1 Arial,sans-serif;
}
.wheel-info-modal{
    position:fixed;
    inset:0;
    z-index:100000;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:18px;
    background:rgba(0,0,0,.68);
}
.wheel-info-modal[hidden]{display:none!important}
body.wheel-info-open{overflow:hidden}
.wheel-info-card{
    width:min(820px,100%);
    max-height:92vh;
    overflow:auto;
    padding:26px;
    border:1px solid rgba(127,127,127,.32);
    border-radius:20px;
    background:#f7f7f7;
    color:#111;
    box-shadow:0 20px 60px rgba(0,0,0,.45);
}
html.dark-mode .wheel-info-card,body.dark-mode .wheel-info-card{
    background:#111826;
    color:#f4f7ff;
    border-color:rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.62);
}
.wheel-info-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:14px;
    margin-bottom:10px;
}
.wheel-info-head h2{margin:0;font-size:clamp(1.35rem,3vw,1.85rem)}
.wheel-info-card p{margin:10px 0;line-height:1.62;font-size:1rem}
html.dark-mode .wheel-info-head h2,body.dark-mode .wheel-info-head h2{color:#ffffff}
html.dark-mode .wheel-info-card p,body.dark-mode .wheel-info-card p{color:#e6ebf5}
.wheel-info-close{
    width:40px;
    height:40px;
    flex:0 0 40px;
    border:0;
    border-radius:50%;
    background:#ffd400;
    color:#111;
    font:900 1.55rem/1 Arial,sans-serif;
    cursor:pointer;
}
.wheel-shortcuts{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px 16px;
    margin-top:18px;
    padding:16px;
    border-radius:16px;
    background:rgba(127,127,127,.10);
}
html.dark-mode .wheel-shortcuts,body.dark-mode .wheel-shortcuts{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
}
.wheel-shortcuts > strong{grid-column:1/-1;font-size:1rem}
.wheel-shortcuts span{display:flex;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);font-weight:700}
html.dark-mode .wheel-shortcuts span,body.dark-mode .wheel-shortcuts span{
    background:rgba(255,255,255,.05);
    color:#f4f7ff;
}
.wheel-shortcuts kbd{
    min-width:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:34px;
    padding:5px 10px;
    border:1px solid rgba(127,127,127,.38);
    border-radius:8px;
    background:rgba(255,255,255,.85);
    color:#111;
    font:900 .92rem/1 Arial,sans-serif;
    box-shadow:0 2px 0 rgba(0,0,0,.18);
}
html.dark-mode .wheel-shortcuts kbd,body.dark-mode .wheel-shortcuts kbd{
    background:#1f2a3f;
    color:#ffffff;
    border-color:rgba(255,255,255,.18);
    box-shadow:0 2px 0 rgba(0,0,0,.35);
}
@media(max-width:560px){
    .wheel-disc > span{width:24px;min-height:50px;font-size:.58rem}
    .wheel-disc > span.wheel-special{width:25px;min-height:62px;font-size:.43rem}
    .wheel-game-help-row{position:relative;margin:-4px 0 -8px}
    .wheel-info-btn{
        width:42px;
        height:42px;
        min-height:42px;
        padding:0;
        border-radius:50%;
    }
    .wheel-info-label{display:none}
    .wheel-info-symbol{width:28px;height:28px;flex-basis:28px;font-size:18px}
    .wheel-info-modal{padding:8px}
    .wheel-info-card{padding:18px;border-radius:16px;max-height:95vh;width:min(96vw,720px)}
    .wheel-shortcuts{grid-template-columns:1fr;gap:10px}
    .wheel-shortcuts > strong{grid-column:auto}
}


/* Glücksrad v10: Highscore im Dark Mode + sauber positionierte Hochformat-Felder auf dem Rad. */
html.dark-mode .wheel-highscore-card,
body.dark-mode .wheel-highscore-card{
    background:#111826;
    color:#f4f7ff;
    border-color:rgba(255,255,255,.14);
    box-shadow:0 24px 70px rgba(0,0,0,.62);
}
html.dark-mode .wheel-highscore-head h2,
body.dark-mode .wheel-highscore-head h2,
html.dark-mode .wheel-highscore-player strong,
body.dark-mode .wheel-highscore-player strong,
html.dark-mode .wheel-highscore-rank,
body.dark-mode .wheel-highscore-rank,
html.dark-mode .wheel-highscore-points,
body.dark-mode .wheel-highscore-points{
    color:#ffffff;
}
html.dark-mode .wheel-highscore-kicker,
body.dark-mode .wheel-highscore-kicker,
html.dark-mode .wheel-highscore-row-head,
body.dark-mode .wheel-highscore-row-head{
    color:#d8deeb;
    opacity:.95;
}
html.dark-mode .wheel-highscore-info,
body.dark-mode .wheel-highscore-info{
    background:rgba(255,255,255,.06);
    color:#edf2ff;
}
html.dark-mode .wheel-highscore-row,
body.dark-mode .wheel-highscore-row{
    background:rgba(255,255,255,.045);
    border-color:rgba(255,255,255,.12);
    color:#edf2ff;
}
html.dark-mode .wheel-highscore-row-head,
body.dark-mode .wheel-highscore-row-head{
    background:transparent;
    border-bottom-color:rgba(255,255,255,.14);
}
html.dark-mode .wheel-highscore-row.is-winner,
body.dark-mode .wheel-highscore-row.is-winner{
    background:rgba(255,212,0,.16);
    border-color:#ffd400;
    box-shadow:0 0 0 2px rgba(255,212,0,.12);
}
html.dark-mode .wheel-highscore-empty,
body.dark-mode .wheel-highscore-empty{
    background:rgba(255,255,255,.05);
    color:#eef3ff;
}

.wheel-disc > span{
    width:24px;
    min-height:54px;
    padding:0;
    font-size:.66rem;
    line-height:.96;
    text-align:center;
    transform-origin:50% 50%;
    text-shadow:0 1px 0 rgba(255,255,255,.28);
}
.wheel-disc > span.wheel-special{
    width:26px;
    min-height:64px;
    font-size:.54rem;
    line-height:.92;
}
.wheel-disc > span.is-current{
    padding:2px 1px;
    border-radius:10px;
}
.wheel-disc > span:nth-child(1){transform:rotate(-75deg) translate(92px) rotate(75deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(2){transform:rotate(-45deg) translate(92px) rotate(45deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(3){transform:rotate(-15deg) translate(92px) rotate(15deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(4){transform:rotate(15deg) translate(92px) rotate(-15deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(5){transform:rotate(45deg) translate(92px) rotate(-45deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(6){transform:rotate(75deg) translate(92px) rotate(-75deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(7){transform:rotate(105deg) translate(92px) rotate(-105deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(8){transform:rotate(135deg) translate(92px) rotate(-135deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(9){transform:rotate(165deg) translate(92px) rotate(-165deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(10){transform:rotate(195deg) translate(92px) rotate(-195deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(11){transform:rotate(225deg) translate(92px) rotate(-225deg) translate(-50%,-50%)}
.wheel-disc > span:nth-child(12){transform:rotate(255deg) translate(92px) rotate(-255deg) translate(-50%,-50%)}

@media(max-width:560px){
    .wheel-disc > span{width:21px;min-height:48px;font-size:.56rem;line-height:.95}
    .wheel-disc > span.wheel-special{width:22px;min-height:56px;font-size:.44rem}
    .wheel-disc > span.is-current{font-size:.58rem;padding:2px 1px}
    .wheel-disc > span:nth-child(1){transform:rotate(-75deg) translate(78px) rotate(75deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(2){transform:rotate(-45deg) translate(78px) rotate(45deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(3){transform:rotate(-15deg) translate(78px) rotate(15deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(4){transform:rotate(15deg) translate(78px) rotate(-15deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(5){transform:rotate(45deg) translate(78px) rotate(-45deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(6){transform:rotate(75deg) translate(78px) rotate(-75deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(7){transform:rotate(105deg) translate(78px) rotate(-105deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(8){transform:rotate(135deg) translate(78px) rotate(-135deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(9){transform:rotate(165deg) translate(78px) rotate(-165deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(10){transform:rotate(195deg) translate(78px) rotate(-195deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(11){transform:rotate(225deg) translate(78px) rotate(-225deg) translate(-50%,-50%)}
    .wheel-disc > span:nth-child(12){transform:rotate(255deg) translate(78px) rotate(-255deg) translate(-50%,-50%)}
}


/* Glücksrad v11: Beschriftung im Rad fest im jeweiligen Feld zentrieren. */
.wheel-disc > span,
.wheel-disc span{
    position:absolute !important;
    left:50% !important;
    top:50% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:20px !important;
    min-height:48px !important;
    padding:0 !important;
    margin:0 !important;
    writing-mode:vertical-rl !important;
    text-orientation:upright !important;
    white-space:normal !important;
    word-break:keep-all !important;
    overflow-wrap:normal !important;
    text-align:center !important;
    line-height:.92 !important;
    font-size:.58rem !important;
    font-weight:900 !important;
    transform-origin:50% 50% !important;
}
.wheel-disc > span.wheel-special,
.wheel-disc span.wheel-special{
    width:22px !important;
    min-height:58px !important;
    font-size:.45rem !important;
    line-height:.88 !important;
    letter-spacing:0 !important;
}
.wheel-disc > span.is-current,
.wheel-disc span.is-current{
    width:22px !important;
    min-height:52px !important;
    padding:1px 0 !important;
    border-radius:10px !important;
    font-size:.60rem !important;
}
.wheel-disc > span:nth-child(1), .wheel-disc span:nth-child(1){transform:rotate(-75deg) translate(90px) rotate(75deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(2), .wheel-disc span:nth-child(2){transform:rotate(-45deg) translate(90px) rotate(45deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(3), .wheel-disc span:nth-child(3){transform:rotate(-15deg) translate(90px) rotate(15deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(4), .wheel-disc span:nth-child(4){transform:rotate(15deg) translate(90px) rotate(-15deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(5), .wheel-disc span:nth-child(5){transform:rotate(45deg) translate(90px) rotate(-45deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(6), .wheel-disc span:nth-child(6){transform:rotate(75deg) translate(90px) rotate(-75deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(7), .wheel-disc span:nth-child(7){transform:rotate(105deg) translate(90px) rotate(-105deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(8), .wheel-disc span:nth-child(8){transform:rotate(135deg) translate(90px) rotate(-135deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(9), .wheel-disc span:nth-child(9){transform:rotate(165deg) translate(90px) rotate(-165deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(10), .wheel-disc span:nth-child(10){transform:rotate(195deg) translate(90px) rotate(-195deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(11), .wheel-disc span:nth-child(11){transform:rotate(225deg) translate(90px) rotate(-225deg) translate(-50%,-50%) !important}
.wheel-disc > span:nth-child(12), .wheel-disc span:nth-child(12){transform:rotate(255deg) translate(90px) rotate(-255deg) translate(-50%,-50%) !important}

@media(max-width:560px){
    .wheel-disc > span,
    .wheel-disc span{
        width:18px !important;
        min-height:42px !important;
        font-size:.50rem !important;
    }
    .wheel-disc > span.wheel-special,
    .wheel-disc span.wheel-special{
        width:20px !important;
        min-height:50px !important;
        font-size:.40rem !important;
    }
    .wheel-disc > span.is-current,
    .wheel-disc span.is-current{
        width:20px !important;
        min-height:46px !important;
        font-size:.52rem !important;
    }
    .wheel-disc > span:nth-child(1), .wheel-disc span:nth-child(1){transform:rotate(-75deg) translate(76px) rotate(75deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(2), .wheel-disc span:nth-child(2){transform:rotate(-45deg) translate(76px) rotate(45deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(3), .wheel-disc span:nth-child(3){transform:rotate(-15deg) translate(76px) rotate(15deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(4), .wheel-disc span:nth-child(4){transform:rotate(15deg) translate(76px) rotate(-15deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(5), .wheel-disc span:nth-child(5){transform:rotate(45deg) translate(76px) rotate(-45deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(6), .wheel-disc span:nth-child(6){transform:rotate(75deg) translate(76px) rotate(-75deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(7), .wheel-disc span:nth-child(7){transform:rotate(105deg) translate(76px) rotate(-105deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(8), .wheel-disc span:nth-child(8){transform:rotate(135deg) translate(76px) rotate(-135deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(9), .wheel-disc span:nth-child(9){transform:rotate(165deg) translate(76px) rotate(-165deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(10), .wheel-disc span:nth-child(10){transform:rotate(195deg) translate(76px) rotate(-195deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(11), .wheel-disc span:nth-child(11){transform:rotate(225deg) translate(76px) rotate(-225deg) translate(-50%,-50%) !important}
    .wheel-disc > span:nth-child(12), .wheel-disc span:nth-child(12){transform:rotate(255deg) translate(76px) rotate(-255deg) translate(-50%,-50%) !important}
}

/* Glücksrad v12 */
.wheel-game-help-row{gap:8px}.wheel-voice-btn{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(127,127,127,.30);border-radius:999px;padding:7px 14px;background:rgba(127,127,127,.10);color:inherit;font:inherit;font-weight:900;cursor:pointer}.wheel-voice-btn:hover{background:rgba(255,212,0,.20)}.wheel-voice-btn[aria-pressed="true"]{background:#ffd400;color:#111;border-color:#ffd400}.wheel-voice-symbol{font-size:1.05rem;line-height:1}.wheel-speech-live{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.wheel-shortcuts>span{display:grid;grid-template-columns:minmax(105px,auto) 1fr;align-items:center;gap:10px;min-width:0;padding:10px 12px;border-radius:12px;background:rgba(255,255,255,.55);font-weight:700}.wheel-shortcuts>span>span{display:flex;align-items:center;gap:4px;padding:0;background:transparent!important}.wheel-shortcuts>span>b{font-size:.92rem}.wheel-shortcuts>span>kbd,.wheel-shortcuts>span>span>kbd{min-width:34px;margin:0}
html.dark-mode .wheel-shortcuts>span,body.dark-mode .wheel-shortcuts>span{background:rgba(255,255,255,.05);color:#f4f7ff}
@media(max-width:560px){.wheel-voice-btn{width:42px;height:42px;min-height:42px;padding:0;border-radius:50%}.wheel-voice-label{display:none}.wheel-game-help-row{gap:6px}.wheel-shortcuts>span{grid-template-columns:1fr;gap:7px}}