:root{--bg:#030a12;--panel:#07111b;--panel2:#09141f;--line:#263442;--text:#f0f2f5;--muted:#9ca8b2;--yellow:#ffc915;--green:#68d46f;--red:#ff7b7b;--blue:#2196df;--shadow:0 18px 45px rgba(0,0,0,.25)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(900px 500px at 50% -10%,#142130 0%,var(--bg) 56%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.page{max-width:1600px;margin:auto}.hero{height:auto;aspect-ratio:3/1;max-width:1500px;margin-left:auto;margin-right:auto;background:#e7e7e5;border-bottom:1px solid #1c2732;overflow:hidden}.hero img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}.nav{min-height:84px;display:flex;align-items:center;gap:24px;padding:0 24px;background:linear-gradient(180deg,#07101a,#040a11);border-bottom:1px solid #18232d}.brand{font-size:24px;font-weight:850;white-space:nowrap}.brand small{font-size:11px;vertical-align:top}.links{display:flex;gap:38px;margin:auto}.links a{font-weight:750;color:#c7ccd2}.links a.active{color:var(--yellow)}.nav-actions{display:flex;gap:12px}.btn,.icon-btn{height:48px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #26333e;border-radius:11px;background:#07111b;font-weight:900}.icon-btn{width:48px;font-size:24px}.btn{padding:0 18px}.buy{background:linear-gradient(180deg,#ffd32a,#ffc510);color:#1a1600;border-color:#f2bd08}.content{padding:0 18px 34px}.stats{display:grid;grid-template-columns:1.3fr .8fr;gap:12px;padding:22px 26px;background:linear-gradient(180deg,#08121c,#06101a);border:1px solid var(--line);border-top:0;border-radius:0 0 18px 18px}.token-name,.price{font-size:48px;font-weight:950;letter-spacing:-.04em}.ca{margin-top:8px;color:#c8cdd4;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contract-links{display:flex;gap:12px;margin-top:9px;flex-wrap:wrap}.contract-links a{font-size:12px;font-weight:850;color:#b8c7d3;text-decoration:underline}.change{margin-top:6px;color:var(--green);font-weight:850;font-size:18px}.negative{color:var(--red)!important}.stat,.card,.live-section{border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#07111b,#09131d);box-shadow:var(--shadow)}.stat{padding:17px 20px}.stat span,.metric span{display:block;color:#aeb8c1;font-size:13px;font-weight:900;letter-spacing:.04em}.stat strong,.metric strong{display:block;margin-top:8px;font-size:24px}.data-line{color:#7f8c96;font-size:12px;font-weight:750}.grid{display:grid;grid-template-columns:1fr 1.08fr .96fr;gap:14px;margin-top:18px}.card{overflow:hidden}.card-pad{padding:26px}.promo-body{position:relative;min-height:390px}.promo h2,.chart-title,.difference h2,.section-title{margin:0;font-size:27px;font-weight:950;line-height:1.12}.promo p{font-size:18px;line-height:1.55;color:#d4d9df;margin:26px 0 24px}.promo-copy{position:relative;z-index:2;max-width:58%}.can{position:absolute;right:20px;bottom:-22px;width:220px;filter:drop-shadow(0 18px 14px rgba(0,0,0,.35));transform:rotate(8deg);border-radius:26px}.buttons{display:grid;gap:12px;width:55%;min-width:210px;position:relative;z-index:3}.primary-btn,.secondary-btn{display:flex;align-items:center;justify-content:center;min-height:58px;border-radius:11px;font-size:18px;font-weight:900}.primary-btn{background:linear-gradient(180deg,#ffd329,#ffc514);color:#161400}.secondary-btn{border:1px solid #40505d}.chart-card{padding:18px 26px}.chart-head{display:flex;justify-content:space-between;gap:15px}.legend{display:flex;gap:24px;margin-top:22px;font-weight:700}.dot{display:inline-block;width:16px;height:16px;border-radius:50%;margin-right:9px;vertical-align:-2px}.yellow{background:var(--yellow)}.blue{background:var(--blue)}.range{display:flex;gap:8px;flex-wrap:wrap}.range button{border:1px solid #2b3a47;background:#0a151f;color:#d7dce1;border-radius:9px;padding:9px 13px;font-weight:800}.range button.active{background:#182430;border-color:#3a4c5c}.canvas-wrap{height:360px;margin-top:18px}.chart-status{font-size:12px;color:#84909c;margin-top:7px}.difference .big-label{color:#b8c0c9;font-size:19px;margin-top:31px}.big-change{font-size:58px;color:var(--green);font-weight:950;margin:5px 0 22px}.asset-row{display:flex;align-items:center;justify-content:space-between;border:1px solid #263644;background:#07111a;border-radius:13px;padding:14px;margin-top:14px;font-size:19px;font-weight:850}.asset{display:flex;align-items:center;gap:14px}.asset-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#101c26;border:1px solid #334654;overflow:hidden}.asset-icon img{width:48px;height:36px;object-fit:cover}.asset-gain{color:var(--green)}.live-section{margin-top:18px;overflow:hidden}.section-head{padding:28px 28px 18px;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;border-bottom:1px solid #1d2b36}.eyebrow{margin:0 0 10px;color:var(--yellow);font-size:13px;font-weight:950;letter-spacing:.12em}.section-head h2{margin:0;font-size:32px;font-weight:950}.live-pill{display:inline-flex;gap:8px;align-items:center;border:1px solid #274454;background:#07151e;border-radius:999px;padding:9px 12px;font-size:12px;font-weight:900;color:#b7c3cb}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--yellow)}.section-sub{padding:0 28px 24px;color:#d4d9df;font-size:17px;font-weight:700}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 28px 24px}.metric{border:1px solid #243541;border-radius:13px;background:#06111a;padding:20px}.metric strong{font-size:28px}.compare{margin:0 28px 24px;border:1px solid #2b3a46;border-radius:14px;padding:20px;background:#07111b}.compare h3{margin:0 0 14px;font-size:19px}.compare-value{font-size:42px;font-weight:950;color:var(--green)}.section-foot{padding:20px 28px 28px;border-top:1px solid #1c2a34;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.section-copy{max-width:850px;color:#aeb8c1;font-size:14px;line-height:1.55}.section-link{padding:14px 18px;border-radius:11px;background:linear-gradient(180deg,#ffd32a,#ffc510);color:#171300;font-weight:950}.unavailable{display:none;margin:0 28px 24px;border:1px dashed #465664;border-radius:14px;padding:22px;color:#c5cdd4}.rewards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 28px 28px}.reward-card{border:1px solid #263744;border-radius:14px;padding:22px;background:#06111a}.reward-card span{display:block;color:#aeb8c1;font-size:13px;font-weight:900;letter-spacing:.05em}.reward-card strong{display:block;margin-top:10px;font-size:28px}.alpha{grid-column:span 4;border:1px solid #4d4017;background:linear-gradient(145deg,#161507,#0b0d0c);border-radius:14px;padding:22px}.alpha strong{display:block;font-size:24px;color:var(--yellow);margin-bottom:7px}.alpha p{margin:0;color:#d4d9df;line-height:1.5}.footer{display:flex;flex-direction:column;justify-content:center;gap:16px;align-items:center;color:#d8dde2;font-weight:700;padding:28px 0 18px}.footer-actions{display:flex;justify-content:center}.buy-footer{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:11px;font-weight:950}.footer b{font-size:22px}
@media(max-width:1100px){.grid{grid-template-columns:1fr 1fr}.difference{grid-column:span 2}.stats{grid-template-columns:1.2fr .9fr}.links{gap:20px}.rewards-grid{grid-template-columns:1fr 1fr}.alpha{grid-column:span 2}}@media(max-width:760px){.hero{height:auto}.nav{padding:12px 16px;min-height:auto;flex-wrap:wrap}.brand{font-size:20px}.links{order:3;width:100%;justify-content:space-between;gap:8px;font-size:14px}.nav-actions{margin-left:auto}.icon-btn{display:none}.btn{height:43px;padding:0 12px;font-size:12px}.stats{grid-template-columns:1fr 1fr;padding:16px}.token-name,.price{font-size:34px}.stat{padding:13px}.stat strong{font-size:20px}.grid{grid-template-columns:1fr}.difference{grid-column:auto}.promo-body{min-height:440px}.promo-copy{max-width:65%}.can{width:180px;right:-10px}.buttons{width:100%}.chart-card{padding:18px}.canvas-wrap{height:300px}.chart-head{display:block}.range{margin-top:15px}.section-head{display:block;padding:22px 18px 16px}.section-head h2{font-size:25px}.live-pill{margin-top:14px}.section-sub,.section-foot{padding-left:18px;padding-right:18px}.metrics,.rewards-grid{padding-left:18px;padding-right:18px;grid-template-columns:1fr}.compare,.unavailable{margin-left:18px;margin-right:18px}.alpha{grid-column:auto}.footer{font-size:13px;gap:12px}.ca{font-size:12px}}

.live-strip{padding:10px 4px 0;text-align:right}
.games-grid.single-game{grid-template-columns:1fr}
.game-frame{min-height:520px}
@media(max-width:760px){.game-frame{min-height:430px}}


.image-link{display:block;color:inherit;text-decoration:none}.image-link:focus-visible{outline:2px solid var(--yellow);outline-offset:4px}.live-image{max-width:100%;object-fit:cover}.visuals-section{overflow:hidden}.visual-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(180px,1fr);gap:18px;margin-top:20px}.visual-card{position:relative;display:flex;flex-direction:column;min-height:180px;border:1px solid rgba(255,255,255,.08);border-radius:16px;overflow:hidden;background:rgba(5,11,18,.55)}.visual-card img{width:100%;height:100%;min-height:180px;object-fit:cover}.visual-card span{position:absolute;left:12px;right:12px;bottom:12px;padding:9px 11px;border-radius:9px;background:rgba(5,11,18,.82);font-size:11px;font-weight:800;letter-spacing:.06em}.visual-card:first-child img{aspect-ratio:3/2}.visual-card:nth-child(2) img{aspect-ratio:1/1}.section-link{white-space:nowrap}@media(max-width:760px){.visual-grid{grid-template-columns:1fr}.visual-card img{min-height:220px}}


