.wheel-challenge-entry,.wheel-home-rows,.wheel-page{--wheel-mine:var(--brand,#7164df);--wheel-other:#bf7160;--wheel-turkce:#6b62d2;--wheel-matematik:#397d99;--wheel-sosyal:#9a7340;--wheel-fen:#42826a;color:var(--text,#23304a)}
.wheel-challenge-entry *,.wheel-home-rows *,.wheel-page *,.wheel-leave-dialog *{box-sizing:border-box}
.wheel-challenge-entry{margin-block:16px;width:100%;min-width:0;text-align:left}
.wheel-home-title{flex:1;min-width:0}
.wheel-home-title h2{margin:0;font-size:18px;line-height:1.3}
.wheel-home-toggle{display:flex;align-items:center;gap:6px;max-width:100%;min-height:44px;padding:4px 2px;border:0;border-radius:6px;background:transparent;color:var(--dd-ink,var(--text,#23304a));font:inherit;font-weight:750;text-align:left;cursor:pointer}
.wheel-home-toggle>span{min-width:0;overflow-wrap:anywhere}
.wheel-home-toggle>svg{width:18px;height:18px;flex:none;transition:transform 180ms ease-out}
.wheel-home-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}
.wheel-home-summary{display:block;margin-top:-2px;color:var(--dd-muted,var(--muted,#617087));font-size:11px;line-height:1.5;overflow-wrap:anywhere}
.cg-home-duel-hub .cg-home-matches[hidden],body.dd-studio.dd-pro .cg-home-duel-hub .cg-home-matches[hidden]{display:none}
@media(max-width:360px){
  .wheel-home-toggle{gap:4px;padding-inline:0;font-size:16px}
  .wheel-home-toggle>span{white-space:nowrap;overflow-wrap:normal}
  .wheel-home-toggle>svg{width:16px;height:16px}
}
.wheel-challenge-trigger{display:flex;align-items:center;gap:14px;width:100%;min-height:82px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--brand,#7164df) 40%,var(--stroke,#dbe1ec));border-bottom-width:3px;border-radius:18px;background:color-mix(in srgb,var(--brand,#7164df) 7%,var(--panel,#fff));color:var(--text,#23304a);font:inherit;text-align:left;cursor:pointer;transition:border-color 200ms,background-color 200ms}
.wheel-challenge-trigger>span:nth-child(2){display:grid;gap:5px;flex:1;min-width:0}.wheel-challenge-trigger strong{font-size:19px;line-height:1.25;letter-spacing:-.03em}.wheel-challenge-trigger small{font-size:12px;color:var(--muted,#738098)}
.wheel-challenge-mark,.wheel-preview-mark{display:grid;place-items:center;flex:none;width:48px;height:48px;border-radius:14px;color:var(--brand,#7164df);background:color-mix(in srgb,var(--brand,#7164df) 10%,var(--panel,#fff))}.wheel-challenge-mark svg,.wheel-preview-mark svg{width:29px;height:29px}.wheel-entry-arrow{font-size:25px;color:var(--brand,#7164df)}
.wheel-challenge-mark.wheel-challenge-book{width:44px;height:56px;border-radius:0;background:none}
.wheel-challenge-trigger:has(.wheel-challenge-book){padding-block:12px}
.wheel-challenge-panel{margin-top:10px;padding:16px;border:1px solid var(--stroke,#dbe1ec);border-radius:17px;background:var(--panel,#fff);animation:wheel-reveal 200ms ease-out}.wheel-challenge-panel[hidden]{display:none}
.wheel-kind-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid var(--stroke,#dbe1ec);border-radius:12px;background:var(--panel2,#f0f2f8)}.wheel-kind-tabs button{min-width:0;min-height:46px;padding:10px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted,#738098);font:inherit;font-size:13px;font-weight:650;cursor:pointer;transition:color 200ms,background-color 200ms}.wheel-kind-tabs button[aria-pressed=true]{border-color:var(--stroke,#dbe1ec);background:var(--panel,#fff);color:var(--text,#23304a)}
.wheel-online-entry{display:flex;align-items:center;gap:14px;padding:20px 0 2px;min-width:0}.wheel-online-entry>strong{flex:1;font-size:14px;line-height:1.5}.wheel-mini-disc{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:54px;height:54px;flex:none;border-radius:50%;overflow:hidden}.wheel-mini-disc i{display:grid;place-items:center;background:color-mix(in srgb,currentColor 12%,var(--panel,#fff));}.wheel-mini-disc svg{width:20px;height:20px}
.wheel-primary,.wheel-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;padding:12px 18px;border:1px solid transparent;border-radius:12px;font:inherit;font-size:14px;font-weight:700;line-height:1.4;text-align:center;text-decoration:none;cursor:pointer;transition:background-color 200ms,border-color 200ms,transform 200ms}
.wheel-primary{background:var(--brand,#7164df);color:var(--brandText,#fff);border-bottom:3px solid color-mix(in srgb,var(--brand,#7164df) 78%,#17203c)}.wheel-secondary{background:var(--panel,#fff);border-color:var(--stroke,#dbe1ec);color:var(--text,#23304a)}.wheel-primary:disabled,.wheel-secondary:disabled,.wheel-friend:disabled{opacity:.6;cursor:default}
.wheel-friends{display:grid;gap:8px;margin-top:14px}.wheel-friend{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-width:0;min-height:66px;padding:12px;border:1px solid var(--stroke,#dbe1ec);border-radius:12px;background:var(--panel2,#f0f2f8);color:var(--text,#23304a);font:inherit;text-align:left;cursor:pointer;transition:border-color 200ms}.wheel-friend-action{display:flex;align-items:center;justify-content:center;flex:none;min-width:32px;color:var(--brand,#7164df)}.wheel-friend-action>svg{width:24px;height:24px}.wheel-friend-action .wheel-button-loading{font-size:11px}
.wheel-person{display:flex;align-items:center;gap:10px;min-width:0}.wheel-person strong{min-width:0;font-size:13px;font-weight:650;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wheel-avatar{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;overflow:hidden;background:var(--panel2,#f0f2f8)}.wheel-avatar .dd-avatar-art{display:block;width:100%;height:100%;object-fit:cover}.wheel-avatar .dd-avatar-legacy{font-size:25px}.wheel-avatar-waiting{border:1px dashed var(--stroke,#dbe1ec);background:transparent;color:var(--muted,#738098)}.wheel-avatar-waiting svg{width:23px;height:23px}
.wheel-person-link{padding:0;min-height:44px;border:0;border-radius:6px;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}
.wheel-row-main>.wheel-person-link{justify-self:start;max-width:100%}
.wheel-link-create,.wheel-all-link,.wheel-text-button,.wheel-leave{border:0;background:transparent;color:var(--brand,#7164df);font:inherit;font-size:13px;font-weight:650;cursor:pointer;min-height:44px;padding:10px 4px}.wheel-link-create{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px}.wheel-link-create:disabled{opacity:.6}.wheel-empty{display:grid;place-items:center;gap:10px;min-height:80px;padding:16px;color:var(--muted,#738098);font-size:13px;text-align:center;line-height:1.5}
.wheel-home-rows{display:grid;gap:8px;min-width:0}.wheel-match-row{display:flex;align-items:center;gap:14px;width:100%;min-width:0;min-height:78px;padding:13px;border:1px solid var(--stroke,#dbe1ec);border-left:3px solid var(--brand,#7164df);border-radius:13px;background:var(--panel,#fff);color:var(--text,#23304a);font:inherit;text-align:left;cursor:pointer;transition:border-color 200ms,background-color 200ms}.wheel-row-main{display:grid;gap:6px;flex:1;min-width:0}.wheel-row-main .wheel-person{gap:9px}.wheel-row-main .wheel-avatar{width:34px;height:34px;border-radius:10px}.wheel-row-status{display:flex;align-items:center;gap:5px;margin-left:43px;font-size:11px;color:var(--muted,#738098);line-height:1.4}.wheel-row-status i{font-style:normal;color:var(--brand,#7164df);font-weight:700}.wheel-row-score{display:flex;align-items:center;gap:7px;flex:none;font-size:17px;font-weight:700}.wheel-row-score>b:first-child{color:var(--wheel-mine)}.wheel-row-score>b:last-child{color:var(--wheel-other)}.wheel-row-score small{font-size:9px;font-weight:500;color:var(--muted,#738098)}.wheel-row-score>span{font-size:12px;font-weight:400;color:var(--muted,#738098)}.wheel-row-action{display:flex;align-items:center;gap:5px;flex:none;color:var(--brand,#7164df);font-size:11px;font-weight:650}.wheel-row-action svg{width:15px;height:15px}.wheel-all-link{justify-self:end}.wheel-row-loading{display:grid;place-items:center;min-height:80px;color:var(--muted,#738098);font-size:12px}
.wheel-page{max-width:760px;width:100%;min-width:0;margin:0 auto;padding:0 18px max(28px,env(safe-area-inset-bottom));}.wheel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:76px;margin-bottom:18px;border-bottom:1px solid var(--stroke,#dbe1ec)}.wheel-header>span{display:flex;align-items:center;gap:9px;min-width:0;font-size:15px}.wheel-header>span>svg{width:20px;height:20px;color:var(--brand,#7164df)}.wheel-back,.wheel-header-all{display:grid;place-items:center;flex:none;min-width:44px;min-height:44px;padding:8px;border:0;background:transparent;color:var(--text,#23304a);font:inherit;font-size:21px;cursor:pointer}.wheel-header-all{font-size:12px;font-weight:650;color:var(--muted,#738098)}
.wheel-scoreboard{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:13px;align-items:center;width:100%;min-width:0;padding:18px 16px;border:1px solid var(--stroke,#dbe1ec);border-radius:20px;background:var(--panel,#fff)}.wheel-score-side{display:grid;gap:14px;min-width:0}.wheel-score-person{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.wheel-score-count{font-size:25px;font-weight:750;line-height:1;flex:none}.wheel-score-count small{font-size:11px;color:var(--muted,#738098);font-weight:500}.wheel-side-mine .wheel-score-count{color:var(--wheel-mine)}.wheel-side-other .wheel-score-count{color:var(--wheel-other)}.wheel-score-divider{font-size:10px;font-weight:750;color:var(--muted,#738098);letter-spacing:.08em;align-self:start;padding-top:16px}
.wheel-medals{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;width:100%;}.wheel-medal{display:grid;place-items:center;position:relative;min-width:0;aspect-ratio:1;max-height:52px;border:1px dashed var(--stroke,#dbe1ec);border-radius:12px;background:var(--panel2,#f0f2f8);color:var(--muted,#738098)}.wheel-medal svg{width:24px;height:24px;opacity:.55}.wheel-medal.is-earned{border-style:solid;border-color:color-mix(in srgb,currentColor 35%,var(--stroke));background:color-mix(in srgb,currentColor 11%,var(--panel,#fff))}.wheel-medal.is-earned svg{opacity:1}.wheel-medal i{display:grid;place-items:center;position:absolute;right:-3px;bottom:-3px;width:15px;height:15px;border-radius:50%;border:2px solid var(--panel,#fff);background:var(--brand,#7164df);color:#fff;font-size:8px;font-style:normal;line-height:1}
.wheel-area-turkce.is-earned,.wheel-mini-disc .wheel-area-turkce,.wheel-sector.wheel-area-turkce{color:var(--wheel-turkce)}.wheel-area-matematik.is-earned,.wheel-mini-disc .wheel-area-matematik,.wheel-sector.wheel-area-matematik{color:var(--wheel-matematik)}.wheel-area-sosyal.is-earned,.wheel-mini-disc .wheel-area-sosyal,.wheel-sector.wheel-area-sosyal{color:var(--wheel-sosyal)}.wheel-area-fen.is-earned,.wheel-mini-disc .wheel-area-fen,.wheel-sector.wheel-area-fen{color:var(--wheel-fen)}
.wheel-turn-label{display:flex;align-items:center;justify-content:center;gap:8px;min-height:64px;padding:16px 0;color:var(--muted,#738098);font-size:14px}.wheel-turn-label strong{font-weight:650}.wheel-turn-label i{display:grid;place-items:center;width:22px;height:22px;border:1px solid var(--stroke,#dbe1ec);border-radius:7px;font-style:normal;font-weight:750}.wheel-turn-label>span{font-size:11px;padding-left:5px;border-left:1px solid var(--stroke,#dbe1ec)}.wheel-turn-label.is-yours{color:var(--brand,#7164df)}
.wheel-lobby-energy{text-align:center;font-size:11px;color:var(--muted,#738098);margin:-5px 0 16px}
.wheel-lobby-notice{text-align:center;font-size:12px;line-height:1.5;color:var(--muted,#738098);margin:0 auto 14px;max-width:340px}
.wheel-duel-group{display:grid;gap:8px;min-width:0}.wheel-duel-group+.wheel-duel-group{margin-top:12px}.wheel-duel-group>h2{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:7px 0 2px;font-size:14px;line-height:1.4;font-weight:700;letter-spacing:-.015em}.wheel-duel-group>h2>small{font-size:11px;font-weight:500;color:var(--muted,#738098);font-variant-numeric:tabular-nums}.wheel-group-empty{padding:10px 0 14px;font-size:12px;line-height:1.5;color:var(--muted,#738098)}
.wheel-board{position:relative;isolation:isolate;width:min(336px,calc(100% - 24px));aspect-ratio:1;margin:12px auto 28px;padding:9px;border:1px solid var(--stroke,#dbe1ec);border-radius:50%;background:var(--panel,#fff);box-shadow:0 8px 0 color-mix(in srgb,var(--brand,#7164df) 8%,var(--panel2,#f0f2f8))}.wheel-disc{position:absolute;inset:9px;overflow:hidden;border-radius:50%;background:var(--panel2,#f0f2f8);will-change:transform}.wheel-divider{position:absolute;left:50%;top:0;width:2px;height:50%;background:var(--panel,#fff);transform-origin:50% 100%}.wheel-sector{display:grid;place-items:center;gap:7px;position:absolute;left:50%;top:50%;width:95px;transform:translate(-50%,-50%) rotate(var(--sector-angle,45deg)) translateY(-96px) rotate(calc(0deg - var(--sector-angle,45deg) - var(--wheel-rotation,0deg)));z-index:1}.wheel-sector svg{width:36px;height:36px}.wheel-sector b{font-size:12px;letter-spacing:-.015em}.wheel-hub{display:grid;place-items:center;position:absolute;left:50%;top:50%;width:70px;height:70px;border:6px solid var(--panel,#fff);border-radius:50%;background:var(--brand,#7164df);color:var(--brandText,#fff);transform:translate(-50%,-50%);z-index:2}.wheel-hub svg{width:30px;height:30px}.wheel-pointer{position:absolute;left:50%;top:-9px;width:22px;height:26px;clip-path:polygon(0 0,100% 0,50% 100%);border-radius:4px;background:var(--text,#23304a);transform:translateX(-50%);z-index:3}.wheel-board.is-spinning .wheel-hub{box-shadow:0 0 0 5px color-mix(in srgb,var(--brand,#7164df) 12%,transparent)}
.wheel-board-actions{display:grid;justify-items:stretch;gap:10px;max-width:360px;margin:0 auto;}.wheel-board-actions>.wheel-primary,.wheel-board-actions>.wheel-secondary{width:100%;}.wheel-spin{font-size:16px;min-height:56px}.wheel-leave{justify-self:center;color:var(--muted,#738098);font-size:12px}.wheel-waiting{display:flex;align-items:center;justify-content:center;min-height:56px;border:1px dashed var(--stroke,#dbe1ec);border-radius:12px;color:var(--muted,#738098);font-size:13px}.wheel-button-loading{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:0}.wheel-loader{display:inline-block;flex:none;width:17px;height:17px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:wheel-loader-spin 800ms linear infinite}.wheel-page-loading{display:grid;place-items:center;min-height:480px;color:var(--muted,#738098);font-size:14px}.wheel-page-loading .wheel-loader{width:22px;height:22px}.wheel-error{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:12px 14px;border:1px solid var(--stroke,#dbe1ec);border-radius:12px;background:var(--panel,#fff);font-size:13px;line-height:1.5;overflow-wrap:anywhere}.wheel-error>.wheel-text-button{flex:none}
.wheel-preview{display:grid;justify-items:center;gap:24px;max-width:340px;margin:64px auto}.wheel-preview-mark{width:64px;height:64px;border-radius:19px}.wheel-preview h1{margin:0;font-size:26px;letter-spacing:-.04em}.wheel-preview>.wheel-primary{width:100%;margin-top:8px}.wheel-preview .wheel-person strong{font-size:16px}.wheel-preview .wheel-avatar{width:50px;height:50px}.wheel-history{display:grid;gap:10px;}.wheel-history h1{margin:4px 0 12px;font-size:24px;letter-spacing:-.03em}.wheel-history>.wheel-secondary{justify-self:center;margin-top:10px}.wheel-match.is-finished .wheel-board{opacity:.75}.wheel-match.is-finished .wheel-turn-label{font-size:20px;letter-spacing:-.03em;color:var(--text,#23304a)}
.wheel-leave-dialog{width:min(400px,calc(100vw - 30px));padding:26px;border:1px solid var(--stroke,#dbe1ec);border-radius:22px;background:var(--panel,#fff);color:var(--text,#23304a);box-sizing:border-box}.wheel-leave-dialog::backdrop{background:#09132980}.wheel-leave-mark{display:grid;place-items:center;width:48px;height:48px;margin-bottom:18px;border-radius:14px;background:var(--panel2,#f0f2f8);color:var(--brand,#7164df)}.wheel-leave-mark svg{width:28px;height:28px}.wheel-leave-dialog h2{margin:0;font-size:23px;line-height:1.3;letter-spacing:-.03em}.wheel-leave-dialog p{margin:12px 0 22px;color:var(--muted,#738098);font-size:14px;line-height:1.6}.wheel-leave-dialog>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.wheel-challenge-entry :focus-visible,.wheel-home-rows :focus-visible,.wheel-page :focus-visible,.wheel-leave-dialog :focus-visible{outline:3px solid var(--brand,#7164df);outline-offset:3px}
@media(hover:hover){.wheel-challenge-trigger:hover,.wheel-friend:enabled:hover,.wheel-match-row:hover{border-color:var(--brand,#7164df)}.wheel-primary:enabled:hover{background:color-mix(in srgb,var(--brand,#7164df) 90%,var(--text))}.wheel-secondary:enabled:hover{border-color:var(--brand,#7164df)}}
[data-theme=dark] .wheel-challenge-entry,[data-theme=dark] .wheel-page,[data-theme=dark] .wheel-home-rows{--wheel-turkce:#b4a8ff;--wheel-matematik:#7fbcd8;--wheel-sosyal:#d6b27b;--wheel-fen:#8ac9af;--wheel-other:#e2a18d}
@media(max-width:600px){.wheel-page{padding-inline:14px}.wheel-scoreboard{gap:9px;padding:15px 12px}.wheel-score-person{align-items:flex-start;gap:5px}.wheel-score-person .wheel-person{flex-direction:column;align-items:flex-start;gap:7px}.wheel-score-person .wheel-person strong{font-size:12px;max-width:100px}.wheel-score-count{font-size:23px;padding-top:10px}.wheel-score-divider{padding-top:13px}.wheel-medals{gap:5px}.wheel-medal{border-radius:9px;min-height:31px}.wheel-medal svg{width:19px;height:19px}.wheel-row-action{max-width:64px;line-height:1.4}.wheel-row-score{gap:4px}.wheel-match-row{gap:10px}.wheel-online-entry{flex-wrap:wrap}.wheel-online-entry>.wheel-primary{width:100%;margin-top:5px}.wheel-online-entry>strong{font-size:15px}.wheel-board{margin-top:10px}.wheel-leave-dialog{padding:22px}}
@media(max-width:360px){.wheel-challenge-panel{padding:12px}.wheel-row-action{font-size:10px}.wheel-match-row{padding:11px;gap:8px}.wheel-row-status{font-size:10px}.wheel-scoreboard{padding-inline:10px;gap:6px}.wheel-score-person .wheel-person strong{max-width:82px;font-size:11px}.wheel-score-count{font-size:20px}.wheel-score-count small{font-size:9px}.wheel-medals{gap:4px}.wheel-medal{min-height:26px;border-radius:8px}.wheel-medal svg{width:17px;height:17px}.wheel-sector{width:77px;transform:translate(-50%,-50%) rotate(var(--sector-angle,45deg)) translateY(-79px) rotate(calc(0deg - var(--sector-angle,45deg) - var(--wheel-rotation,0deg)))}.wheel-sector svg{width:30px;height:30px}.wheel-sector b{font-size:11px}.wheel-hub{width:60px;height:60px;border-width:5px}}
@keyframes wheel-loader-spin{to{transform:rotate(360deg)}}@keyframes wheel-reveal{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.wheel-result{display:grid;gap:24px;min-width:0;padding-bottom:8px}.wheel-result-hero{display:grid;justify-items:center;gap:8px;padding:18px 8px 0;text-align:center}.wheel-result-emblem{display:grid;place-items:center;width:74px;height:74px;margin-bottom:7px;border:1px solid color-mix(in srgb,var(--brand,#7164df) 28%,var(--stroke));border-radius:23px;background:color-mix(in srgb,var(--brand,#7164df) 9%,var(--panel,#fff));color:var(--brand,#7164df);font-size:36px;font-weight:650}.wheel-result-emblem svg{width:44px;height:44px}.wheel-result-kicker{font-size:11px;font-weight:650;color:var(--muted,#738098);letter-spacing:.015em}.wheel-result-hero h1{margin:0;font-size:clamp(23px,5vw,32px);font-weight:750;line-height:1.3;letter-spacing:-.035em;overflow-wrap:anywhere}.wheel-result[data-wheel-result=loss] .wheel-result-emblem{background:var(--panel2,#f0f2f8);border-color:var(--stroke);color:var(--muted,#738098)}
.duel-score-reward{display:flex;align-items:center;justify-content:center;gap:30px;max-width:360px;width:100%;margin:0 auto;padding:14px 20px;border:1px solid var(--stroke,#dbe1ec);border-radius:14px;background:var(--panel,#fff);font-variant-numeric:tabular-nums}.duel-score-reward>span{display:grid;gap:3px;min-width:0;text-align:center}.duel-score-reward>span+span{padding-left:30px;border-left:1px solid var(--stroke,#dbe1ec)}.duel-score-reward b{font-size:26px;line-height:1.15;font-weight:750;color:var(--text,#23304a)}.duel-score-reward span span{font-size:11px;color:var(--muted,#738098);line-height:1.5}.duel-score-reward.is-gain>span:first-child b{color:var(--brand,#7164df)}.duel-score-reward.is-loss>span:first-child b{color:var(--wheel-other,#bf7160)}
.wheel-result-players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;min-width:0}.wheel-result-player{display:grid;gap:16px;min-width:0;padding:18px;border:1px solid var(--stroke,#dbe1ec);border-top:3px solid var(--wheel-mine);border-radius:16px;background:var(--panel,#fff)}.wheel-result-player.wheel-side-other{border-top-color:var(--wheel-other)}.wheel-result-player .wheel-person{max-width:100%}.wheel-result-player .wheel-person strong{max-width:100%}.wheel-result-accuracy{display:grid;gap:5px;line-height:1.25}.wheel-result-accuracy strong{font-size:34px;letter-spacing:-.04em;font-weight:750}.wheel-side-mine .wheel-result-accuracy strong{color:var(--wheel-mine)}.wheel-side-other .wheel-result-accuracy strong{color:var(--wheel-other)}.wheel-result-accuracy>span{font-size:11px;color:var(--muted,#738098)}.wheel-result-counts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:0;padding-top:14px;border-top:1px solid var(--stroke,#dbe1ec)}.wheel-result-counts>div{display:flex;flex-direction:column-reverse;gap:6px;min-width:0}.wheel-result-counts dt{font-size:10px;line-height:1.4;color:var(--muted,#738098)}.wheel-result-counts dd{margin:0;font-size:21px;line-height:1.2;font-weight:750;color:var(--text,#23304a);font-variant-numeric:tabular-nums}
.wheel-result-hero h1:focus{outline:none}
.wheel-statistics-notice{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid var(--stroke,#dbe1ec);border-radius:14px;background:var(--panel,#fff);font-size:13px;line-height:1.6;overflow-wrap:anywhere}.wheel-statistics-notice p{margin:0}.wheel-statistics-notice [role=alert]{color:var(--text,#23304a);font-weight:650}.wheel-statistics-notice>.wheel-secondary{justify-self:start;max-width:100%}.wheel-statistics-updated{margin:0;color:var(--muted,#738098);font-size:13px;line-height:1.6}
.wheel-result-areas{min-width:0}.wheel-result-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 8px}.wheel-result-section-title h2{margin:0;font-size:15px;font-weight:700;letter-spacing:-.02em}.wheel-result-section-title>span{font-size:10px;color:var(--muted,#738098);white-space:nowrap}.wheel-result-areas table{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left;line-height:1.5}.wheel-result-areas th,.wheel-result-areas td{padding:12px 5px;border-bottom:1px solid var(--stroke,#dbe1ec);overflow-wrap:anywhere}.wheel-result-areas th:first-child{width:40%;padding-left:0}.wheel-result-areas thead th{font-size:11px;font-weight:550;color:var(--muted,#738098);vertical-align:bottom}.wheel-result-areas tbody th{font-size:12px;font-weight:650}.wheel-result-areas td{font-size:12px;white-space:nowrap;font-variant-numeric:tabular-nums;text-align:center}.wheel-result-areas thead th:not(:first-child){text-align:center}.wheel-result-areas td:nth-child(2){color:var(--wheel-mine)}.wheel-result-areas td:nth-child(3){color:var(--wheel-other)}.wheel-result-area-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;vertical-align:middle;margin-right:5px;color:var(--brand,#7164df)}.wheel-result-area-icon svg{width:20px;height:20px}.wheel-result .wheel-board-actions{width:100%;margin-top:4px}.wheel-result-hero.is-celebrating .wheel-result-emblem,.cg-duel-verdict.is-celebrating .cg-verdict-mark{animation:duel-winner-reveal 220ms ease-out}
@keyframes duel-winner-reveal{from{transform:scale(.9);opacity:.7}to{transform:scale(1);opacity:1}}
@media(max-width:600px){.wheel-result{gap:20px}.wheel-result-players{gap:10px}.wheel-result-player{padding:14px 11px;gap:14px}.wheel-result-player .wheel-person{align-items:flex-start;flex-direction:column;gap:7px}.wheel-result-player .wheel-avatar{width:38px;height:38px;border-radius:11px}.wheel-result-player .wheel-person strong{font-size:12px}.wheel-result-accuracy strong{font-size:29px}.wheel-result-player .wheel-medals{gap:4px}.wheel-result-player .wheel-medal{min-height:26px}.wheel-result-counts{gap:3px}.wheel-result-counts dd{font-size:20px}.wheel-result-areas th:first-child{width:39%}.wheel-result-areas td{font-size:11px;padding-inline:2px}.wheel-result-area-icon{width:20px;margin-right:4px}.wheel-result-area-icon svg{width:18px;height:18px}.wheel-result-areas tbody th{font-size:11px}.wheel-result-section-title h2{font-size:14px}.wheel-result-section-title>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.wheel-result-hero.is-celebrating .wheel-result-emblem,.cg-duel-verdict.is-celebrating .cg-verdict-mark{animation:none}}
/* Keep the playing surface compact, with the two players and turn readable. */
.wheel-turn-action{min-height:56px;display:grid}.wheel-turn-action>.wheel-primary{width:100%}
.wheel-turn-label{transition:color 160ms ease-out}.wheel-turn-label>i{transition:background-color 160ms ease-out,border-color 160ms ease-out}
.wheel-disc{will-change:auto;transition:opacity 160ms ease-out}.wheel-board.is-spinning .wheel-disc{will-change:transform}
.wheel-hub{transition:background-color 160ms ease-out,color 160ms ease-out}
.wheel-header{min-height:68px;margin-bottom:14px}.wheel-header>span{font-size:16px}.wheel-back,.wheel-header-all{border-radius:10px}
.wheel-score-side{border-top:2px solid var(--wheel-mine);padding-top:10px}.wheel-score-side.wheel-side-other{border-color:var(--wheel-other)}
.wheel-turn-label{min-height:54px;padding:12px 0}.wheel-turn-label strong{line-height:1.4}
.wheel-turn-label.is-yours>i{border-color:color-mix(in srgb,var(--brand,#7164df) 35%,var(--stroke));background:color-mix(in srgb,var(--brand,#7164df) 8%,var(--panel))}
.wheel-board{width:min(310px,calc(100% - 20px));margin-top:10px;margin-bottom:24px}.wheel-sector{width:84px;transform:translate(-50%,-50%) rotate(var(--sector-angle,45deg)) translateY(-88px) rotate(calc(0deg - var(--sector-angle,45deg) - var(--wheel-rotation,0deg)))}.wheel-sector svg{width:32px;height:32px}
.wheel-board.is-waiting .wheel-disc{opacity:.72}.wheel-board.is-waiting .wheel-hub{color:var(--muted,#738098);background:var(--panel2,#f0f2f8)}
.wheel-primary:enabled:active,.wheel-secondary:enabled:active,.wheel-row-action:active{transform:translateY(1px)}
.wheel-waiting{gap:9px;border-style:solid;background:var(--panel2,#f0f2f8);font-weight:600}.wheel-waiting>svg{width:20px;height:20px;flex:none}
.wheel-row-action{justify-content:center;min-width:48px;min-height:44px;padding:8px 5px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.wheel-match-row[data-wheel-status=waiting]{border-left-color:var(--stroke,#dbe1ec)}.wheel-match-row[data-wheel-status=win]{border-left-color:var(--wheel-fen)}.wheel-match-row[data-wheel-status=loss]{border-left-color:var(--wheel-other)}
.wheel-match-row[data-wheel-status=incoming] .wheel-row-status,.wheel-match-row[data-wheel-status=your-turn] .wheel-row-status{color:var(--brand,#7164df);font-weight:650}
.wheel-closed{display:grid;justify-items:center;gap:22px;max-width:360px;margin:50px auto 16px;text-align:center}.wheel-closed h1{margin:0;font-size:24px;line-height:1.3;letter-spacing:-.03em}.wheel-closed-mark{display:grid;place-items:center;width:64px;height:64px;border:1px solid var(--stroke,#dbe1ec);border-radius:18px;background:var(--panel2,#f0f2f8);color:var(--muted,#738098)}.wheel-closed-mark svg{width:32px;height:32px}.wheel-closed .wheel-board-actions{width:100%;margin-top:12px}
.wheel-error{align-items:flex-start}.wheel-error>span{min-width:0;align-self:center}.wheel-error>.wheel-text-button{min-width:74px;text-align:right}
.wheel-result-accuracy .wheel-accuracy-track{display:block;width:100%;height:5px;margin-top:5px;overflow:hidden;border-radius:4px;background:var(--panel2,#f0f2f8)}.wheel-accuracy-track i{display:block;height:100%;border-radius:inherit;background:var(--wheel-mine)}.wheel-side-other .wheel-accuracy-track i{background:var(--wheel-other)}
@media(max-width:360px){.wheel-header>span{font-size:14px;gap:6px}.wheel-scoreboard{gap:6px;padding-block:12px}.wheel-sector{width:77px;transform:translate(-50%,-50%) rotate(var(--sector-angle,45deg)) translateY(-79px) rotate(calc(0deg - var(--sector-angle,45deg) - var(--wheel-rotation,0deg)))}.wheel-sector svg{width:30px;height:30px}.wheel-row-action{font-size:11px;gap:3px;min-width:44px}}
@media(hover:hover){.wheel-row-action:hover,.wheel-back:hover,.wheel-header-all:hover{background:color-mix(in srgb,var(--brand,#7164df) 8%,var(--panel,#fff))}}
@media(prefers-reduced-motion:reduce){.wheel-challenge-entry *,.wheel-home-rows *,.wheel-page *,.wheel-leave-dialog *{transition:none!important}.wheel-challenge-panel{animation:none}.wheel-loader{animation:none;border-right-color:currentColor;opacity:.65}.wheel-disc{will-change:auto}}