/* FOBET utility token — only loaded on /token/ pages */
.token-top{padding-top:clamp(1rem,2.4vw,2rem)}
.token-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(180px,.65fr);align-items:center;gap:2rem;overflow:hidden;border:1px solid rgba(177,126,255,.40);border-radius:24px;background:radial-gradient(ellipse 460px 310px at 95% 50%,rgba(164,90,255,.31),transparent 80%),linear-gradient(125deg,#211038 0%,#130b28 55%,#0e0920 100%);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 24px 55px rgba(0,0,0,.28)}
.token-hero::after{content:"";position:absolute;z-index:-1;right:-12%;bottom:-100%;width:62%;aspect-ratio:1;border:1px solid rgba(190,145,255,.20);border-radius:50%;box-shadow:0 0 0 70px rgba(171,115,244,.025),0 0 0 145px rgba(171,115,244,.018)}
.token-eyebrow{display:inline-flex;align-items:center;gap:.6rem;color:#cfaaff;font-weight:800;font-size:.77rem;letter-spacing:.17em;margin-bottom:1rem}
.token-live-mark{width:8px;height:8px;background:#ad85fc;border-radius:50%;box-shadow:0 0 0 5px rgba(173,133,252,.15)}
.token-hero h1{max-width:12ch;font-size:clamp(2.05rem,4.4vw,4rem);line-height:1.08;margin:0 0 1rem}
.token-lead{max-width:64ch;font-size:clamp(.98rem,1.35vw,1.15rem);color:#c8cde9;line-height:1.65;margin-bottom:1.7rem}
.token-actions{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}
.token-chain-pill{padding:.55rem .9rem;border:1px solid rgba(205,158,255,.36);border-radius:100px;background:rgba(255,255,255,.035);color:#dccbfc;font-weight:750;white-space:nowrap;font-size:.8rem}
.token-chain-pill span{opacity:.56;margin-inline:.32rem}
.token-hero-mark{width:min(100%,255px);justify-self:center;display:flex;align-items:center;flex-direction:column;gap:.35rem;padding:1.5rem .7rem;border:1px solid rgba(208,162,255,.27);border-radius:25px;background:linear-gradient(150deg,rgba(182,114,255,.16),rgba(21,13,47,.42));box-shadow:0 25px 70px rgba(59,21,114,.30)}
.token-hero-mark img{width:min(155px,72%);height:auto;aspect-ratio:1;object-fit:contain;border-radius:22px}
.token-hero-mark strong{color:#fff;font-size:1.85rem;letter-spacing:.12em;line-height:1.2}
.token-hero-mark span{font-size:.67rem;letter-spacing:.21em;color:#caaef6;font-weight:750}
.token-info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 1rem}
.token-info-item,.token-contract,.token-story-card{padding:1.25rem 1.5rem;border:1px solid rgba(187,146,251,.23);background:linear-gradient(145deg,rgba(34,23,61,.94),rgba(17,12,38,.93));border-radius:18px}
.token-info-item{display:flex;flex-direction:column;gap:.18rem}
.token-info-item span,.token-label{color:#aab4d7;font-size:.86rem}
.token-info-item strong{font-size:1.28rem}
.token-contract{margin-top:.7rem}
.token-contract-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem}
.token-address-tag{color:#cda8fb;font-size:.68rem;font-weight:800;letter-spacing:.11em}
.token-contract-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}
.token-contract code{background:#0b1023;color:#e8d8ff;border:1px solid rgba(170,131,236,.23);padding:1rem 1.1rem;border-radius:12px;flex:1 1 480px;min-width:0;font-size:clamp(.76rem,1.3vw,.96rem);overflow-wrap:anywhere;user-select:all;line-height:1.55}
.token-copy{appearance:none;cursor:pointer;border-radius:12px;border:1px solid rgba(210,166,255,.42);padding:.9rem 1.2rem;color:white;font-weight:800;background:linear-gradient(120deg,#8d47ee,#a463f8);white-space:nowrap}
.token-copy:hover{background:linear-gradient(120deg,#a15fff,#b57cff)}
.token-chart-section .band-head{max-width:78ch}
.token-chart-frame{min-width:0;height:clamp(340px,51vw,610px);background:#0b0c16;border:1px solid rgba(181,136,255,.25);border-radius:18px;overflow:hidden;box-shadow:0 16px 38px rgba(0,0,0,.27)}
.token-chart-frame iframe{display:block;width:100%;height:100%;border:0}
.token-chart-link{text-align:right;margin-top:.75rem;font-weight:750}
.token-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}
.token-story-card h2{font-size:clamp(1.2rem,2vw,1.55rem)}
.token-story-card p:last-child{margin:0}
.token-disclaimer{display:flex;gap:.9rem;margin-top:1rem;padding:1rem 1.2rem;background:rgba(195,155,255,.07);border-radius:13px;border:1px solid rgba(195,155,255,.16);font-size:.84rem;color:#b7c0dd}
.token-disclaimer svg{flex:0 0 18px;color:#bb92ff;margin-top:.2rem}
.token-disclaimer p{margin:0}
@media(max-width:760px){.token-hero{grid-template-columns:minmax(0,1fr);padding:1.5rem;gap:1.2rem}.token-hero h1{max-width:none}.token-hero-mark{width:100%;max-width:300px;justify-self:start;flex-direction:row;gap:1rem;padding:.7rem 1rem}.token-hero-mark img{width:70px;flex:0 0 70px}.token-hero-mark strong{font-size:1.2rem}.token-hero-mark span{font-size:.64rem}.token-story-grid{grid-template-columns:minmax(0,1fr)}.token-chart-frame{height:450px}}
@media(max-width:440px){.token-info-grid{gap:.6rem}.token-info-item,.token-contract,.token-story-card{padding:1rem}.token-contract-row{gap:.7rem}.token-copy{width:100%}.token-chart-frame{height:400px}}
@media(prefers-reduced-motion:reduce){.token-copy{transition:none}}