:root{--bg:#ffffff;--text:#0a0b0d;--muted:#5b616e;--line:#eef0f3;--blue:#0000ff;--card:#ffffff}*{box-sizing:border-box}body,html{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--bg);color:var(--text);overflow-x:hidden}.texture{background:radial-gradient(900px 520px at 62% 12%,rgba(10,71,255,.08),transparent 65%),repeating-linear-gradient(90deg,rgba(0,0,0,.035) 0 1px,transparent 1px 6px);opacity:.55;mix-blend-mode:multiply}#confetti,.texture{position:fixed;inset:0;pointer-events:none}#confetti{width:100vw;height:100vh;z-index:25}.loadingOverlay{position:fixed;inset:0;z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:rgba(255,255,255,.78);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.spinner{width:44px;height:44px;border-radius:999px;border:3px solid rgba(10,10,10,.12);border-top-color:rgba(0,0,255,.85);animation:spin .9s linear infinite}.loadingText{font-size:14px;color:rgba(10,10,10,.65);font-weight:600}@keyframes spin{to{transform:rotate(1turn)}}.wrap{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:28px 18px calc(100px + env(safe-area-inset-bottom))}.hero{width:min(980px,100%);margin-bottom:18px}.panel{width:min(1240px,96vw);margin:44px auto 0;border:1px solid var(--line);border-radius:32px;background:#fff;overflow:hidden;box-shadow:0 26px 80px rgba(0,0,0,.1);position:relative}.spinPanel{display:flex;flex-direction:column;gap:0}.miningPanelSection,.miningPanelSection .miningPanelWrapper{padding:0}.miningPanelSection .miningSection{border-top:none}.stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:28px 54px 24px;text-align:center;position:relative}.carouselHintTop{font-size:13px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgba(10,10,10,.45);margin-bottom:4px;line-height:1.2}.carouselHintBottom{font-size:13px;color:rgba(10,10,10,.55);margin-top:4px;letter-spacing:normal;text-transform:none;font-weight:500;line-height:1.4}.carouselHintBottom a{color:var(--blue);text-decoration:none;font-weight:600}.carouselHintBottom a:hover{text-decoration:underline}.bigReel{width:min(1180px,96vw);height:190px}.bigReel,.bigReelTrack{position:relative;display:flex;align-items:center;justify-content:center}.bigReelTrack{width:100%;height:100%}.bigReelTrack,.bigTile{overflow:hidden;transform:translateZ(0)}.bigTile{position:absolute;top:50%;left:50%;width:140px;height:140px;margin-left:-70px;margin-top:-70px;border-radius:28px;border:1px solid rgba(10,10,10,.1);background:var(--card);box-shadow:0 12px 36px rgba(0,0,0,.08);display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .25s ease,box-shadow .35s ease,border-color .35s ease;backface-visibility:hidden;-webkit-backface-visibility:hidden;isolation:isolate;contain:layout style paint}.stage.animating .bigTile{transition:none!important;will-change:transform,opacity}.bigTile img{object-fit:cover;display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;transform:translateZ(0);will-change:auto}.bigTile img,.tileSkeleton{width:100%;height:100%;position:absolute;top:0;left:0}.tileSkeleton{background:linear-gradient(90deg,rgba(240,240,240,.8),rgba(250,250,250,.8) 50%,rgba(240,240,240,.8));background-size:200% 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:inherit}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.bigTile.winner{border-color:rgba(10,10,10,.22);box-shadow:0 50px 140px rgba(0,0,0,.28),0 0 0 3px rgba(0,0,255,.18)}.winnerBadge{position:absolute;left:8px;top:8px;padding:5px 7px;border-radius:999px;background:rgba(0,0,255,.95);color:#fff;font-size:9px;font-weight:950;letter-spacing:.12em;text-transform:uppercase;box-shadow:0 8px 18px rgba(0,0,0,.16)}.bigReelMask{position:absolute;inset:0;pointer-events:none;border-radius:28px;background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,.94));opacity:.68}.meta{margin-top:0}.handleLink{display:inline-block;text-decoration:none;color:var(--text);font-size:44px;font-weight:950;letter-spacing:-.04em;line-height:1.02}.bio{margin-top:0;font-size:12px;color:var(--muted);line-height:1.3}.basedLine{margin-top:10px;font-size:14px;color:rgba(10,10,10,.55)}.basedLine a{color:rgba(10,10,10,.85);text-decoration:none;font-weight:950;border-bottom:1px solid rgba(10,10,10,.18)}.pointsEarned{margin-top:2px;font-size:18px;font-weight:900;color:var(--blue);letter-spacing:-.02em;animation:pointsPop .5s ease-out}@keyframes pointsPop{0%{opacity:0;transform:scale(.8) translateY(10px)}50%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.sharePrompt{margin-top:8px;font-size:11px;color:var(--muted);line-height:1.4}.shareLink{color:var(--blue);text-decoration:none;font-weight:600;transition:opacity .2s ease}.shareLink:hover{opacity:.7;text-decoration:underline}.shareLinkBtn{background:none;border:none;padding:0;margin:0;font-size:inherit;cursor:pointer}.authRequiredMessage{margin-bottom:16px;padding:16px 20px;background:linear-gradient(135deg,rgba(0,0,255,.08),rgba(0,0,255,.04));border-radius:16px;text-align:center}.authRequiredMessage p{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--text);margin-bottom:var(--spacing-xs)}.authRequiredSub{font-size:var(--font-size-sm)!important;color:var(--muted)!important;font-weight:var(--font-weight-normal)!important;margin-bottom:var(--spacing-lg)!important}.connectButton{margin-top:var(--spacing-md);padding:var(--spacing-md) var(--spacing-2xl);border:none;border-radius:var(--radius-lg);background:var(--blue);color:#fff;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);cursor:pointer;box-shadow:0 4px 12px rgba(0,0,255,.3);transition:transform .2s ease,box-shadow .2s ease}.connectButton:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,255,.4)}.connectButton:active{transform:translateY(0)}.walletButtonContainer{display:flex;justify-content:center;margin-top:12px}.spinCounterBadge{position:fixed;top:20px;right:20px;z-index:50;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:8px 14px;box-shadow:0 4px 20px rgba(0,0,0,.12),0 0 0 1px rgba(0,0,255,.1);border:1px solid rgba(0,0,255,.15);transition:all .3s ease}.spinCounterBadge:hover{box-shadow:0 6px 24px rgba(0,0,0,.16),0 0 0 1px rgba(0,0,255,.2);transform:translateY(-1px)}.spinCounterContent{display:flex;align-items:center;justify-content:center;gap:6px}.spinCounterIcon{font-size:16px;line-height:1}.spinCounterText{font-size:13px;font-weight:var(--font-weight-bold);color:var(--text);letter-spacing:-.01em;white-space:nowrap}.spinLoader{width:14px;height:14px;border:2px solid rgba(10,10,10,.12);border-top-color:rgba(0,0,255,.85);border-radius:999px;animation:spin .9s linear infinite}.spinLimitWarning{margin:0 0 var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-sm);color:var(--error);font-weight:var(--font-weight-semibold);text-align:center;background:rgba(255,59,48,.08);border-radius:var(--radius-md);border:1px solid rgba(255,59,48,.2)}.referralSection{margin-bottom:16px;padding:16px;background:rgba(0,0,255,.03);border-radius:12px;border:1px solid rgba(0,0,255,.1)}.referralLabel{margin:0 0 8px;font-size:13px;color:var(--muted);font-weight:600}.referralLinkContainer{display:flex;gap:8px;align-items:center}.referralLinkInput{flex:1 1;padding:10px 12px;font-size:12px;font-family:monospace;color:var(--text)}.referralCopyButton,.referralLinkInput{border:1px solid var(--line);border-radius:8px;background:#fff}.referralCopyButton{padding:10px 14px;cursor:pointer;font-size:16px;transition:background .2s ease}.referralCopyButton:hover{background:rgba(0,0,255,.05)}.referralCount{margin:8px 0 0;font-size:12px;color:var(--muted);text-align:center}.walletInfo{margin-bottom:12px;padding:12px 20px;background:rgba(0,0,255,.05);border-radius:12px;text-align:center}.walletAddress{font-size:13px;color:var(--muted);font-family:monospace;font-weight:600}.spacer{height:1px}.actions{display:flex;flex-direction:column;padding:24px 32px 28px;border-top:1px solid var(--line);background:rgba(246,247,248,.55);justify-content:center;align-items:center;gap:16px}.spinMainBtn{width:100%;max-width:320px;height:64px;border:none;border-radius:16px;background:var(--blue);color:#fff;font-size:20px;font-weight:700;letter-spacing:-.01em;cursor:pointer;transition:all .2s ease;box-shadow:0 8px 24px rgba(0,0,255,.25)}.spinMainBtn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 32px rgba(0,0,255,.35)}.spinMainBtn:active:not(:disabled){transform:translateY(0)}.spinMainBtn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none;transform:none}.spinControls{justify-content:space-between;width:100%;max-width:320px}.spinControlItem,.spinControls{display:flex;align-items:center}.spinControlItem{flex:1 1}.spinControlItem:first-child{justify-content:flex-start}.spinControlItem.spinControlCenter{justify-content:center}.spinControlItem:last-child{justify-content:flex-end}.autoSpinPlaceholder{width:90px}.spinsCounter{display:flex;align-items:center;gap:6px;padding:10px 16px;border-radius:10px;background:rgba(0,0,255,.06);border:1px solid rgba(0,0,255,.1)}.spinsCounterNum{font-size:18px;font-weight:800;color:var(--blue);line-height:1}.spinsCounterLabel{font-size:13px;font-weight:600;color:var(--muted);line-height:1}.spinLoaderSmall{width:14px;height:14px;border:2px solid rgba(0,0,255,.15);border-top:2px solid var(--blue);border-radius:50%;animation:spin .8s linear infinite}.autoSpinToggle{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.autoSpinToggle input[type=checkbox]{position:absolute;opacity:0;width:0;height:0}.autoSpinSwitch{width:44px;height:26px;border-radius:13px;background:rgba(0,0,0,.12);position:relative;transition:background .2s ease}.autoSpinToggle input[type=checkbox]:checked+.autoSpinSwitch{background:var(--blue)}.autoSpinKnob{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.2);transition:transform .2s ease}.autoSpinToggle input[type=checkbox]:checked+.autoSpinSwitch .autoSpinKnob{transform:translateX(18px)}.autoSpinToggle input[type=checkbox]:disabled+.autoSpinSwitch,.autoSpinToggle.autoSpinDisabled{opacity:.5;cursor:not-allowed}.autoSpinToggle.autoSpinDisabled .autoSpinLabel{color:var(--muted)}.autoSpinToggle .autoSpinLabel{font-size:13px;font-weight:600;color:var(--muted);padding:0;background:none;border:none}.autoSpinToggle input[type=checkbox]:checked~.autoSpinLabel{color:var(--blue)}.refreshBtn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid rgba(0,0,255,.15);border-radius:10px;background:rgba(0,0,255,.06);cursor:pointer;transition:all .2s ease}.refreshBtn:hover:not(:disabled){background:rgba(0,0,255,.12);border-color:rgba(0,0,255,.25)}.refreshBtn:disabled{opacity:.5;cursor:not-allowed}.refreshIcon{font-size:18px;color:var(--blue);line-height:1;transition:transform .3s ease}.refreshIcon.spinning{animation:spin .8s linear infinite}.walletSection{display:flex;justify-content:center;align-items:center}.spinControls .btn-success{padding:10px 16px;font-size:13px;height:auto;border-radius:10px}.dailyRewardCard{background:linear-gradient(135deg,rgba(0,0,255,.05),rgba(0,0,255,.02));border:1px solid rgba(0,0,255,.1);border-radius:16px;padding:14px 18px;width:100%;max-width:320px;display:flex;align-items:center;justify-content:space-between;gap:12px}.dailyRewardHeader{flex:1 1;min-width:0}.dailyRewardTitle{font-size:16px;font-weight:700;color:var(--text);margin-bottom:4px;letter-spacing:-.01em;line-height:1.2}.dailyRewardDescription{font-size:12px;color:var(--muted);line-height:1.3}.dailyRewardError{padding:8px 12px;background:rgba(255,59,48,.08);color:#dc3545;border-radius:8px;font-size:11px;margin-bottom:8px;text-align:center;width:100%}.dailyRewardActions{display:flex;align-items:center;flex-shrink:0;width:120px;justify-content:flex-end}.dailyRewardActions .btn{height:44px;padding:0 20px;font-size:14px;font-weight:700;white-space:nowrap;width:100%}.dailyRewardLoading,.dailyRewardNext{color:var(--muted);font-size:12px;white-space:nowrap;width:100%;text-align:right}.dailyRewardNext{font-weight:600}.share{background:#fff;color:var(--text);border:1px solid rgba(10,10,10,.14);box-shadow:0 10px 26px rgba(0,0,0,.06)}.leaderboardLink{display:flex;justify-content:center;width:100%}.leaderboardBtn{display:inline-block;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);background:rgba(0,0,255,.08);color:var(--blue);text-decoration:none;font-weight:var(--font-weight-bold);font-size:var(--font-size-base);transition:background .2s ease,transform .2s ease}.leaderboardBtn:hover{background:rgba(0,0,255,.12);transform:translateY(-1px)}@media (max-width:768px){.wrap{padding:8px 12px calc(90px + env(safe-area-inset-bottom))}.stage{padding:16px 12px 14px;gap:8px}.panel{width:100%;margin:6px auto 0;border-radius:26px}.actions{padding:16px 16px 20px;gap:14px}.spinMainBtn{height:56px;font-size:18px;border-radius:14px}.spinControls,.spinMainBtn{max-width:100%}.autoSpinPlaceholder{width:70px}.spinsCounter{padding:8px 12px}.spinsCounterNum{font-size:16px}.spinsCounterLabel{font-size:12px}.autoSpinSwitch{width:40px;height:24px}.autoSpinKnob{width:20px;height:20px}.autoSpinToggle input[type=checkbox]:checked+.autoSpinSwitch .autoSpinKnob{transform:translateX(16px)}.spinControls .btn-success{font-size:12px;padding:15px 18px;font-size:20px}.dailyRewardCard{padding:12px 14px;border-radius:14px;width:100%;max-width:100%;gap:10px}.dailyRewardTitle{font-size:15px;margin-bottom:3px}.dailyRewardDescription{font-size:11px}.dailyRewardActions .btn{height:40px;padding:0 16px;font-size:13px}.dailyRewardLoading,.dailyRewardNext{font-size:11px}.buySpinsErrorCompact,.buySpinsSuccessCompact{bottom:calc(100% + 4px);font-size:10px;padding:3px 6px}.buySpinsBtnPlaceholder,.spinsCounterBtnPlaceholder{flex:1 1;min-width:0;height:66px}.bigReel{height:140px;width:100%}.bigTile{width:100px;height:100px;margin-left:-50px;margin-top:-50px;border-radius:22px}.handleLink{font-size:26px}.bio,.historyTitle{font-size:14px}.historyPoints{font-size:15px;min-width:70px}.pointsEarned{font-size:20px;margin-top:12px}.authRequiredMessage{padding:var(--spacing-md) var(--spacing-lg);margin-bottom:var(--spacing-md)}.authRequiredMessage p{font-size:13px}.authRequiredSub{font-size:var(--font-size-xs)!important}.connectButton{padding:var(--spacing-md) var(--spacing-xl);font-size:13px}.spinCounterBadge{top:12px;right:12px;padding:6px 12px}.spinCounterIcon{font-size:14px}.spinCounterText{font-size:12px}}.miningPanelWrapper{background:transparent;border:none;box-shadow:none;padding:0;margin:0}.miningSection{padding:20px 24px;border-top:1px solid var(--line)}.miningSectionHeader{display:flex;align-items:center;gap:8px;margin-bottom:16px}.miningSectionIcon{font-size:18px}.miningSectionTitle{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.01em}.miningHeaderBadges{margin-left:auto;display:flex;align-items:center;gap:6px}.miningAutoBadge,.miningRefreshBadge{padding:3px 8px;border-radius:4px;background:rgba(0,0,255,.08);color:var(--blue);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em}.miningRefreshBadge{border:none;cursor:pointer;transition:all .2s ease}.miningRefreshBadge:hover:not(:disabled){background:rgba(0,0,255,.15)}.miningRefreshBadge:disabled{opacity:.5;cursor:not-allowed}.miningRefreshSpinner{display:inline-block;animation:spin .8s linear infinite}.miningMsg{padding:10px 14px;border-radius:8px;font-size:13px;margin-bottom:14px;text-align:center}.miningMsgError{background:rgba(255,59,48,.08);color:#dc3545}.miningMsgSuccess{background:rgba(0,213,75,.08);color:#00d54b}.miningContent{display:flex;flex-direction:column;gap:14px}.miningPromo{text-align:center;padding:16px 0}.miningPromoRate{font-size:28px;font-weight:800;color:var(--blue);letter-spacing:-.02em}.miningPromoDesc{font-size:13px;color:var(--muted);margin-top:4px}.miningStats{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.miningStat{display:flex;flex-direction:column;align-items:center;gap:2px}.miningStatValue{font-size:20px;font-weight:800;color:var(--text);letter-spacing:-.02em}.miningStatLabel{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.miningMaxLevel{text-align:center;padding:12px;font-size:12px;font-weight:600;color:var(--muted);background:rgba(0,0,255,.04);border-radius:8px}.miningBtn{width:100%;font-size:14px}@media (max-width:768px){.miningSection{padding:16px 18px}.miningPromoRate{font-size:24px}.miningStatValue{font-size:18px}}