@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101115;--panel:#191b21;--line:#30323b;--muted:#a1a4b1;--lime:#d6fc71;--purple:#afa0ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f6f7fa;font-family:'DM Sans',sans-serif;font-size:16px}.shell{max-width:1320px;margin:auto;padding:0 48px}header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:inherit;font-family:'Space Grotesk',sans-serif;display:flex;gap:10px;align-items:center;font-weight:700;font-size:25px;letter-spacing:-1px}.brand-icon{font-size:38px;color:var(--lime)}.brand-sub{font-size:12px;letter-spacing:2px;font-weight:400;padding-left:8px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:28px}.demo-badge{font-size:12px;letter-spacing:1.5px;border:1px solid #605a78;background:#282332;color:#c5b9e9;padding:9px 12px;border-radius:5px}.rules-link{color:#e7e8ee;text-decoration:none;font-size:14px}.intro{display:flex;justify-content:space-between;align-items:end;margin:43px 0 31px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(30px,3.6vw,46px);font-weight:500;letter-spacing:-1.9px;line-height:1.12;margin:0}h1 span{color:var(--lime)}.intro-note{color:var(--muted);line-height:1.7;font-size:14px;margin:0 0 3px}.game-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.wheel-panel{background:radial-gradient(ellipse at 50% 35%,#29263c 0%,#1b1d25 57%,#191b21 78%);border:1px solid var(--line);border-radius:18px;padding:24px 28px 20px;overflow:hidden}.panel-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.8px;color:var(--muted);align-items:center}.chance{color:var(--lime);letter-spacing:.7px;border:1px solid #465535;background:#263021;padding:7px 10px;border-radius:50px}.wheel-stage{position:relative;width:340px;height:340px;margin:24px auto 20px}.ticks{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from -1deg,#666572 0deg 1deg,transparent 1deg 6deg);mask:radial-gradient(transparent 66%,#000 66% 68%,transparent 68%);opacity:.7}.wheel{position:absolute;inset:18px;border-radius:50%;background:conic-gradient(from -18deg,var(--lime) 0deg 36deg,#3e354f 36deg 72deg,#514362 72deg 108deg,#3e354f 108deg 144deg,#514362 144deg 180deg,#3e354f 180deg 216deg,#514362 216deg 252deg,#3e354f 252deg 288deg,#514362 288deg 324deg,#3e354f 324deg 360deg);border:7px solid #77717e;box-shadow:0 0 0 2px #3e3d48,0 12px 50px #0008;transition:transform 9s cubic-bezier(.12,.63,.12,1)}.sectors{position:absolute;inset:0}.sector-label{position:absolute;left:calc(50% - 25px);top:calc(50% - 12px);width:50px;text-align:center;height:24px;transform:rotate(var(--angle)) translateY(-112px);font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:18px;color:#c5bbd5}.sector-label:first-child{color:#344219}.hub{position:absolute;inset:111px;background:#1c1d24;border:6px solid #807583;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 5px 25px #0007;pointer-events:none}.hub>span{font-size:12px;letter-spacing:1.8px;color:var(--muted)}.hub strong{font-family:'Space Grotesk',sans-serif;font-size:43px;line-height:1.2;font-weight:500}.hub strong span{font-size:24px}.hub small{font-size:12px;color:var(--muted)}.pointer{position:absolute;z-index:2;top:0;left:calc(50% - 11px);width:22px;height:34px;background:#f1f0e8;clip-path:polygon(0 0,100% 0,100% 50%,50% 100%,0 50%);filter:drop-shadow(0 2px 3px #000)}.wheel-caption{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;color:#c0c0cb}.key{width:7px;height:7px;display:inline-block;border-radius:2px}.green{background:var(--lime)}.gray{background:#786988}.caption-divider{margin:0 6px;color:#626270}.result{text-align:center;margin:23px auto 12px;min-height:40px;font-size:14px;line-height:1.5;color:#d2cedf}.result.won{color:var(--lime)}.time-track{height:3px;max-width:240px;margin:auto;background:#343340;border-radius:8px;overflow:hidden}.time-track div{height:100%;background:var(--purple);width:0}.play-panel{background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.jackpot{padding:28px 30px 23px;background:linear-gradient(130deg,#252c21,#1c211c 75%);border-bottom:1px solid #35412e}.stat-label{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#c6d4b6;letter-spacing:1.6px}.stat-label span{font-size:20px;color:var(--lime)}.pot-value{font-family:'Space Grotesk',sans-serif;font-size:clamp(35px,4vw,53px);letter-spacing:-2px;color:var(--lime);font-weight:500;margin:12px 0 2px;overflow-wrap:anywhere}.token-label{font-size:13px;letter-spacing:1px;color:#d9e8c7}.token-label span{font-size:13px;color:#98a58e;letter-spacing:0;margin-left:12px}.payout{display:flex;justify-content:space-between;align-items:center;gap:14px;border-top:1px solid #3a4333;padding-top:19px;margin-top:23px;font-size:14px;color:#d9dfd2}.payout span small{display:block;font-size:12px;color:#a7b29c;margin-top:5px}.payout strong{text-align:right;font-family:'Space Grotesk';font-size:18px;font-weight:500}.payout strong small{display:block;font-size:12px;letter-spacing:1px;color:#a7b29c;margin-top:4px}.controls{padding:24px 30px 17px}.bet-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:12px;letter-spacing:1.5px;color:#c2c2cd}.bet-heading span{font-size:12px;letter-spacing:0;background:#343044;color:#c8baf3;padding:5px 9px;border-radius:4px}.bet-box{border:1px solid #4b4c59;background:#14151b;border-radius:8px;display:flex;align-items:center;justify-content:space-between;padding:14px 16px}.bet-box strong{font-family:'Space Grotesk';font-size:24px;font-weight:500}.bet-box>span{font-size:12px;color:#aaa9b9}.bet-meta{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted);margin:9px 0 21px}.spin-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:16px 20px;border:0;border-radius:7px;background:var(--lime);color:#18200c;font:700 16px 'DM Sans';cursor:pointer;transition:background .2s,transform .2s}.spin-button:hover{background:#e4ff9c;transform:translateY(-1px)}button:disabled{cursor:wait;opacity:.55;transform:none}.spin-button span{font-size:23px;line-height:1}.balance{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-top:13px}.balance strong{font-weight:400;color:#d0cddc}.demo-note{font-size:12px;line-height:1.55;color:#aaa6b5;margin:21px 0 7px}.reset-button{background:none;border:0;border-bottom:1px solid #65616f;color:#aaa6b5;padding:0 0 2px;font:12px 'DM Sans';cursor:pointer}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;margin-top:22px;padding:24px 0;background:#17181e}.metrics section{display:flex;align-items:center;gap:17px;padding:0 27px}.metrics section+section{border-left:1px solid var(--line)}.metric-icon{font-size:27px;color:var(--purple)}.metrics p{font-size:12px;color:var(--muted);letter-spacing:1px;margin:0 0 8px}.metrics strong{font-family:'Space Grotesk';font-size:25px;font-weight:500}.metrics small{font-size:12px;color:var(--muted);font-weight:400}.rules{display:grid;grid-template-columns:1.1fr repeat(3,1fr);gap:28px;margin:50px 0 38px}.rules-title h2{font-family:'Space Grotesk';font-size:24px;font-weight:500;letter-spacing:-.6px;margin:0 0 12px}.rules-title p:last-child{font-size:14px;color:var(--muted);line-height:1.5}.rule-number{font-family:'Space Grotesk';color:var(--purple);font-size:14px}.rule h3{font-size:16px;font-weight:500;margin:15px 0 10px}.rule p{font-size:14px;line-height:1.65;color:var(--muted);margin:0}.rule b{color:#dad9e2;font-weight:500}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;gap:20px;color:#9995a5;font-size:12px;letter-spacing:.3px}a:focus-visible,button:focus-visible{outline:2px solid var(--purple);outline-offset:5px}@media(min-width:1400px){.intro{margin-top:48px}}@media(max-width:1000px){.shell{padding:0 26px}.game-grid{grid-template-columns:1.1fr 1fr;gap:16px}.wheel-panel{padding:24px 16px}.wheel-stage{width:300px;height:300px;margin:35px auto 29px}.hub{inset:96px}.sector-label{transform:rotate(var(--angle)) translateY(-93px)}.jackpot,.controls{padding-left:22px;padding-right:22px}.intro-note{display:none}.metrics section{padding:0 18px;gap:12px}.rules{grid-template-columns:1fr 1fr}.bet-meta{flex-wrap:wrap}}@media(max-width:700px){.shell{padding:0 18px}header{height:78px}.brand-sub,.rules-link{display:none}.header-right{gap:0}.demo-badge{font-size:12px;padding:7px 8px}.intro{margin:30px 0 25px}h1{font-size:34px}.game-grid{grid-template-columns:1fr}.wheel-stage{margin:20px auto;width:300px;height:300px}.wheel-panel{padding:19px 16px}.result{margin-top:18px}.play-panel{display:flex;flex-direction:column}.jackpot{padding:23px}.pot-value{font-size:46px}.controls{padding:23px}.metrics{grid-template-columns:1fr;padding:0}.metrics section{padding:20px 24px}.metrics section+section{border-left:0;border-top:1px solid var(--line)}.metrics p{font-size:12px}.rules{grid-template-columns:1fr;gap:27px;margin-top:36px}.rules-title p:last-child br{display:none}.rule{border-top:1px solid var(--line);padding-top:18px}.rule h3{margin-top:9px}footer{flex-direction:column;gap:12px}.panel-top{font-size:12px;letter-spacing:1px}.chance{font-size:12px}.wheel-caption{font-size:12px}}@media(max-width:360px){.wheel-stage{width:260px;height:260px}.hub{inset:83px}.hub strong{font-size:32px}.hub>span{font-size:12px}.hub small{font-size:12px}.sector-label{transform:rotate(var(--angle)) translateY(-78px)}.wheel-caption{gap:5px}h1{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.wheel{transition:none}.spin-button{transition:none}}
[hidden]{display:none!important}.wallet-button,.test-actions button,.fund-row button{border:1px solid #595363;color:#dfd7f2;background:#292431;border-radius:6px;padding:9px 12px;font:14px 'DM Sans';cursor:pointer}.mode-picker{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:13px}.mode-picker button{border:1px solid #44404f;background:#15161b;color:#aca9b7;padding:10px 5px;border-radius:6px;font:12px 'DM Sans';cursor:pointer}.mode-picker button[aria-pressed=true]{border-color:#b9a4ed;color:#e7ddff;background:#393044}.test-actions{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.test-actions button{font-size:12px;padding:7px 9px}.tx-link{display:block;text-align:center;margin-top:15px;color:var(--lime);font-size:14px}.fund-row{margin-top:18px}.fund-row label{display:block;font-size:13px;color:var(--muted);margin-bottom:8px}.fund-row>div{display:flex;gap:7px}.fund-row input{min-width:0;width:100%;background:#131419;border:1px solid #4b4655;border-radius:6px;padding:10px;color:#fff;font:16px 'DM Sans'}.network-note{border:1px solid #52455f;border-radius:8px;background:#201c28;padding:18px;margin-bottom:25px;color:#bfb4d0;font-size:13px;line-height:1.65}.network-note b{color:#e8e1f5}.wheel.double{background:conic-gradient(from -18deg,var(--lime) 0deg 72deg,#514362 72deg 108deg,#3e354f 108deg 144deg,#514362 144deg 180deg,#3e354f 180deg 216deg,#514362 216deg 252deg,#3e354f 252deg 288deg,#514362 288deg 324deg,#3e354f 324deg 360deg)}.wheel.double .sector-label:nth-child(2){color:#344219}@media(max-width:700px){.header-right{gap:8px}.wallet-button{font-size:12px;padding:8px}.brand{font-size:21px}.demo-badge{font-size:12px;letter-spacing:0}.wheel-panel{min-height:470px}.network-note{font-size:13px}}@media(prefers-reduced-motion:reduce){.wheel{transition:none!important}}