body{margin:0;font-family:Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}:root{--bg-color: #f2f2f2;--text-color: #000000;--primary-color: #f5b100;--muted-bg: #ebebeb;--shadow: 0 1px 3px rgba(0, 0, 0, .06), 0 4px 12px rgba(0, 0, 0, .04);--glow: 0 0 6px rgba(245, 177, 0, .35);--hex-line: rgba(0, 0, 0, .06);--hex-border: 8px;--hex-border-color: rgba(0,0,0,.1);--hex-shadow: rgba(0,0,0,.16);--tok-burn: #f5b100;--tok-liq: #2ea043;--tok-mkt: #3a70b2}[data-theme=dark]{--bg-color: #121212;--text-color: #ffffff;--muted-bg: #1a1a1a;--shadow: 0 2px 10px rgba(0,0,0,.35);--glow: 0 0 8px rgba(245, 177, 0, .5);--hex-line: rgba(255, 255, 255, .08);--hex-border-color: rgba(255,255,255,.18);--hex-shadow: rgba(0,0,0,.45);--tok-burn: #f5b100;--tok-liq: #31b057;--tok-mkt: #5a8bd2}.topbar{position:fixed;top:0;left:0;right:0;height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 16px;z-index:20;background:#ffffffe6;border-bottom:1px solid #e5e5e5;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .2s ease,border-color .2s ease,height .2s ease,background .2s ease}[data-theme=dark] .topbar{background:#121212e6;border-color:#2b2b2b}.topbar.scrolled{height:56px;box-shadow:var(--shadow)}.tb-left{display:flex;align-items:center;gap:10px;min-width:0}.tb-logo{height:28px;width:28px}.tb-title{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.tb-right{display:flex;align-items:center;justify-self:end;gap:10px}.network-badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:10px;font-size:13px;line-height:1;background:var(--muted-bg);border:1px solid rgba(0,0,0,.08);color:inherit}[data-theme=dark] .network-badge{border-color:#ffffff1f}.network-icon{width:14px;height:14px;margin-right:6px}.tb-divider{width:1px;height:20px;background:currentColor;opacity:.28;margin:0 6px;border-radius:1px}.btn-ghost{padding:8px 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:inherit;cursor:pointer;transition:background-color .15s,box-shadow .15s,border-color .15s,transform .15s,border-radius .15s,color .15s}.btn-ghost svg path{fill:currentColor}.btn-ghost:hover{transform:translateY(-1px);box-shadow:var(--glow);border-radius:14px}[data-theme=light] .btn-ghost:hover{background-color:#8080801f;border-color:#80808080;box-shadow:0 0 6px #80808059;color:#333}[data-theme=dark] .btn-ghost:hover{background-color:#f5b1001f;border-color:#f5b10059}.theme-toggle:hover{color:var(--primary-color)}.wallet-menu{position:relative}.wallet-dropdown{position:absolute;top:110%;right:0;padding:4px 8px;white-space:nowrap;width:auto;min-width:unset;background:#fffffff2;border:1px solid #e5e5e5;border-radius:10px;box-shadow:var(--shadow);z-index:50;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s,transform .15s,visibility 0s linear .15s}[data-theme=dark] .wallet-dropdown{background:#161616f2;border-color:#2b2b2b}.wallet-menu:hover .wallet-dropdown,.wallet-menu:focus-within .wallet-dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity .15s,transform .15s,visibility 0s}.dropdown-item{width:100%;text-align:left;background:transparent;border:1px solid transparent;color:inherit;cursor:pointer;padding:8px 10px;border-radius:8px;transition:background-color .15s,border-color .15s}.dropdown-item:hover{background-color:#8080801f;border-color:#80808059}.center{display:flex;justify-content:center}main{padding-top:70px;padding-bottom:120px;max-width:1100px;margin:auto}nav{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;background-color:#f4f4f4;border-radius:12px;box-shadow:var(--shadow);margin-bottom:22px}[data-theme=dark] nav{background-color:var(--muted-bg)}nav .left,nav .right{display:flex;flex-wrap:wrap;align-items:center}nav a{margin:4px 6px;padding:8px 14px;border-radius:12px;text-decoration:none;color:inherit;transition:transform .15s,box-shadow .15s,background-color .15s,color .15s,border-radius .15s,border-color .15s;background-color:transparent;border:1px solid transparent}nav a:hover{background-color:#f5b1001f;box-shadow:var(--glow);color:var(--primary-color);border-color:#f5b10059;transform:translateY(-1px);border-radius:14px}nav a:focus-visible{outline:none;box-shadow:0 0 0 3px #f5b10073}nav a.active{color:var(--primary-color);box-shadow:0 0 3px #f5b10059;border-color:#f5b10080;border-radius:14px}[data-theme=light] nav a:hover{background-color:#8080801f;box-shadow:0 0 6px #80808059;color:#333;border-color:#80808080}[data-theme=light] nav a.active{color:#333;box-shadow:0 0 3px #80808059;border-color:#80808080}.site-footer{position:fixed;left:0;right:0;bottom:0;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid #e5e5e5;z-index:10}[data-theme=dark] .site-footer{background:#121212e6;border-color:#2b2b2b}.site-footer:before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;background:linear-gradient(to bottom,rgba(0,0,0,.06),transparent);pointer-events:none}[data-theme=dark] .site-footer:before{background:linear-gradient(to bottom,rgba(255,255,255,.06),transparent)}.ft-inner{max-width:1100px;margin:0 auto;padding:12px 20px;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}.ft-disclaimer{margin:0;font-size:13px;line-height:1.35;opacity:.85}.ft-meta{opacity:.6;font-size:12px;margin:0}.ft-center{display:flex;align-items:center;justify-content:center;gap:10px}.social-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:10px;padding:6px 10px;text-decoration:none;color:inherit;background:transparent;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease,color .15s ease}.social-btn svg{display:block;width:18px;height:18px}.social-btn svg path{fill:currentColor}.social-btn:hover{transform:translateY(-1px);box-shadow:var(--glow);background-color:#8080801f;border-color:#80808059;color:var(--primary-color)}.back-to-top{position:absolute;right:16px;top:-38px;height:32px;width:32px;border-radius:10px;border:1px solid transparent;background:var(--muted-bg);color:inherit;cursor:pointer;display:grid;place-items:center;box-shadow:var(--shadow);transition:transform .15s,box-shadow .15s,border-color .15s,background-color .15s}.back-to-top:hover{transform:translateY(-2px);box-shadow:var(--glow);background-color:#8080801f;border-color:#80808059}.home{display:grid;gap:16px}.hero{position:relative;border-radius:16px;box-shadow:var(--shadow);overflow:hidden;background:linear-gradient(135deg,#f5b10029,#f5b1000a),repeating-linear-gradient(30deg,var(--hex-line) 0 1px,transparent 1px 28px) 0 0/28px 48px,repeating-linear-gradient(150deg,var(--hex-line) 0 1px,transparent 1px 28px) 0 0/28px 48px,repeating-linear-gradient(90deg,var(--hex-line) 0 1px,transparent 1px 28px) 0 0/28px 48px,repeating-linear-gradient(30deg,var(--hex-line) 0 1px,transparent 1px 28px) 14px 24px/28px 48px,repeating-linear-gradient(150deg,var(--hex-line) 0 1px,transparent 1px 28px) 14px 24px/28px 48px,repeating-linear-gradient(90deg,var(--hex-line) 0 1px,transparent 1px 28px) 14px 24px/28px 48px}.hero-inner{padding:24px 22px 18px;position:relative}.hero-title{margin:0 0 12px;font-size:30px;line-height:1.2;text-align:center}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:20px;align-items:center}.hero-copy{max-width:62ch;line-height:1.65;font-size:17px}.hero-copy p{margin:10px 0}.hero-art{justify-self:center;position:relative}.hex-frame{padding:var(--hex-border);background:var(--hex-border-color);filter:drop-shadow(0 10px 22px var(--hex-shadow));clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.hero-art img{width:100%;max-width:360px;height:auto;display:block}.img-hex{clip-path:polygon(25% 6.7%,75% 6.7%,100% 50%,75% 93.3%,25% 93.3%,0 50%)}.section-card{background:#fff;border:1px solid #eaeaea;border-radius:14px;box-shadow:var(--shadow);padding:16px 18px}[data-theme=dark] .section-card{background:#1a1a1a;border-color:#2b2b2b}.section-card.soft{padding:12px 14px}.section-title{display:block;width:100%;margin:0 0 14px;font-size:30px;line-height:1.2;text-align:center}.section-card .section-title{grid-column:1 / -1}.split-grid{display:grid;grid-template-columns:300px 1fr;gap:20px;align-items:center}.split-art{justify-self:start}.rect-frame{padding:var(--hex-border);background:var(--hex-border-color);filter:drop-shadow(0 10px 22px var(--hex-shadow));border-radius:32px}.img-card{display:block;width:min(300px,100%);aspect-ratio:300 / 269;height:auto;border-radius:24px}.split-copy{max-width:62ch;line-height:1.65;font-size:17px}.split-copy p{margin:10px 0}.tok-grid{display:grid;grid-template-columns:1fr 260px;gap:20px;align-items:center}.tok-donut{display:grid;justify-items:center;gap:10px}.donut{width:160px;height:160px;border-radius:50%;background:conic-gradient(var(--tok-burn) 0 33.333%,var(--tok-liq) 33.333% 66.666%,var(--tok-mkt) 66.666% 100%);position:relative;box-shadow:var(--shadow)}.donut:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:var(--bg-color);border-radius:50%}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;text-align:center}.donut-title{font-weight:700;font-size:22px;line-height:1}.donut-sub{font-size:12px;opacity:.75;margin-top:-2px}.legend{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:6px}.legend li{display:flex;align-items:center;gap:8px;font-size:14px}.swatch{width:12px;height:12px;border-radius:3px;display:inline-block}.swatch.burn{background:var(--tok-burn)}.swatch.lp{background:var(--tok-liq)}.swatch.mkt{background:var(--tok-mkt)}.tok-copy{line-height:1.65;font-size:16.5px}.checklist{margin:10px 0;padding-left:18px}.checklist li{margin:6px 0}.tok-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:8px}.stat{background:var(--muted-bg);border:1px solid rgba(0,0,0,.08);border-radius:10px;padding:10px 12px;display:flex;flex-direction:column;gap:4px}[data-theme=dark] .stat{border-color:#ffffff1f}.stat span{opacity:.75;font-size:12px}.stat strong{font-size:14px}.addr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:10px}@media (max-width: 700px){.addr-grid{grid-template-columns:1fr}}.addr-row{background:var(--muted-bg);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:8px}[data-theme=dark] .addr-row{border-color:#ffffff1f}.addr-label{font-weight:600;opacity:.9}.addr-value{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.addr-code{background:#fff;color:inherit;border:1px solid #e5e5e5;border-radius:8px;padding:4px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12.5px;word-break:break-all}[data-theme=dark] .addr-code{background:#222;border-color:#ffffff1f}.icon-btn{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:8px;border:1px solid rgba(0,0,0,.12);background:transparent;color:inherit;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .15s ease,color .15s ease;text-decoration:none}.icon-btn svg path{fill:currentColor}.icon-btn:hover{background-color:#8080801f;border-color:#80808059;box-shadow:var(--shadow);transform:translateY(-1px);color:var(--primary-color)}[data-theme=dark] .icon-btn{border-color:#ffffff26}.icon-btn.is-copied{box-shadow:0 0 0 3px #4caf5059;transform:translateY(-1px)}.play-layout{display:grid;grid-template-columns:300px 1fr;gap:12px;align-items:start}.side-stack,.game-stack{display:grid;gap:12px}.side-stack .panel-title{font-size:24px;line-height:1.25}.alert{padding:10px 12px;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:var(--muted-bg);color:inherit}[data-theme=dark] .alert{border-color:#ffffff1f}.alert.info{border-color:#00000026}.play-result{margin-top:12px;display:grid;gap:8px;justify-items:center}.result-text{font-weight:700}.result-text.win{color:var(--primary-color)}.result-text.loss{opacity:.85}.tx-link{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:10px;border:1px solid rgba(0,0,0,.12);text-decoration:none;color:inherit;background:transparent;transition:background-color .15s,border-color .15s,transform .15s,color .15s}[data-theme=dark] .tx-link{border-color:#ffffff1f}.tx-link:hover{transform:translateY(-1px);background-color:#8080801f;border-color:#80808059;color:var(--primary-color)}.howto-list{margin:0;padding-left:18px;line-height:1.55}.howto-list li{margin:6px 0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.game-panel{background:var(--muted-bg);border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:12px}[data-theme=dark] .game-panel{border-color:#ffffff1f}.panel-title{margin:0 0 8px;font-size:16px;font-weight:700}.info-list{list-style:none;margin:0;padding:0;display:grid;gap:6px}.info-list li{display:flex;justify-content:space-between;gap:10px}.info-list li span{opacity:.75}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace}.pill{display:inline-flex;align-items:center;gap:6px;background:#0000000f;border:1px solid rgba(0,0,0,.08);border-radius:999px;padding:4px 8px;text-decoration:none;color:inherit;transition:background-color .15s,border-color .15s,transform .15s}[data-theme=dark] .pill{background:#ffffff14;border-color:#ffffff1f}.pill:hover{transform:translateY(-1px);border-color:#80808059}.btn-inline{background:transparent;border:none;color:var(--primary-color);cursor:pointer;font:inherit;padding:0 2px}.btn-inline:hover{text-decoration:underline}.play-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-logo{width:32px;height:32px;border-radius:8px}.brand-meta{min-width:0}.brand-name{font-size:18px;font-weight:700;line-height:1.1}.brand-sub{font-size:12px;opacity:.7}.addr-compact{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.addr-label{font-size:12px;opacity:.75}.addr-code.small{background:#fff;color:inherit;border:1px solid #e5e5e5;border-radius:8px;padding:4px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:12px}[data-theme=dark] .addr-code.small{background:#222;border-color:#ffffff1f}.num-grid{display:grid;grid-template-columns:repeat(5,44px);justify-content:center;gap:8px;margin-top:8px}.num-chip{width:44px;height:44px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:var(--muted-bg);color:inherit;cursor:pointer;font-weight:700;font-size:15px;box-shadow:var(--shadow);transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s}[data-theme=dark] .num-chip{border-color:#ffffff26}.num-chip:hover{transform:translateY(-1px);border-color:#80808059}.num-chip.selected{background:#f5b10029;border-color:#f5b10073;color:var(--primary-color);box-shadow:var(--glow)}.num-chip:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-primary{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:12px;border:1px solid rgba(0,0,0,.12);background:var(--primary-color);color:#000;font-weight:700;cursor:pointer;transition:transform .12s,box-shadow .12s,border-color .12s,background-color .12s,color .12s;box-shadow:var(--shadow)}[data-theme=dark] .btn-primary{border-color:#ffffff1f}.btn-primary:hover{transform:translateY(-1px);box-shadow:var(--glow)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm{padding:8px 12px;font-size:14px;border-radius:10px}.actions-row{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.actions-row-spaced{margin-top:40px}.earn-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:12px;align-items:start}@media (max-width: 900px){.earn-grid{grid-template-columns:1fr}}@media (max-width: 900px){.hero-inner{padding:18px 16px 12px}.hero-title{font-size:26px}.hero-grid{grid-template-columns:1fr}.hero-copy{font-size:16.5px}.hero-art img{max-width:300px}.section-title{font-size:26px}.split-grid{grid-template-columns:1fr}.split-art{justify-self:center}.split-copy{font-size:16.5px}.tok-grid{grid-template-columns:1fr}.tok-donut{justify-items:center}.tok-stats,.play-layout,.game-grid{grid-template-columns:1fr}}@media (max-width: 640px){.topbar{height:58px;padding:0 12px}.tb-title{display:none}.network-badge{padding:6px 8px;font-size:12px}.btn-ghost{padding:7px 10px}main{padding-top:76px;padding-bottom:126px;margin:0 10px}nav{padding:8px 10px;border-radius:10px}nav a{padding:7px 12px;margin:4px}.play-head{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width: 800px){.back-to-top{right:12px;top:-36px}}@media (max-width: 414px){html{font-size:93.75%}}@media (max-width: 390px){html{font-size:90%}}@media (max-width: 360px){html{font-size:87.5%}}@media (max-width: 414px){input,select,textarea{font-size:16px}}@media (max-width: 360px){body{overflow-x:hidden}#root{transform:scale(.96);transform-origin:top center;width:104.2%}}.x-link{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;border:1px solid rgba(0,0,0,.12);background:#1d9bf014;color:var(--accent, #1d9bf0);font-weight:700;text-decoration:none;line-height:1.2}.x-link:hover{text-decoration:none;border-color:var(--accent, #1d9bf0);background:#1d9bf01f}.x-link svg{flex:0 0 auto;fill:currentColor;width:14px;height:14px}