/* Degen layer: the Rug Radar marquee language (gold labels, hazard stripes, chasing bulbs,
   condensed caps, colored tag pills, red diamonds) applied to the whole site. Loaded last. */
:root{
 --cond:"Barlow Condensed",Impact,sans-serif;
 --bg:#0e0b1f;--bg2:#120e28;--panel:#151030;--panel2:#1b1540;--line:#2a2352;--line2:#3b3270;
 --fg:#f3eefe;--dim:#a99fcf;--mute:#7a71a3;
 --acc:#ff4fa3;--acc-rgb:255,79,163;--acc2:#29adff;
 --green:#b6f34b;--red:#ff004d;--orange:#ffa300;--cyan:#29adff;--purple:#a873ff;
 --ink:#0c0a1c;
 --hazard:repeating-conic-gradient(var(--acc) 0 25%,transparent 0 50%) 0 0/6px 6px;
 --bulbs:radial-gradient(circle,var(--acc) 0 1.3px,transparent 1.9px) 0 0/12px 3px repeat-x;
}
body{background:var(--bg)}

/* shared pieces */
.slant{clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
@keyframes chase{to{background-position:12px 0}}
@keyframes blinkGold{50%{background:#ffd0e6;box-shadow:0 0 14px var(--acc)}}
.live,.dead{font:800 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}
.live i{background:var(--red);animation:siren .8s steps(1) infinite;box-shadow:none}
.kicker i{background:var(--red);animation:siren .8s steps(1) infinite}

/* top bar */
.top{border-bottom:0;background:var(--ink)}
.brand{font:italic 900 27px/1 var(--cond);letter-spacing:.03em;text-transform:uppercase}
.brand span{color:var(--acc);text-shadow:0 0 16px rgba(var(--acc-rgb),.35)}
.topnav{gap:2px}
.topnav a{font:800 15px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;padding:10px 20px 10px 14px;border-radius:0;color:var(--dim)}
.topnav a:hover{background:#15181d;color:var(--fg)}
.topnav a.on{background:var(--acc);color:var(--ink);box-shadow:none;clip-path:polygon(0 0,100% 0,calc(100% - 10px) 100%,0 100%)}
.topnav a.on .ic{color:var(--ink)}
.topnav kbd{border-color:currentColor;color:inherit;opacity:.55;border-radius:2px;font-family:var(--num)}
.icon-btn{border-radius:3px;background:#101317;border-color:var(--line2)}
.icon-btn:hover{border-color:var(--acc);color:var(--acc)}
.wallet{border-radius:3px;background:#101317;border:1px solid rgba(var(--acc-rgb),.55);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.08),0 0 18px -8px var(--acc)}
.wallet b{font:900 19px/1 var(--cond);letter-spacing:.03em;color:var(--acc)}
.wallet small{font:800 10px var(--cond);letter-spacing:.14em;color:var(--dim)}

/* hero */
.hero{position:relative;border-bottom:0;padding-bottom:28px}
.hero::after{display:block;content:"";position:absolute;left:0;right:0;bottom:0;top:auto;height:6px;transform:none;animation:none;background:var(--hazard);opacity:.85}
.kicker{display:inline-flex;align-items:center;gap:8px;padding:5px 10px 5px 8px;border-radius:3px;background:rgba(255,109,131,.12);box-shadow:inset 0 0 0 1px rgba(255,109,131,.4);color:var(--red);font:800 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.hero h1{font:italic 900 clamp(56px,7vw,104px)/.9 var(--cond);text-transform:uppercase;letter-spacing:-.01em;margin:14px 0 12px}
.hero .shine,.detail-hero .shine{color:var(--acc);text-shadow:0 0 30px rgba(var(--acc-rgb),.45)}
.hero p{font-size:13px;color:var(--dim)}
.hero-stats{border-radius:3px;border-color:var(--line2);background:#0d0f12}
.hero-stats span,.statrow span{font:800 11px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.hero-stats b,.statrow b{font:900 clamp(24px,2.4vw,34px)/1 var(--cond);letter-spacing:.01em}
.hero-stats .gold,.statrow .gold{color:var(--acc);text-shadow:0 0 16px rgba(var(--acc-rgb),.55)}

/* toolbar */
.seg{border-radius:3px;background:var(--ink);border-color:var(--line2)}
.seg button{font:800 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;border-radius:2px;padding:8px 16px}
.seg button[aria-pressed=true]{background:var(--acc);color:var(--ink);box-shadow:none}
.search,select{border-radius:3px;background:var(--ink)}
.search:focus-within{border-color:var(--acc);box-shadow:0 0 0 2px rgba(var(--acc-rgb),.15)}
.search .ic{color:var(--acc)}
select{font:800 13px var(--cond);letter-spacing:.08em;text-transform:uppercase}

/* cards */
.card{border-radius:4px;background:#0e1014;border-color:var(--line2)}
.card:hover{border-color:rgba(var(--acc-rgb),.5);box-shadow:0 10px 30px -14px rgba(var(--acc-rgb),.35)}
.card.active{border-color:var(--acc);box-shadow:0 0 0 1px rgba(var(--acc-rgb),.25),0 14px 40px -16px rgba(var(--acc-rgb),.5)}
.card.active::before,.card.active::after{content:"";position:absolute;left:0;right:0;height:3px;z-index:2;background:var(--bulbs);filter:drop-shadow(0 0 3px var(--acc));animation:chase .5s steps(2) infinite;box-shadow:none}
.card.active::before{top:2px}.card.active::after{bottom:2px;animation-direction:reverse}
.card header{padding:16px 14px 10px}
.avatar{border-radius:3px;font:900 14px var(--cond);letter-spacing:.04em}
.card-title a{font:italic 900 22px/1 var(--cond);letter-spacing:.02em;text-transform:uppercase}
.card-title a:hover{color:var(--acc)}
.card-title small{font:700 11px var(--cond);letter-spacing:.1em;text-transform:uppercase}
.badge{font:800 11px/1 var(--cond);letter-spacing:.12em;border-radius:3px;padding:4px 7px 4px 5px;text-transform:uppercase}
.badge.hot{background:var(--acc);color:var(--ink);border:0;animation:blinkGold 1.2s steps(1) infinite}
.badge.in{background:rgba(246,166,100,.14);color:var(--orange);box-shadow:inset 0 0 0 1px rgba(246,166,100,.45);border:0}
.card-tag{border-left:0;padding-left:0;font:italic 800 14px/1.2 var(--cond);letter-spacing:.04em;text-transform:uppercase;color:var(--green);text-shadow:0 0 12px rgba(182,243,75,.3)}
.card-tag::before{content:"";display:inline-block;width:6px;height:6px;margin:0 9px 2px 1px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 6px var(--red)}
.market-label{align-items:center;border-top:1px dashed var(--line2);font:800 11px/1 var(--cond);letter-spacing:.12em;padding:12px 14px 9px}
.market-label b{display:inline-block;padding:4px 16px 4px 8px;background:var(--acc);color:var(--ink);font-weight:900;clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}
.tile{border-radius:3px;background:var(--ink);border-color:#20252c}
.tile-name{display:inline-flex;padding:3px 6px 3px 4px;border-radius:2px;font:800 12px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;background:color-mix(in srgb,currentColor 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}
.tile-pct{font:700 12px var(--cond);letter-spacing:.04em}
.tile-x{font:900 30px/1 var(--cond);letter-spacing:0}
.tile.chosen .tile-x,.tile.won .tile-x{color:var(--acc);text-shadow:0 0 14px rgba(var(--acc-rgb),.5)}
.tile.chosen{box-shadow:inset 0 0 0 1px currentColor,0 0 18px -8px currentColor}
.tile .bar{height:3px;opacity:.9;box-shadow:0 0 8px currentColor}
.card footer{margin:12px 0 0;max-width:none;align-self:stretch;justify-content:space-between;background:var(--ink);font:800 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;border-top:1px solid var(--line2)}
.card footer b{font:900 15px var(--cond);color:var(--acc);letter-spacing:.02em}
.card footer a{font:800 12px var(--cond);letter-spacing:.1em;color:var(--fg)}
.card footer a:hover{color:var(--acc)}

/* boxes, slip */
.box{border-radius:4px;background:#0e1014;border-color:var(--line2)}
.box-head{font:800 14px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}
.box-head>span:first-child{display:inline-flex;align-items:center}
.box-head>span:first-child::before{content:"";width:6px;height:6px;margin-right:10px;background:var(--red);transform:rotate(45deg);box-shadow:0 0 6px var(--red)}
.box-head a{font:800 12px var(--cond);letter-spacing:.1em;color:var(--acc)}
.slip-box{border:1px solid rgba(var(--acc-rgb),.55);background:#0e1014;overflow:hidden;box-shadow:0 18px 50px -20px rgba(var(--acc-rgb),.35)}
.slip-box::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:var(--hazard)}
.slip-head{margin:-16px -16px 16px;padding:15px 16px 0;border-bottom:0;align-items:stretch}
.slip-title{flex:none;padding:8px 26px 8px 12px;background:var(--acc);color:var(--ink);font:italic 900 18px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%)}
.slip-title .ic{color:var(--ink)}
.slip-head .chip-tag{margin-left:auto;align-self:center}
.chip-tag{font:800 11px/1 var(--cond);letter-spacing:.14em;border-radius:3px;padding:4px 8px;color:var(--acc);border-color:rgba(var(--acc-rgb),.45)}
.slip-market b{font:italic 900 22px/1 var(--cond);text-transform:uppercase}
.slip-market small{font:700 11px var(--cond);letter-spacing:.1em;text-transform:uppercase}
.slip-market a{font:800 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.pill{border-radius:3px;background:var(--ink);font:800 13px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase}
.pill small{font:900 14px var(--cond)}
.pill.on{background:color-mix(in srgb,currentColor 16%,var(--ink));box-shadow:inset 0 0 0 1px currentColor,0 0 16px -6px currentColor}
label{font:800 12px var(--cond);letter-spacing:.12em;text-transform:uppercase}
label span{letter-spacing:.04em}
.field{border-radius:3px;background:var(--ink)}
.field:focus-within{border-color:var(--acc);box-shadow:0 0 0 2px rgba(var(--acc-rgb),.15)}
.field input{font:900 28px var(--cond);letter-spacing:.02em}
.field>span:last-child{font:800 12px var(--cond);letter-spacing:.12em}
.poker{font:900 12px var(--cond)}
.win-box{border-radius:3px;background:var(--ink);border:1px dashed rgba(182,243,75,.45);align-items:center;text-align:center}
.win-box>span{font:800 12px/1 var(--cond);letter-spacing:.16em;color:var(--green)}
.win-box strong{font:italic 900 46px/1 var(--cond);letter-spacing:0;color:var(--green);text-shadow:0 0 22px rgba(182,243,75,.45)}
.win-box small{font:700 12px var(--cond);letter-spacing:.06em;text-transform:uppercase}
.ape{border-radius:3px;padding:15px 10px;background:var(--acc);color:var(--ink);font:italic 900 22px/1 var(--cond);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 #7e2553,0 10px 28px -10px rgba(var(--acc-rgb),.8);animation:apeGlow 1.6s ease-in-out infinite}
.ape::after{opacity:.5;animation-duration:2.4s}
.ape::before{content:"";position:absolute;left:0;right:0;bottom:3px;height:3px;background:radial-gradient(circle,var(--ink) 0 1.2px,transparent 1.8px) 0 0/12px 3px repeat-x;animation:chase .45s steps(2) infinite;opacity:.6}
.ape:hover:not(:disabled){box-shadow:0 5px 0 #7e2553,0 14px 36px -8px rgba(var(--acc-rgb),.95)}
.ape:active:not(:disabled){transform:translateY(4px);box-shadow:0 0 0 #7e2553}
.ape:disabled{background:var(--line);color:var(--dim);animation:none}.ape:disabled::before{display:none}
@keyframes apeGlow{50%{box-shadow:0 4px 0 #7e2553,0 10px 40px -4px rgba(var(--acc-rgb),.95)}}
.btn{border-radius:3px;background:var(--ink);font:800 13px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;padding:11px 14px}
.btn:hover:not(:disabled){border-color:var(--acc);color:var(--acc)}
.fine{font-size:11px}
.feed p{border-bottom:1px dashed var(--line2)}
.feed time{color:var(--acc);font-family:var(--num)}
.dev summary{font:800 13px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}

/* detail */
.back{font:800 13px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.detail-hero{position:relative;padding-bottom:22px;border-bottom:6px solid transparent;border-image:var(--hazard) 1}
.detail-hero h1{font:italic 900 clamp(40px,5vw,78px)/.95 var(--cond);text-transform:uppercase}
.detail-hero .avatar{border-radius:4px;font-size:24px}
.detail-hero p{font:italic 800 16px var(--cond);letter-spacing:.05em;text-transform:uppercase;color:var(--green)}
.pot-big{border-radius:3px;background:var(--ink);border:1px solid rgba(var(--acc-rgb),.55)}
.pot-big span{font:800 12px var(--cond);letter-spacing:.16em;text-transform:uppercase}
.pot-big b{font:italic 900 40px/1 var(--cond);color:var(--acc);text-shadow:0 0 18px rgba(var(--acc-rgb),.5)}
.tiles.big .tile-x{font:900 44px/1 var(--cond)}
.tiles.big .tile-name{font-size:14px}
.rules dt{font:800 13px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.chart .line{filter:drop-shadow(0 0 4px currentColor)}

/* pages */
.page-head{position:relative;padding-bottom:20px;margin-bottom:22px}
.page-head::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:var(--hazard);opacity:.85}
.page-head h1{font:italic 900 clamp(44px,6vw,84px)/.95 var(--cond);text-transform:uppercase;letter-spacing:-.005em}
.page-head .h-ic{color:var(--acc)}
.statrow div{border-radius:3px;background:#0e1014;border-color:var(--line2)}
.bag{border-radius:4px;background:#0e1014;border-color:var(--line2)}
.bag:hover{border-color:rgba(var(--acc-rgb),.5)}
.bag-main b{font:italic 900 22px/1 var(--cond);text-transform:uppercase}
.bag-main span{display:inline-flex;align-self:flex-start;margin-top:5px;padding:3px 6px 3px 4px;border-radius:2px;font:800 12px/1 var(--cond);letter-spacing:.08em;background:color-mix(in srgb,currentColor 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}
.bag-num small{font:800 11px var(--cond);letter-spacing:.12em;text-transform:uppercase}
.bag-num b{font:900 20px var(--cond)}
.bag-status{font:900 15px var(--cond);letter-spacing:.1em;text-transform:uppercase}
.bag.won{border-color:var(--acc)}
.bag.won .bag-status{display:inline-flex;justify-self:end;align-items:center;padding:5px 9px;border-radius:3px;background:var(--acc);color:var(--ink);animation:blinkGold 1.2s steps(1) infinite}
.bag.rekt .bag-status{color:var(--red)}
.flow div{border-radius:3px;background:var(--ink);border-color:var(--line2)}
.flow span{font:800 14px var(--cond);letter-spacing:.08em;text-transform:uppercase}
.flow i{font:italic 900 15px var(--cond);letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.log p{border-bottom:1px dashed var(--line2)}
.log time{color:var(--acc)}
.empty b{font:italic 900 24px var(--cond);text-transform:uppercase;letter-spacing:.02em}
.empty-ic{color:var(--acc)}.empty-ic .ic{filter:drop-shadow(0 0 14px rgba(var(--acc-rgb),.5))}
.grid .empty{border-radius:4px;border-color:rgba(var(--acc-rgb),.35)}

/* footer, toast, result, mobile */
#app>footer{position:relative;border-top:0;padding-top:26px;font:700 12px var(--cond);letter-spacing:.1em;text-transform:uppercase}
#app>footer::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--hazard);opacity:.7}
.linkish{color:var(--acc)}
#toast{border-radius:3px;background:var(--ink);font:800 15px/1.2 var(--cond);letter-spacing:.06em;text-transform:uppercase}
#toast.gold{background:var(--acc);color:var(--ink);border-color:var(--acc)}
.result-card{position:relative;overflow:hidden;border-radius:4px;background:#0e1014;border:2px solid var(--acc)}
.result-card::before,.result-card::after{content:"";position:absolute;left:0;right:0;height:3px;background:var(--bulbs);filter:drop-shadow(0 0 3px var(--acc));animation:chase .4s steps(2) infinite}
.result-card::before{top:4px}.result-card::after{bottom:4px;animation-direction:reverse}
.result h2{font:italic 900 72px/1 var(--cond);text-transform:uppercase;letter-spacing:0}
.result.win h2{background:none;color:var(--acc);text-shadow:0 0 30px rgba(var(--acc-rgb),.6);animation:none}
.result strong{font:italic 900 54px/1 var(--cond)}
.result p{font:800 14px var(--cond);letter-spacing:.1em;text-transform:uppercase}
.float-txt{font:italic 900 30px var(--cond)}
@media (min-width:981px){.slip-box{position:relative}}
@media (max-width:980px){
 .tabbar{background:var(--ink);border-top:0}
 .tabbar::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--hazard)}
 .tabbar a{font:800 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;border-radius:2px}
 .tabbar a.on{background:var(--acc);color:var(--ink)}
 .tabbar a.on .ic{color:var(--ink);filter:none}
 .sheet-fab{border-radius:3px;background:var(--acc);color:var(--ink);font:italic 900 17px var(--cond);letter-spacing:.06em;text-transform:uppercase;box-shadow:0 4px 0 #7e2553,0 10px 26px -8px rgba(var(--acc-rgb),.8)}
 .slip-box{border-radius:6px 6px 0 0}
}
@media (max-width:640px){
 .hero h1{font-size:64px}
 .hero-stats b{font-size:22px}
 .topnav a{padding:10px 16px 10px 10px}
 .page-head h1{font-size:46px}
}
@media (prefers-reduced-motion:reduce){
 .card.active::before,.card.active::after,.ape::before,.result-card::before,.result-card::after{animation:none}
}

/* parallax pixel-meme background (js/bg.js) */
#app{position:relative;z-index:1}
#bg{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:
 radial-gradient(60% 45% at 18% 8%,rgba(var(--acc-rgb),.10),transparent 70%),
 radial-gradient(50% 40% at 88% 30%,rgba(243,101,167,.08),transparent 70%),
 radial-gradient(60% 50% at 50% 110%,rgba(182,243,75,.08),transparent 70%),var(--bg)}
#bg::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:24px 24px}
#bg::after{content:"";position:absolute;inset:0;background:radial-gradient(60% 50% at 30% 30%,rgba(11,13,16,.35),transparent 70%),linear-gradient(180deg,rgba(11,13,16,.35),transparent 30%,transparent 75%,rgba(11,13,16,.5))}
.bg-layer{position:absolute;inset:0}
.bg-sprite{position:absolute;left:0;top:0;will-change:transform}
.bg-sprite svg{display:block;width:100%;height:100%;image-rendering:pixelated;transform:rotate(var(--rot));animation:bgFloat var(--dur) ease-in-out var(--delay) infinite alternate}
.bg-sprite.flip svg{scale:-1 1}
@keyframes bgFloat{to{transform:rotate(calc(var(--rot) * -1)) translateY(-14px)}}
.far .bg-sprite{opacity:.3;filter:saturate(.7) brightness(.85)}
.mid .bg-sprite{opacity:.45}
.near .bg-sprite{opacity:.6;filter:drop-shadow(0 0 22px rgba(var(--acc-rgb),.3))}
.hero,.page-head,.detail-hero{position:relative}
@media (max-width:640px){.near .bg-sprite{opacity:.35}.mid .bg-sprite{opacity:.3}}
/* glass panels so the memes ghost through */
.card,.box,.statrow div,.bag,.hero-stats,.tile,.pill,.win-box,.field,.seg,.search,select,.pot-big,.flow div{background-color:rgba(18,13,40,.78)!important;backdrop-filter:blur(5px)}

.slip-box{background:rgba(20,15,44,.92)!important;backdrop-filter:blur(8px)}
@media (prefers-reduced-motion:reduce){.bg-sprite svg{animation:none}}

/* brand */
.brand{gap:10px}
.brand-mark{width:46px;height:auto;flex:none;filter:drop-shadow(0 0 10px rgba(var(--acc-rgb),.45));transform-origin:50% 60%;animation:rugWave 2.6s ease-in-out infinite}
.brand-word{height:21px;width:auto;flex:none}
.brand:hover .brand-mark{animation-duration:.5s}
@keyframes rugWave{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-2px)}}

/* hero stage: pixel scene behind, copy on top, ground strip kept clear for the critters */
.hero.stage{display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:24px;min-height:440px;padding:30px 30px 200px;margin-bottom:22px;border:1px solid var(--line2);border-radius:6px;overflow:hidden;background:#0e0b1f;box-shadow:0 0 0 1px rgba(var(--acc-rgb),.12),0 20px 60px -30px rgba(var(--acc-rgb),.5)}
.hero.stage::after{display:none}
.scene{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;z-index:0}
.hero.stage>:not(.scene){position:relative;z-index:1}
.hero.stage h1{text-shadow:0 4px 0 #0c0a1c,0 0 30px rgba(var(--acc-rgb),.35)}
.hero.stage p{color:#d9d2f5;text-shadow:0 2px 0 #0c0a1c}
.hero.stage .hero-stats{align-self:start}

/* market card */
.card header{padding:14px 14px 8px}
.card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;padding:0 14px 10px}
.card-pot{margin-left:auto;font:800 12px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
.card-pot b{margin-left:5px;font:italic 900 19px/1 var(--cond);color:var(--fg);letter-spacing:.01em}
.card-tag{margin:0 14px 12px}
.card .tiles{padding:0 12px;gap:6px}
.card-cta{display:flex;align-items:center;gap:2px;margin:12px;padding:10px 12px;border-radius:4px;border:1px solid var(--line2);background:rgba(255,255,255,.02);font:800 13px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--fg)}
.card-cta span{margin-left:auto;display:inline-flex}.card-cta span .ic{margin:0}
.card-cta:hover{border-color:var(--acc);color:var(--acc);text-decoration:none;box-shadow:0 0 16px -6px var(--acc)}
.tile-top{margin-bottom:2px}
@media (max-width:980px){.hero.stage{grid-template-columns:1fr;min-height:0;padding:24px 20px 196px}}
@media (max-width:640px){.hero.stage{padding:20px 16px 190px}.brand-word{height:17px}.brand-mark{width:38px}}
@media (prefers-reduced-motion:reduce){.brand-mark{animation:none}}

/* live data */
.card-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:0 12px 12px;padding:9px 10px;border-radius:4px;background:rgba(12,10,28,.6);border:1px dashed var(--line2)}
.card-stats span{display:flex;flex-direction:column;gap:3px;min-width:0;font:800 10px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.card-stats b{font:900 17px/1 var(--cond);letter-spacing:.02em;color:var(--fg);white-space:nowrap}
.card-stats small{font:700 10px/1 var(--cond);letter-spacing:.06em;color:var(--mute);text-transform:none}
.card-stats .up{color:var(--green)}.card-stats .down{color:var(--red)}.card-stats .danger{color:var(--red);animation:siren .8s steps(1) infinite}
.card-stats.big{margin:0 0 16px;padding:14px 16px;background:rgba(18,13,40,.78)}
.card-stats.big b{font-size:26px}
.pill-st{display:inline-flex;align-items:center;padding:4px 8px 4px 6px;border-radius:3px;font:800 12px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase}
.pill-st .ic{width:13px;height:13px;margin-right:5px}
.pill-st b{margin-left:4px;font-weight:900}
.pill-st.watch{color:var(--cyan);background:rgba(41,173,255,.1);box-shadow:inset 0 0 0 1px rgba(41,173,255,.4)}
.pill-st.dead{color:var(--red);background:rgba(255,0,77,.12);box-shadow:inset 0 0 0 1px rgba(255,0,77,.45)}
.pill-st.survived{color:var(--green);background:rgba(182,243,75,.1);box-shadow:inset 0 0 0 1px rgba(182,243,75,.45)}
.pill-st.void,.pill-st.gap{color:var(--dim);background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--line2)}
.live b{margin-left:4px;color:var(--fg);font-weight:900}
.card.rip{border-color:rgba(255,0,77,.35)}
.card.rip .card-title a{text-decoration:line-through;text-decoration-color:var(--red);text-decoration-thickness:2px}
.tile[aria-disabled=true]{cursor:default}
.tile.yours{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.6)}
.tile.yours .tile-pct{color:var(--acc);font-weight:900}
.detail-hero .mint{text-transform:none;font-style:normal}
.mint{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:500 12px var(--num);letter-spacing:0;text-transform:none;color:var(--dim)}
.mint span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}
.mint a{font:800 12px var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--acc)}
.live-chart .series{filter:drop-shadow(0 0 5px currentColor)}
.live-chart.curve{color:var(--green)}.live-chart.price{color:var(--cyan)}
.grave-line{stroke:var(--line2);stroke-dasharray:4 4}
.close-line{stroke:var(--acc);stroke-dasharray:2 4;opacity:.7}
.death-line{stroke:var(--red);stroke-width:1.5;stroke-dasharray:6 4}
.live-chart .death-text{fill:var(--red)}
.feed-badge.down{color:var(--red)}.feed-badge.down i{background:var(--red);animation:none}
@media (max-width:640px){.card-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.card-stats.big b{font-size:20px}}
@media (max-width:640px){.seg{flex:1 1 100%;min-width:0;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{flex:0 0 auto;white-space:nowrap;padding:8px 12px}}

/* token pictures */
.avatar{position:relative;overflow:hidden}
.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:var(--ink)}
.avatar.has-img{box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 0 14px -4px rgba(var(--acc-rgb),.6)}
.card.rip .avatar img{filter:grayscale(1) contrast(1.1);opacity:.7}
.card header .avatar{width:48px;height:48px;font-size:15px;border-radius:6px}
.slip-market .avatar{width:42px;height:42px;border-radius:5px}
.bag .avatar{width:44px;height:44px;border-radius:5px}

/* odds as chance + pool (no multipliers on the board) */
.tile-x{font-variant-numeric:tabular-nums}
.tile-pool{display:flex;align-items:center;gap:4px;font:800 13px/1 var(--cond);color:var(--fg);font-variant-numeric:tabular-nums}
.tile-pool .ic{width:12px;height:12px;color:#ffcc33}
.tile-pool small{margin-left:2px;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.tile-you{font:900 11px/1 var(--cond);letter-spacing:.08em;text-transform:uppercase;color:var(--acc)}
.hero-stats div>small{display:block;margin-top:3px;font:700 10px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}

/* casino chips: they add up; the quick row edits the total */
.chips-row{grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 2px 8px}
.poker{position:relative;width:100%;max-width:54px;aspect-ratio:1;justify-self:center;border-radius:50%;padding:0;color:var(--chip-ink);
 background:repeating-conic-gradient(from 11.25deg,var(--edge) 0 22.5deg,var(--chip) 22.5deg 45deg);
 box-shadow:0 4px 0 var(--chip-dark),0 7px 12px rgba(0,0,0,.55),inset 0 0 0 2px rgba(0,0,0,.28),inset 0 0 0 5px var(--chip);
 transition:transform .14s cubic-bezier(.3,1.6,.5,1),box-shadow .14s}
.poker span{position:absolute;inset:20%;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.28),transparent 55%),var(--chip);
 box-shadow:0 0 0 2px var(--chip),0 0 0 4px var(--edge);outline:1.5px dashed rgba(255,255,255,.55);outline-offset:-4px;font:900 14px/1 var(--cond);letter-spacing:-.02em;text-shadow:0 1px 0 rgba(0,0,0,.35)}
.poker.c1{--chip:#ece7fb;--edge:#29adff;--chip-dark:#9d97b8;--chip-ink:#1a1433}
.poker.c1 span{text-shadow:none}
.poker.c5{--chip:#ff1f5a;--edge:#fff;--chip-dark:#8f0030;--chip-ink:#fff}
.poker.c25{--chip:#22b455;--edge:#fff;--chip-dark:#0e5f2b;--chip-ink:#fff}
.poker.c100{--chip:#1c1726;--edge:#b6f34b;--chip-dark:#000;--chip-ink:#b6f34b}
.poker.c500{--chip:#7b3bff;--edge:#ffcc33;--chip-dark:#3a1488;--chip-ink:#ffcc33}
.poker:hover{transform:translateY(-5px) rotate(-14deg);box-shadow:0 9px 0 var(--chip-dark),0 14px 18px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.28),inset 0 0 0 5px var(--chip)}
.poker:active{transform:translateY(3px);box-shadow:0 1px 0 var(--chip-dark),0 2px 4px rgba(0,0,0,.5),inset 0 0 0 2px rgba(0,0,0,.28),inset 0 0 0 5px var(--chip)}
.poker.bounce{animation:chipFlip .45s cubic-bezier(.3,1.5,.5,1)}
@keyframes chipFlip{40%{transform:translateY(-12px) rotateX(180deg) scale(1.08)}100%{transform:none}}
.quick-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:0 0 14px}
.quick{padding:9px 0;border-radius:3px;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);color:var(--dim);font:900 12px/1 var(--cond);letter-spacing:.14em;transition:color .12s,box-shadow .12s,transform .12s}
.quick:hover{color:var(--fg);box-shadow:inset 0 0 0 1px currentColor;transform:translateY(-1px)}
.quick:active{transform:translateY(1px)}
.quick.q-max{color:#ffcc33;box-shadow:inset 0 0 0 1px rgba(255,204,51,.45)}
.quick.q-max:hover{background:rgba(255,204,51,.12)}
.quick.q-clear:hover{color:var(--red)}
.quick.bounce{animation:chipBounce .3s cubic-bezier(.3,1.8,.5,1)}
.float-txt.chip{color:#ffcc33;font-size:22px;text-shadow:0 0 12px rgba(255,204,51,.7)}
@media (prefers-reduced-motion:reduce){.poker,.poker.bounce,.quick.bounce{animation:none;transition:none}}

/* outcome rows: name · probability bar · chance · pool. Quiet until hovered or picked. */
.tiles .tile{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name x" "track track" "pool pool";align-items:center;gap:6px 8px;
 padding:10px 12px;border:0;border-radius:6px;background:rgba(255,255,255,.025)!important;backdrop-filter:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);transform:none}
.tiles .tile-name{grid-area:name;padding:0;background:none;box-shadow:none;font:800 13px/1 var(--cond);letter-spacing:.08em;color:currentColor;white-space:nowrap}
.tiles .tile-name .ic{width:13px;height:13px;margin-right:6px}
.tiles .tile-x{grid-area:x;font:800 16px/1 var(--cond);color:var(--fg);text-shadow:none;font-variant-numeric:tabular-nums}
.tile-track{grid-area:track;position:relative;height:3px;border-radius:2px;background:rgba(255,255,255,.07);overflow:hidden}
.tile-track .bar{position:absolute;inset:0 auto 0 0;height:100%;border-radius:2px;width:var(--w,0%);background:currentColor;box-shadow:none;opacity:.85}
.tiles .tile-pool{grid-area:pool;display:block;font:600 11px/1 var(--cond);letter-spacing:.06em;color:var(--mute)}
.tiles .tile-pool b{color:var(--acc);font-weight:800}
.tiles .tile:hover:not(:disabled){transform:none;background:color-mix(in srgb,currentColor 7%,transparent)!important;box-shadow:inset 0 0 0 1px color-mix(in srgb,currentColor 35%,transparent)}
.tiles .tile.chosen{background:color-mix(in srgb,currentColor 11%,transparent)!important;box-shadow:inset 0 0 0 1px currentColor}
.tiles .tile.chosen .tile-x{color:currentColor;text-shadow:none}
.tiles .tile.yours{box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.35)}
.tiles .tile.won{animation:none;background:color-mix(in srgb,currentColor 14%,transparent)!important;box-shadow:inset 0 0 0 1px currentColor}
.tiles .tile.won .tile-x{color:currentColor}
.tiles .tile.lost{opacity:.4}
.card .tiles{gap:6px}
.tiles.big .tile{padding:16px}
.tiles.big .tile-x{font:800 30px/1 var(--cond)}
.tiles.big .tile-name{font-size:14px}
.tiles.big .tile-track{height:4px}
.tiles.big .tile-pool{font-size:13px}

/* about & safety */
.about{display:grid;gap:14px;max-width:820px}
.about ul{margin:0;padding-left:18px;display:grid;gap:8px;line-height:1.5;color:var(--fg)}
.about p{margin:0;line-height:1.55}
.about .box-head .ic{width:14px;height:14px;margin-right:6px}
.about .safety{box-shadow:inset 0 0 0 1px rgba(182,243,75,.45)}
.about .safety .box-head{color:var(--green)}
#app>footer a{color:var(--dim);text-decoration:underline;text-underline-offset:3px}

/* WR monogram (raster logo, transparent) */
.brand-mark{width:auto;height:30px;animation:none;filter:drop-shadow(0 0 8px rgba(var(--acc-rgb),.35));transition:transform .2s cubic-bezier(.3,1.6,.5,1)}
.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.06)}
@media (max-width:640px){.brand-mark{width:auto;height:24px}}

/* hero numbers grow (rugs called, scanned): wrap the sub-line instead of spilling out */
.hero-stats div{min-width:0}
.hero-stats b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.hero-stats b small{display:block;margin-top:4px;font:700 11px/1 var(--cond);letter-spacing:.1em;text-transform:uppercase;color:var(--dim);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* real-money wallet panel */
.wallet-panel{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px;background:rgba(6,4,16,.72);backdrop-filter:blur(4px)}
.wp-card{width:min(460px,100%);max-height:calc(100vh - 32px);overflow:auto;border-radius:6px;background:var(--panel);box-shadow:inset 0 0 0 1px var(--line2),0 30px 80px rgba(0,0,0,.6);padding:16px}
.wp-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:900 16px/1 var(--cond);letter-spacing:.12em;text-transform:uppercase}
.wp-head b{display:inline-flex;align-items:center;gap:8px}.wp-head .ic{width:18px;height:18px;color:#ffcc33}
.wp-body{display:grid;gap:14px}
.wp-body section{display:grid;gap:8px;padding-top:12px;border-top:1px solid var(--line)}
.wp-body h3{margin:0;font:900 13px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.wp-body p{margin:0;line-height:1.45}
.wp-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font:700 13px var(--cond);letter-spacing:.04em}
.wp-row span{color:var(--dim);text-transform:uppercase;font-size:11px;letter-spacing:.12em}
.wp-row .btn{margin-left:auto}
.wp-addr{display:flex;gap:8px;align-items:center;min-width:0}
.wp-addr code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:8px 10px;border-radius:3px;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);font:500 12px var(--num)}
.wp-form{display:flex;gap:8px}
.wp-form input{flex:1;min-width:0;padding:9px 10px;border-radius:3px;border:0;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);font:700 14px var(--cond)}

/* share card */
.share-panel{position:fixed;inset:0;z-index:96;display:grid;place-items:center;padding:16px;background:rgba(6,4,16,.78);backdrop-filter:blur(4px)}
.share-panel .wp-card{width:min(720px,100%);display:grid;gap:12px}
.share-preview{display:grid;place-items:center;aspect-ratio:1200/675;border-radius:4px;overflow:hidden;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.share-preview img{width:100%;height:100%;display:block}
.share-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.share-actions .ape{flex:1 1 220px;text-decoration:none;text-align:center}
.share-actions .btn{display:inline-flex;align-items:center;gap:6px;text-decoration:none}
.result-actions{display:flex;gap:8px;align-items:stretch;width:100%}
.result-actions .ape{flex:1}
.share-btn{display:inline-flex;align-items:center;gap:6px}
.bag{position:relative}
.bag-share{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:3px;color:var(--dim);box-shadow:inset 0 0 0 1px var(--line2);cursor:pointer;flex:none}
.bag-share:hover,.bag-share:focus-visible{color:var(--acc);box-shadow:inset 0 0 0 1px var(--acc)}
.bag-share .ic{width:14px;height:14px;transform:rotate(-45deg)}

/* staking + wallet chooser */
.wp-wallets{display:grid;gap:8px}
.wp-wallets .ape{display:flex;align-items:center;justify-content:center;gap:10px}
.wp-wallets img{border-radius:5px}
.stake-board .box{display:grid;gap:12px;align-content:start}
.unstakes{display:grid;gap:6px;padding-top:8px;border-top:1px solid var(--line)}
.wp-body code{font:500 12px var(--num)}
a.ape{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}

/* pink surfaces: white text (black on pink read poorly) */
.ape,.topnav a.on,.tabbar a.on,.mq-label,.k-jackpot .mq-tag,.lock-opt.on{color:#fff;text-shadow:0 1px 0 rgba(80,0,40,.55),0 0 12px rgba(80,0,40,.25)}
.topnav a.on .ic,.tabbar a.on .ic,.ape .ic{color:#fff}
.topnav a.on kbd{color:#fff;border-color:rgba(255,255,255,.55)}
.ape::before{background:radial-gradient(circle,rgba(255,255,255,.85) 0 1.2px,transparent 1.8px) 0 0/12px 3px repeat-x}
.ape:disabled{text-shadow:none}

/* staking */
.stake-stats{grid-template-columns:repeat(6,minmax(0,1fr))}
.stake-stats small{display:block;margin-top:4px;font:700 10px var(--cond);letter-spacing:.12em;text-transform:uppercase;color:var(--dim)}
@media (max-width:1100px){.stake-stats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.stake-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stake-pos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.stake-pos div{padding:10px 12px;border-radius:3px;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2)}
.stake-pos span{display:block;font:800 10px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--dim);margin-bottom:6px}
.stake-pos b{font:900 18px/1.1 var(--cond)}
@media (max-width:640px){.stake-pos{grid-template-columns:1fr 1fr}}
.stake-h{margin:4px 0 0;font:900 13px/1 var(--cond);letter-spacing:.14em;text-transform:uppercase;color:var(--acc)}
.lock-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}
.lock-opt{display:grid;gap:3px;padding:9px 4px;border-radius:3px;background:var(--ink);box-shadow:inset 0 0 0 1px var(--line2);color:var(--fg);text-align:center}
.lock-opt b{font:900 16px/1 var(--cond)}.lock-opt small{font:700 11px/1 var(--cond);color:var(--dim)}
.lock-opt:hover{box-shadow:inset 0 0 0 1px var(--acc)}
.lock-opt.on{background:var(--acc);box-shadow:none}.lock-opt.on small{color:#fff}
.mult-table{display:grid;gap:4px;margin-top:10px}
.mult-table div{display:flex;justify-content:space-between;padding:6px 10px;border-radius:3px;background:rgba(255,255,255,.03);font:700 13px var(--cond)}
.mult-table span{color:var(--green)}
.seg button[aria-pressed=true],.badge.hot,.market-label b,.slip-title,#toast.gold,.sheet-fab{color:#fff;text-shadow:0 1px 0 rgba(80,0,40,.55)}
.slip-title .ic,.sheet-fab .ic,.market-label b .ic{color:#fff}

/* USD / SOL amount entry */
.unit-toggle{flex:none;padding:6px 10px;border-radius:3px;background:rgba(var(--acc-rgb),.14);box-shadow:inset 0 0 0 1px rgba(var(--acc-rgb),.55);color:var(--fg);font:900 13px/1 var(--cond);letter-spacing:.1em}
.unit-toggle:hover{background:rgba(var(--acc-rgb),.28)}
.conv{margin:6px 2px 0;font:700 12px var(--cond);letter-spacing:.06em;color:var(--dim)}