:root{--cream:#0e0a14;--cream2:#191221;--ink:#f8f3ff;--muted:#b6a9c5;--line:#050308;--accent:#ff9d3d;--pink:#35153e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Fredoka,system-ui,sans-serif}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(14,10,20,.96);border-bottom:2px solid var(--line)}.nav{min-height:96px;display:flex;align-items:center;gap:44px}.logo{font-size:31px;font-weight:700;letter-spacing:-1px;color:var(--ink);text-decoration:none;display:flex;align-items:baseline;gap:3px;white-space:nowrap}.logo span{font-size:22px}.logo small{display:block;font-size:13px;color:var(--muted);letter-spacing:.2px;margin-left:8px;font-weight:600}.nav nav{display:flex;gap:34px;flex:1}.nav nav a,.footlinks a{color:var(--muted);text-decoration:none;font-size:17px;font-weight:600}.nav-right{display:flex;align-items:center;gap:22px}.trade,.pill.dark{background:var(--accent);color:var(--ink);border:3px solid var(--line);box-shadow:5px 5px 0 var(--line);text-decoration:none;font-weight:700;border-radius:999px;padding:15px 28px}.price{font-family:'DM Mono',monospace;font-size:15px;font-weight:500}.hero{min-height:610px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px;padding:55px 0}.dotted{background-image:radial-gradient(#34263f 2px,transparent 2px);background-size:34px 34px;background-position:10px 10px}.hero-art{display:flex;justify-content:center}.round-art{width:min(490px,100%);aspect-ratio:1;border:5px solid var(--line);border-radius:50%;overflow:hidden;background:#35153e;box-shadow:12px 12px 0 var(--line)}.round-art img{width:100%;height:100%;object-fit:cover}.hero-copy{text-align:center}.tiny,.section-kicker{font-size:15px;letter-spacing:2px;color:var(--muted);font-weight:700}.hero h1{font-size:clamp(70px,10vw,125px);line-height:.85;margin:18px 0;color:var(--ink);letter-spacing:-5px}.hero p{font-size:27px;line-height:1.2;color:var(--muted);margin:0 auto 30px}.hero p strong{color:var(--ink)}.hero-buttons{display:flex;justify-content:center;gap:15px}.pill{display:inline-block;border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:999px;padding:14px 24px;color:var(--ink);text-decoration:none;background:#17111e;font-weight:700}.contract-wrap{margin-top:-5px}.contract{border:4px solid var(--line);box-shadow:7px 7px 0 var(--line);border-radius:55px;background:#17111e;padding:13px 18px 13px 29px;display:flex;justify-content:space-between;align-items:center;font-family:'DM Mono',monospace}.contract div{display:flex;align-items:center;gap:18px;min-width:0}.contract b{font-family:Fredoka;font-size:23px}.contract span{color:var(--muted)}.contract code{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.contract button{border:2px solid var(--line);background:var(--cream2);border-radius:999px;padding:11px 21px;font-weight:700;font-family:inherit;cursor:pointer}.ticker{margin-top:70px;border-top:3px solid var(--line);border-bottom:3px solid var(--line);overflow:hidden;background:var(--accent);white-space:nowrap}.ticker div{padding:16px 0;font-size:18px;font-weight:700;animation:scroll 24s linear infinite}@keyframes scroll{to{transform:translateX(-50%)}}.section{padding:120px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center;margin-top:25px}h2{font-size:clamp(48px,6vw,78px);line-height:.95;letter-spacing:-2px;margin:18px 0 28px}h2 em{font-style:normal;color:var(--muted)}.lead{font-size:21px;line-height:1.55;color:var(--muted);max-width:570px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);margin-top:50px;border-top:2px solid #34283d;border-bottom:2px solid #34283d}.metrics div{padding:22px 10px}.metrics div+div{border-left:2px solid #34283d}.metrics b{display:block;font-size:22px}.metrics span{font-size:12px;letter-spacing:1.5px;color:var(--muted)}.image-card{border:4px solid var(--line);border-radius:35px;overflow:hidden;background:#08060b;box-shadow:10px 10px 0 var(--line)}.image-card img{width:100%;display:block;aspect-ratio:1/1;object-fit:cover}.caption{background:#17111e;padding:17px 22px;font-family:'DM Mono';font-size:13px}.underlying{max-width:1180px}.narrow{max-width:620px}.paper{background:#18111f;border-top:3px solid var(--line);border-bottom:3px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px}.steps article{border:3px solid var(--line);border-radius:30px;background:#17111e;padding:30px;box-shadow:7px 7px 0 var(--line);min-height:280px}.steps span{font-family:'DM Mono';font-size:14px;color:var(--muted)}.steps h3{font-size:25px;margin:40px 0 15px}.steps p{font-size:17px;line-height:1.5;color:var(--muted)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px}.masonry{display:grid;grid-template-columns:1.4fr .8fr;grid-template-rows:auto auto;gap:20px;margin-top:50px}.masonry>div{border:4px solid var(--line);border-radius:30px;overflow:hidden;box-shadow:7px 7px 0 var(--line);background:#17111e}.masonry img{width:100%;height:100%;object-fit:cover;display:block}.masonry .big{grid-row:span 2;min-height:650px}.masonry .small{min-height:310px}.quote{padding:35px;font-size:24px;line-height:1.25}.quote span{font-size:60px;line-height:.5}.trade-section{background:var(--pink);color:#f8f3ff;padding:110px 0;border-top:4px solid var(--line)}.trade-section .section-kicker{color:#bdaed0}.trade-section h2 em{color:var(--accent)}.trade-section p{color:#cbbdd7;font-size:18px;line-height:1.5;max-width:500px}.trade-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.cards{display:grid;gap:16px}.trade-card{display:flex;align-items:center;gap:20px;padding:24px 28px;background:#17111e;color:var(--ink);border:4px solid var(--line);border-radius:28px;box-shadow:7px 7px 0 var(--line);text-decoration:none}.trade-card>span{font-size:26px;width:34px;text-align:center}.trade-card b{display:block;font-size:22px}.trade-card small{display:block;color:var(--muted);font-size:15px;margin-top:4px}.footer{padding:45px 0 80px;display:grid;grid-template-columns:1fr auto auto;gap:35px;align-items:center}.footer p{grid-column:1/-1;color:var(--muted);font-size:13px;max-width:900px}.footlinks{display:flex;gap:24px}.hero{position:relative;overflow:visible;padding-top:105px}.floating-stiffy{position:absolute;z-index:3;top:12px;left:50%;width:112px;height:112px;transform:translateX(-50%);border:4px solid var(--line);border-radius:50%;overflow:hidden;background:var(--pink);box-shadow:6px 6px 0 var(--line);animation:stiffyFloat 4.5s ease-in-out infinite}.floating-stiffy img{width:100%;height:100%;object-fit:cover;display:block;animation:stiffyTilt 4.5s ease-in-out infinite}@keyframes stiffyFloat{0%,100%{transform:translate(-50%,0) rotate(-3deg)}50%{transform:translate(-50%,-12px) rotate(3deg)}}@keyframes stiffyTilt{0%,100%{transform:scale(1) rotate(0deg)}50%{transform:scale(1.06) rotate(-4deg)}}
@media(max-width:850px){.wrap{width:min(100% - 30px,600px)}.nav{min-height:76px;gap:15px}.nav nav{display:none}.nav-right{margin-left:auto}.price{display:none}.logo{font-size:27px}.trade{padding:11px 20px}.hero{grid-template-columns:1fr;gap:35px;padding:125px 0 50px}.hero-art{order:1}.hero-copy{order:2}.round-art{width:min(390px,90vw)}.floating-stiffy{width:92px;height:92px;top:18px}.hero h1{font-size:75px}.hero p{font-size:22px}.contract{border-radius:25px;padding:12px;gap:10px}.contract div{gap:9px}.contract code{max-width:145px}.ticker{margin-top:35px}.section{padding:75px 0}.two-col,.trade-grid{grid-template-columns:1fr;gap:45px}.steps{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.masonry{grid-template-columns:1fr}.masonry .big,.masonry .small{grid-row:auto;min-height:auto}.masonry .big{height:430px}.masonry .small{height:430px}.footer{grid-template-columns:1fr}.footlinks{flex-wrap:wrap}.metrics{margin-top:35px}}

/* Single meme image replacement */
.single-meme{grid-template-columns:1fr;grid-template-rows:auto auto}.single-meme .big{grid-row:auto;min-height:0}.single-meme .big img{height:auto;object-fit:contain;background:#000}.single-meme .quote{min-height:0}

.pair-badges{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin:0 auto 28px}.pair-badges span{display:inline-flex;align-items:center;justify-content:center;border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:18px;padding:12px 20px;font-weight:700;font-size:17px;letter-spacing:.2px}.chain-badge{background:#9fdcf0;color:#17111e}.pair-badge{background:#ffe4a3;color:#17111e}.msft-price{display:inline-flex;align-items:center;min-height:44px;padding:0 15px;border:2px solid #4b3758;border-radius:999px;background:#17111e;color:var(--ink);white-space:nowrap}.msft-price.live::before{content:"";width:7px;height:7px;border-radius:50%;background:#4ee68b;margin-right:8px;box-shadow:0 0 10px #4ee68b}@media(max-width:850px){.pair-badges{gap:10px}.pair-badges span{font-size:14px;padding:10px 14px}.nav-right .msft-price{display:inline-flex;font-size:12px;padding:0 10px;min-height:38px}.nav-right{gap:8px}.trade{padding:10px 15px}}

/* Click-to-spin the small floating Stiffy coin */
.floating-stiffy{cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent}
.floating-stiffy.coin-spin{animation:coinClickSpin .72s cubic-bezier(.2,.7,.2,1)}
@keyframes coinClickSpin{
  0%{transform:translateX(-50%) rotateY(0deg) scale(1)}
  45%{transform:translateX(-50%) rotateY(540deg) scale(1.1)}
  100%{transform:translateX(-50%) rotateY(1080deg) scale(1)}
}

/* Dedicated downloadable meme library */
.nav nav a.active-nav{color:var(--ink);position:relative}.nav nav a.active-nav:after{content:"";position:absolute;left:0;right:0;bottom:-18px;height:3px;background:var(--accent);border-radius:3px}.meme-library{min-height:100vh;padding:90px 0 120px}.meme-library-head{padding-bottom:58px}.meme-library-head h1{font-size:clamp(58px,9vw,112px);line-height:.9;letter-spacing:-4px;margin:18px 0 25px}.meme-library-head p{font-size:24px;line-height:1.55;color:var(--muted);max-width:780px}.meme-filters{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.meme-filters button{font:700 18px Fredoka,sans-serif;color:var(--ink);background:#17111e;border:3px solid var(--line);box-shadow:4px 4px 0 var(--line);border-radius:999px;padding:12px 25px}.meme-filters button.active{background:var(--accent);color:#17111e}.meme-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.meme-download-card{background:#17111e;border:4px solid var(--line);border-radius:34px;box-shadow:8px 8px 0 var(--line);padding:20px;overflow:hidden}.meme-preview{border:3px solid #35283f;border-radius:24px;overflow:hidden;background:#08060b;aspect-ratio:1/1}.meme-preview img{width:100%;height:100%;object-fit:cover;display:block}.meme-card-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 8px 4px}.meme-card-foot b{font-size:24px}.meme-card-foot a{width:52px;height:52px;display:grid;place-items:center;flex:0 0 auto;border:3px solid var(--line);border-radius:50%;background:var(--accent);color:#17111e;box-shadow:3px 3px 0 var(--line);font:700 29px/1 Fredoka;text-decoration:none;transition:transform .15s ease}.meme-card-foot a:hover{transform:translateY(-2px)}@media(max-width:850px){.meme-library{padding:60px 0 80px}.meme-library-head h1{font-size:60px}.meme-library-head p{font-size:20px}.meme-grid{grid-template-columns:1fr;gap:22px}.meme-download-card{padding:14px;border-radius:28px}.meme-card-foot b{font-size:21px}.nav nav a.active-nav:after{display:none}}

/* Premium gold treatment ONLY for the small clickable/spinning coin */
.floating-stiffy{
  overflow:hidden;
  border:7px solid #f6a800;
  background:#fff;
  box-shadow:0 0 0 3px #7a3d00,0 0 0 7px #ffd85a,0 10px 0 #050308,0 0 24px rgba(255,171,24,.72);
  transition:filter .18s ease,box-shadow .18s ease;
}
.floating-stiffy::before{
  content:"";position:absolute;z-index:5;inset:0;border-radius:50%;pointer-events:none;
  box-shadow:inset 0 0 0 3px #fff2a6,inset 0 0 14px rgba(255,255,255,.9),inset -8px -9px 14px rgba(132,62,0,.42);
  background:linear-gradient(120deg,rgba(255,255,255,.72) 0 10%,transparent 22% 62%,rgba(255,197,42,.25) 76%,transparent 88%);
}
.floating-stiffy:hover{filter:brightness(1.08);box-shadow:0 0 0 3px #7a3d00,0 0 0 7px #ffe071,0 10px 0 #050308,0 0 34px rgba(255,177,28,.95)}
.floating-stiffy img{position:relative;z-index:1}
.floating-stiffy.coin-spin{animation:coinClickSpin .72s cubic-bezier(.2,.7,.2,1);box-shadow:0 0 0 3px #7a3d00,0 0 0 7px #ffe071,0 10px 0 #050308,0 0 40px rgba(255,185,45,1)}

/* 2D artwork with a dimensional pop illusion — image itself stays unchanged */
.round-art{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  transform:perspective(1100px) rotateX(1.5deg) rotateY(-2.5deg) translateY(-4px);
  box-shadow:
    0 0 0 2px rgba(255,255,255,.08) inset,
    -10px -10px 24px rgba(255,255,255,.07),
    18px 24px 0 var(--line),
    25px 34px 45px rgba(0,0,0,.52);
  transition:transform .28s ease, box-shadow .28s ease, filter .28s ease;
}
.round-art::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  border-radius:50%;
  box-shadow:
    inset 18px 14px 24px rgba(255,255,255,.13),
    inset -22px -26px 34px rgba(0,0,0,.24),
    inset 0 0 0 5px rgba(255,255,255,.035);
}
.round-art::after{
  content:"";
  position:absolute;
  z-index:3;
  pointer-events:none;
  width:58%;
  height:28%;
  left:9%;
  top:5%;
  border-radius:50%;
  transform:rotate(-18deg);
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,0));
  filter:blur(5px);
  opacity:.58;
}
.round-art img{
  position:relative;
  z-index:1;
  transform:scale(1.012);
  filter:contrast(1.035) saturate(1.025) drop-shadow(0 12px 16px rgba(0,0,0,.16));
}
.round-art:hover{
  transform:perspective(1100px) rotateX(0deg) rotateY(0deg) translateY(-9px) scale(1.012);
  box-shadow:
    0 0 0 2px rgba(255,255,255,.1) inset,
    -10px -10px 28px rgba(255,255,255,.08),
    20px 28px 0 var(--line),
    30px 42px 55px rgba(0,0,0,.58);
}
@media(max-width:850px){
  .round-art{transform:perspective(900px) rotateX(1deg) rotateY(-1.5deg) translateY(-2px);box-shadow:0 0 0 2px rgba(255,255,255,.07) inset,12px 17px 0 var(--line),18px 26px 32px rgba(0,0,0,.48)}
}

/* STIFFY FAMILY BUSINESS GAME */
.game-page{padding-top:36px;padding-bottom:70px}.game-shell{max-width:980px;margin:0 auto}.game-head{text-align:center;margin-bottom:22px}.game-head h1{font-size:clamp(42px,8vw,86px);margin:8px 0 4px}.game-head p{color:var(--muted);font-size:17px}.game-frame{position:relative;border:3px solid var(--line);border-radius:28px;overflow:hidden;background:#110d16;box-shadow:8px 8px 0 var(--line)}#stiffyGame{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:manipulation}.game-hud{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}.game-stat{border:2px solid var(--line);border-radius:16px;padding:10px 16px;background:var(--cream2);box-shadow:3px 3px 0 var(--line);font-weight:700}.game-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.game-actions button{font:inherit;font-weight:700;border:3px solid var(--line);border-radius:999px;padding:12px 20px;background:#d99a37;color:#17111e;box-shadow:4px 4px 0 var(--line);cursor:pointer}.game-actions button.secondary{background:var(--cream2);color:var(--ink)}.game-note{text-align:center;color:var(--muted);margin-top:14px;font-size:14px}@media(max-width:650px){.game-page{padding-top:18px}.game-frame{border-radius:18px}.game-hud{justify-content:center}.game-stat{font-size:13px;padding:8px 11px}}
/* STIFFY FIGHT CLUB */
.fight-frame{position:relative;border:3px solid #050308;border-radius:24px;overflow:hidden;background:#120706;box-shadow:8px 8px 0 #050308}#fightGame{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;outline:none}.fight-controls{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;margin:16px 0 10px;color:var(--muted);font-size:14px}.fight-controls b{color:var(--ink)}.fight-mobile{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin:12px 0 18px}.fight-mobile button{min-width:58px;min-height:48px;border:3px solid var(--line);border-radius:14px;background:#28151b;color:#fff;font:700 13px Fredoka;box-shadow:3px 3px 0 var(--line);cursor:pointer}.fight-mobile button:nth-last-child(-n+3){background:#b43d23}.fight-mobile button:last-child{background:#d99a37;color:#17111e}@media(min-width:800px){.fight-mobile{display:none}}@media(max-width:650px){.fight-frame{border-radius:16px}.fight-controls{font-size:12px}.game-head h1{font-size:44px}}

/* STIFFY GOT CLIPS */
.shooter-frame{position:relative;border:3px solid var(--line);border-radius:24px;overflow:hidden;background:#0c0910;box-shadow:8px 8px 0 var(--line)}
#stiffyShooter{display:block;width:100%;height:auto;aspect-ratio:16/9;touch-action:none;outline:none}
.shooter-hud{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:16px 0 12px;color:var(--muted);font-size:13px}
.shooter-hud span{border:2px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--cream2)}.shooter-hud b{color:#f0b64e}
.shooter-mobile{display:none;justify-content:center;align-items:center;gap:22px;margin:14px 0 18px}.dpad{display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,48px);gap:6px}.dpad button,.fire-btn{border:3px solid var(--line);box-shadow:3px 3px 0 var(--line);font:700 15px Fredoka;cursor:pointer;touch-action:none}.dpad button{border-radius:13px;background:#281d2d;color:#fff}.dpad button[data-hold="up"]{grid-column:2}.dpad button[data-hold="left"]{grid-column:1;grid-row:2}.dpad button[data-hold="down"]{grid-column:2;grid-row:2}.dpad button[data-hold="right"]{grid-column:3;grid-row:2}.fire-btn{width:86px;height:86px;border-radius:50%;background:#d99a37;color:#17111e}
@media(max-width:800px){.shooter-mobile{display:flex}.shooter-frame{border-radius:16px}.shooter-hud{font-size:11px;gap:6px}.shooter-hud span{padding:6px 9px}.game-head h1{font-size:44px}}
/* Stiffy Got Clips — phone-first survivors mode */
.survivor-frame{position:relative;max-width:620px;margin-inline:auto}.survivor-frame canvas{width:100%;height:auto;aspect-ratio:3/4;max-height:78vh;object-fit:contain;touch-action:none}.survivor-controls{display:flex;justify-content:center;margin:16px 0 8px}.touch-stick{display:grid;justify-items:center;gap:7px;touch-action:none;user-select:none}.stick-ring{width:132px;height:132px;border:2px solid rgba(235,180,79,.48);border-radius:50%;background:radial-gradient(circle,rgba(235,180,79,.11),rgba(20,13,23,.72));display:grid;place-items:center;box-shadow:inset 0 0 24px rgba(0,0,0,.45)}.stick-knob{width:58px;height:58px;border-radius:50%;background:linear-gradient(145deg,#e9b34d,#7b4513);border:2px solid #f5d48a;box-shadow:0 5px 14px rgba(0,0,0,.45);will-change:transform}.touch-stick span{font:600 11px 'DM Mono',monospace;letter-spacing:.16em;color:#bfae96}.upgrade-panel{position:absolute;inset:0;z-index:5;background:rgba(8,5,10,.88);display:flex;flex-direction:column;justify-content:center;padding:24px}.upgrade-panel[hidden]{display:none}.upgrade-kicker{text-align:center;color:#e6ad45;font:600 13px 'DM Mono',monospace;letter-spacing:.2em}.upgrade-panel h2{text-align:center;margin:8px 0 20px;color:#fff2d5;font:700 clamp(24px,6vw,38px) 'Fredoka',sans-serif}.upgrade-choices{display:grid;gap:12px}.upgrade-choices button{min-height:78px;text-align:left;border:1px solid #8b612a;border-radius:14px;background:linear-gradient(145deg,#211622,#120d15);color:#fff;padding:14px 16px;cursor:pointer}.upgrade-choices button strong{display:block;color:#f0b64e;font:700 18px 'Fredoka',sans-serif;margin-bottom:4px}.upgrade-choices button span{display:block;color:#cfc1d1;font:500 12px 'DM Mono',monospace;line-height:1.35}@media (min-width:800px){.survivor-controls{display:none}.survivor-frame canvas{max-height:760px}}@media (max-width:600px){.game-page{padding-inline:10px}.game-shell{padding-inline:8px}.shooter-hud{font-size:10px;gap:7px;justify-content:center;flex-wrap:wrap}.game-head p{font-size:14px}.stick-ring{width:118px;height:118px}.stick-knob{width:52px;height:52px}}



/* Stiffy Got Clips — classic palette, flush arena, high-contrast combat */
.vibrant-game-page{padding-top:38px;padding-bottom:72px;background:transparent;margin-top:26px;margin-bottom:30px}
.vibrant-game-page .game-shell{max-width:720px;margin:0 auto}
.vibrant-game-page .game-head{margin-bottom:18px}.vibrant-game-page .section-kicker{color:#e6ad45}.vibrant-game-page .game-head h1 em{color:#e2a13c}.vibrant-game-page .game-head p{color:var(--muted)}
.vibrant-game-page .shooter-frame{max-width:620px;margin:0 auto;border:3px solid var(--line);border-radius:22px;background:#0b0810;box-shadow:8px 8px 0 var(--line);overflow:hidden}
.vibrant-game-page .survivor-frame canvas{display:block;width:100%;max-width:none;max-height:none;aspect-ratio:3/4;object-fit:contain;background:#0b0810}
.vibrant-game-page .shooter-hud{margin:16px auto 12px;max-width:620px}.vibrant-game-page .shooter-hud span{border:2px solid var(--line);background:var(--cream2);color:var(--muted);box-shadow:none}.vibrant-game-page .shooter-hud b{color:#f0b64e}
.vibrant-game-page .stick-ring{border-color:rgba(235,180,79,.48);background:radial-gradient(circle,rgba(235,180,79,.11),rgba(20,13,23,.72))}.vibrant-game-page .stick-knob{background:linear-gradient(145deg,#e9b34d,#7b4513);border-color:#f5d48a}.vibrant-game-page .touch-stick span{color:#bfae96}
.vibrant-game-page .game-actions button{background:#d99a37;color:#17111e;min-width:170px}.vibrant-game-page .game-actions button.secondary{background:var(--cream2);color:var(--ink)}
.vibrant-game-page .upgrade-panel{background:rgba(8,5,10,.93)}.vibrant-game-page .upgrade-kicker{color:#e6ad45}.vibrant-game-page .upgrade-panel h2{color:#fff2d5}.vibrant-game-page .upgrade-choices button{border:1px solid #8b612a;background:linear-gradient(145deg,#211622,#120d15)}.vibrant-game-page .upgrade-choices button strong{color:#f0b64e}.vibrant-game-page .upgrade-choices button span{color:#cfc1d1}
@media(max-width:700px){.vibrant-game-page{width:100%;margin-top:0;margin-bottom:0;padding:18px 10px 54px}.vibrant-game-page .game-shell{padding:0}.vibrant-game-page .shooter-frame{width:100%;border-radius:16px}.vibrant-game-page .game-head{padding-inline:8px}.vibrant-game-page .game-actions button{min-width:140px}}
/* rarity treatment: common / legendary / mythic */
.upgrade-choices button em{display:block;font:700 9px 'DM Mono',monospace;letter-spacing:.18em;margin-bottom:4px;color:#a99cac;font-style:normal}.upgrade-choices button.upgrade-legendary{border:2px solid #ff8a22;background:linear-gradient(145deg,#3b1b0b,#171015);box-shadow:inset 0 0 24px rgba(255,126,24,.14),0 0 18px rgba(255,126,24,.13)}.upgrade-choices button.upgrade-legendary em,.upgrade-choices button.upgrade-legendary strong{color:#ff9b32}.upgrade-choices button.upgrade-mythic{border:2px solid #a85cff;background:linear-gradient(145deg,#29113d,#130d19);box-shadow:inset 0 0 28px rgba(171,86,255,.18),0 0 22px rgba(171,86,255,.15)}.upgrade-choices button.upgrade-mythic em,.upgrade-choices button.upgrade-mythic strong{color:#c47cff}

/* upgrade rarity hierarchy: COMMON green, RARE blue, MYTHIC purple, LEGENDARY orange */
.upgrade-choices button.upgrade-common{border:2px solid #39d979;background:linear-gradient(145deg,#10271a,#0d1511);box-shadow:inset 0 0 22px rgba(57,217,121,.12),0 0 14px rgba(57,217,121,.08)}
.upgrade-choices button.upgrade-common em,.upgrade-choices button.upgrade-common strong{color:#55e88d}
.upgrade-choices button.upgrade-rare{border:2px solid #3f8cff;background:linear-gradient(145deg,#10203a,#0d111a);box-shadow:inset 0 0 24px rgba(63,140,255,.15),0 0 16px rgba(63,140,255,.10)}
.upgrade-choices button.upgrade-rare em,.upgrade-choices button.upgrade-rare strong{color:#62a2ff}
.upgrade-choices button.upgrade-mythic{border:2px solid #a85cff;background:linear-gradient(145deg,#29113d,#130d19);box-shadow:inset 0 0 28px rgba(171,86,255,.18),0 0 22px rgba(171,86,255,.15)}
.upgrade-choices button.upgrade-mythic em,.upgrade-choices button.upgrade-mythic strong{color:#c47cff}
.upgrade-choices button.upgrade-legendary{border:2px solid #ff8a22;background:linear-gradient(145deg,#3b1b0b,#171015);box-shadow:inset 0 0 30px rgba(255,126,24,.2),0 0 25px rgba(255,126,24,.18)}
.upgrade-choices button.upgrade-legendary em,.upgrade-choices button.upgrade-legendary strong{color:#ff9b32}
.meme-download-card[hidden]{display:none!important}.meme-filters button{cursor:pointer}.meme-filters button:focus-visible{outline:3px solid var(--accent);outline-offset:4px}

/* Upgrade screen fit pass: keep all three choices visible inside the game viewport */
.survivor-frame .upgrade-panel{
  box-sizing:border-box;
  justify-content:center;
  padding:clamp(10px,2.2vw,20px);
  overflow:hidden;
}
.survivor-frame .upgrade-kicker{
  flex:0 0 auto;
  font-size:clamp(9px,1.8vw,12px);
  line-height:1.1;
}
.survivor-frame .upgrade-panel h2{
  flex:0 0 auto;
  margin:clamp(4px,1vw,8px) 0 clamp(8px,1.8vw,14px);
  font-size:clamp(18px,4.6vw,32px);
  line-height:1;
}
.survivor-frame .upgrade-choices{
  width:100%;
  min-height:0;
  display:grid;
  grid-template-rows:repeat(3,minmax(0,1fr));
  gap:clamp(6px,1.4vw,10px);
}
.survivor-frame .upgrade-choices button{
  box-sizing:border-box;
  width:100%;
  min-height:0;
  height:100%;
  overflow:hidden;
  padding:clamp(8px,1.7vw,13px) clamp(10px,2vw,15px);
  border-radius:clamp(9px,1.8vw,14px);
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.survivor-frame .upgrade-choices button em{
  flex:0 0 auto;
  font-size:clamp(7px,1.45vw,9px);
  line-height:1.05;
  margin-bottom:clamp(2px,.6vw,4px);
}
.survivor-frame .upgrade-choices button strong{
  flex:0 0 auto;
  font-size:clamp(13px,3vw,18px);
  line-height:1.05;
  margin-bottom:clamp(2px,.7vw,5px);
}
.survivor-frame .upgrade-choices button span{
  font-size:clamp(8px,1.85vw,12px);
  line-height:1.22;
  overflow-wrap:anywhere;
}
@media (max-width:600px){
  .survivor-frame .upgrade-panel{padding:9px}
  .survivor-frame .upgrade-panel h2{font-size:clamp(17px,5.8vw,24px);margin:3px 0 7px}
  .survivor-frame .upgrade-choices{gap:6px}
  .survivor-frame .upgrade-choices button{padding:7px 9px;border-radius:10px}
  .survivor-frame .upgrade-choices button strong{font-size:clamp(12px,4vw,16px)}
  .survivor-frame .upgrade-choices button span{font-size:clamp(8px,2.7vw,10px);line-height:1.16}
}

.lifestyle-video-card video{width:100%;display:block;aspect-ratio:9/16;max-height:620px;object-fit:cover;background:#050308}.lifestyle-video-card{background:#050308}

/* 2026 mobile polish — preserve desktop composition, reflow cleanly on phones */
@media (max-width: 850px){
  html,body{max-width:100%;overflow-x:hidden}
  .wrap{width:calc(100% - 32px);max-width:620px}
  .topbar{position:sticky}
  .nav{min-height:70px;gap:10px}
  .logo{font-size:23px;letter-spacing:-.6px}.logo span{font-size:17px}.logo small{display:none}
  .nav-right{gap:7px;min-width:0}.nav-right .trade{padding:9px 13px;font-size:13px;box-shadow:3px 3px 0 var(--line)}
  .nav-right .msft-price{font-size:10px;padding:0 9px;min-height:34px;max-width:112px;overflow:hidden;text-overflow:ellipsis}

  .hero{min-height:0;padding:104px 0 54px;gap:28px}
  .floating-stiffy{width:74px;height:74px;top:14px;border-width:5px;box-shadow:0 0 0 2px #7a3d00,0 0 0 5px #ffd85a,0 7px 0 #050308,0 0 20px rgba(255,171,24,.62)}
  .round-art{width:min(78vw,340px);box-shadow:0 0 0 2px rgba(255,255,255,.08) inset,-6px -6px 16px rgba(255,255,255,.06),10px 14px 0 var(--line),15px 20px 28px rgba(0,0,0,.5);transform:none}
  .hero-copy{max-width:520px;margin:auto}.tiny,.section-kicker{font-size:11px;letter-spacing:1.55px}
  .hero h1{font-size:clamp(58px,18vw,82px);letter-spacing:-3px;margin:14px 0 16px}.hero p{font-size:20px;margin-bottom:22px}
  .pair-badges{margin-bottom:22px;gap:8px}.pair-badges span{font-size:12px;padding:9px 11px;border-width:2px;box-shadow:3px 3px 0 var(--line)}
  .hero-buttons{gap:10px;flex-wrap:wrap}.hero-buttons .pill{font-size:14px;padding:11px 16px;border-width:2px;box-shadow:3px 3px 0 var(--line)}

  .contract-wrap{width:calc(100% - 32px)}.contract{border-width:3px;box-shadow:5px 5px 0 var(--line);padding:11px 12px;border-radius:20px}.contract div{gap:7px;flex:1}.contract b{font-size:17px}.contract span{font-size:11px}.contract code{font-size:10px;max-width:none;flex:1}.contract button{padding:9px 12px;font-size:12px;white-space:nowrap}
  .ticker{margin-top:34px}.ticker div{font-size:14px;padding:12px 0}

  .section{padding:70px 0}.two-col{gap:32px;margin-top:18px}h2{font-size:clamp(42px,12vw,60px);letter-spacing:-1.5px;margin:14px 0 20px}.lead{font-size:17px;line-height:1.5}
  .metrics{grid-template-columns:1fr;margin-top:28px}.metrics div{padding:14px 8px}.metrics div+div{border-left:0;border-top:2px solid #34283d}.metrics b{font-size:19px}
  .image-card{width:min(100%,430px);margin-inline:auto;border-radius:25px;box-shadow:7px 7px 0 var(--line)}.lifestyle-video-card video{max-height:none;aspect-ratio:9/16;object-fit:cover}
  .underlying{background-size:26px 26px}
  .steps{gap:15px;margin-top:34px}.steps article{min-height:0;padding:22px;border-radius:22px;box-shadow:5px 5px 0 var(--line)}.steps h3{margin:22px 0 10px;font-size:22px}.steps p{font-size:15px}
  .section-head{gap:18px}.section-head .pill{font-size:14px;padding:11px 16px}.masonry{margin-top:30px;gap:16px}.masonry>div{border-radius:22px;box-shadow:5px 5px 0 var(--line)}.masonry .big{height:auto;aspect-ratio:1/1}.masonry .big img{object-fit:cover}.quote{padding:24px;font-size:19px}
  .trade-section{padding:70px 0}.trade-grid{gap:32px}.trade-card{padding:18px 19px;border-radius:20px;box-shadow:5px 5px 0 var(--line)}.trade-card b{font-size:19px}.trade-card small{font-size:13px}
  .footer{padding:36px 0 55px;gap:20px}.footer .logo{font-size:26px}.footlinks{gap:16px}.footlinks a{font-size:14px}.footer p{font-size:11px;line-height:1.5}

  .meme-library{padding:52px 0 75px}.meme-library-head{padding-bottom:34px}.meme-library-head h1{font-size:clamp(50px,16vw,70px);letter-spacing:-2px;margin:14px 0 18px}.meme-library-head p{font-size:17px;line-height:1.45}.meme-filters{gap:8px;margin-top:24px}.meme-filters button{font-size:14px;padding:9px 15px;border-width:2px;box-shadow:3px 3px 0 var(--line)}
  .meme-grid{gap:18px}.meme-download-card{padding:11px;border-width:3px;border-radius:22px;box-shadow:5px 5px 0 var(--line)}.meme-preview{border-width:2px;border-radius:17px}.meme-card-foot{padding:13px 4px 2px;gap:12px}.meme-card-foot b{font-size:18px}.meme-card-foot a{width:42px;height:42px;border-width:2px;font-size:23px;box-shadow:2px 2px 0 var(--line)}
}
@media (max-width: 390px){
  .wrap,.contract-wrap{width:calc(100% - 24px)}
  .nav-right .msft-price{display:none}.nav-right .trade{font-size:12px;padding:8px 12px}
  .hero{padding-top:96px}.round-art{width:min(82vw,315px)}.hero h1{font-size:56px}.hero p{font-size:18px}
  .contract code{max-width:120px}.contract button{padding:8px 10px}
  h2{font-size:40px}.meme-library-head h1{font-size:48px}
}

/* Schiffy-inspired mobile header composition — STIFFY palette/content preserved */
@media (max-width:850px){
  .topbar{position:sticky;top:0;background:rgba(14,10,20,.985);border-bottom:2px solid var(--line)}
  .topbar .nav{width:100%;max-width:none;min-height:0;padding:18px 16px 12px;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "links links";column-gap:14px;row-gap:15px;align-items:center}
  .topbar .logo{grid-area:brand;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;justify-self:start;font-size:28px;line-height:.9;letter-spacing:-1px;column-gap:2px;white-space:nowrap}
  .topbar .logo>span{grid-column:1;grid-row:1;font-size:20px;align-self:center}
  .topbar .logo small{display:block!important;grid-column:2;grid-row:2;margin:5px 0 0;font-size:12px;line-height:1;color:var(--muted);letter-spacing:.1px;font-weight:600}
  .topbar nav{grid-area:links;display:flex!important;width:100%;gap:0;justify-content:space-between;align-items:flex-end;overflow:visible}
  .topbar nav a{font-size:14px;line-height:1;padding:4px 0 9px;white-space:nowrap;color:var(--muted)}
  .topbar nav a:first-child{color:var(--ink);position:relative}.topbar nav a:first-child:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:var(--accent)}
  .topbar nav a:nth-child(5){display:none}
  .topbar .nav-right{grid-area:actions;display:grid;grid-template-columns:auto;justify-items:center;gap:8px;margin:0;min-width:118px}
  .topbar .nav-right .trade{font-size:15px;line-height:1;padding:13px 22px;border:3px solid var(--line);border-radius:999px;box-shadow:4px 4px 0 var(--line)}
  .topbar .nav-right .msft-price{display:flex!important;min-height:0;max-width:none;padding:0;border:0;border-radius:0;background:transparent;font:500 12px 'DM Mono',monospace;color:var(--ink);overflow:visible;text-overflow:clip;box-shadow:none}
  .topbar .nav-right .msft-price.live:before{display:none}

  /* The reference starts content immediately under the two-row header. */
  .hero{padding:34px 0 48px;gap:26px}
  .floating-stiffy{display:none}
  .round-art{width:min(84vw,390px)}
  .hero-copy{text-align:left;max-width:none;width:100%}
  .hero-copy .tiny{text-align:left}
  .hero h1{text-align:left;font-size:clamp(58px,17vw,80px);margin:14px 0 12px}
  .hero p{text-align:left;margin:0 0 24px;font-size:21px}
  .pair-badges{justify-content:flex-start;margin:0 0 26px;gap:11px}
  .pair-badges span{font-size:14px;padding:11px 15px}
  .hero-buttons{display:grid;grid-template-columns:1fr;gap:12px;width:100%}
  .hero-buttons .pill{width:100%;justify-content:center;text-align:center;padding:15px 18px;font-size:17px}
  .contract-wrap{margin-top:0}.contract{margin-top:0}
}
@media (max-width:390px){
  .topbar .nav{padding-inline:12px;column-gap:8px}.topbar .logo{font-size:24px}.topbar .logo>span{font-size:17px}.topbar .logo small{font-size:11px}
  .topbar nav a{font-size:12px}.topbar .nav-right{min-width:105px}.topbar .nav-right .trade{font-size:14px;padding:12px 19px}.topbar .nav-right .msft-price{font-size:10px}
}


/* Mobile polish v2 — cleaner Schiffy-style hierarchy in STIFFY's own palette */
@media (max-width:850px){
  .topbar{border-bottom:3px solid #5b4667;box-shadow:0 2px 0 #050308}
  .topbar .nav{padding:16px 16px 0;row-gap:13px}
  .topbar .logo{display:grid;grid-template-columns:42px auto 1fr;grid-template-rows:auto auto;column-gap:5px;align-items:center}
  .topbar .logo .brand-mark{display:block;grid-column:1;grid-row:1/3;width:38px;height:38px;object-fit:cover;border-radius:50%;border:2px solid #7d5b8c;box-shadow:2px 3px 0 #2a1832;background:#fff}
  .topbar .logo .brand-dollar{grid-column:2;grid-row:1;font-size:19px;align-self:center}
  .topbar .logo .brand-word{grid-column:3;grid-row:1;font-size:27px;line-height:.9;letter-spacing:-1px}
  .topbar .logo small{grid-column:2/4;grid-row:2;margin:5px 0 0;font-size:12px}

  .topbar nav{padding:0 0 10px;border-bottom:0;gap:0}
  .topbar nav a{font-size:12px;padding:5px 0 10px}
  .topbar nav a:nth-child(5){display:block!important}

  .topbar .nav-right{min-width:126px;gap:9px}
  .topbar .nav-right .trade{
    color:#fff;background:linear-gradient(180deg,#ffad52 0%,#ff8d2c 100%);
    border:3px solid #6d3d78;box-shadow:0 4px 0 #2a1832,5px 7px 0 #050308,0 10px 18px rgba(0,0,0,.35);
    transform:translateY(-2px);transition:transform .12s ease,box-shadow .12s ease
  }
  .topbar .nav-right .trade:active{transform:translateY(3px);box-shadow:0 1px 0 #2a1832,2px 3px 0 #050308}
  .topbar .nav-right .msft-price{
    padding:7px 11px!important;border:2px solid #765486!important;border-radius:999px!important;
    background:#17111e!important;box-shadow:2px 3px 0 #2b1834!important;color:#fff!important;font-size:11px!important
  }

  .hero-copy,.hero-copy .tiny,.hero h1,.hero p{text-align:center!important}
  .hero-copy .tiny{white-space:normal}
  .pair-badges{justify-content:center}

  .pair-badges span,.hero-buttons .pill,.contract,.contract button,.section-head .pill,.trade-card{
    border-color:#6b4b79!important;box-shadow:0 4px 0 #2a1832,5px 7px 0 #050308!important
  }
  .pair-badges span{transform:translateY(-1px)}
  .hero-buttons .pill{border-width:3px!important;transition:transform .12s ease,box-shadow .12s ease}
  .hero-buttons .pill:active,.section-head .pill:active,.contract button:active{transform:translateY(4px);box-shadow:0 1px 0 #2a1832,2px 3px 0 #050308!important}
  .hero-buttons .pill.dark{background:linear-gradient(180deg,#ffad52,#ff8d2c);color:#fff}
  .hero-buttons .pill:not(.dark){background:linear-gradient(180deg,#24182d,#17111e)}
  .contract button{color:#fff;background:linear-gradient(180deg,#2b1c35,#18111f);border:2px solid #765486}

  /* Let the livestream artwork keep its natural widescreen ratio — no dead square below it. */
  .single-meme{display:block!important}
  .single-meme .big{height:auto!important;min-height:0!important;aspect-ratio:auto!important;margin:0 0 16px}
  .single-meme .big img{width:100%!important;height:auto!important;aspect-ratio:auto!important;object-fit:contain!important;display:block}
  .single-meme .quote{margin:0;min-height:0!important}
}
@media (max-width:390px){
  .topbar .nav{padding-inline:10px;column-gap:6px}
  .topbar .logo{grid-template-columns:35px auto 1fr;column-gap:4px}.topbar .logo .brand-mark{width:32px;height:32px}.topbar .logo .brand-word{font-size:22px}.topbar .logo .brand-dollar{font-size:16px}.topbar .logo small{font-size:10px}
  .topbar nav a{font-size:10.5px}.topbar .nav-right{min-width:110px}.topbar .nav-right .trade{padding:11px 18px;font-size:13px}.topbar .nav-right .msft-price{font-size:9px!important;padding:6px 8px!important}
}


/* Mobile game + shared-brand repair */
@media(max-width:850px){
  .vibrant-game-page{width:100%!important;padding:10px 0 34px!important}
  .vibrant-game-page .game-shell{width:100%!important;max-width:none!important;padding:0!important}
  .vibrant-game-page .game-head{padding:0 16px 8px}
  .vibrant-game-page .survivor-frame{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;border-left:0!important;border-right:0!important;border-radius:0!important;box-shadow:none!important}
  .vibrant-game-page .survivor-frame canvas{width:100vw!important;height:min(74vh,760px)!important;aspect-ratio:auto!important;object-fit:cover!important;display:block}
  .in-game-controls{display:flex!important;position:absolute;z-index:4;left:14px;bottom:18px;margin:0!important;justify-content:flex-start!important;pointer-events:none}
  .in-game-controls .touch-stick{pointer-events:auto;opacity:.92}
  .in-game-controls .stick-ring{width:138px;height:138px;background:radial-gradient(circle,rgba(235,180,79,.18),rgba(20,13,23,.58));backdrop-filter:blur(3px);border:3px solid rgba(245,212,138,.72);box-shadow:0 6px 20px rgba(0,0,0,.38),inset 0 0 28px rgba(0,0,0,.35)}
  .in-game-controls .stick-knob{width:62px;height:62px}
  .in-game-controls .touch-stick span{color:#fff3da;text-shadow:0 2px 4px #000}
  .shooter-hud{padding-inline:12px}
}
@media(max-width:390px){
  .vibrant-game-page .survivor-frame canvas{height:72vh!important}
  .in-game-controls{left:10px;bottom:14px}.in-game-controls .stick-ring{width:126px;height:126px}.in-game-controls .stick-knob{width:56px;height:56px}
}
/* STIFFY GOT CLIPS — Unique + Radiance upgrade tiers */
.upgrade-choices button.upgrade-unique{position:relative;overflow:hidden;border:2px solid #d18cff;background:linear-gradient(145deg,#35134d,#17101f);box-shadow:inset 0 0 30px rgba(194,108,255,.25),0 0 26px rgba(185,89,255,.25);animation:uniquePulse 1.8s ease-in-out infinite alternate}
.upgrade-choices button.upgrade-unique::after{content:"✦  ·  ✧  ·  ✦";position:absolute;right:10px;top:6px;color:#f4c8ff;font-size:11px;letter-spacing:5px;text-shadow:0 0 9px #fff,0 0 16px #b75cff;animation:uniqueSpark 1.4s linear infinite}
.upgrade-choices button.upgrade-unique em,.upgrade-choices button.upgrade-unique strong{color:#e5a6ff;text-shadow:0 0 10px rgba(221,143,255,.7)}
.upgrade-choices button.upgrade-radiance{position:relative;overflow:hidden;border:3px solid #ff334f;background:linear-gradient(145deg,#500714,#21060b 55%,#10090c);box-shadow:inset 0 0 34px rgba(255,32,66,.35),0 0 30px rgba(255,30,65,.38);animation:radiancePulse 1.05s ease-in-out infinite alternate}
.upgrade-choices button.upgrade-radiance::before{content:"";position:absolute;inset:-60%;background:conic-gradient(from 0deg,transparent,#ff3155,transparent,#ffb13b,transparent);opacity:.18;animation:radianceSpin 3s linear infinite;pointer-events:none}
.upgrade-choices button.upgrade-radiance em,.upgrade-choices button.upgrade-radiance strong{position:relative;color:#ff5269;text-shadow:0 0 10px #ff1f42,0 0 22px rgba(255,39,72,.8)}
.upgrade-choices button.upgrade-radiance span{position:relative}
@keyframes uniquePulse{to{box-shadow:inset 0 0 38px rgba(205,119,255,.34),0 0 34px rgba(185,89,255,.38)}}
@keyframes uniqueSpark{50%{opacity:.35;transform:translateX(-5px)}100%{opacity:1}}
@keyframes radiancePulse{to{transform:translateY(-1px);box-shadow:inset 0 0 44px rgba(255,32,66,.46),0 0 42px rgba(255,30,65,.55)}}
@keyframes radianceSpin{to{transform:rotate(360deg)}}

/* Anywhere-touch virtual joystick: visible initially, fades after a 2s continuous hold. */
@media (max-width:799px){
  .survivor-frame canvas{touch-action:none}
  .in-game-controls,.in-game-controls .touch-stick{pointer-events:none!important}
  .in-game-controls.floating-stick{transform:translate(-50%,-50%);transition:opacity .32s ease}
  .in-game-controls.joystick-hidden{opacity:0!important;visibility:hidden}
}

/* Runtime Fixed -> HUD / biome difficulty polish */
.game-status-hud{max-width:620px;margin:0 auto 10px;padding:12px 14px;border:2px solid #3d2848;border-radius:16px;background:linear-gradient(180deg,#17101c,#0e0a12);box-shadow:0 6px 0 #070509;color:#fff3da;font-family:'DM Mono',monospace}
.game-status-hud .status-top{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px}.game-status-hud .status-top strong{display:block;font:800 19px 'Fredoka',sans-serif;white-space:nowrap}.game-status-hud .status-top span{display:block;margin-top:2px;color:#cfc0d5;font-size:11px}.game-status-hud .status-level{font-weight:800;font-size:13px;white-space:nowrap}
.health-row,.shield-row,.xp-row{display:grid;grid-template-columns:54px minmax(0,1fr) 66px;align-items:center;gap:8px;font-size:10px;font-weight:800}.health-row{margin-bottom:7px}.shield-row{margin-bottom:7px}.health-track,.shield-track,.xp-track{height:18px;border:2px solid #5a3241;border-radius:999px;background:#281218;overflow:hidden;box-shadow:inset 0 2px 5px #000,0 0 10px rgba(255,63,74,.22)}.shield-track{border-color:#28658b;background:#0d2132;box-shadow:inset 0 2px 5px #000,0 0 12px rgba(65,190,255,.30)}.shield-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#168dff,#75e8ff);box-shadow:0 0 16px rgba(73,205,255,.9);transition:width .12s}.health-fill{width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#39d96b,#77f287);box-shadow:0 0 14px rgba(82,242,119,.72);transition:width .12s,background .15s}.health-fill.danger{background:linear-gradient(90deg,#ff273e,#ff745c);box-shadow:0 0 18px rgba(255,39,62,.95);animation:healthPulse .55s infinite alternate}.xp-track{height:10px;border-color:#44304d;background:#211827}.xp-fill{height:100%;background:#e3a23b;box-shadow:0 0 9px rgba(227,162,59,.55)}.health-row b,.shield-row b,.xp-row b{text-align:right;font-size:9px}@keyframes healthPulse{to{filter:brightness(1.45)}}
@media(max-width:700px){.game-status-hud{max-width:none;width:calc(100% + 0px);margin-bottom:7px;border-radius:12px;padding:9px 10px}.game-status-hud .status-top strong{font-size:17px}.health-row,.shield-row,.xp-row{grid-template-columns:48px minmax(0,1fr) 58px}.vibrant-game-page .survivor-frame canvas{height:min(74vh,760px)!important}}

/* Boss-reward rarity polish: Mythic+ feels premium without changing gameplay layout. */
.upgrade-choices button.upgrade-legendary{position:relative;overflow:hidden;box-shadow:inset 0 0 34px rgba(255,126,24,.30),0 0 18px rgba(255,126,24,.42),0 0 38px rgba(255,76,28,.18);animation:legendaryGlow 1.15s ease-in-out infinite alternate}
.upgrade-choices button.upgrade-legendary::after{content:"✦ LEGENDARY ✦";position:absolute;right:10px;top:7px;font:800 8px 'DM Mono',monospace;letter-spacing:.14em;color:#ffd0a1;text-shadow:0 0 7px #ff6a1f,0 0 15px #ff3d1c;pointer-events:none}
.upgrade-choices button.upgrade-radiance{box-shadow:inset 0 0 42px rgba(255,20,55,.45),0 0 24px rgba(255,30,65,.62),0 0 50px rgba(255,0,38,.30)}
@keyframes legendaryGlow{from{filter:brightness(1);box-shadow:inset 0 0 28px rgba(255,126,24,.22),0 0 14px rgba(255,126,24,.30)}to{filter:brightness(1.14);box-shadow:inset 0 0 38px rgba(255,126,24,.36),0 0 26px rgba(255,126,24,.58),0 0 46px rgba(255,55,25,.22)}}

.status-side{display:flex;align-items:flex-end;flex-direction:column;gap:5px}.streak-chip{font:800 11px 'DM Mono',monospace;color:#ffe39a;background:#24170b;border:1px solid #6e4a19;border-radius:999px;padding:3px 7px;white-space:nowrap;box-shadow:0 0 10px rgba(255,181,46,.16)}

/* Unique stack clarity — each repeat visibly powers up without cluttering the card. */
.upgrade-choices button.upgrade-unique .unique-stack-label{display:inline-flex;align-items:center;align-self:flex-start;margin:3px 0 5px;padding:3px 8px;border:1px solid rgba(235,190,255,.48);border-radius:999px;color:#f5d8ff;background:rgba(115,39,150,.28);font:800 10px/1.2 "DM Mono",monospace;letter-spacing:.04em}
.upgrade-choices button.upgrade-unique.unique-stack-2{border-width:3px;box-shadow:inset 0 0 38px rgba(210,119,255,.40),0 0 38px rgba(190,82,255,.48)}
.upgrade-choices button.upgrade-unique.unique-stack-3{border-width:3px;animation:uniqueMaxPulse .72s ease-in-out infinite alternate;box-shadow:inset 0 0 48px rgba(231,146,255,.58),0 0 48px rgba(203,84,255,.70)}
.upgrade-choices button.upgrade-unique.unique-stack-3::after{font-size:14px;filter:brightness(1.35)}
@keyframes uniqueMaxPulse{from{transform:scale(1);filter:saturate(1.08) brightness(1)}to{transform:scale(1.018);filter:saturate(1.38) brightness(1.16);box-shadow:inset 0 0 58px rgba(236,162,255,.68),0 0 58px rgba(209,91,255,.82)}}

/* iOS/Safari surgical game touch guard.
   Suppress selection/callouts without hijacking page scrolling or upgrade taps. */
.game-shell #stiffyShooter,
.game-shell .touch-stick,
.game-shell .stick-ring,
.game-shell .stick-knob {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-drag: none;
  touch-action: none;
}
.game-shell .upgrade-panel,
.game-shell .upgrade-choices,
.game-shell .upgrade-choices button,
.game-shell .game-status-hud,
.game-shell .shooter-hud,
.game-shell .game-actions,
.game-shell .game-actions button {
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: manipulation;
}
.game-shell .upgrade-choices button,
.game-shell .game-actions button {
  pointer-events: auto;
  cursor: pointer;
}
.game-shell img { -webkit-user-drag: none; }

/* Upgrade clarity */
.crit-current{display:block;margin:4px 0 2px;font:800 11px/1.2 'DM Mono',monospace;letter-spacing:.04em;color:#ffd86a}

/* Desktop-only brand mark repair.
   The brand image was added to the shared header, but its size was only defined
   inside the mobile breakpoint. On desktop that left the source image at its
   intrinsic dimensions and it expanded over the page. Keep mobile untouched. */
@media (min-width:851px){
  .topbar .logo .brand-mark{
    display:block;
    flex:0 0 38px;
    width:38px;
    height:38px;
    max-width:38px;
    max-height:38px;
    object-fit:cover;
    border-radius:50%;
    border:2px solid #7d5b8c;
    box-shadow:2px 3px 0 #2a1832;
    background:#fff;
    margin-right:5px;
  }
}

/* 2026-09 stability pass: battlefield-only iOS callout suppression. */
#stiffyShooter {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  user-select: none !important;
  -webkit-user-drag: none !important;
  touch-action: none !important;
}

/* Character section launch typography */
.underlying{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);column-gap:70px;align-items:center}
.underlying>.section-kicker,.underlying>h2,.underlying>.lead{grid-column:1}
.underlying-launch{grid-column:2;grid-row:1 / span 3;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:360px;padding:38px 36px 34px 48px;isolation:isolate}
.underlying-launch:before{content:"";position:absolute;inset:20px 0 10px 14px;border:2px solid #34283d;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.025),rgba(255,157,61,.045));box-shadow:10px 10px 0 #050308;transform:rotate(-1.5deg);z-index:-1}
.launch-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 13px;border:2px solid #34283d;border-radius:999px;background:#17111e;font-family:'DM Mono',monospace;font-size:11px;letter-spacing:1.4px;color:var(--muted);margin-bottom:17px}
.launch-pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent)}
.launch-long{font-family:'DM Mono',monospace;font-size:clamp(18px,2vw,25px);font-weight:500;letter-spacing:4px;color:#d8cde5;text-transform:uppercase;margin-left:4px}
.launch-hard,.launch-extra{font-weight:700;text-transform:uppercase;letter-spacing:-4px;line-height:.82}
.launch-hard{font-size:clamp(72px,7.2vw,112px);color:var(--ink);margin-top:13px}
.launch-extra{font-size:clamp(55px,5.5vw,88px);color:var(--accent);transform:rotate(-2deg);transform-origin:left center;margin-top:10px;text-shadow:0 8px 30px rgba(255,157,61,.14)}
.launch-rule{width:86%;height:3px;background:linear-gradient(90deg,var(--accent),transparent);margin:28px 0 0 3px;opacity:.75}
@media(max-width:850px){.underlying{display:block}.underlying-launch{margin-top:42px;min-height:300px;padding:34px 24px 32px 34px}.launch-hard{font-size:clamp(68px,20vw,94px)}.launch-extra{font-size:clamp(48px,14vw,70px);letter-spacing:-2px}.launch-long{font-size:17px;letter-spacing:3px}.underlying-launch:before{inset:10px 0 5px 5px}}

/* Desktop Trade button — raised 3D hover treatment */
@media (min-width:851px){
  .topbar .nav-right .trade{
    position:relative;
    background:linear-gradient(180deg,#ffad52 0%,#ff8d2c 100%);
    color:#fff;
    border:3px solid #6d3d78;
    box-shadow:0 5px 0 #2a1832,6px 9px 0 #050308,0 13px 22px rgba(0,0,0,.38);
    transform:translateY(-3px);
    transition:background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease,border-color .16s ease;
  }
  .topbar .nav-right .trade:hover{
    background:linear-gradient(180deg,#ffd66f 0%,#ffbd42 100%);
    color:#17111e;
    border-color:#2b202e;
    transform:translateY(-5px) scale(1.025);
    box-shadow:0 7px 0 #2a202c,7px 12px 0 #050308,0 17px 28px rgba(0,0,0,.44);
  }
  .topbar .nav-right .trade:active{
    transform:translateY(3px) scale(.99);
    box-shadow:0 1px 0 #2a1832,2px 3px 0 #050308;
  }
  .topbar .nav-right .trade:focus-visible{outline:3px solid #ffd66f;outline-offset:5px}
}

/* Desktop interactive depth pass — preserve existing colours except orange Trade CTA */
@media (min-width:851px){
  .hero-buttons .pill,
  .steps article,
  .section-head .pill,
  .trade-card{
    transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;
    will-change:transform;
  }

  /* Hero Trade: same orange base, only this control changes colour on hover */
  .hero-buttons .pill.dark{
    box-shadow:0 6px 0 #2a1832,6px 10px 0 #050308,0 14px 22px rgba(0,0,0,.30);
    transform:translateY(-3px);
  }
  .hero-buttons .pill.dark:hover{
    background:linear-gradient(180deg,#ffd66f 0%,#ffbd42 100%);
    color:#17111e;
    transform:translateY(-6px) scale(1.025);
    box-shadow:0 9px 0 #2a1832,7px 14px 0 #050308,0 20px 30px rgba(0,0,0,.40);
  }

  /* How it works: depth only; no colour change */
  .hero-buttons .pill:not(.dark){
    box-shadow:0 6px 0 #2a1832,6px 10px 0 #050308,0 14px 22px rgba(0,0,0,.30);
    transform:translateY(-3px);
  }
  .hero-buttons .pill:not(.dark):hover{
    transform:translateY(-6px) scale(1.025);
    box-shadow:0 9px 0 #2a1832,7px 14px 0 #050308,0 20px 30px rgba(0,0,0,.40);
  }

  /* Buy / Hold / Post cards: lift without recolouring */
  .steps article:hover{
    transform:translateY(-7px) scale(1.012);
    box-shadow:0 10px 0 #2a1832,8px 15px 0 #050308,0 21px 30px rgba(0,0,0,.34);
  }

  /* Join movement + bottom trade/link cards: lift only */
  .section-head .pill:hover{
    transform:translateY(-6px) scale(1.02);
    box-shadow:0 9px 0 #2a1832,7px 14px 0 #050308,0 20px 30px rgba(0,0,0,.38);
  }
  .trade-card:hover{
    transform:translateY(-7px) scale(1.012);
    box-shadow:0 10px 0 #2a1832,8px 15px 0 #050308,0 21px 30px rgba(0,0,0,.36);
  }

  .hero-buttons .pill:active,.section-head .pill:active,.trade-card:active{
    transform:translateY(3px) scale(.99);
    box-shadow:0 1px 0 #2a1832,2px 3px 0 #050308!important;
  }
}

/* Lightning shield HUD is hidden until the Lightning upgrade is actually unlocked. */
.shield-row[hidden]{display:none!important}