.arcade-section .game-frame{position:relative;width:100%;min-height:680px;background:#05080c;border:1px solid rgba(255,255,255,.08);overflow:hidden}
.arcade-section iframe{display:block;width:100%;height:680px;border:0;background:#05080c}
@media (max-width:900px){.arcade-section .game-frame{min-height:620px}.arcade-section iframe{height:620px}}
@media (max-width:600px){.arcade-section .game-frame{min-height:560px}.arcade-section iframe{height:560px}}


/* Live market additions */
.bottom-art{width:100%;max-width:1500px;margin:26px auto -34px;overflow:hidden;border-top:1px solid var(--line)}
.bottom-art img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:cover;object-position:center}
@media(max-width:760px){.stats{grid-template-columns:1fr 1fr}.bottom-art{margin-top:20px}.bottom-art img{width:100%;height:auto;aspect-ratio:3/1;object-fit:cover}}

.live-date{display:inline-block;margin-left:.45rem;font-size:.75rem;opacity:.72;font-weight:600;letter-spacing:.02em}.chart-source{padding:0 22px 18px;text-align:right;font-size:.78rem;font-weight:700}.chart-source a{text-decoration:none;color:inherit;border-bottom:1px solid currentColor}

/* Live STONK vs SOL price chart */
.chart-live-prices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px}
.chart-live-price{border:1px solid #263744;border-radius:12px;background:#06111a;padding:12px 14px}
.chart-live-price span{display:block;color:#8d9aa4;font-size:11px;font-weight:900;letter-spacing:.07em}
.chart-live-price strong{display:block;margin-top:6px;font-size:21px;font-weight:950;letter-spacing:-.02em}
.chart-rpc strong{font-size:17px}
@media(max-width:760px){.chart-live-prices{grid-template-columns:1fr 1fr}.chart-rpc{grid-column:span 2}}

/* About / STONK identity */
.footer {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.about-stonk-caption {
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: clamp(18px, 2.5vw, 28px);
}
.about-contract {
  max-width: 100%;
  overflow-wrap: anywhere;
  font-size: 12px;
  opacity: .86;
}
.about-contract a {
  color: inherit;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.about-meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
}

/* $STONKSOL arcade replacement */
.stonksol-card{padding:0;overflow:hidden}
.stonksol-head{border-bottom:1px solid #1d2b36}
.stonksol-intro{padding:14px 28px;color:#c5cdd4;line-height:1.5;font-size:13px;font-weight:800;letter-spacing:.12em}
.stonksol-game-frame{margin:0 18px 18px;min-height:680px;background:#02040a;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}
.stonksol-game-frame iframe{display:block;width:100%;height:680px;border:0;background:#02040a}
.stonkfun-source{padding:0 26px 4px}
.stonkfun-source a{text-decoration:underline}
@media(max-width:900px){.stonksol-game-frame{min-height:620px}.stonksol-game-frame iframe{height:620px}}
@media(max-width:600px){.stonksol-game-frame{min-height:560px;margin-left:10px;margin-right:10px}.stonksol-game-frame iframe{height:560px}.stonksol-intro{padding:16px 18px}}

/* Requested: yellow Live Chart button */
.buttons .primary-btn[href*="dexscreener.com/solana/JBb2xjTeVeD6NhNeN3111qb4oMi5e98MTUU9BoD5f6BJ"]{background:linear-gradient(180deg,#ffd329,#ffc514);color:#161400;border:1px solid #f2bd08;}
@media(max-width:760px){.hero{width:100%;max-width:1500px;}.hero img{width:100%;height:auto;}}