.daily-wheel-heading{text-align:center;margin:20px 0 28px}.daily-wheel-heading>span{font-size:10px;font-weight:700;letter-spacing:2px;color:#2563eb}.daily-wheel-heading h2{font-size:28px;color:#1e3a8a;margin:10px}.daily-wheel-heading p,.daily-wheel-info p,.daily-wheel-upgrade-heading p{color:#64748b;font-size:12px;line-height:1.7}.daily-wheel-layout{display:grid;grid-template-columns:minmax(350px,1fr) minmax(240px,.7fr);gap:30px;align-items:center}.daily-wheel-play{text-align:center}.daily-wheel-frame{position:relative;width:350px;height:350px;margin:10px auto 24px;max-width:100%;filter:drop-shadow(0 10px 14px #1e40af20)}.daily-wheel-disc{position:absolute;inset:0;border:9px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #93c5fd,inset 0 0 0 3px #ffffff66;box-sizing:border-box;overflow:hidden}.daily-wheel-label{position:absolute;left:50%;top:50%;width:66px;font-size:11px;line-height:1.3;font-weight:700;text-align:center;pointer-events:none}.daily-wheel-pointer{position:absolute;left:50%;top:-16px;transform:translateX(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:32px solid #1d4ed8;z-index:3;filter:drop-shadow(0 2px 2px #fff)}.daily-wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;border:5px solid #fff;background:#2563eb;color:#fff;width:64px;height:64px;border-radius:50%;box-shadow:0 3px 10px #1e40af44;font-size:22px}.daily-wheel-play>button,.daily-wheel-upgrades button{font:inherit;border:0;border-radius:12px;background:#2563eb;color:#fff;padding:12px 24px;font-size:13px;font-weight:600;cursor:pointer;box-shadow:0 4px 8px #2563eb20}.daily-wheel-play>button:disabled,.daily-wheel-upgrades button:disabled{background:#dbeafe;color:#64748b;cursor:default;box-shadow:none}#dailyWheelCountdown{font-size:12px;color:#64748b;font-variant-numeric:tabular-nums}#dailyWheelResult{color:#1d4ed8;font-weight:700;font-size:16px;min-height:24px}.daily-wheel-info{padding:22px;background:#fff;border:1px solid #bfdbfe;border-radius:18px}.daily-wheel-info h3,.daily-wheel-upgrade-heading h3,.daily-wheel-upgrades h3{color:#1e3a8a;font-size:16px}.daily-wheel-info ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:8px}.daily-wheel-info li{font-size:11px;padding:9px;background:#eff6ff;border-radius:8px;color:#1e40af}.daily-wheel-upgrade-heading{margin-top:30px}.daily-wheel-upgrades{display:grid;grid-template-columns:1fr 1fr;gap:16px}.daily-wheel-upgrades article{padding:20px;border:1px solid #bfdbfe;border-radius:16px;background:#fff}.daily-wheel-upgrades p{font-size:12px;line-height:1.8;color:#64748b}.daily-wheel-upgrades button{padding:9px 15px;font-size:12px}@media(max-width:750px){.daily-wheel-layout{grid-template-columns:1fr}.daily-wheel-upgrades{grid-template-columns:1fr}.daily-wheel-frame{width:350px;height:350px}}@media(max-width:390px){.daily-wheel-frame{width:300px;height:300px}.daily-wheel-label{font-size:9px;zoom:.86}}

.daily-wheel-label{display:flex;align-items:center;justify-content:center;height:50px;width:50px;font-size:30px;filter:drop-shadow(0 2px 1px #0002)}.daily-wheel-label svg{width:40px;height:40px}.daily-wheel-label.wheel-icon-coins{color:#ca8a04!important}.daily-wheel-label.wheel-icon-rareCoins{color:#dc2626!important}.daily-wheel-label.wheel-icon-goldResidue{color:#a16207!important}.daily-wheel-label.wheel-icon-tickets{color:#fff!important}.daily-wheel-label.daily-wheel-pack{height:56px;width:40px}.daily-wheel-pack .pack-artwork{position:static;width:40px;height:56px;border:2px solid #a16207;border-radius:4px;box-shadow:0 3px 3px #713f1240}.daily-wheel-tree-note{text-align:center;color:#64748b;font-size:12px;margin-top:25px}

.daily-wheel-key-box{border:1px solid #bfdbfe;background:#fff;padding:14px;border-radius:14px;max-width:330px;margin:14px auto;color:#1e40af}.daily-wheel-key-box>span{display:block;font-weight:700;font-size:13px;margin-bottom:10px}.daily-wheel-key-box button{font:inherit;font-size:12px;background:#2563eb;color:#fff;border:0;border-radius:9px;padding:10px 15px;cursor:pointer}.daily-wheel-key-box button:disabled{opacity:.45;cursor:default}.daily-wheel-key-box p,.daily-wheel-key-box small{font-size:10px;color:#64748b;line-height:1.6}

.wheel-key-drop-layer{position:fixed;inset:0;z-index:12000;pointer-events:none;overflow:hidden}.wheel-key-drop{position:absolute;display:grid;place-items:center;width:64px;height:64px;border-radius:20px;background:linear-gradient(145deg,#fff7bd,#facc15 55%,#d97706);border:3px solid #fff6c5;color:#854d0e;font-size:33px;box-shadow:0 0 30px #facc1570,0 9px 18px #92400e40;text-shadow:0 1px #fff7b3}.wheel-key-drop-halo{position:absolute;width:80px;height:80px;border:3px solid #facc15;border-radius:50%;box-shadow:0 0 25px #facc1544}.wheel-key-spark{position:absolute;width:6px;height:6px;background:#facc15;border-radius:2px;box-shadow:0 0 8px #fde68a}.wheel-key-card-badge{position:absolute;z-index:8;left:50%;bottom:65px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;white-space:nowrap;padding:6px 9px;border:1px solid #facc15;background:#fffbeb;color:#92400e;border-radius:8px;font-size:10px;font-weight:700;box-shadow:0 3px 8px #92400e20}

.daily-wheel-layout{grid-template-columns:minmax(0,1.3fr) minmax(240px,.8fr)}.daily-wheel-frame{width:460px;height:460px;--wheel-label-radius:174px}.daily-wheel-label{flex-direction:column;gap:3px;height:64px;width:56px;font-size:29px;zoom:1}.daily-wheel-label small{font-size:11px;line-height:1.1;color:inherit;font-weight:700;background:#ffffffdd;color:#163469;border-radius:8px;padding:2px 5px}.daily-wheel-label.wheel-icon-gems{color:#0676a2!important;filter:drop-shadow(0 0 5px #cffbff)}.daily-wheel-label.daily-wheel-pack{height:70px}.daily-wheel-info li:last-child{background:#d5f7ff;color:#006c93;border:1px solid #77d7ec}@media(max-width:1100px){.daily-wheel-layout{grid-template-columns:1fr}.daily-wheel-frame{width:420px;height:420px;--wheel-label-radius:157px}}@media(max-width:520px){.daily-wheel-frame{width:340px;height:340px;--wheel-label-radius:125px}.daily-wheel-label{width:45px;height:58px;font-size:24px}.daily-wheel-label svg{width:32px;height:32px}.daily-wheel-pack .pack-artwork{width:30px;height:42px}}@media(max-width:390px){.daily-wheel-frame{width:290px;height:290px;--wheel-label-radius:104px}.daily-wheel-label small{font-size:10px}}

.daily-wheel-frame{height:auto;aspect-ratio:1;container-type:inline-size}.daily-wheel-label{--wheel-label-radius:calc(50cqw - 56px)}