.daily-roulette{max-width:1180px;margin:0 auto;padding:18px 0 42px}.roulette-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 30px;border:1px solid #d6a44554;border-radius:20px;background:radial-gradient(circle at 80% 10%,#d8992b21,transparent 28%),linear-gradient(135deg,#19130d,#0b0d11 62%);box-shadow:inset 0 1px #ffe6a51c,0 20px 50px #0007}.roulette-kicker{margin:0;color:#e6b751;font:700 10px 'DM Mono';letter-spacing:1.4px}.roulette-hero h1{margin:8px 0;color:#fff7e3;font-size:42px;letter-spacing:-1.5px}.roulette-hero h1 em{color:#f1bd54;font-style:normal}.roulette-hero p:not(.roulette-kicker){max-width:590px;margin:0;color:#bcb09d;line-height:1.5}.roulette-daily-status{padding:11px 15px;border:1px solid #dca94e78;border-radius:10px;background:#21170b;color:#ffdfa0;font:700 10px 'DM Mono';text-align:center;white-space:nowrap}.roulette-stage{display:grid;grid-template-columns:minmax(380px,1.05fr) minmax(340px,.95fr);gap:40px;align-items:center;margin-top:32px;padding:34px;border:1px solid #ffffff12;border-radius:20px;background:radial-gradient(circle at 34% 47%,#ffbd3b12,transparent 36%),#0d1013}.roulette-wheel-panel{position:relative;display:grid;place-items:center;min-height:490px}.roulette-pointer{position:absolute;z-index:8;top:8px;width:0;height:0;border-right:25px solid transparent;border-left:25px solid transparent;border-top:55px solid #f7d271;filter:drop-shadow(0 5px 5px #000);transform:rotate(180deg)}.roulette-pointer:after{content:'';position:absolute;top:-51px;left:-8px;width:16px;height:16px;border:3px solid #fff0b5;border-radius:50%;background:#702116}.roulette-wheel{position:relative;width:min(440px,76vw);aspect-ratio:1;border:10px solid #eabe51;border-radius:50%;background:conic-gradient(from -22.5deg,#a5121d 0 35%,#171719 35% 60%,#96131c 60% 75%,#171719 75% 87%,#a5121d 87% 93%,#171719 93% 96%,#97131c 96% 99%,#171719 99% 100%);box-shadow:0 0 0 4px #401808,0 0 0 10px #dba42e,0 0 0 13px #251306,0 23px 44px #000c,inset 0 0 45px #0009;transition:transform 5.2s cubic-bezier(.12,.74,.15,1);overflow:hidden}.roulette-wheel:before{content:'';position:absolute;inset:8px;border:2px dotted #ffe7a6;border-radius:50%;background:repeating-conic-gradient(#fff0 0deg 13deg,#f7d2719a 14deg 15deg);box-shadow:inset 0 0 38px #0009}.roulette-wheel:after{content:'';position:absolute;inset:22%;border:2px solid #f5d58275;border-radius:50%;box-shadow:inset 0 0 20px #000b}.roulette-sector{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:82px;place-items:center;color:#fff9e9;font-family:Outfit,sans-serif;line-height:1;text-align:center;text-shadow:0 2px 3px #000;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-142px) rotate(90deg)}.roulette-sector b{font-size:13px;letter-spacing:.2px}.roulette-sector small{margin-top:3px;color:#f2d990;font:700 8px 'DM Mono';letter-spacing:.5px}.roulette-hub{position:absolute;z-index:4;inset:40%;border:7px solid #f8d471;border-radius:50%;background:radial-gradient(circle at 35% 28%,#fff4ca 0 6%,#b1711d 8% 33%,#421c0d 36% 60%,#130a07 63%);box-shadow:0 0 0 5px #3a1a0c,0 0 25px #ffca4e99}.roulette-wheel-caption{position:absolute;bottom:0;padding:7px 13px;border:1px solid #d8ad555c;border-radius:999px;background:#151007;color:#f5d788;font:700 9px 'DM Mono';letter-spacing:1px}.roulette-side{display:flex;flex-direction:column;gap:13px}.roulette-side h2{margin:0;color:#fff3d7;font-size:27px}.roulette-table{overflow:hidden;border:1px solid #d3a7534e;border-radius:12px;background:#0b0c0d}.roulette-row{display:grid;grid-template-columns:13px 1fr auto;align-items:center;gap:9px;min-height:35px;padding:0 11px;border-bottom:1px solid #ffffff0f}.roulette-row:last-child{border-bottom:0}.roulette-row b{color:#f7eedb;font-size:12px}.roulette-row strong{color:#ffe2a1;font:700 11px 'DM Mono'}.roulette-swatch{width:9px;height:9px;border-radius:50%;background:var(--swatch);box-shadow:0 0 9px var(--swatch)}.roulette-row.pack{background:#5a3c101f}.roulette-row.rare,.roulette-row.attack{background:#47205222}.roulette-cta{padding:13px 14px;border-left:3px solid #e5b853;background:#1a160e}.roulette-cta b{display:block;color:#fff0cf;font-size:14px}.roulette-cta span{display:block;margin-top:4px;color:#aaa08b;font-size:11px;line-height:1.4}.roulette-spin{padding:15px 19px;border:1px solid #ffd16a;border-radius:10px;background:linear-gradient(135deg,#e5a62e,#8e5414);box-shadow:inset 0 1px #fff4ca73,0 10px 22px #0007;color:#211305;font:800 15px Outfit;cursor:pointer}.roulette-spin:hover{filter:brightness(1.1);transform:translateY(-1px)}.roulette-spin:disabled{border-color:#5c5443;background:#282722;color:#8c8679;box-shadow:none;cursor:not-allowed;transform:none}.roulette-result{min-height:83px;padding:14px;border:1px solid #d3a75350;border-radius:11px;background:#12130f}.roulette-result small{display:block;color:#af9b73;font:9px 'DM Mono';letter-spacing:.8px}.roulette-result b{display:block;margin-top:5px;color:#fff1cc;font-size:18px}.roulette-result p{margin:5px 0 0;color:#aea490;font-size:12px}@media(max-width:780px){.roulette-hero,.roulette-stage{grid-template-columns:1fr;display:grid}.roulette-hero{padding:23px}.roulette-hero h1{font-size:34px}.roulette-daily-status{justify-self:start}.roulette-stage{gap:22px;padding:20px 12px}.roulette-wheel-panel{min-height:395px}.roulette-wheel{width:min(360px,82vw)}.roulette-sector{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-114px) rotate(90deg);width:66px}.roulette-sector b{font-size:10px}.roulette-sector small{font-size:7px}.roulette-pointer{top:3px}.roulette-side{padding:0 5px}}