:root {
  --bg: #050504;
  --surface: #0d0d0b;
  --surface-2: #15130e;
  --surface-3: #1c180d;
  --gold: #f4c957;
  --gold-2: #a87617;
  --gold-3: #fff0a8;
  --text: #f7f4e9;
  --muted: #aaa596;
  --green: #55dd7a;
  --red: #ff695f;
  --line: rgba(244, 201, 87, .26);
  --glow: 0 0 28px rgba(244, 201, 87, .18);
  --radius: 22px;
  --safe-bottom: max(14px, env(safe-area-inset-bottom));
}
* { box-sizing: border-box; -webkit-tap-highlight-color: transparent; }
html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
body { overflow-x: hidden; background:
  radial-gradient(circle at 50% -10%, rgba(244,201,87,.12), transparent 32%),
  linear-gradient(180deg, #070705 0%, #030303 100%); }
button, input, select { font: inherit; }
button { cursor: pointer; }
.app-shell { width: min(100%, 540px); min-height: 100vh; margin: auto; position: relative; padding-bottom: calc(92px + var(--safe-bottom)); }
.boot-screen { min-height: 100vh; display: grid; place-content: center; justify-items: center; gap: 14px; color: var(--muted); letter-spacing: .04em; }
.boot-screen strong { color: var(--gold); font-size: 28px; letter-spacing: .14em; }
.boot-logo { width: 110px; height: 110px; border-radius: 50%; box-shadow: 0 0 60px rgba(244,201,87,.35); }
.loader { width: 180px; height: 5px; background: #201c11; border-radius: 999px; overflow: hidden; }
.loader i { display: block; height: 100%; width: 42%; background: linear-gradient(90deg,var(--gold-2),var(--gold-3)); border-radius: inherit; animation: loading 1.2s infinite ease-in-out; }
@keyframes loading { 0%{transform:translateX(-110%)} 100%{transform:translateX(350%)} }

.global-countdown { position: sticky; top: 0; z-index: 50; min-height: 46px; display: flex; align-items: center; justify-content: center; gap: 8px; padding: 8px 14px; background: rgba(5,5,4,.91); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); font-size: 12px; color: var(--muted); }
.global-countdown b { color: var(--gold-3); letter-spacing: .04em; }
.countdown-parts { display: inline-flex; align-items: center; gap: 5px; }
.countdown-parts span { min-width: 29px; text-align: center; background: #17140c; color: var(--gold); padding: 4px 5px; border: 1px solid rgba(244,201,87,.18); border-radius: 8px; font-variant-numeric: tabular-nums; }

.topbar { display: grid; grid-template-columns: 48px 1fr 48px; align-items: center; gap: 10px; padding: 14px 18px 10px; }
.avatar-button, .icon-button { width: 48px; height: 48px; border-radius: 16px; border: 1px solid var(--line); color: var(--gold); background: linear-gradient(145deg,#16140e,#080807); display: grid; place-items: center; box-shadow: var(--glow); }
.avatar-button { border-radius: 50%; font-size: 25px; }
.brand { display: flex; align-items: center; justify-content: center; gap: 10px; min-width: 0; }
.brand img { width: 40px; height: 40px; object-fit: cover; border-radius: 10px; }
.brand strong { color: var(--gold-3); font-size: 20px; letter-spacing: .12em; white-space: nowrap; }
.page-title { padding: 8px 20px 2px; }
.page-title h1 { margin: 0; color: var(--gold-3); font-size: clamp(27px, 8vw, 38px); line-height: 1; text-transform: uppercase; letter-spacing: .04em; }
.page-title p { margin: 8px 0 0; color: var(--muted); font-size: 14px; }
.announcement { margin: 12px 18px; border: 1px solid var(--line); background: linear-gradient(100deg,rgba(244,201,87,.11),rgba(10,10,8,.96)); padding: 11px 14px; border-radius: 14px; color: #d8cfb1; font-size: 12px; display: flex; gap: 9px; align-items: flex-start; }

.content { padding: 0 18px 22px; }
.card { background: linear-gradient(145deg, rgba(20,18,12,.96), rgba(7,7,6,.98)); border: 1px solid var(--line); border-radius: var(--radius); box-shadow: var(--glow); }
.balance-card { margin-top: 12px; padding: 18px; text-align: center; position: relative; overflow: hidden; }
.balance-card:before { content:""; position:absolute; inset:-60% 25%; background:radial-gradient(circle,rgba(244,201,87,.2),transparent 60%); pointer-events:none; }
.balance-label { color: var(--muted); font-size: 12px; text-transform: uppercase; letter-spacing: .12em; }
.balance-number { color: var(--gold-3); font-weight: 800; font-size: clamp(34px, 10vw, 52px); line-height: 1.15; text-shadow: 0 0 25px rgba(244,201,87,.25); font-variant-numeric: tabular-nums; }
.balance-sub { color: #d5c69d; font-size: 14px; margin-top: 6px; }
.token-badge { display: inline-flex; align-items: center; gap: 7px; margin-top: 8px; padding: 6px 10px; border-radius: 999px; background: rgba(244,201,87,.09); border:1px solid rgba(244,201,87,.18); color:var(--gold); font-size:12px; }

.tap-stage { min-height: 380px; display:grid; place-items:center; position:relative; padding: 28px 0 10px; overflow:hidden; }
.tap-stage:before { content:""; position:absolute; width:390px; height:390px; border-radius:50%; border:1px solid rgba(244,201,87,.12); box-shadow: 0 0 70px rgba(244,201,87,.13), inset 0 0 70px rgba(244,201,87,.08); animation: pulseRing 2.8s infinite ease-in-out; }
@keyframes pulseRing { 50% { transform: scale(1.055); opacity:.7; } }
.tap-coin { position: relative; width: min(65vw, 290px); aspect-ratio: 1; border:0; border-radius:50%; padding:0; background:transparent; filter: drop-shadow(0 0 34px rgba(244,201,87,.45)); transition: transform .08s ease; z-index:2; }
.tap-coin:active, .tap-coin.pressed { transform: scale(.94); }
.tap-coin img { width:100%; height:100%; border-radius:50%; object-fit:cover; }
.tap-caption { position:absolute; bottom:12px; z-index:3; color:var(--gold-3); font-weight:800; letter-spacing:.16em; font-size:16px; text-transform:uppercase; }
.combo-pill { position:absolute; left:0; top:90px; padding:8px 10px; border-radius:12px; border:1px solid var(--line); background:rgba(8,8,6,.85); color:var(--gold); font-size:12px; z-index:3; }
.combo-pill b { display:block; font-size:24px; }
.float-reward { position:fixed; z-index:99; pointer-events:none; color:var(--gold-3); font-weight:900; font-size:22px; text-shadow:0 0 16px var(--gold); animation:floatReward .9s ease-out forwards; }
@keyframes floatReward { to { transform:translateY(-90px) scale(1.25); opacity:0; } }

.stats-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:13px; }
.stat { min-width:0; text-align:center; padding:8px 5px; border-right:1px solid rgba(244,201,87,.13); }
.stat:last-child { border-right:0; }
.stat small { display:block; color:var(--muted); font-size:10px; text-transform:uppercase; }
.stat strong { display:block; color:var(--gold-3); font-size:18px; margin-top:4px; font-variant-numeric:tabular-nums; }
.stat em { display:block; color:var(--green); font-size:10px; font-style:normal; margin-top:2px; }
.energy-bar { height:6px; background:#282217; border-radius:99px; overflow:hidden; margin-top:7px; }
.energy-bar i { height:100%; display:block; background:linear-gradient(90deg,var(--gold-2),var(--gold-3)); border-radius:inherit; }

.quick-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:8px; margin-top:10px; }
.quick-action { min-height:92px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(155deg,#17140d,#090908); color:var(--text); padding:10px 5px; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:5px; }
.quick-action .emoji { color:var(--gold); font-size:27px; }
.quick-action strong { font-size:11px; color:var(--gold-3); }
.quick-action span { color:var(--muted); font-size:9px; text-align:center; }

.section-head { display:flex; justify-content:space-between; align-items:center; margin:18px 3px 9px; }
.section-head h2 { margin:0; color:var(--gold); font-size:15px; letter-spacing:.07em; text-transform:uppercase; }
.section-head button, .text-button { border:0; background:none; color:#d8bd70; font-size:12px; padding:5px; }
.mini-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.mini-card { padding:13px 10px; min-height:100px; }
.mini-card small { color:var(--gold); font-size:10px; text-transform:uppercase; }
.mini-card strong { display:block; font-size:20px; margin-top:5px; }
.mini-card p { margin:5px 0 0; color:var(--muted); font-size:10px; line-height:1.35; }
.mini-card .green { color:var(--green); }

.event-banner { position:relative; overflow:hidden; padding:18px; min-height:155px; margin-top:10px; background:
  radial-gradient(circle at 85% 50%,rgba(244,201,87,.25),transparent 35%),
  linear-gradient(120deg,#18130a,#080807); }
.event-banner h3 { margin:3px 0; font-size:29px; color:var(--gold-3); }
.event-banner p { color:#d8d1bc; font-size:12px; max-width:58%; }
.event-banner .chest { position:absolute; right:18px; bottom:16px; font-size:66px; filter:drop-shadow(0 0 25px rgba(244,201,87,.55)); }
.primary, .secondary, .danger { border-radius:14px; min-height:44px; padding:0 18px; font-weight:800; border:1px solid var(--line); }
.primary { background:linear-gradient(180deg,#ffe690,#c99624); color:#141009; box-shadow:0 0 24px rgba(244,201,87,.22); }
.secondary { background:#12110d; color:var(--gold-3); }
.danger { background:rgba(255,105,95,.1); border-color:rgba(255,105,95,.35); color:var(--red); }
.primary:disabled, .secondary:disabled { opacity:.45; cursor:not-allowed; }

.page-panel { margin-top:12px; padding:15px; }
.tabs { display:grid; grid-auto-flow:column; grid-auto-columns:1fr; gap:5px; padding:5px; border:1px solid var(--line); border-radius:16px; background:#090908; margin:12px 0; overflow-x:auto; }
.tabs button { border:0; border-radius:12px; padding:11px 8px; color:var(--muted); background:transparent; white-space:nowrap; font-size:12px; }
.tabs button.active { background:linear-gradient(180deg,#3b2d0e,#1b160c); color:var(--gold-3); box-shadow:inset 0 0 0 1px rgba(244,201,87,.28); }

.wheel-hero{margin-top:12px;padding:14px 14px 16px;overflow:hidden;background:radial-gradient(circle at 50% 32%,rgba(244,201,87,.14),transparent 42%),linear-gradient(145deg,#13110b,#050504)}
.wheel-status-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:5px}.wheel-status-row>div{padding:10px 6px;border:1px solid rgba(244,201,87,.17);border-radius:13px;text-align:center;background:rgba(5,5,4,.76)}.wheel-status-row small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase;letter-spacing:.08em}.wheel-status-row strong{display:block;color:var(--gold-3);font-size:14px;margin-top:3px}
.wheel-machine{position:relative;min-height:410px;display:grid;place-items:center;margin:0 -8px 4px;isolation:isolate}.wheel-machine:before{content:"";position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(244,201,87,.2),rgba(244,201,87,.04) 45%,transparent 68%);filter:blur(8px);z-index:-3}.wheel-machine:after{content:"";position:absolute;inset:13% 7%;background:repeating-conic-gradient(from 0deg,rgba(244,201,87,.5) 0deg 1deg,transparent 1deg 7.5deg);border-radius:50%;filter:blur(.2px);opacity:.22;z-index:-2}
.wheel-wrap{display:grid;place-items:center;padding:24px 0 10px;position:relative;z-index:2}.wheel{width:min(82vw,370px);aspect-ratio:1;border-radius:50%;position:relative;border:13px solid #d7aa34;background:var(--wheel-gradient);box-shadow:0 0 0 5px #1a1306,0 0 0 8px #f3cd68,0 0 0 12px #68460e,0 0 60px rgba(244,201,87,.55),inset 0 0 45px #000;transition-property:transform;transition-duration:4.6s;transition-timing-function:cubic-bezier(.08,.75,.08,1);will-change:transform;overflow:hidden}.wheel:before{content:"";position:absolute;inset:3%;border-radius:50%;border:2px solid rgba(255,234,153,.8);box-shadow:inset 0 0 0 2px rgba(0,0,0,.8),inset 0 0 28px rgba(0,0,0,.8);pointer-events:none;z-index:3}.wheel:after{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 34% 24%,rgba(255,255,255,.18),transparent 25%),radial-gradient(circle,transparent 58%,rgba(0,0,0,.48) 80%);pointer-events:none;z-index:2}
.wheel-dividers{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -90deg,rgba(247,207,98,.96) 0deg 1.1deg,transparent 1.1deg calc(360deg / var(--segment-count)));z-index:1;pointer-events:none}.wheel-label{position:absolute;left:50%;top:50%;width:92px;display:grid;gap:2px;justify-items:center;color:var(--gold-3);font-size:8px;text-align:center;font-weight:800;text-shadow:0 2px 5px #000;transform:translate(-50%,-50%) rotate(var(--segment-angle)) translateY(-132px) rotate(calc(var(--segment-angle) * -1));z-index:4;line-height:1.1}.wheel-label i{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(3,3,3,.72);border:1px solid rgba(244,201,87,.45);color:var(--gold-3);font-size:12px;font-style:normal;box-shadow:0 0 13px rgba(244,201,87,.2)}.wheel-label b{max-width:88px;font-size:8px}.wheel-center{position:absolute;inset:35%;border-radius:50%;background:radial-gradient(circle at 35% 25%,#3a2b10,#060605 62%);border:4px solid #f0c85a;display:grid;place-items:center;box-shadow:0 0 0 4px #1b1305,0 0 30px rgba(244,201,87,.5);z-index:8}.wheel-center img{width:82%;height:82%;border-radius:50%;object-fit:cover}.wheel-center span{position:absolute;bottom:13%;font-size:7px;color:var(--gold-3);letter-spacing:.12em;font-weight:900}
.wheel-pointer{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:62px;height:78px;z-index:20;filter:drop-shadow(0 8px 8px #000)}.wheel-pointer:before{content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:54px;height:54px;border-radius:50% 50% 46% 46%;background:linear-gradient(145deg,#fff1a8,#b47410);border:3px solid #4a2d05;box-shadow:0 0 0 3px #f4ce63,0 0 24px rgba(244,201,87,.6)}.wheel-pointer span{position:absolute;left:50%;top:39px;transform:translateX(-50%);width:0;height:0;border-left:17px solid transparent;border-right:17px solid transparent;border-top:35px solid #f3c657;filter:drop-shadow(0 4px 1px #5b3506)}.wheel-pointer span:after{content:"";position:absolute;left:-5px;top:-32px;width:10px;height:10px;border-radius:50%;background:#181108;border:2px solid #fff0a8}.wheel-light-ring{position:absolute;width:min(91vw,410px);aspect-ratio:1;border-radius:50%;border:2px solid rgba(244,201,87,.24);box-shadow:0 0 32px rgba(244,201,87,.38),inset 0 0 28px rgba(244,201,87,.18);z-index:0}.wheel-light-ring:before{content:"";position:absolute;inset:-5px;border-radius:50%;background:repeating-conic-gradient(#ffeb9c 0deg 2deg,transparent 2deg 15deg);mask:radial-gradient(circle,transparent 93%,#000 94%);opacity:.78}.wheel-floor{position:absolute;bottom:5px;width:76%;height:40px;border-radius:50%;background:radial-gradient(ellipse,rgba(244,201,87,.42),rgba(244,201,87,.09) 45%,transparent 70%);filter:blur(4px);z-index:-1}.wheel-machine.is-spinning .wheel-pointer{animation:pointerTick .12s infinite alternate}.wheel-machine.is-spinning .wheel-light-ring{animation:wheelGlow .7s infinite alternate}@keyframes pointerTick{to{transform:translate(-50%,3px)}}@keyframes wheelGlow{to{box-shadow:0 0 58px rgba(244,201,87,.65),inset 0 0 35px rgba(244,201,87,.3)}}
.spin-progress{display:flex;align-items:center;gap:9px;margin:-3px auto 11px;max-width:330px;color:var(--muted);font-size:10px}.spin-progress i{height:4px;flex:1;border-radius:99px;background:#242015;overflow:hidden;position:relative}.spin-progress.active i:after{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,var(--gold-3),transparent);animation:spinLoading 1s linear infinite}@keyframes spinLoading{from{transform:translateX(-120%)}to{transform:translateX(360%)}}
.spin-options{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.spin-option{padding:12px 7px;text-align:center}.spin-option small{display:block;color:var(--muted);font-size:9px}.spin-option strong{display:block;color:var(--gold-3);margin:4px 0;font-size:12px}.full-button{width:100%;margin-top:10px}.wheel-limit-note{color:var(--muted);font-size:10px}.wheel-prize-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.wheel-prize{padding:11px;display:grid;grid-template-columns:42px 1fr;gap:9px;align-items:center}.wheel-prize>span{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;border:1px solid var(--prize-color);box-shadow:inset 0 0 18px rgba(244,201,87,.08);color:var(--gold-3);font-size:14px}.wheel-prize small{display:block;color:var(--muted);font-size:8px;text-transform:uppercase}.wheel-prize strong{display:block;color:var(--gold-3);font-size:11px}.wheel-prize p{margin:3px 0 0;color:var(--muted);font-size:8px}

.quest-list { display:grid; gap:9px; }
.quest { display:grid; grid-template-columns:46px 1fr auto; gap:10px; align-items:center; padding:11px; }
.quest-icon { width:46px; height:46px; border:1px solid var(--line); border-radius:14px; display:grid; place-items:center; font-size:23px; background:#17140d; }
.quest h3 { margin:0; font-size:13px; }
.quest p { margin:3px 0 5px; color:var(--muted); font-size:10px; }
.progress { height:5px; border-radius:99px; background:#292318; overflow:hidden; }
.progress i { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--gold-2),var(--gold-3)); }
.quest-reward { text-align:right; }
.quest-reward strong { display:block; color:var(--gold); font-size:12px; }
.quest-reward button { min-width:62px; margin-top:5px; min-height:34px; padding:0 10px; }

.ref-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:14px; }
.ref-summary div { text-align:center; }
.ref-summary strong { color:var(--gold-3); font-size:23px; display:block; }
.ref-summary small { color:var(--muted); font-size:9px; }
.ref-code { margin-top:10px; padding:16px; text-align:center; }
.code-box { display:flex; justify-content:center; align-items:center; gap:10px; color:var(--gold-3); font-size:24px; font-weight:900; letter-spacing:.08em; background:#090908; border:1px dashed rgba(244,201,87,.38); border-radius:14px; padding:13px; margin:10px 0; }
.share-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8px; }
.level-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }
.level-card { padding:13px 8px; text-align:center; }
.level-card strong { display:block; font-size:25px; color:var(--gold-3); }
.level-card small { color:var(--muted); font-size:9px; }

.wallet-balance { padding:20px; text-align:center; }
.wallet-balance .dual { display:grid; grid-template-columns:1fr 1fr; gap:9px; margin-top:14px; }
.asset-card { padding:14px 8px; background:#0a0a08; border:1px solid var(--line); border-radius:16px; }
.asset-card span { color:var(--muted); font-size:10px; }
.asset-card strong { display:block; color:var(--gold-3); font-size:21px; margin-top:4px; }
.convert-box { padding:16px; margin-top:10px; }
.convert-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.input { width:100%; height:46px; border-radius:13px; border:1px solid var(--line); background:#080807; color:var(--text); padding:0 13px; outline:none; }
.input:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(244,201,87,.08); }
.convert-preview { color:var(--muted); font-size:11px; margin:9px 0; }
.lock-notice { border:1px solid rgba(244,201,87,.2); background:rgba(244,201,87,.06); border-radius:12px; padding:10px; color:#d5c69d; font-size:11px; }
.tx-list { display:grid; gap:7px; }
.tx { display:grid; grid-template-columns:1fr auto; gap:10px; align-items:center; padding:11px 13px; }
.tx strong { display:block; font-size:12px; }
.tx small { color:var(--muted); font-size:9px; }
.tx .positive { color:var(--green); }
.tx .negative { color:var(--red); }

.vip-current { padding:15px; display:flex; align-items:center; justify-content:space-between; gap:10px; }
.vip-current .crown { font-size:40px; }
.vip-list { display:grid; gap:10px; }
.vip-card { padding:15px; position:relative; overflow:hidden; }
.vip-card.active { border-color:var(--gold); box-shadow:0 0 35px rgba(244,201,87,.22); }
.vip-card h3 { margin:0; color:var(--gold-3); font-size:22px; }
.vip-card .price { color:var(--gold); font-size:17px; font-weight:800; }
.vip-benefits { display:grid; grid-template-columns:repeat(2,1fr); gap:6px; margin:10px 0; color:#d2c8a7; font-size:10px; }
.vip-benefits span { background:#0a0a08; border:1px solid rgba(244,201,87,.12); padding:7px; border-radius:9px; }

.leader-podium { display:grid; grid-template-columns:1fr 1.2fr 1fr; gap:7px; align-items:end; margin:15px 0; }
.podium-card { text-align:center; padding:13px 5px; }
.podium-card.first { min-height:170px; border-color:var(--gold); background:radial-gradient(circle at 50% 30%,rgba(244,201,87,.2),transparent 50%),#0d0d0b; }
.podium-avatar { width:58px; height:58px; margin:auto; border-radius:50%; border:2px solid var(--gold); display:grid; place-items:center; font-size:29px; background:#17140d; }
.podium-card strong { display:block; margin-top:7px; font-size:11px; overflow:hidden; text-overflow:ellipsis; }
.podium-card b { color:var(--gold-3); font-size:16px; }
.rank-list { display:grid; gap:6px; }
.rank { display:grid; grid-template-columns:30px 42px 1fr auto; align-items:center; gap:8px; padding:9px 11px; }
.rank .avatar { width:42px; height:42px; border-radius:50%; display:grid; place-items:center; background:#17140d; border:1px solid var(--line); }
.rank small { color:var(--muted); font-size:9px; }
.rank b { color:var(--gold-3); font-size:12px; }

.profile-card { padding:17px; display:grid; grid-template-columns:68px 1fr; gap:12px; align-items:center; }
.profile-avatar { width:68px; height:68px; border-radius:50%; display:grid; place-items:center; font-size:38px; border:2px solid var(--gold); box-shadow:0 0 25px rgba(244,201,87,.28); }
.profile-card h2 { margin:0; color:var(--gold-3); }
.profile-card p { margin:4px 0 0; color:var(--muted); font-size:11px; }
.menu-list { display:grid; gap:7px; margin-top:10px; }
.menu-row { display:flex; justify-content:space-between; align-items:center; min-height:52px; padding:0 14px; }
.menu-row span { color:#dcd6c3; font-size:13px; }
.menu-row b { color:var(--gold); font-size:12px; }

.bottom-nav { position:fixed; left:50%; transform:translateX(-50%); bottom:0; z-index:60; width:min(100%,540px); display:grid; grid-template-columns:repeat(5,1fr); padding:7px 8px var(--safe-bottom); background:rgba(5,5,4,.96); backdrop-filter:blur(18px); border-top:1px solid var(--line); box-shadow:0 -12px 30px rgba(0,0,0,.45); }
.bottom-nav button { border:0; background:transparent; color:#8e8878; min-height:62px; border-radius:16px; display:flex; flex-direction:column; gap:4px; align-items:center; justify-content:center; font-size:9px; }
.bottom-nav button .nav-icon { font-size:23px; }
.bottom-nav button.active { color:var(--gold-3); background:linear-gradient(180deg,rgba(244,201,87,.15),rgba(244,201,87,.03)); box-shadow:inset 0 0 0 1px rgba(244,201,87,.18); }

.toast-root { position:fixed; z-index:1000; top:58px; left:50%; transform:translateX(-50%); width:min(calc(100% - 28px),500px); display:grid; gap:8px; pointer-events:none; }
.toast { pointer-events:auto; padding:12px 14px; border-radius:14px; border:1px solid var(--line); background:rgba(10,10,8,.96); box-shadow:0 12px 40px #000; color:var(--text); animation:toastIn .25s ease; font-size:12px; }
.toast.success { border-color:rgba(85,221,122,.35); }
.toast.error { border-color:rgba(255,105,95,.42); color:#ffd3d0; }
@keyframes toastIn { from{opacity:0; transform:translateY(-12px)} }
.modal-backdrop { position:fixed; z-index:500; inset:0; background:rgba(0,0,0,.76); backdrop-filter:blur(8px); display:grid; place-items:center; padding:20px; }
.modal { width:min(100%,430px); padding:20px; text-align:center; }
.modal h2 { color:var(--gold-3); margin:0 0 8px; }
.modal p { color:var(--muted); font-size:12px; }
.modal-actions { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:15px; }
.ad-player { margin:14px 0; min-height:170px; border-radius:18px; background:radial-gradient(circle,rgba(244,201,87,.2),transparent 52%),#090908; display:grid; place-items:center; border:1px solid var(--line); font-size:58px; }
.ad-count { font-size:32px; color:var(--gold-3); font-weight:900; font-variant-numeric:tabular-nums; }

.empty { padding:30px 15px; text-align:center; color:var(--muted); font-size:12px; }
.skeleton { background:linear-gradient(90deg,#15130e,#252014,#15130e); background-size:200% 100%; animation:shimmer 1.3s infinite; border-radius:10px; color:transparent!important; }
@keyframes shimmer { to{background-position:-200% 0} }
@media (max-width:390px) {
  .content { padding-left:12px; padding-right:12px; }
  .topbar { padding-left:12px; padding-right:12px; }
  .brand strong { font-size:16px; }
  .stats-grid { grid-template-columns:1fr; }
  .stat { border-right:0; border-bottom:1px solid rgba(244,201,87,.13); }
  .stat:last-child { border-bottom:0; }
  .quick-grid { grid-template-columns:repeat(2,1fr); }
  .mini-grid { grid-template-columns:1fr; }
  .spin-options { grid-template-columns:1fr; }
  .level-grid { grid-template-columns:1fr; }
}
@media (prefers-reduced-motion: reduce) {
  *, *:before, *:after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; scroll-behavior:auto!important; }
}

/* v0.7.0 — çoklu ödeme, döviz ve presale kullanıcı akışı */
.finance-action-card{margin-top:10px;padding:15px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:radial-gradient(circle at 85% 30%,rgba(244,201,87,.16),transparent 35%),linear-gradient(145deg,#13110c,#080807)}.finance-action-card small{color:var(--gold);font-size:9px;letter-spacing:.1em}.finance-action-card h3{margin:4px 0;color:var(--gold-3);font-size:20px}.finance-action-card p{margin:0;color:var(--muted);font-size:10px}.payment-method-grid{display:grid;gap:8px}.payment-method{padding:11px;display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:center}.payment-method-icon{width:42px;height:42px;border-radius:13px;border:1px solid var(--line);display:grid;place-items:center;background:#17140d;color:var(--gold-3);font-size:20px}.payment-method strong{display:block;color:#eee7d2;font-size:12px}.payment-method small{display:block;color:var(--muted);font-size:9px;line-height:1.35;margin-top:2px}.payment-method em{display:block;color:var(--gold);font-style:normal;font-size:8px;margin-top:4px}.vip-price-row{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.vip-price-row span{padding:5px 7px;border:1px solid rgba(244,201,87,.17);border-radius:999px;background:#0a0a08;color:#cfc5a5;font-size:8px}.vip-price-row b{color:var(--gold)}.vip-buy-grid{display:grid;grid-template-columns:1fr 1.35fr;gap:7px}.vip-buy-grid button{min-height:42px;border-radius:11px;padding:0 8px;font-size:9px}.payment-modal{position:relative;text-align:left;max-height:min(88vh,760px);overflow:auto}.payment-modal>h2,.payment-modal>p{text-align:center}.modal-close{position:absolute;right:10px;top:9px;width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:#0a0a08;color:var(--gold);font-size:22px}.payment-form-grid{display:grid;gap:10px;margin-top:14px}.payment-form-grid .field{display:grid;gap:5px}.payment-form-grid label{color:var(--muted);font-size:9px;text-transform:uppercase}.payment-preview{margin-top:12px;padding:10px;border-radius:11px;border:1px solid rgba(244,201,87,.2);background:rgba(244,201,87,.06);color:var(--gold-3);text-align:center;font-weight:800;font-size:12px}.hidden{display:none!important}.checkout-result-icon{width:70px;height:70px;margin:0 auto 10px;border-radius:50%;border:2px solid var(--gold);display:grid;place-items:center;background:#17140d;color:var(--gold-3);font-size:34px;box-shadow:0 0 30px rgba(244,201,87,.22)}.checkout-link{display:grid;place-items:center;min-height:45px;border-radius:12px;text-decoration:none;margin:14px 0}.checkout-details{display:grid;gap:7px;margin:12px 0;text-align:left}.checkout-details span{display:grid;gap:2px;padding:9px;border:1px solid rgba(244,201,87,.14);border-radius:10px;background:#090908;color:var(--muted);font-size:8px;text-transform:uppercase}.checkout-details b{color:#eee4c7;font-size:11px;text-transform:none}.break-all{word-break:break-all}
@media(max-width:390px){.finance-action-card{align-items:stretch;flex-direction:column}.finance-action-card button{width:100%}.vip-buy-grid{grid-template-columns:1fr}}

/* v1.0 account, presale and managed-wallet screens */
.auth-page{min-height:100vh;padding:34px 16px 44px;display:grid;align-content:center;justify-items:center;background:radial-gradient(circle at 50% 12%,rgba(239,188,54,.18),transparent 27%),linear-gradient(180deg,#050504,#0a0907 55%,#050504);color:var(--text)}
.auth-brand{display:grid;justify-items:center;margin-bottom:14px;text-align:center}.auth-brand img{width:88px;height:88px;object-fit:contain;filter:drop-shadow(0 0 22px rgba(233,180,47,.35))}.auth-brand span{color:var(--gold-3);font-weight:900;font-size:25px;letter-spacing:.12em}.auth-brand small{color:var(--muted);font-size:8px;letter-spacing:.18em}
.auth-card{width:min(100%,480px);padding:20px}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;padding:4px;border:1px solid var(--line);border-radius:12px;background:#080806;margin-bottom:18px}.auth-tabs button{border:0;border-radius:8px;padding:11px;background:transparent;color:var(--muted);font-weight:800}.auth-tabs button.active{background:linear-gradient(135deg,var(--gold-2),var(--gold-3));color:#171006}
.auth-form{display:grid;gap:10px}.auth-form h2{margin:0;color:var(--gold-3);font-size:22px}.auth-form p{margin:0 0 5px;color:var(--muted);line-height:1.55;font-size:11px}.auth-icon{font-size:42px;text-align:center}.auth-check{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:10px;line-height:1.5}.auth-check input{margin-top:2px;accent-color:var(--gold-2)}.auth-divider{height:1px;background:var(--line);margin:21px 0;position:relative}.auth-divider span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:0 10px;background:var(--card);color:var(--muted);font-size:9px}.social-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.social-login{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:10px;background:#0b0a08;color:#e8dfc8;font-weight:800}.social-login span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:#e8dfc8;color:#111;font-size:12px}.auth-foot{max-width:460px;color:#6f6857;text-align:center;font-size:9px;line-height:1.55}
.wallet-setup,.recovery-alert,.presale-balance{padding:16px;margin-top:12px}.wallet-setup>p,.presale-balance>p,.recovery-alert>p{color:var(--muted);font-size:10px;line-height:1.55}.wallet-form{display:grid;gap:9px}.confirm-form{margin-top:13px;padding-top:13px;border-top:1px solid var(--line)}.presale-balance-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.presale-balance-grid>div{padding:12px;border:1px solid var(--line);border-radius:11px;background:#080806}.presale-balance-grid small{display:block;color:var(--muted);font-size:7px}.presale-balance-grid strong{display:block;margin-top:5px;color:var(--gold-3);font-size:14px}.recovery-alert{border-color:#7f6420;background:linear-gradient(145deg,rgba(216,165,39,.14),#0c0b08)}.recovery-alert h3{margin:0;color:var(--gold-3)}.recovery-alert small{display:block;margin-top:8px;color:var(--muted);text-align:center}.managed-wallet-list{display:grid;gap:9px}.managed-wallet{padding:13px}.wallet-network{display:flex;align-items:center;justify-content:space-between}.wallet-network span{padding:3px 7px;border:1px solid var(--line);border-radius:20px;color:var(--gold-3);font-size:7px}.wallet-network b{font-size:10px}.managed-wallet code{display:block;margin:11px 0;padding:9px;border-radius:8px;background:#070705;color:#d7c896;overflow-wrap:anywhere;font-size:9px}.wallet-meta{display:flex;flex-wrap:wrap;gap:6px}.wallet-meta span{padding:4px 7px;border-radius:20px;background:#14120d;color:var(--muted);font-size:7px}
@media(max-width:480px){.social-login-grid,.presale-balance-grid{grid-template-columns:1fr}.auth-page{align-content:start;padding-top:22px}}

/* v1.0 launch distribution status */
.distribution-list{display:grid;gap:9px}.distribution-card{padding:13px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.distribution-card small{color:var(--gold);font-size:8px;letter-spacing:.06em}.distribution-card h3{margin:4px 0;color:var(--gold-3);font-size:18px}.distribution-card p{margin:0;color:var(--muted);font-size:9px}.distribution-status{display:grid;justify-items:end;gap:4px}.distribution-status span{padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--gold-3);font-size:8px;text-transform:uppercase}.distribution-status small{color:var(--muted);letter-spacing:0}.distribution-status code{max-width:110px;color:#9b9074;font-size:7px;overflow:hidden;text-overflow:ellipsis}
@media(max-width:390px){.distribution-card{grid-template-columns:1fr}.distribution-status{justify-items:start}}
