@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{font-family:Inter,system-ui,sans-serif;color:#f5f0e8;background:#070909;font-synthesis:none;--gold:#c7a767;--burgundy:#762d36;--teal:#1f5b57;--panel:#111515e8}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#070909 url(/roulette-bg.png) center bottom/cover fixed no-repeat}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07090988 0,#070909e8 45%,#07090999);pointer-events:none}button{font:inherit}.app{position:relative;max-width:480px;min-height:100vh;margin:auto;padding:18px 18px 100px}.center{position:relative;min-height:100vh;display:grid;place-content:center;text-align:center;padding:30px}.logo{margin:auto;width:68px;height:68px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#3e4b48,#111615);border:2px solid var(--gold);font-weight:900;font-size:24px;box-shadow:0 0 35px #c7a76730}header{display:flex;align-items:center;gap:10px;padding:9px;background:#0c1010b5;border:1px solid #83704a55;border-radius:16px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:linear-gradient(145deg,#7b653d,#243b38);border:1px solid var(--gold)}.language{display:flex;align-items:center;gap:5px;padding:8px 9px;border-radius:10px;border:1px solid #88754f66;background:#171b1a;color:#d9c18f;font-weight:800;font-size:11px;cursor:pointer}.language.floating{position:absolute;top:18px;right:18px}.level{margin-left:auto;display:flex;gap:7px;align-items:center;padding:8px 10px;background:#151918;border:1px solid #4d4c42;border-radius:11px}small{display:block;color:#888f8b;font-size:9px;font-weight:800;letter-spacing:.12em}header strong{display:block;margin-top:3px}.balances{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.balances>div{display:flex;gap:10px;align-items:center;padding:12px 14px;background:linear-gradient(145deg,#171b1ae8,#0b0e0ee8);border:1px solid #68604955;border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.balances span{font-size:21px;color:var(--gold)}.balances p{margin:0}.balances b{display:block;margin-top:2px;font-size:18px}.eyebrow{display:flex;align-items:center;justify-content:center;gap:6px;color:#c9ad75;font-weight:800;font-size:11px;letter-spacing:.18em}.arena{text-align:center;padding:12px 10px 16px;background:#090c0cc7;border:1px solid #685a3e55;border-radius:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.wheel-wrap{position:relative;width:300px;height:300px;margin:14px auto}.wheel{position:absolute;top:7px;right:7px;bottom:7px;left:7px;border-radius:50%;border:8px solid #b99a5f;background:conic-gradient(#263b38 0,#263b38 60deg,#702f37 60deg,#702f37 120deg,#181d1c 120deg,#181d1c 180deg,#39514d 180deg,#39514d 240deg,#563036 240deg,#563036 300deg,#101414 300deg);box-shadow:0 0 0 4px #3e3528,0 16px 45px #000c,inset 0 0 35px #0009;transition:transform 2.3s cubic-bezier(.12,.72,.08,1)}.wheel:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1px solid #d8bd8255;box-shadow:inset 0 0 22px #000}.wheel span{position:absolute;left:calc(50% - 18px);top:calc(50% - 9px);width:36px;font-size:10px;font-weight:900;color:#eee4cf;text-shadow:0 2px 3px #000}.hub{position:absolute;top:115px;right:115px;bottom:115px;left:115px;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle,#26312f,#0b0e0e);border:4px solid var(--gold);box-shadow:0 0 24px #000;font-weight:900;color:#ddc48d}.pointer{z-index:2;position:absolute;left:133px;top:-3px;width:34px;height:42px;background:linear-gradient(#ead8a8,#ad8d50);clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 5px #000)}h2{font-size:20px;margin:12px 0}.spin{width:100%;border:1px solid #d0b27477;border-radius:14px;padding:16px;color:#f8f0df;font-size:17px;font-weight:900;letter-spacing:.12em;background:linear-gradient(100deg,#613039,#7d343d 52%,#334c48);box-shadow:0 10px 30px #0009}.spin:disabled{opacity:.7}.daily{margin-top:10px;background:#121716cc;border:1px solid #6d624b;border-radius:12px;color:#ddd2bc;padding:11px 18px;display:inline-flex;gap:8px;align-items:center;font-weight:700;font-size:11px}.panel{padding:18px;text-align:center;background:var(--panel);border:1px solid #685a3e55;border-radius:22px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.muted,.legal{color:#919894;font-size:13px;line-height:1.55}.packs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.packs button{border:1px solid #3f4845;border-radius:14px;padding:18px 12px;text-align:left;color:#f0eadf;background:#101514}.packs button.featured{border-color:#ae925c;box-shadow:0 0 20px #ab8e5330}.packs strong,.packs span{display:block;margin-top:8px}.packs span{color:#d3b773}.empty,.stats{margin-top:22px;padding:22px;border:1px solid #3b4542;border-radius:14px;background:#0e1312;color:#a9afab;line-height:1.6}.stats p{display:flex;justify-content:space-between;margin:8px}.stats b{color:#fff}.toast{position:fixed;left:50%;bottom:88px;transform:translate(-50%);max-width:420px;width:calc(100% - 36px);padding:13px 16px;border-radius:12px;background:#44262b;border:1px solid #96616a;color:#fff;text-align:center;font-size:13px;z-index:5}nav{position:fixed;left:50%;bottom:0;transform:translate(-50%);max-width:480px;width:100%;padding:8px 8px calc(8px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,1fr);background:#080b0bf2;border-top:1px solid #61553e;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}nav button{border:0;background:none;color:#676e6b;font-size:8px;font-weight:800}nav span{display:block;font-size:20px;margin-bottom:3px}nav .active{color:#d0b274}@media(max-width:390px){header{gap:7px}.language{padding:7px}.level{padding:7px 8px}}@media(max-width:360px){.wheel-wrap{transform:scale(.88);margin-left:-2px;margin-top:0;margin-bottom:0}.app{padding-left:12px;padding-right:12px}}:root{--gold:#e4bb61;--burgundy:#a92e50;--teal:#07857d}.arena{background:linear-gradient(160deg,#0a1010e8,#150d13dc);border-color:#b28b476b;box-shadow:inset 0 1px #ffffff0a,0 18px 55px #0008}.wheel{border-color:#e0b65d;background:conic-gradient(#087d76 0,#087d76 60deg,#b42d50 60deg,#b42d50 120deg,#15232b 120deg,#15232b 180deg,#2755a0 180deg,#2755a0 240deg,#7e2d83 240deg,#7e2d83 300deg,#d08824 300deg);box-shadow:0 0 0 4px #3f3020,0 18px 55px #000d,0 0 32px #087d7644,inset 0 0 38px #0008}.wheel:after{border-color:#f1cb7d75}.hub{background:radial-gradient(circle at 38% 30%,#345b58,#101716 67%);border-color:#e8c878;color:#ffe7ad}.pointer{background:linear-gradient(#fff0b2,#d8972e)}.spin{background:linear-gradient(100deg,#9b2849,#b8335a 43%,#087e78);border-color:#efca7e88;box-shadow:0 12px 34px #7f173966,0 0 24px #087e7833}.spin:active{transform:scale(.985)}.mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;width:210px;margin:10px auto 0;padding:4px;border-radius:12px;background:#080d0dcc;border:1px solid #574735}.mode-switch button{border:0;border-radius:9px;padding:8px;background:transparent;color:#747f7b;font-size:10px;font-weight:900;letter-spacing:.1em}.mode-switch button.active{color:#fff1cc;background:linear-gradient(100deg,#79213d,#096861);box-shadow:inset 0 0 0 1px #d5ad6155}.power{margin:0 0 10px;padding:8px 10px;border-radius:11px;background:#080d0dcc;border:1px solid #584535;overflow:hidden}.power div{display:flex;justify-content:space-between;margin-bottom:6px;color:#d4c6a8;font-size:9px;font-weight:900;letter-spacing:.1em}.power i{display:block;height:6px;min-width:0;border-radius:8px;background:linear-gradient(90deg,#087d76,#c5345b 55%,#e4b858);box-shadow:0 0 14px #c5345b;transition:width .12s ease}.tap-spin{touch-action:manipulation;-webkit-user-select:none;user-select:none;background:linear-gradient(105deg,#087e78,#8b294b 55%,#c27a20)}.packs button:first-child{border-color:#e0b85d;background:linear-gradient(145deg,#3c2613,#181510);box-shadow:0 0 22px #e0b85d33}.packs button:first-child:before{content:"TEST";float:right;padding:3px 6px;border-radius:6px;background:#e0b85d;color:#24190a;font-size:8px;font-weight:900}nav .active{color:#efc56f;text-shadow:0 0 14px #0ba197}