: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}}

/* v1.1.3 — server-confirmed tap animation, energy feedback and save state */
.tap-coin{
  overflow:visible;
  isolation:isolate;
  will-change:transform,filter;
  touch-action:manipulation;
  user-select:none;
}
.tap-coin:disabled{
  cursor:not-allowed;
  opacity:.58;
  filter:grayscale(.35) drop-shadow(0 0 14px rgba(244,201,87,.18));
}
.tap-coin .tap-aura{
  position:absolute;
  inset:-8%;
  z-index:-1;
  border-radius:50%;
  border:2px solid rgba(255,232,145,.42);
  box-shadow:0 0 22px rgba(244,201,87,.35),inset 0 0 22px rgba(244,201,87,.16);
  pointer-events:none;
  animation:tapAuraIdle 2.2s ease-in-out infinite;
}
.tap-coin.tap-hit{
  animation:tapCoinHit .36s cubic-bezier(.18,.78,.24,1);
}
.tap-coin.tap-hit .tap-aura{
  animation:tapAuraHit .5s ease-out;
}
.tap-stage.tap-stage-hit:before{
  animation:tapStageFlash .42s ease-out;
}
.tap-caption{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:5px;
  text-align:center;
  pointer-events:none;
}
.tap-caption small{
  display:block;
  color:var(--muted);
  font-size:8px;
  font-weight:650;
  letter-spacing:.05em;
  text-transform:none;
  transition:color .18s ease,text-shadow .18s ease;
}
.tap-caption small[data-state="saving"]{color:#ecd17e;text-shadow:0 0 12px rgba(244,201,87,.25)}
.tap-caption small[data-state="saved"]{color:var(--green);text-shadow:0 0 12px rgba(85,221,122,.22)}
.tap-caption small[data-state="error"]{color:#ff9a91;text-shadow:0 0 12px rgba(255,105,95,.22)}
.combo-pill span{
  display:block;
  max-width:112px;
  margin-top:2px;
  color:var(--muted);
  font-size:8px;
  line-height:1.25;
}
.tap-ripple{
  position:absolute;
  z-index:7;
  width:22px;
  height:22px;
  margin:-11px 0 0 -11px;
  border:2px solid rgba(255,239,173,.92);
  border-radius:50%;
  box-shadow:0 0 22px rgba(244,201,87,.7),inset 0 0 12px rgba(244,201,87,.38);
  pointer-events:none;
  animation:tapRipple .68s ease-out forwards;
}
.tap-spark{
  --tap-angle:0deg;
  --tap-distance:50px;
  position:absolute;
  z-index:8;
  width:7px;
  height:7px;
  margin:-3px 0 0 -3px;
  border-radius:50%;
  background:linear-gradient(145deg,#fff7c5,#e9aa23);
  box-shadow:0 0 10px rgba(255,221,107,.95);
  pointer-events:none;
  transform:rotate(var(--tap-angle)) translateX(0) scale(1);
  animation:tapSpark .6s ease-out forwards;
}
.vip-buy-grid.single{grid-template-columns:1fr}
@keyframes tapAuraIdle{
  0%,100%{transform:scale(.98);opacity:.55}
  50%{transform:scale(1.035);opacity:.92}
}
@keyframes tapCoinHit{
  0%{transform:scale(1) rotate(0);filter:brightness(1)}
  32%{transform:scale(.88) rotate(-2deg);filter:brightness(1.42)}
  68%{transform:scale(1.065) rotate(1.4deg);filter:brightness(1.2)}
  100%{transform:scale(1) rotate(0);filter:brightness(1)}
}
@keyframes tapAuraHit{
  0%{transform:scale(.9);opacity:.95}
  100%{transform:scale(1.28);opacity:0}
}
@keyframes tapStageFlash{
  0%{opacity:.55;transform:scale(.96)}
  45%{opacity:1;transform:scale(1.06)}
  100%{opacity:.7;transform:scale(1)}
}
@keyframes tapRipple{
  0%{transform:scale(.35);opacity:1}
  100%{transform:scale(6.5);opacity:0}
}
@keyframes tapSpark{
  0%{transform:rotate(var(--tap-angle)) translateX(0) scale(1);opacity:1}
  75%{opacity:.95}
  100%{transform:rotate(var(--tap-angle)) translateX(var(--tap-distance)) scale(.15);opacity:0}
}
@media(prefers-reduced-motion:reduce){
  .tap-coin .tap-aura{animation:none}
  .tap-ripple,.tap-spark{display:none}
}

/* v1.1.4 — premium neon tap reactor, flying OC particles and haptic-ready press state */
.premium-tap-stage{
  --tap-impact-x:50%;
  --tap-impact-y:48%;
  --tap-pointer-x:50%;
  --tap-pointer-y:48%;
  min-height:468px;
  margin:8px -4px 2px;
  padding:54px 0 42px;
  isolation:isolate;
  contain:layout paint style;
  border-radius:38px;
  background:
    radial-gradient(circle at 50% 46%,rgba(255,213,80,.17),transparent 27%),
    radial-gradient(circle at 50% 50%,rgba(193,124,10,.12),transparent 48%),
    linear-gradient(180deg,rgba(13,12,8,.2),rgba(4,4,3,.02));
}
.premium-tap-stage:before{
  width:min(92vw,430px);
  height:min(92vw,430px);
  border:1px solid rgba(255,224,122,.18);
  background:
    radial-gradient(circle,transparent 49%,rgba(255,205,55,.055) 50%,transparent 51%),
    repeating-radial-gradient(circle,transparent 0 28px,rgba(255,211,76,.025) 29px 30px);
  box-shadow:
    0 0 90px rgba(244,183,35,.19),
    inset 0 0 90px rgba(244,183,35,.1),
    0 0 0 14px rgba(255,209,67,.018),
    0 0 0 38px rgba(255,209,67,.012);
  animation:premiumStageBreath 3.4s ease-in-out infinite;
}
.premium-tap-stage:after{
  content:"";
  position:absolute;
  z-index:0;
  left:50%;
  bottom:54px;
  width:min(76vw,350px);
  height:78px;
  border-radius:50%;
  transform:translateX(-50%) perspective(230px) rotateX(68deg);
  background:radial-gradient(ellipse,rgba(255,207,66,.3),rgba(143,89,4,.09) 42%,transparent 72%);
  border:1px solid rgba(255,221,108,.18);
  box-shadow:0 0 35px rgba(255,194,31,.18),inset 0 0 24px rgba(255,217,92,.15);
  filter:blur(.2px);
  pointer-events:none;
}
.tap-stage-grid{
  position:absolute;
  z-index:0;
  inset:2% -12% 4%;
  opacity:.34;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(255,209,73,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,209,73,.035) 1px,transparent 1px);
  background-size:28px 28px;
  mask-image:radial-gradient(circle at 50% 48%,#000 15%,rgba(0,0,0,.66) 48%,transparent 78%);
  transform:perspective(520px) rotateX(62deg) translateY(115px) scale(1.22);
}
.tap-stage-orbit{
  position:absolute;
  z-index:1;
  left:50%;
  top:49%;
  aspect-ratio:1;
  border-radius:50%;
  pointer-events:none;
  transform:translate(-50%,-50%);
  border:1px dashed rgba(255,221,115,.24);
  box-shadow:0 0 28px rgba(255,196,29,.08);
}
.tap-stage-orbit:before,.tap-stage-orbit:after{
  content:"";
  position:absolute;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#ffe88d;
  box-shadow:0 0 14px #f6b81e,0 0 25px rgba(255,209,69,.65);
}
.tap-stage-orbit:before{left:9%;top:23%}
.tap-stage-orbit:after{right:11%;bottom:21%}
.tap-stage-orbit-a{width:min(88vw,408px);animation:premiumOrbit 13s linear infinite}
.tap-stage-orbit-b{width:min(73vw,340px);border-style:solid;border-color:rgba(255,214,76,.12);animation:premiumOrbitReverse 9s linear infinite}
.tap-reward-display{
  position:absolute;
  z-index:30;
  left:50%;
  top:15px;
  display:flex;
  align-items:baseline;
  gap:5px;
  transform:translate(-50%,18px) scale(.82);
  opacity:0;
  color:#fff1a4;
  font-variant-numeric:tabular-nums;
  pointer-events:none;
  text-shadow:0 0 8px #fff1a4,0 0 22px #ffba16,0 0 44px rgba(255,178,0,.9);
  white-space:nowrap;
}
.tap-reward-display span{font-size:26px;font-weight:900}
.tap-reward-display b{font-size:clamp(30px,9vw,48px);line-height:1;font-weight:950;letter-spacing:-.035em}
.tap-reward-display em{font-size:12px;font-weight:900;font-style:normal;letter-spacing:.08em}
.tap-reward-display.active{animation:premiumRewardRise .82s cubic-bezier(.16,.8,.18,1) both}
.premium-tap-coin{
  --press-x:0;
  --press-y:0;
  width:min(72vw,326px);
  z-index:12;
  transform-style:preserve-3d;
  filter:drop-shadow(0 18px 18px rgba(0,0,0,.72)) drop-shadow(0 0 34px rgba(255,196,31,.58));
  animation:premiumCoinFloat 3.5s ease-in-out infinite;
  transition:filter .16s ease,transform .12s cubic-bezier(.2,.75,.28,1);
}
.premium-tap-coin:focus-visible{
  outline:3px solid #fff0a0;
  outline-offset:10px;
  box-shadow:0 0 0 6px rgba(255,201,44,.18);
}
.premium-tap-coin.pressed:not(:disabled){
  transform:perspective(720px) rotateX(calc(var(--press-y) * -5deg)) rotateY(calc(var(--press-x) * 5deg)) scale(.945) translateY(4px);
  filter:drop-shadow(0 9px 12px rgba(0,0,0,.75)) drop-shadow(0 0 48px rgba(255,196,31,.82));
  animation:none;
}
.tap-reactor{
  position:absolute;
  z-index:-2;
  inset:-24%;
  border-radius:50%;
  pointer-events:none;
  transform:translateZ(-1px);
}
.tap-reactor .tap-aura{
  inset:8%;
  border:1px solid rgba(255,240,174,.58);
  background:radial-gradient(circle,rgba(255,219,93,.14),rgba(255,177,0,.025) 50%,transparent 72%);
  box-shadow:
    0 0 28px rgba(255,209,59,.42),
    0 0 78px rgba(255,170,0,.3),
    inset 0 0 48px rgba(255,216,91,.2);
  animation:premiumAuraIdle 2.4s ease-in-out infinite;
}
.tap-neon-ring{
  position:absolute;
  border-radius:50%;
  pointer-events:none;
  opacity:.82;
}
.tap-neon-ring-a{
  inset:3%;
  border:2px solid rgba(255,222,108,.53);
  box-shadow:0 0 14px #f5b91e,0 0 38px rgba(255,175,0,.38),inset 0 0 28px rgba(255,201,45,.2);
  animation:premiumRingPulse 2.7s ease-in-out infinite;
}
.tap-neon-ring-b{
  inset:15%;
  border:1px dashed rgba(255,239,176,.42);
  box-shadow:0 0 20px rgba(255,197,29,.34);
  animation:premiumOrbit 8s linear infinite;
}
.tap-energy-arc{
  position:absolute;
  inset:0;
  border-radius:50%;
  background:conic-gradient(from 30deg,transparent 0 8%,#fff4bb 9%,#e99d08 11%,transparent 14% 35%,#ffd65c 38%,transparent 42% 66%,#fff2a7 68%,#d88700 71%,transparent 74%);
  mask:radial-gradient(circle,transparent 0 63%,#000 64% 67%,transparent 68%);
  filter:drop-shadow(0 0 8px #ffb700);
  opacity:.7;
}
.tap-energy-arc-a{animation:premiumOrbit 5.4s linear infinite}
.tap-energy-arc-b{inset:8%;opacity:.44;animation:premiumOrbitReverse 3.9s linear infinite}
.tap-core-glow{
  position:absolute;
  inset:24%;
  border-radius:50%;
  background:radial-gradient(circle,#fff9d9 0,rgba(255,222,116,.7) 12%,rgba(255,172,0,.2) 42%,transparent 70%);
  filter:blur(8px);
  opacity:.45;
  animation:premiumCorePulse 1.9s ease-in-out infinite;
}
.tap-coin-face{
  position:absolute;
  z-index:3;
  inset:0;
  overflow:hidden;
  border-radius:50%;
  background:radial-gradient(circle at 38% 30%,#4a3511,#0d0b07 63%,#020201);
  border:2px solid rgba(255,239,170,.8);
  box-shadow:
    inset 0 0 0 4px rgba(67,41,4,.92),
    inset 0 0 0 7px rgba(255,206,66,.76),
    inset 0 0 32px rgba(0,0,0,.82),
    0 0 0 3px #5a3705,
    0 0 0 6px rgba(255,211,69,.74),
    0 0 28px rgba(255,193,22,.72),
    0 0 72px rgba(255,166,0,.24);
  transform:translateZ(12px);
  transition:transform .12s ease,box-shadow .18s ease,filter .18s ease;
}
.tap-coin-face img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:50%;
  transform:scale(1.045);
  filter:saturate(1.12) contrast(1.06) brightness(1.04);
  user-select:none;
  pointer-events:none;
}
.tap-coin-edge{
  position:absolute;
  inset:1.5%;
  border-radius:50%;
  border:2px solid rgba(255,248,207,.42);
  box-shadow:inset 0 0 14px rgba(255,244,185,.22),0 0 8px rgba(255,205,51,.3);
  pointer-events:none;
}
.tap-coin-edge:after{
  content:"";
  position:absolute;
  inset:5%;
  border-radius:50%;
  border:1px dashed rgba(255,229,136,.38);
}
.tap-coin-gloss{
  position:absolute;
  inset:-25%;
  border-radius:50%;
  background:linear-gradient(118deg,transparent 25%,rgba(255,255,235,.02) 37%,rgba(255,250,204,.52) 45%,rgba(255,238,158,.09) 53%,transparent 64%);
  transform:translateX(-45%) rotate(8deg);
  mix-blend-mode:screen;
  opacity:.65;
  animation:premiumCoinGloss 4.6s ease-in-out infinite;
  pointer-events:none;
}
.premium-tap-coin.tap-hit{
  animation:premiumCoinImpact .58s cubic-bezier(.17,.84,.24,1) both;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.72)) drop-shadow(0 0 72px rgba(255,197,28,.98));
}
.premium-tap-coin.tap-hit .tap-coin-face{
  animation:premiumFaceImpact .58s cubic-bezier(.16,.82,.22,1) both;
  box-shadow:
    inset 0 0 0 4px rgba(76,43,0,.95),
    inset 0 0 0 8px rgba(255,222,92,.94),
    inset 0 0 38px rgba(255,182,0,.2),
    0 0 0 4px #6f4202,
    0 0 0 8px rgba(255,230,117,.9),
    0 0 50px rgba(255,196,25,.95),
    0 0 112px rgba(255,159,0,.58);
}
.premium-tap-coin.tap-hit .tap-neon-ring-a{animation:premiumRingImpact .58s ease-out both}
.premium-tap-coin.tap-hit .tap-core-glow{animation:premiumCoreImpact .58s ease-out both}
.premium-tap-coin.tap-hit .tap-energy-arc{filter:drop-shadow(0 0 15px #fff1a0);opacity:1}
.tap-energy-feedback{
  position:absolute;
  z-index:28;
  left:50%;
  bottom:50px;
  display:flex;
  align-items:center;
  gap:5px;
  transform:translate(-50%,10px) scale(.9);
  opacity:0;
  color:#e8d9a6;
  font-size:11px;
  font-weight:850;
  letter-spacing:.08em;
  pointer-events:none;
  text-shadow:0 0 14px rgba(255,202,47,.62);
}
.tap-energy-feedback span{color:#ffd34f;font-size:15px}
.tap-energy-feedback.active{animation:premiumEnergyDrop .68s ease-out both}
.tap-effect{position:absolute;z-index:24;display:block;pointer-events:none;will-change:transform,opacity;contain:layout paint style}
.tap-impact-flash{
  width:300px;
  height:300px;
  margin:-150px 0 0 -150px;
  border-radius:50%;
  background:
    repeating-conic-gradient(from 0deg,rgba(255,247,191,.92) 0 1deg,transparent 1.5deg 10deg),
    radial-gradient(circle,#fffce4 0,rgba(255,226,119,.96) 4%,rgba(255,185,0,.62) 13%,rgba(255,147,0,.15) 42%,transparent 70%);
  mix-blend-mode:screen;
  filter:blur(.3px) drop-shadow(0 0 26px #ffb800);
  animation:premiumImpactFlash .56s ease-out both;
}
.tap-shockwave{
  width:42px;
  height:42px;
  margin:-21px 0 0 -21px;
  border-radius:50%;
  border:2px solid rgba(255,242,175,.92);
  box-shadow:0 0 14px #ffd14b,0 0 30px rgba(255,166,0,.78),inset 0 0 15px rgba(255,214,80,.4);
  animation:premiumShockwave .9s cubic-bezier(.1,.62,.14,1) var(--wave-delay,0ms) both;
}
.tap-shockwave-2{border-style:dashed;opacity:.72}
.tap-shockwave-3{border-width:1px;opacity:.5}
.tap-ripple-pointer{
  width:20px;
  height:20px;
  margin:-10px 0 0 -10px;
  border:2px solid rgba(255,249,211,.98);
  background:radial-gradient(circle,rgba(255,247,197,.75),transparent 52%);
  box-shadow:0 0 16px #fff0a4,0 0 32px #f2a800;
  animation:premiumPointerRipple .72s ease-out both;
}
.tap-particle{
  --particle-x:0px;
  --particle-y:0px;
  --particle-rotate:0deg;
  --particle-size:8px;
  --particle-delay:0ms;
  --particle-duration:760ms;
  width:var(--particle-size);
  height:var(--particle-size);
  margin-left:calc(var(--particle-size) / -2);
  margin-top:calc(var(--particle-size) / -2);
  animation-delay:var(--particle-delay);
  animation-duration:var(--particle-duration);
  animation-fill-mode:both;
}
.tap-particle-spark{
  border-radius:50%;
  background:radial-gradient(circle at 38% 34%,#fffdf0 0 18%,#ffe074 28%,#e89504 67%,transparent 70%);
  box-shadow:0 0 7px #fff4bd,0 0 16px #ffad00;
  animation-name:premiumSparkFly;
  animation-timing-function:cubic-bezier(.12,.67,.19,1);
}
.tap-particle-spark:after{
  content:"";
  position:absolute;
  right:55%;
  top:42%;
  width:calc(var(--particle-size) * 5.5);
  height:1px;
  transform-origin:right center;
  background:linear-gradient(90deg,transparent,rgba(255,211,72,.72));
  filter:blur(.2px);
}
.tap-particle-oc{
  display:grid;
  place-items:center;
  border-radius:50%;
  color:#1c1202;
  background:radial-gradient(circle at 35% 28%,#fff7c3,#f5c23d 35%,#a45d00 78%,#3e2000);
  border:1px solid #fff2a0;
  box-shadow:inset 0 0 0 2px rgba(81,44,0,.72),0 0 9px #ffdb62,0 0 20px rgba(255,165,0,.72);
  animation-name:premiumOcFly;
  animation-timing-function:cubic-bezier(.1,.56,.13,1);
}
.tap-particle-oc b{
  display:grid;
  place-items:center;
  width:68%;
  height:68%;
  border-radius:50%;
  color:#ffd75d;
  background:#171006;
  border:1px solid rgba(255,241,177,.78);
  font-size:calc(var(--particle-size) * .26);
  line-height:1;
  font-weight:950;
  letter-spacing:-.08em;
  text-shadow:0 0 4px rgba(255,206,57,.45);
}
.tap-particle-shard{
  background:linear-gradient(145deg,#fff3ad 0 18%,#e5a519 45%,#6f3900 100%);
  box-shadow:0 0 10px rgba(255,195,31,.72);
  clip-path:polygon(50% 0,100% 34%,70% 100%,8% 82%,0 23%);
  animation-name:premiumShardFly;
  animation-timing-function:cubic-bezier(.12,.62,.17,1);
}
.tap-particle-streak{
  height:2px;
  margin-top:-1px;
  margin-left:calc(var(--particle-size) * -.5);
  border-radius:99px;
  transform-origin:center;
  background:linear-gradient(90deg,transparent,#fff6bf 38%,#ffb800 76%,transparent);
  box-shadow:0 0 8px #ffd76a;
  animation-name:premiumStreakFly;
  animation-timing-function:ease-out;
}
.tap-stage-shake{animation:premiumStageShake .42s cubic-bezier(.2,.8,.22,1)}
.tap-stage-hit .tap-stage-grid{animation:premiumGridFlash .48s ease-out}
.tap-stage-hit:after{animation:premiumPlatformImpact .55s ease-out}
@keyframes premiumStageBreath{0%,100%{transform:scale(.965);opacity:.58}50%{transform:scale(1.035);opacity:.9}}
@keyframes premiumOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes premiumOrbitReverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes premiumCoinFloat{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-7px) scale(1.012)}}
@keyframes premiumAuraIdle{0%,100%{transform:scale(.94);opacity:.48}50%{transform:scale(1.06);opacity:.9}}
@keyframes premiumRingPulse{0%,100%{transform:scale(.96);opacity:.45}50%{transform:scale(1.045);opacity:1}}
@keyframes premiumCorePulse{0%,100%{transform:scale(.82);opacity:.28}50%{transform:scale(1.12);opacity:.68}}
@keyframes premiumCoinGloss{0%,18%{transform:translateX(-55%) rotate(8deg);opacity:.06}52%{opacity:.75}82%,100%{transform:translateX(55%) rotate(8deg);opacity:.02}}
@keyframes premiumCoinImpact{0%{transform:scale(1) translateY(0) rotate(0)}20%{transform:scale(.88) translateY(7px) rotate(-1.8deg)}48%{transform:scale(1.105) translateY(-6px) rotate(1.2deg)}72%{transform:scale(.985) translateY(1px) rotate(-.35deg)}100%{transform:scale(1) translateY(0) rotate(0)}}
@keyframes premiumFaceImpact{0%{transform:translateZ(12px) scale(1);filter:brightness(1)}25%{transform:translateZ(4px) scale(.965);filter:brightness(1.45)}55%{transform:translateZ(24px) scale(1.035);filter:brightness(1.18)}100%{transform:translateZ(12px) scale(1);filter:brightness(1)}}
@keyframes premiumRingImpact{0%{transform:scale(.86);opacity:1}55%{transform:scale(1.2);opacity:.92}100%{transform:scale(1.42);opacity:0}}
@keyframes premiumCoreImpact{0%{transform:scale(.55);opacity:1}38%{transform:scale(1.55);opacity:1}100%{transform:scale(2.1);opacity:0}}
@keyframes premiumRewardRise{0%{opacity:0;transform:translate(-50%,22px) scale(.72)}24%{opacity:1;transform:translate(-50%,0) scale(1.08)}70%{opacity:1;transform:translate(-50%,-18px) scale(1)}100%{opacity:0;transform:translate(-50%,-43px) scale(1.18)}}
@keyframes premiumEnergyDrop{0%{opacity:0;transform:translate(-50%,13px) scale(.8)}28%{opacity:1;transform:translate(-50%,0) scale(1.06)}100%{opacity:0;transform:translate(-50%,24px) scale(.94)}}
@keyframes premiumImpactFlash{0%{transform:scale(.08) rotate(0);opacity:1}36%{opacity:1}100%{transform:scale(1.8) rotate(22deg);opacity:0}}
@keyframes premiumShockwave{0%{transform:scale(.3);opacity:1}100%{transform:scale(9.5);opacity:0}}
@keyframes premiumPointerRipple{0%{transform:scale(.25);opacity:1}100%{transform:scale(5.2);opacity:0}}
@keyframes premiumSparkFly{0%{transform:translate(0,0) scale(.25);opacity:0}13%{opacity:1}74%{opacity:1}100%{transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-rotate)) scale(.06);opacity:0}}
@keyframes premiumOcFly{0%{transform:translate(0,0) rotate(0) scale(.15);opacity:0}15%{opacity:1;transform:translate(calc(var(--particle-x) * .12),calc(var(--particle-y) * .08)) rotate(12deg) scale(1)}76%{opacity:1}100%{transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-rotate)) scale(.58);opacity:0}}
@keyframes premiumShardFly{0%{transform:translate(0,0) rotate(0) scale(.2);opacity:0}12%{opacity:1}100%{transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-rotate)) scale(.35);opacity:0}}
@keyframes premiumStreakFly{0%{transform:translate(0,0) rotate(var(--particle-rotate)) scaleX(.12);opacity:0}18%{opacity:1}100%{transform:translate(var(--particle-x),var(--particle-y)) rotate(var(--particle-rotate)) scaleX(1.25);opacity:0}}
@keyframes premiumStageShake{0%,100%{transform:translate3d(0,0,0)}12%{transform:translate3d(-3px,2px,0)}25%{transform:translate3d(4px,-2px,0)}38%{transform:translate3d(-2px,-1px,0)}52%{transform:translate3d(2px,2px,0)}68%{transform:translate3d(-1px,0,0)}}
@keyframes premiumGridFlash{0%{opacity:.28;filter:brightness(1)}40%{opacity:.8;filter:brightness(2)}100%{opacity:.34;filter:brightness(1)}}
@keyframes premiumPlatformImpact{0%{transform:translateX(-50%) perspective(230px) rotateX(68deg) scale(.78);opacity:.5}40%{transform:translateX(-50%) perspective(230px) rotateX(68deg) scale(1.18);opacity:1}100%{transform:translateX(-50%) perspective(230px) rotateX(68deg) scale(1);opacity:.7}}
@media(max-width:390px){
  .premium-tap-stage{min-height:432px;padding-top:50px}
  .premium-tap-coin{width:min(75vw,294px)}
  .tap-reward-display{top:18px}
  .tap-stage-orbit-a{width:390px}.tap-stage-orbit-b{width:318px}
}
@media(prefers-reduced-motion:reduce){
  .premium-tap-stage:before,.tap-stage-orbit,.premium-tap-coin,.tap-reactor .tap-aura,.tap-neon-ring,.tap-energy-arc,.tap-core-glow,.tap-coin-gloss{animation:none!important}
  .tap-particle,.tap-shockwave,.tap-impact-flash,.tap-ripple-pointer{display:none!important}
  .premium-tap-coin.tap-hit{animation:premiumCoinReduced .2s ease-out both}
  .tap-reward-display.active{animation:premiumRewardReduced .45s ease-out both}
  .tap-stage-shake{animation:none}
}
@keyframes premiumCoinReduced{50%{transform:scale(.94)}100%{transform:scale(1)}}
@keyframes premiumRewardReduced{0%{opacity:0;transform:translate(-50%,8px)}30%,70%{opacity:1;transform:translate(-50%,0)}100%{opacity:0;transform:translate(-50%,-10px)}}