.wheel-page{padding:48px 18px 80px;background:radial-gradient(circle at 50% 16%,rgba(75,201,244,.1),transparent 34%)}
.wheel-shell{width:min(1240px,100%);margin:auto;border:1px solid rgba(130,221,250,.24);background:linear-gradient(145deg,rgba(8,31,47,.98),rgba(3,13,22,.99));box-shadow:0 32px 90px #0008;padding:clamp(22px,4vw,48px)}
.wheel-header{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(132,222,250,.16);padding-bottom:24px}
.wheel-header h1{margin:4px 0 0;font:800 clamp(2.5rem,5vw,4.8rem) var(--display);letter-spacing:-.04em;color:#edfaff}.wheel-header h1 span{color:var(--ice);text-shadow:0 0 28px #46cfff66}
.character-picker{position:relative;width:min(350px,100%);z-index:8}.character-picker>button{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;width:100%;min-height:58px;padding:0 18px;border:1px solid #58cbed77;color:#e9fbff;background:#071c2b;cursor:pointer;text-align:left}.character-picker>button:hover{border-color:#76dcfa;box-shadow:0 0 22px #35bde52b}.character-picker>button>span:last-child{font-size:1.35rem}
#wheel-character-light{width:10px;height:10px;border-radius:50%;background:#57717d;box-shadow:none}#wheel-character-light.active{background:#4ff7b2;box-shadow:0 0 12px #4ff7b2}
#wheel-character-menu{position:absolute;top:calc(100% + 4px);left:0;right:0;border:1px solid #58cbed77;background:#061723;box-shadow:0 18px 45px #000c}#wheel-character-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:0 17px;border:0;border-bottom:1px solid #7cdef51f;color:#cceaf5;background:transparent;text-align:left;cursor:pointer}#wheel-character-menu button:hover,#wheel-character-menu button.selected{background:#15516c;color:#fff}#wheel-character-menu button span{width:8px;height:8px;border-radius:50%;background:#4ff7b2;box-shadow:0 0 10px #4ff7b2}
.wheel-stage{display:grid;grid-template-columns:minmax(440px,1fr) 310px;align-items:center;gap:55px;padding:42px 35px 28px}
.wheel-machine{position:relative;width:min(510px,90vw);aspect-ratio:1;margin:auto;filter:drop-shadow(0 25px 38px #0008)}
.glacium-wheel{position:absolute;inset:10px;border:8px solid #9deaff;border-radius:50%;background:conic-gradient(from -16.3636deg,#0c6aa1 0 32.7273deg,#0a88bb 32.7273deg 65.4546deg,#075b8e 65.4546deg 98.1819deg,#0b9ccb 98.1819deg 130.9092deg,#244d92 130.9092deg 163.6365deg,#0879a9 163.6365deg 196.3638deg,#11628f 196.3638deg 229.0911deg,#6540a5 229.0911deg 261.8184deg,#07547f 261.8184deg 294.5457deg,#0b8fb8 294.5457deg 327.273deg,#2856a0 327.273deg 360deg);box-shadow:inset 0 0 55px #b6efff44,0 0 0 4px #082b41,0 0 35px #43cfff55;transition:transform 5.2s cubic-bezier(.08,.67,.12,1)}
.glacium-wheel::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -16.3636deg,transparent 0 32.25deg,#b9edff99 32.25deg 32.73deg);pointer-events:none}
.wheel-segment-label{--a:calc(var(--i)*32.7273deg);position:absolute;z-index:2;left:50%;top:50%;width:96px;margin-left:-48px;text-align:center;color:#f1fcff;font:800 1.02rem var(--display);text-shadow:0 2px 8px #001,0 0 8px #7de5ff;transform:rotate(var(--a)) translateY(-190px) rotate(calc(var(--a)*-1))}
.wheel-core{position:absolute;z-index:4;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);display:grid;place-items:center;border:5px solid #bff2ff;border-radius:50%;background:radial-gradient(circle,#143f59,#06131d 70%);box-shadow:0 0 28px #77dcff}.wheel-core img{width:82px;height:82px;object-fit:contain}
.wheel-pointer{position:absolute;z-index:6;left:50%;top:-18px;transform:translateX(-50%);width:58px;height:82px;background:linear-gradient(#e9fdff,#42c9f1 50%,#126488);clip-path:polygon(50% 100%,0 28%,15% 0,85% 0,100% 28%);filter:drop-shadow(0 4px 10px #40d5ff);pointer-events:none}
.wheel-balances{border:1px solid #65d8fa55;background:#061b29;padding:22px}.wheel-balances h2{margin:0 0 16px;font:700 1.1rem var(--display);color:#dff8ff;letter-spacing:.14em}.wheel-balances dl{display:grid;gap:9px;margin:0}.wheel-balances dl div{display:flex;justify-content:space-between;gap:14px;padding:13px;border:1px solid #70d9f526;background:#0b2a3b}.wheel-balances dt{color:#8db6c7}.wheel-balances dd{margin:0;color:#effcff;font-weight:800}.wheel-balances .points{border-color:#70ddff88;box-shadow:inset 0 0 20px #43cfff16}.wheel-balances .points dd{color:#67ddff}
.wheel-spin-options{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:10px auto 0;max-width:980px}.wheel-spin-card{padding:18px;border:1px solid #6dd9fa42;background:linear-gradient(180deg,#0c2d40,#071a28);text-align:center}.wheel-spin-card strong{display:block;min-height:42px;color:#dff8ff;font:700 1rem var(--display)}.wheel-spin-card button{width:100%;margin-top:12px}.wheel-spin-card button:disabled{filter:grayscale(1);opacity:.55}.wheel-note{margin:20px auto 42px;max-width:980px;border-left:3px solid var(--ice);padding:13px 17px;background:#1d789322;color:#9fc4d2}
.wheel-shop{border-top:1px solid #76dcfa33;padding-top:32px}.wheel-shop>header{display:flex;justify-content:space-between;align-items:end;gap:20px}.wheel-shop h2{margin:5px 0 0;color:#e6f9ff;font:700 1.65rem var(--display)}.wheel-shop>header>p{color:#88abba}.wheel-shop-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:20px}.wheel-shop-item{min-height:272px;padding:15px;border:1px solid #6dd9fa30;background:#061b28;text-align:center;display:flex;flex-direction:column}.wheel-shop-item h3{min-height:40px;margin:0;color:#e2f8ff;font:700 .88rem var(--display)}.wheel-item-image{display:grid;place-items:center;width:92px;height:92px;margin:10px auto;border:1px solid #72dbf82e;background:#04131d}.wheel-item-image img{image-rendering:auto}.wheel-shop-item p{margin:4px 0 12px;color:#6fdcff;font-size:.78rem;font-weight:800;letter-spacing:.06em}.wheel-shop-item button{margin-top:auto}.wheel-shop-item.empty-slot h3,.wheel-shop-item.empty-slot p{visibility:hidden}
.wheel-result{position:fixed;z-index:1000;inset:0;display:grid;place-items:center;padding:20px;background:#000b;backdrop-filter:blur(5px)}.wheel-result[hidden]{display:none}.wheel-result>div{width:min(460px,100%);padding:38px;border:1px solid #91e8ff;text-align:center;background:radial-gradient(circle at 50% 0,#14536c,#061722 65%);box-shadow:0 0 65px #56d9ff66}.wheel-result span{display:block;color:#aaf0ff;font-size:3rem;animation:wheelGlow 1s infinite alternate}.wheel-result strong{display:block;margin:12px 0;color:#fff;font:800 1.8rem var(--display)}.wheel-result p{color:#9fd8ea}.wheel-result button{margin-top:14px;min-width:150px;height:42px;border:1px solid #7be2ff;background:#1685ad;color:#fff;font-weight:800;cursor:pointer}@keyframes wheelGlow{to{transform:scale(1.15);text-shadow:0 0 28px #b8f4ff}}
@media(max-width:900px){.wheel-header,.wheel-shop>header{align-items:stretch;flex-direction:column}.wheel-stage{grid-template-columns:1fr;padding-inline:0}.wheel-balances{width:min(520px,100%);margin:auto}.wheel-shop-grid{grid-template-columns:repeat(2,1fr)}.wheel-spin-options{grid-template-columns:1fr}.wheel-segment-label{transform:rotate(var(--a)) translateY(-36vw) rotate(calc(var(--a)*-1));font-size:.8rem}}
@media(max-width:520px){.wheel-page{padding-inline:8px}.wheel-shell{padding:16px}.wheel-stage{gap:25px}.wheel-shop-grid{grid-template-columns:1fr}.wheel-segment-label{font-size:.68rem;width:70px;margin-left:-35px}.wheel-core{width:82px;height:82px}.wheel-core img{width:58px;height:58px}}