@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap");

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#030405;color:#fff;font-family:"VT323","Lucida Console",monospace;image-rendering:pixelated}
a{color:inherit;text-decoration:none}
button{font:inherit}
.mobile-hud,.mobile-hero{display:none}

.desktop-stage{position:relative;max-width:1536px;margin:0 auto;background:#000}
.desktop-stage>img{display:block;width:100%;height:auto}
.hot{position:absolute;display:block;z-index:4}
.hot:hover{outline:3px solid #25a8ff;outline-offset:-3px;background:#0af1}
.h-inventory{left:65.5%;top:1.8%;width:10%;height:5.5%}
.h-sell{left:63.2%;top:55.2%;width:16%;height:11%}
.h-trade{left:79.3%;top:55.2%;width:20%;height:11%}
.h-consign{left:63.2%;top:66.5%;width:16%;height:10%}
.h-repair{left:79.3%;top:66.5%;width:20%;height:10%}
.h-about{left:30.7%;top:77%;width:24%;height:16%}
.h-contact{left:56.4%;top:77%;width:19%;height:16%}

.content-panel{max-width:1536px;margin:0 auto;background:#050607;border-top:4px solid #151b1f;padding:clamp(28px,4vw,56px)}
.panel-title{color:#ffd54d;font-weight:900;font-size:15px;margin-bottom:10px}
.content-panel h2{margin:0;color:#fff;font-size:clamp(30px,4vw,58px);line-height:.9;letter-spacing:-.05em}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:18px;margin-bottom:20px}
.reverb-shop-link,.wide-btn{display:inline-block;padding:11px 14px;border:3px solid #1da3ff;background:#09131a;font-weight:900}
.reverb-shop-link:hover,.buttons a:hover{background:#12334a}

.inventory-status{border:3px solid #1c2d38;background:#081018;padding:14px;color:#9bd7ff;font-weight:900}
.live-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.listing-card{display:flex;flex-direction:column;min-width:0;background:#091014;border:4px solid #1c2d38;box-shadow:6px 6px #000;overflow:hidden}
.listing-image-wrap{position:relative;aspect-ratio:4/3;background:#12181c;overflow:hidden;border-bottom:4px solid #1c2d38}
.listing-image{width:100%;height:100%;object-fit:cover;display:block;image-rendering:pixelated;filter:saturate(.78) contrast(1.15)}
.listing-image-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0002 4px);mix-blend-mode:multiply}
.no-image{height:100%;display:grid;place-items:center;color:#ffd54d;font-weight:900;font-size:14px}
.listing-copy{padding:14px;display:flex;flex:1;flex-direction:column;gap:8px}
.listing-title{font-size:16px;line-height:1.15;margin:0;min-height:55px}
.listing-meta{color:#93a6b2;font-size:12px;min-height:18px}
.listing-bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px}
.listing-price{color:#ffd54d;font-size:20px;font-weight:900}
.listing-button{padding:8px 9px;border:3px solid #1da3ff;background:#09131a;font-size:11px;font-weight:900}
.listing-button:hover{background:#1a6d9e}
.inventory-error{border-color:#9e2d16;color:#ffc0b8}
.inventory-empty{color:#ffd54d}

.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.svc{min-height:140px;padding:18px;border:4px solid #111;box-shadow:5px 5px #000;display:flex;flex-direction:column;justify-content:center;gap:7px;font-size:30px}
.svc b{font-size:clamp(18px,2vw,28px)}
.svc small{font-size:11px;font-weight:900}
.svc:hover{transform:translateY(-2px);filter:brightness(1.08)}
.sell{background:#9e2d16}.trade{background:#255f18}.consign{background:#174e90}.repair{background:#5b2c7f}

.about{background:#050607}
.about-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:26px;align-items:start}
.map-img{width:100%;display:block;border:3px solid #1c2d38}
.copy{padding:12px 4px 2px}
.copy h2,.visit h2{color:#ffd54d}
.copy p,.visit p{line-height:1.5;font-size:15px}
.copy>b{display:inline-block;margin-top:8px;padding:7px 9px;background:#111;border:2px solid #2b343a;color:#fff}

.visit{display:grid;grid-template-columns:1fr 180px;gap:18px;align-items:start}
.visit>img{width:180px;border:3px solid #1c2d38}
.buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.buttons a{padding:11px 8px;text-align:center;border:3px solid #1da3ff;background:#09131a;font-weight:900;font-size:13px}
.disabled-link{opacity:.45;pointer-events:none}

footer{max-width:1536px;margin:auto;background:#030405;border-top:2px solid #1d252b;padding:14px 24px;display:flex;justify-content:space-between;gap:18px;color:#23a7ff;font-weight:700;font-size:12px}

@media(max-width:1100px){
  .live-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}
  .service-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:820px){
  .desktop-stage{display:none}
  .mobile-hud,.mobile-hero{display:block}
  .mobile-hud{position:sticky;top:0;z-index:30;background:#050607;border-bottom:3px solid #173244;padding:10px 12px;min-height:60px}
  .mh-brand{display:flex;align-items:center;gap:9px;line-height:.88;font-size:18px}
  .mh-brand i{font-style:normal;color:#22a7ff}
  .bird{display:grid;place-items:center;width:30px;height:30px;background:#b8c3ca;border:3px solid #111;box-shadow:3px 3px #000;color:#333}
  .mobile-hud button{position:absolute;right:12px;top:13px;background:#081018;color:#fff;border:3px solid #22a7ff;padding:7px 10px;font-weight:900}
  .mobile-hud nav{display:none;padding:14px 2px 4px}
  .mobile-hud nav.open{display:grid;gap:12px}
  .mobile-hud nav a{border-top:1px solid #27343d;padding-top:10px;font-weight:900}

  .mobile-hero{background:linear-gradient(#2f72ae 0 48%,#101416 48%);border-bottom:4px solid #000}
  .hero-copy{padding:24px 18px 12px;text-align:center}
  .tiny{font-weight:900;font-size:13px}
  .hero-copy h1{margin:6px 0 7px;font-size:clamp(50px,16vw,76px);line-height:.78;letter-spacing:-.08em;text-shadow:5px 5px #000}
  .hero-copy h1 span{color:#1a9fee}
  .hero-copy p{font-weight:900;font-size:14px}
  .dialog{max-width:340px;margin:14px auto 12px;padding:13px;text-align:left;background:#050607;border:4px solid #d9e5ed;box-shadow:5px 5px #000;font-weight:900;font-size:13px}
  .press{display:inline-block;color:#f34a3e;font-weight:900;font-size:18px;letter-spacing:.04em;animation:blink 1s steps(2,end) infinite}
  @keyframes blink{50%{opacity:.35}}
  .storefront-img{position:relative;margin-top:7px;overflow:hidden;border-top:3px solid #111;border-bottom:3px solid #111;background:#111}
  .storefront-img img{width:155%;max-width:none;display:block;transform:translateX(-29%)}
  .store-note{position:absolute;left:12px;bottom:12px;background:#5c441d;border:3px solid #111;padding:7px 9px;color:#ffd75c;font-weight:900;font-size:11px;box-shadow:3px 3px #000}

  .content-panel{padding:18px 12px}
  .section-head{align-items:start;flex-direction:column}
  .live-inventory{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 4px 12px 0}
  .listing-card{flex:0 0 min(78vw,320px);scroll-snap-align:start}
  .service-grid{grid-template-columns:1fr 1fr;gap:8px}
  .svc{min-height:112px;padding:12px;box-shadow:3px 3px #000;font-size:23px}
  .svc b{font-size:17px}
  .about-grid{grid-template-columns:1fr}
  .visit{grid-template-columns:1fr 130px}
  .visit>img{width:130px}
  footer{padding:13px 12px;font-size:10px;gap:10px;flex-wrap:wrap}
}

@media(max-width:480px){
  .service-grid{grid-template-columns:1fr 1fr}
  .listing-card{flex-basis:82vw}
  .buttons{grid-template-columns:1fr}
}


/* v0.4 — arcade typography pass */
:root{
  --pixel-heading:"Press Start 2P","Lucida Console",monospace;
  --pixel-body:"VT323","Lucida Console",monospace;
}

body{
  font-family:var(--pixel-body);
  font-size:20px;
  letter-spacing:.015em;
}

.mobile-hud,
.panel-title,
.content-panel h2,
.listing-title,
.listing-price,
.listing-button,
.inventory-status,
.reverb-shop-link,
.svc b,
.svc small,
.buttons a,
footer,
.est-cover,
.hero-copy h1,
.hero-copy p,
.tiny,
.dialog,
.press,
.store-note{
  font-family:var(--pixel-heading);
  font-weight:400;
  text-transform:uppercase;
}

.panel-title{
  font-size:12px;
  line-height:1.55;
  letter-spacing:.03em;
}

.content-panel h2{
  font-size:clamp(28px,3.5vw,48px);
  line-height:1.12;
  letter-spacing:-.04em;
  text-shadow:3px 3px 0 #000;
}

.inventory-status{
  font-size:11px;
  line-height:1.75;
  letter-spacing:.01em;
}

.listing-title{
  font-size:12px;
  line-height:1.55;
  min-height:60px;
  letter-spacing:0;
}

.listing-meta{
  font-family:var(--pixel-body);
  font-size:19px;
  line-height:1.05;
  letter-spacing:.02em;
  color:#aebbc4;
}

.listing-price{
  font-size:15px;
  color:#ffcf43;
  text-shadow:2px 2px 0 #000;
}

.listing-button,
.reverb-shop-link,
.buttons a{
  font-size:9px;
  line-height:1.55;
  letter-spacing:.01em;
}

.svc{
  font-family:var(--pixel-body);
}
.svc b{
  font-size:13px;
  line-height:1.45;
}
.svc small{
  font-size:8px;
  line-height:1.6;
}

.copy p,.visit p{
  font-family:var(--pixel-body);
  font-size:22px;
  line-height:1.2;
  letter-spacing:.01em;
}

.copy>b{
  font-family:var(--pixel-heading);
  font-size:10px;
}

footer{
  font-size:9px;
  line-height:1.6;
}

.listing-card{
  border-color:#2f6f99;
  box-shadow:
    0 0 0 3px #071017,
    6px 6px 0 #000;
}

.listing-image-wrap{
  border-bottom-color:#2f6f99;
}

@media(max-width:820px){
  body{font-size:19px}
  .hero-copy h1{font-size:clamp(36px,12vw,62px);line-height:1.0}
  .hero-copy p{font-size:10px;line-height:1.7}
  .tiny{font-size:9px}
  .dialog{font-size:9px;line-height:1.75}
  .press{font-size:11px}
  .content-panel h2{font-size:30px;line-height:1.2}
  .listing-title{font-size:11px;min-height:58px}
  .listing-price{font-size:13px}
  .listing-meta{font-size:18px}
  .svc b{font-size:11px}
  .svc small{font-size:7px}
}

@media(max-width:480px){
  .panel-title{font-size:10px}
  .inventory-status{font-size:9px}
  .reverb-shop-link{font-size:8px}
}


/* v0.5 — live inventory becomes part of the game world */
.inventory-panel{
  background:
    linear-gradient(#071017dd,#071017dd),
    repeating-linear-gradient(0deg,#0a2334 0 4px,#071521 4px 8px);
}

.live-inventory{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:13px;
}

.listing-card{
  position:relative;
  background:#06090b;
  border:4px solid #2f6f99;
  box-shadow:0 0 0 3px #071017,6px 6px 0 #000;
  transition:transform .08s steps(2,end),border-color .08s,box-shadow .08s;
  outline:none;
}
.listing-card::before{
  content:"▶";
  position:absolute;
  z-index:6;
  left:-18px;
  top:46%;
  color:#ffd54d;
  font-family:var(--pixel-heading);
  font-size:12px;
  opacity:0;
  text-shadow:2px 2px 0 #000;
}
.listing-card:hover,
.listing-card:focus-visible{
  transform:translate(-2px,-2px);
  border-color:#9fe8ff;
  box-shadow:0 0 0 3px #0a2a3d,9px 9px 0 #000;
}
.listing-card:hover::before,
.listing-card:focus-visible::before{opacity:1}

.listing-image-wrap{
  aspect-ratio:4/3;
  background:#2275ac;
  border-bottom:4px solid #2f6f99;
  overflow:hidden;
}
.pixel-photo-stage{
  width:100%;height:100%;
  background:#2275ac;
  position:relative;
  overflow:hidden;
}
.pixel-photo-stage::after{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(0deg,#0000 0 4px,#0002 4px 5px),
    linear-gradient(#ffffff08,#00000018);
}
.listing-pixel-canvas{
  width:100%;height:100%;display:block;
  image-rendering:pixelated;
  image-rendering:crisp-edges;
  filter:saturate(.88) contrast(1.08);
}

.listing-copy{padding:11px 12px 12px;gap:5px}
.listing-title{font-size:10px;line-height:1.5;min-height:46px}
.listing-meta{font-size:16px;line-height:1.0;min-height:26px}
.listing-price{font-size:13px}
.listing-button{font-size:8px;padding:7px 8px}

.inventory-status{
  color:#9fe8ff;
  border-color:#2f6f99;
  background:#05090c;
  text-shadow:1px 1px #000;
}

@media(max-width:1250px){
  .live-inventory{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:980px){
  .live-inventory{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:820px){
  .live-inventory{display:flex;gap:12px}
  .listing-card{flex:0 0 min(72vw,285px)}
  .listing-title{font-size:10px;min-height:48px}
  .listing-meta{font-size:17px}
  .listing-price{font-size:13px}
  .listing-card::before{display:none}
}


/* v0.6 — dialed-back photo treatment
   Keep the arcade UI; let the actual gear photography breathe. */
.listing-image{
  image-rendering:auto !important;
  filter:saturate(.92) contrast(1.06) brightness(.98) !important;
  transform:scale(1.002);
}

.listing-image-wrap:after{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,0,0,.045)),
    repeating-linear-gradient(
      0deg,
      rgba(0,0,0,0) 0px,
      rgba(0,0,0,0) 5px,
      rgba(0,0,0,.055) 6px
    ) !important;
  mix-blend-mode:normal !important;
  opacity:.55;
}

/* The retro character now comes mostly from the frame/UI, not destroying image detail. */
.listing-image-wrap{
  background:#0b1115;
  box-shadow:inset 0 0 0 2px #071017;
}

.listing-card:hover .listing-image,
.listing-card:focus-within .listing-image{
  filter:saturate(1) contrast(1.08) brightness(1.02) !important;
}


/* v0.7 — retro-at-rest, clear-on-hover inventory photos */
.listing-image{
  image-rendering:pixelated !important;
  filter:saturate(.78) contrast(1.12) brightness(.96) !important;
  transform:scale(1.01);
  transition:
    filter .18s ease,
    transform .18s ease;
}

.listing-image-wrap:after{
  opacity:.72 !important;
  transition:opacity .18s ease;
}

.listing-card:hover .listing-image,
.listing-card:focus-within .listing-image{
  image-rendering:auto !important;
  filter:saturate(1) contrast(1.02) brightness(1) !important;
  transform:scale(1.0);
}

.listing-card:hover .listing-image-wrap:after,
.listing-card:focus-within .listing-image-wrap:after{
  opacity:0 !important;
}

/* Touchscreens don't really have hover, so tapping/focusing the SELECT button
   still clears the image without trapping the user in a fake hover state. */
@media (hover:none){
  .listing-card:focus-within .listing-image{
    image-rendering:auto !important;
    filter:saturate(1) contrast(1.02) brightness(1) !important;
  }
  .listing-card:focus-within .listing-image-wrap:after{
    opacity:0 !important;
  }
}

/* v0.8 music HUD */
.music-toggle{
 position:fixed;right:14px;bottom:14px;z-index:50;
 border:3px solid #1da3ff;background:#050607;color:#fff;
 padding:10px 12px;box-shadow:4px 4px #000;
 font-family:var(--pixel-heading);font-size:9px;line-height:1.4;cursor:pointer
}
.music-toggle:hover{background:#12334a}
.buttons{grid-template-columns:repeat(4,1fr)}
@media(max-width:820px){.music-toggle{right:10px;bottom:10px;font-size:8px}.buttons{grid-template-columns:1fr 1fr}}

/* v1.0: functional hit areas over buttons/icons baked into desktop-master.png.
   Coordinates are percentages of the 1536×1024 master art. */
.h-start-main{left:6.2%;top:29.7%;width:19%;height:10.8%}
.h-instagram{left:64.2%;top:88.2%;width:3.2%;height:4.8%}
.h-facebook{left:67.3%;top:88.2%;width:3.2%;height:4.8%}
.h-start-player{left:80.5%;top:79.0%;width:16.0%;height:15.5%}


/* v1.1 — Google review CTA */
.review-tab{
  position:fixed;
  left:14px;
  bottom:14px;
  z-index:51;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  max-width:min(360px,calc(100vw - 120px));
  padding:10px 12px;
  border:3px solid #ffd54d;
  background:#050607;
  color:#ffd54d;
  box-shadow:4px 4px #000;
  font-family:var(--pixel-heading);
  font-size:9px;
  line-height:1.4;
  text-decoration:none;
}
.review-tab:hover,
.review-tab:focus{
  background:#2a2207;
  color:#fff2a6;
}
.google-review-link{
  border-color:#ffd54d !important;
  color:#ffd54d !important;
}
@media(max-width:820px){
  .review-tab{
    left:10px;
    bottom:10px;
    font-size:8px;
    max-width:calc(100vw - 150px);
  }
}


/* v1.2 — vintage arcade cabinet command controls */
.service-grid{
  gap:18px;
  align-items:stretch;
}
.svc{
  position:relative;
  min-height:190px;
  align-items:center;
  text-align:center;
  justify-content:flex-start;
  gap:10px;
  padding:24px 16px 18px;
  border:5px solid #171717;
  background:#2c2c2b !important;
  box-shadow:
    inset 0 0 0 3px #55524a,
    inset 0 -10px 0 #1b1b1a,
    7px 7px 0 #000;
  overflow:hidden;
}
.svc:before{
  content:"";
  position:absolute;
  inset:8px;
  pointer-events:none;
  border:2px solid #777269;
  opacity:.8;
}
.svc b,.svc small{position:relative;z-index:2}
.svc b{margin-top:2px;color:#f3ead4;text-shadow:2px 2px #000}
.svc small{color:#c9c3b3}
.arcade-button{
  position:relative;
  z-index:2;
  display:block;
  width:82px;
  height:82px;
  flex:0 0 82px;
  border-radius:50%;
  border:8px solid #c5bca9;
  box-shadow:
    0 0 0 4px #121212,
    0 9px 0 #090909,
    0 12px 16px #000a,
    inset 0 7px 8px #ffffff66,
    inset 0 -10px 10px #00000044;
  transition:transform .07s ease, box-shadow .07s ease, filter .07s ease;
}
.sell .arcade-button{background:#c63b2f}
.trade .arcade-button{background:#dfb226}
.consign .arcade-button{background:#3d8b50}
.repair .arcade-button{background:#7651a8}
.svc:hover .arcade-button,
.svc:focus .arcade-button{
  filter:brightness(1.14);
  transform:translateY(3px);
  box-shadow:
    0 0 0 4px #121212,
    0 5px 0 #090909,
    0 8px 10px #0009,
    inset 0 7px 8px #ffffff77,
    inset 0 -10px 10px #00000044;
}
.svc:active .arcade-button{
  transform:translateY(7px);
  box-shadow:
    0 0 0 4px #121212,
    0 1px 0 #090909,
    0 3px 5px #0008,
    inset 0 5px 8px #ffffff55,
    inset 0 -8px 10px #00000044;
}
.svc:hover{
  transform:none;
  filter:none;
}
@media(max-width:820px){
  .service-grid{gap:12px}
  .svc{min-height:160px;padding:18px 10px 14px}
  .arcade-button{width:66px;height:66px;flex-basis:66px;border-width:7px}
}


/* v1.3 — full-resolution inventory photography
   Keep the arcade UI around the products, but render the Reverb images cleanly. */
.listing-image{
  image-rendering:auto !important;
  filter:none !important;
  transform:none !important;
  transition:transform .18s ease !important;
}
.listing-image-wrap:after{
  display:none !important;
  opacity:0 !important;
  background:none !important;
}
.listing-card:hover .listing-image,
.listing-card:focus-within .listing-image{
  image-rendering:auto !important;
  filter:none !important;
  transform:scale(1.015) !important;
}


/* v1.4 — sharp live inventory photos */
.listing-image-wrap{position:relative;overflow:hidden;background:#0b1115}
.listing-image{
  width:100%;height:100%;display:block;object-fit:cover;
  image-rendering:auto !important;
  filter:none !important;
  transform:none !important;
}
.listing-image-wrap::after{display:none !important;content:none !important}

/* v1.5 — Player Tools: browser tuner + metronome */
.tools-panel{scroll-margin-top:90px}
.tools-head{align-items:flex-end}
.tools-badge{
  border:2px solid #29a7ff;color:#bce7ff;background:#06121a;padding:8px 10px;
  font-family:var(--pixel-heading);font-size:8px;box-shadow:3px 3px #000
}
.tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:18px}
.tool-card{
  border:4px solid #171717;background:#0a0d10;box-shadow:inset 0 0 0 2px #33414d,7px 7px 0 #000;
  padding:20px;min-width:0
}
.tool-kicker{font-family:var(--pixel-heading);font-size:8px;color:#29a7ff;letter-spacing:.08em;margin-bottom:8px}
.tool-card h3{font-family:var(--pixel-heading);font-size:18px;line-height:1.35;margin:0 0 8px;color:#f7f0d8;text-shadow:3px 3px #000}
.tool-help{margin:0 0 16px;color:#c9d3dc;font-size:14px;line-height:1.5}

.vu-screen{border:3px solid #c89a45;background:#070706;padding:16px;box-shadow:inset 0 0 24px #000,0 0 0 2px #20170b}
.vu-face{position:relative;height:190px;max-width:560px;margin:0 auto;border:4px solid #4f3a19;border-radius:8px 8px 44% 44%/8px 8px 28% 28%;overflow:hidden;background:linear-gradient(#f2ddb0 0 72%,#c9ad78 72%);box-shadow:inset 0 0 28px rgba(72,42,5,.35),0 6px 0 #000}
.vu-scale{position:absolute;left:8%;right:8%;top:28px;display:flex;justify-content:space-between;align-items:flex-end;font-family:var(--pixel-heading);font-size:7px;color:#2b2115;z-index:2}
.vu-scale span:nth-last-child(-n+2){color:#a52222}
.vu-arc{position:absolute;left:12%;right:12%;top:49px;height:92px;border-top:5px solid #312719;border-radius:50%;opacity:.85}
.vu-arc:after{content:"";position:absolute;left:50%;top:-8px;height:11px;width:3px;background:#a52222;box-shadow:-112px 27px 0 #312719,-76px 8px 0 #312719,-39px -4px 0 #312719,39px -4px 0 #312719,76px 8px 0 #312719,112px 27px 0 #a52222}
.vu-needle{position:absolute;left:50%;bottom:17px;width:3px;height:118px;background:#b31d1d;transform-origin:50% 100%;transform:translateX(-50%) rotate(-52deg);transition:transform .06s linear;z-index:4;box-shadow:0 0 1px #721010}
.vu-pivot{position:absolute;left:50%;bottom:8px;width:24px;height:24px;border-radius:50%;background:#201b15;border:4px solid #685636;transform:translateX(-50%);z-index:5;box-shadow:0 2px 3px #000}
.vu-logo{position:absolute;left:50%;bottom:42px;transform:translateX(-50%);font-family:var(--pixel-heading);font-size:17px;color:#352b1f;letter-spacing:.12em}
.vu-readouts{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:stretch;max-width:560px;margin:15px auto 0}
.vu-readouts>div{border:2px solid #5b4a2e;background:#0d0c09;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px}
.vu-readouts span{font-family:var(--pixel-heading);font-size:7px;color:#c89a45}
.vu-readouts strong{font-family:var(--pixel-heading);font-size:9px;color:#f5ead5;font-weight:400}
.vu-clip-wrap{min-width:82px}.vu-clip{display:block;width:16px;height:16px;border-radius:50%;background:#351010;border:2px solid #6b2828;box-shadow:inset 0 0 6px #000}.vu-clip.on{background:#ff3838;box-shadow:0 0 14px #ff3838,inset 0 0 5px #ffd0d0}
.vu-controls{grid-template-columns:1fr 1fr}
@media(max-width:620px){.vu-face{height:160px}.vu-needle{height:96px}.vu-readouts{grid-template-columns:1fr 1fr}.vu-clip-wrap{grid-column:1/-1}.vu-controls{grid-template-columns:1fr 1fr}}
.tool-controls{display:grid;grid-template-columns:auto 1fr;gap:10px;margin-top:14px}
.tool-button,.tool-select,.tempo-display{
  font-family:var(--pixel-heading);border:3px solid #616b72;background:#11171b;color:#f7f0d8;
  box-shadow:4px 4px #000;cursor:pointer
}
.tool-button{padding:12px 14px;font-size:8px;min-height:44px}
.tool-button.primary{border-color:#29a7ff;background:#082235;color:#bce7ff}
.tool-button.active{border-color:#ff5a5a;background:#351010;color:#fff}
.tool-button:hover,.tool-button:focus,.tempo-display:hover,.tempo-display:focus{filter:brightness(1.18)}
.tool-select{padding:10px;font-size:7px;min-width:0;width:100%}
.tool-message{color:#7e929f;margin-top:12px;min-height:1.5em}
.tempo-display{width:100%;padding:18px;margin:6px 0 14px;text-align:center;border-color:#ffd45a;background:#130f04;color:#ffd45a}
.tempo-display span{display:block;font-size:48px;line-height:1;margin-bottom:7px;text-shadow:3px 3px #000}
.tempo-display small{font-size:7px;color:#f8e6a8}
.bpm-slider{width:100%;accent-color:#29a7ff;margin:8px 0 14px}
.metro-controls{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:9px}
.beat-lights{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:18px}
.beat-light{height:18px;border:2px solid #38434b;background:#11191e;box-shadow:inset 0 0 0 1px #050607}
.beat-light.on{background:#29a7ff;box-shadow:0 0 14px #29a7ff,inset 0 0 0 1px #d9f2ff}
.beat-light.on.downbeat{background:#ffd45a;box-shadow:0 0 14px #ffd45a,inset 0 0 0 1px #fff5c9}
@media(max-width:820px){
  .tools-grid{grid-template-columns:1fr;gap:15px}
  .tool-card{padding:15px}
  .tool-card h3{font-size:14px}
  .tool-controls{grid-template-columns:1fr}
  .tools-badge{display:none}
}


/* v1.6 — 8-bit drum machine */
.drum-card{grid-column:1/-1}
.drum-display{border:3px solid #8a5cff;background:#05030a;padding:16px;box-shadow:inset 0 0 24px #160a2d}
.drum-machine-art{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:620px;margin:0 auto 14px}
.drum-pad{display:flex;align-items:center;justify-content:center;min-height:70px;border:4px solid #171717;box-shadow:inset 0 0 0 2px #454b50,4px 4px #000;font-family:var(--pixel-heading);font-size:8px;background:#161b20;color:#cfd7dc;transition:filter .04s,transform .04s}
.kick-pad{border-top-color:#29a7ff}.snare-pad{border-top-color:#ff5a75}.hat-pad{border-top-color:#ffd45a}
.drum-pad.hit{filter:brightness(2);transform:translate(2px,2px);box-shadow:inset 0 0 0 2px #fff,2px 2px #000}
.drum-pattern-name{text-align:center;font-family:var(--pixel-heading);font-size:9px;color:#d6c6ff;margin:5px 0 13px}
.drum-steps{display:grid;grid-template-columns:repeat(16,1fr);gap:5px}
.drum-steps span{height:18px;border:2px solid #3c3448;background:#111018;box-shadow:inset 0 0 0 1px #050407}
.drum-steps span:nth-child(4n+1){border-left-color:#8a5cff}
.drum-steps span.on{background:#8a5cff;box-shadow:0 0 12px #8a5cff,inset 0 0 0 1px #eee7ff}
.drum-controls{display:grid;grid-template-columns:1.6fr 1fr .65fr;gap:10px;margin-top:14px}
@media(max-width:820px){
  .drum-card{grid-column:auto}
  .drum-machine-art{gap:7px}.drum-pad{min-height:56px;font-size:7px}
  .drum-steps{grid-template-columns:repeat(8,1fr)}
  .drum-controls{grid-template-columns:1fr}
}

/* v17 AMP MODE */
.amp-warning{margin:10px 0;padding:8px;border:2px solid #ff5ca8;color:#ff8fc5;font-size:9px;line-height:1.5}
.amp-display{display:flex;align-items:center;gap:10px;margin:12px 0}
.amp-display strong{min-width:78px;font-size:10px}
.amp-meter-track{flex:1;height:12px;border:2px solid currentColor;background:#071019;overflow:hidden}
.amp-meter-track span{display:block;width:0;height:100%;background:currentColor}
.amp-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:10px 0}
.amp-preset.active{filter:invert(1)}
.amp-knobs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0 20px}
.amp-knob-control{display:grid;justify-items:center;gap:8px;font-size:9px;text-align:center}
.amp-knob-control>span:first-child{font-family:var(--pixel-heading);letter-spacing:.08em}
.amp-knob-control output{font-family:var(--pixel-heading);font-size:8px;color:#aeb8bf}
.amp-knob{--knob-angle:135deg;position:relative;display:block;width:clamp(70px,20vw,98px);aspect-ratio:1;border:5px solid #050505;border-radius:50%;background:radial-gradient(circle at 35% 28%,#69737a 0 7%,#30373c 30%,#121619 70%);box-shadow:inset 0 0 0 3px #596168,inset 0 0 14px #000,4px 5px 0 #000}
.amp-knob i{position:absolute;inset:8px;transform:rotate(var(--knob-angle));pointer-events:none}
.amp-knob i::before{content:"";position:absolute;left:50%;top:0;width:5px;height:24%;transform:translateX(-50%);background:#f1f5f7;box-shadow:0 0 0 1px #000}
.amp-knob input{position:absolute;inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px);opacity:0;cursor:ew-resize;touch-action:pan-x}
.amp-knob:focus-within{outline:3px solid #29a7ff;outline-offset:4px}
.amp-toggle{width:100%}
@media(max-width:380px){.amp-knobs{gap:6px}.amp-knob{width:68px}}


/* v17.3 — GET ROCKING */
.get-rocking{width:100%;margin:10px 0 8px}
.get-rocking.ready{border-color:#ff5ca8 !important;color:#ff8fc5 !important}
#rockingStatus.ready{color:#ff8fc5}

/* v17.5 — independent drum-machine volume */
.drum-volume-control{display:grid;gap:7px;margin:12px 0}
.drum-volume-control label{display:flex;justify-content:space-between;font-size:9px}
.drum-volume-control input{width:100%}


/* v17.7 — AMP feedback guard */
.feedback-guard-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  margin:10px 0;
}
.feedback-guard-row .tool-button{
  width:100%;
}
#feedbackStatus{
  min-width:46px;
  text-align:center;
  font-size:8px;
  opacity:.8;
}
#feedbackStatus.catching{
  color:#ff5ca8;
}


/* v17.8 — feedback breaker + output mode */
.amp-output-mode{display:grid;gap:7px;margin:10px 0}
.amp-output-mode>span{font-size:9px}
.amp-output-mode>div{display:grid;grid-template-columns:1fr 1fr;gap:7px}
.amp-output-mode .tool-button.active{filter:invert(1)}
.feedback-guard-row .tool-button.tripped{
  border-color:#ff5ca8 !important;
  color:#ff8fc5 !important;
}
#feedbackStatus.tripped{color:#ff5ca8}


/* v18 — GUITAR FOCUS */
.guitar-focus-row{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px;
  align-items:center;
  margin:10px 0;
}
.guitar-focus-row .tool-button{width:100%}
#guitarFocusStatus{
  font-size:8px;
  opacity:.82;
  text-align:right;
}
#guitarFocusStatus.voice{
  color:#ff9f43;
}

/* Willie’s Pigeon Hunt */
.willie-game-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,#102231,#163f58);border-top:5px solid #ff8a28;border-bottom:5px solid #0b1115}
.willie-game-promo h2{color:#ff8a28}
.willie-game-promo p{max-width:760px;font-family:var(--pixel-body);font-size:22px;line-height:1.25;margin:14px 0 0;color:#d8edf8}
.willie-game-button{flex:0 0 auto;padding:18px 20px;border:4px solid #fff;background:#050607;color:#ff8a28;box-shadow:6px 6px #000;font-family:var(--pixel-heading);font-size:12px;line-height:1.4}
.willie-game-button:hover{background:#111e27;transform:translateY(-2px)}
@media(max-width:820px){.willie-game-promo{flex-direction:column;align-items:stretch}.willie-game-promo p{font-size:20px}.willie-game-button{text-align:center}}


/* v33 analog synth */
.synth-card{background:linear-gradient(180deg,#27221b 0,#12100d 100%);border-color:#c5842e;box-shadow:inset 0 0 0 3px #090807,0 6px 0 #090807}
.synth-card h3{color:#f1bd55;text-shadow:2px 2px 0 #000}
.synth-panel{background:#181512;border:2px solid #8e6128;padding:10px;box-shadow:inset 0 0 20px #000}
.synth-brand{display:flex;align-items:end;justify-content:space-between;color:#e7b04b;border-bottom:2px solid #6e4a22;padding:3px 2px 8px;margin-bottom:9px}.synth-brand strong{font-size:1.25rem;letter-spacing:.08em}.synth-brand span{font-size:.58rem;color:#d8c6a4}
.synth-display{display:flex;justify-content:space-between;align-items:center;background:#080b08;border:2px inset #564327;color:#9eff66;padding:7px 9px;margin-bottom:9px;font-family:monospace;letter-spacing:.08em;min-height:36px}.synth-display span{color:#f1bd55}
.synth-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:8px 0}.synth-label{font-size:.62rem;color:#d9c29a;margin-right:auto}.synth-value{font-size:.63rem;color:#f1bd55;padding:0 5px}.synth-wave.active,.arp-box .tool-button.active{background:#d58b28;color:#090706;border-color:#ffd57b;box-shadow:0 0 10px #b76d12}
.synth-knobs{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:10px 0}.synth-knobs label{display:flex;flex-direction:column;align-items:center;gap:5px;color:#d9c29a;font-size:.56rem;text-align:center}.synth-knobs input{width:100%;accent-color:#d58b28}.synth-knobs output{color:#f1bd55;font-family:monospace;font-size:.62rem}
.arp-box{border:2px solid #5c4424;background:#0d0b09;padding:8px;margin-top:8px}.arp-title{display:flex;justify-content:space-between;color:#f1bd55;font-size:.65rem;margin-bottom:7px}.arp-title span{color:#9eff66;font-family:monospace}.arp-controls{display:grid;grid-template-columns:1fr 1fr .75fr 1fr .75fr;gap:6px}.arp-controls .tool-select{min-width:0;width:100%}.arp-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;margin-top:8px}.arp-steps span{height:7px;background:#302718;border:1px solid #594522}.arp-steps span.active{background:#ffb13b;box-shadow:0 0 7px #ff9d16}
.synth-keyboard{position:relative;display:flex;height:126px;margin-top:12px;user-select:none;touch-action:none;overflow:hidden;border:3px solid #090909;background:#090909}.synth-key{position:relative;flex:1;border:1px solid #222;border-radius:0 0 4px 4px;background:linear-gradient(#fff7da,#d7c9a4);color:#16120c;display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font:700 .55rem/1 monospace;touch-action:none;z-index:1}.synth-key.active{background:linear-gradient(#ffd15d,#e58d20)}.synth-key.black{position:absolute;top:0;width:8.7%;height:67%;background:linear-gradient(#2b2925,#050505);color:#dcb76e;z-index:3;border:1px solid #000;transform:translateX(-50%);padding-bottom:5px}.synth-key.black.active{background:linear-gradient(#e79e2d,#6d3a08);color:#fff}
@media(max-width:720px){.synth-knobs{grid-template-columns:repeat(3,1fr)}.arp-controls{grid-template-columns:1fr 1fr 1fr}.synth-keyboard{height:112px}.synth-key{font-size:.48rem}.synth-brand span{display:none}}
\n\n/* v36: unified arcade directly below the guitar display */\n.arcade-panel{overflow:hidden}\n.arcade-head{margin-bottom:16px}\n.arcade-game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}\n.arcade-game-card{position:relative;min-height:250px;padding:18px;border:3px solid #d8d3b9;background:linear-gradient(180deg,#111 0%,#080808 100%);box-shadow:inset 0 0 0 3px #292929;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}\n.arcade-game-card:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4px);pointer-events:none}\n.arcade-game-card h3{position:relative;margin:8px 0 12px;font-family:inherit;font-size:20px;line-height:1.25;color:#fff;text-shadow:3px 3px 0 #111}\n.arcade-game-card p{position:relative;margin:0 0 18px;line-height:1.7;color:#ddd}\n.arcade-number{position:relative;display:inline-block;color:#f5c928;font-weight:900;font-size:12px;letter-spacing:.14em}\n.arcade-game-card .willie-game-button{position:relative;align-self:flex-start;margin-top:auto}\n.arcade-game-card:nth-child(1){border-color:#78b7ff}\n.arcade-game-card:nth-child(2){border-color:#e04b39}\n.arcade-game-card:nth-child(3){border-color:#f2c52d;background:linear-gradient(180deg,#171006 0%,#080705 100%)}\n.arcade-game-card:nth-child(3) h3{color:#ffd62e;text-shadow:3px 3px 0 #8f1d12}\n@media(max-width:900px){.arcade-game-grid{grid-template-columns:1fr}.arcade-game-card{min-height:0}.arcade-game-card h3{font-size:18px}}\n

/* v43 — guitar tuner with analog VU meter display */
.tuner-vu-screen{text-align:center}
.tuner-vu-readout{margin:0 auto 10px;max-width:560px}
.tuner-vu-note{font-family:var(--pixel-heading);font-size:52px;line-height:1;color:#fff4d6;text-shadow:4px 4px #000;margin:2px 0 5px}
.tuner-vu-note.in-tune{color:#78e08f;text-shadow:0 0 14px #37c95c,4px 4px #000}
.tuner-vu-hz{font-family:var(--pixel-heading);font-size:8px;color:#76caff;line-height:1.5}
.tuner-vu-face{background:linear-gradient(#f3dfb5 0 72%,#c9ad78 72%)}
.tuner-vu-scale span:nth-last-child(-n+2){color:#2b2115}
.tuner-vu-scale span:nth-child(4){color:#087b32;font-weight:bold}
.tuner-vu-needle{transform:translateX(-50%) rotate(0deg);transition:transform .08s linear;background:#b31d1d}
.tuner-vu-logo{font-size:13px;bottom:44px;letter-spacing:.08em}
.tuner-vu-zones{position:absolute;left:11%;right:11%;bottom:18px;display:flex;justify-content:space-between;align-items:center;font-family:var(--pixel-heading);font-size:6px;color:#6d271f;z-index:3}
.tuner-vu-zones strong{color:#087b32;font-weight:400}
.tuner-vu-readouts{grid-template-columns:1fr 1.5fr auto}
.tuner-lock-wrap{min-width:82px}.tuner-lock.on{background:#42d66b;border-color:#2c8c49;box-shadow:0 0 14px #42d66b,inset 0 0 5px #d8ffe2}
@media(max-width:620px){.tuner-vu-note{font-size:42px}.tuner-vu-readouts{grid-template-columns:1fr}.tuner-lock-wrap{grid-column:auto}.tuner-vu-zones{font-size:5px}}


/* v46 — cleaner chromatic tuner */
.chromatic-tuner-card{border-color:#c99741;background:radial-gradient(circle at 50% 0,#17130b,#080a0c 52%)}
.chromatic-note-line{display:flex;justify-content:center;align-items:flex-start;gap:5px;min-height:72px}
.chromatic-note-line .tuner-vu-note{font-size:68px;margin:0;color:#fff0c9}
.tuner-octave{font-family:var(--pixel-heading);font-size:18px;color:#c99741;margin-top:7px;text-shadow:2px 2px #000}
.chromatic-vu-face{height:220px;max-width:620px;border-color:#6c4c21;box-shadow:inset 0 0 38px rgba(72,42,5,.42),0 7px 0 #000,0 0 22px rgba(201,151,65,.12)}
.chromatic-vu-face .vu-scale{top:31px;font-size:8px}
.chromatic-vu-face .vu-arc{top:55px;height:106px}
.chromatic-vu-face .tuner-vu-needle{height:139px;transition:transform .13s cubic-bezier(.2,.75,.25,1)}
.chromatic-vu-face .tuner-vu-logo{bottom:49px}
.chromatic-vu-face .tuner-vu-zones{bottom:19px;font-size:7px}
.tuner-fine{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;max-width:360px;margin:13px auto 0}
.tuner-fine i{display:block;height:10px;border:2px solid #403c31;background:#111;box-shadow:inset 0 0 4px #000}
.tuner-fine i.on{background:#e09a37;border-color:#ffc565;box-shadow:0 0 9px #e09a37}
.tuner-fine i.center{background:#45dc72;border-color:#a8ffc0;box-shadow:0 0 14px #45dc72}
.chromatic-readouts{grid-template-columns:1fr 1.5fr auto;max-width:620px}
.tuner-signal-row{max-width:620px;margin:10px auto 0;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;color:#c99741;font-family:var(--pixel-heading);font-size:7px}
.tuner-signal-track{height:10px;border:2px solid #4d4432;background:#090909;overflow:hidden}
.tuner-signal-track i{display:block;height:100%;width:0;background:linear-gradient(90deg,#3bbd67,#e1c34d,#df5b3c);transition:width .08s linear}
.tuner-signal-row strong{font-weight:400;color:#f0e4c9;min-width:34px;text-align:right}
.chromatic-controls{grid-template-columns:1fr 1.5fr;align-items:stretch}
.tuner-calibration{border:3px solid #616b72;background:#11171b;color:#c9d3dc;box-shadow:4px 4px #000;padding:8px 10px;font-family:var(--pixel-heading);font-size:7px;display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center}
.tuner-calibration strong{color:#f0c66b;font-weight:400}
.tuner-calibration input{grid-column:1/-1;width:100%;accent-color:#d3a144}
@media(max-width:620px){
  .chromatic-note-line{min-height:58px}.chromatic-note-line .tuner-vu-note{font-size:54px}.tuner-octave{font-size:14px}
  .chromatic-vu-face{height:178px}.chromatic-vu-face .tuner-vu-needle{height:109px}.chromatic-vu-face .tuner-vu-zones{font-size:5px}
  .chromatic-readouts{grid-template-columns:1fr}.chromatic-controls{grid-template-columns:1fr}.tuner-signal-row{font-size:6px}
}
/* v47 vintage analog synth refinements */
.synth-knobs{grid-template-columns:repeat(5,1fr)}
.synth-card .synth-panel{background:linear-gradient(180deg,#241c12,#100d09);border-color:#b27a2e}
.synth-card .tool-button#synthDrive.active{background:#9f2b1f;color:#fff3d0;border-color:#e5a147;box-shadow:0 0 12px rgba(229,161,71,.45)}
@media(max-width:720px){.synth-knobs{grid-template-columns:repeat(2,1fr)}.synth-knobs label:last-child{grid-column:span 2}}

/* v48 SKYLIGHT PEDALBOARD */
.pedalboard{margin-top:18px;padding:14px;border:3px solid #2b2117;border-radius:14px;background:repeating-linear-gradient(90deg,#4a3423 0 8px,#3a281c 8px 16px);box-shadow:inset 0 0 0 2px #8b6848,0 8px 20px #0008}.pedalboard-title{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px;color:#f5d58b;font:800 13px/1.2 monospace;letter-spacing:1px}.pedal-chain{display:grid;grid-template-columns:repeat(7,minmax(105px,1fr));gap:10px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}.fx-pedal{min-width:105px;border:2px solid #171717;border-radius:9px;padding:9px 8px 10px;text-align:center;background:#b8a46d;color:#111;box-shadow:inset 0 0 0 2px #ffffff35,0 5px 0 #171717;font-family:monospace}.fx-pedal:nth-child(2){background:#c97946}.fx-pedal:nth-child(3){background:#9b835d}.fx-pedal:nth-child(4){background:#79a2a4}.fx-pedal:nth-child(5){background:#a27eaa}.fx-pedal:nth-child(6){background:#8f9d68}.fx-pedal:nth-child(7){background:#7e8fa7}.fx-name{font-weight:900;font-size:13px;letter-spacing:.7px}.fx-knob{display:block;font-size:9px;font-weight:800;margin:7px 0}.fx-knob input{width:100%;accent-color:#111}.fx-stomp{width:44px;height:44px;border-radius:50%;border:3px solid #333;background:radial-gradient(circle at 35% 30%,#eee,#777 55%,#222);box-shadow:0 3px 0 #111;position:relative}.fx-stomp:before{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:#421;top:-15px;left:15px;box-shadow:0 0 3px #000}.fx-pedal.on .fx-stomp:before{background:#ff3b20;box-shadow:0 0 9px #ff3b20}.fx-pedal.on{transform:translateY(2px);box-shadow:inset 0 0 0 2px #ffffff35,0 3px 0 #171717}.fx-order{font-size:9px;opacity:.7;margin-top:5px}@media(max-width:700px){.pedal-chain{grid-template-columns:repeat(7,112px)}.pedalboard{margin-left:-4px;margin-right:-4px}}
\n\n/* v51 — compact Dating for Guitar Players side quest */\n.dating-teaser{width:min(1180px,calc(100% - 28px));margin:14px auto 24px;padding:14px 16px;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;border:1px solid #47313a;border-radius:16px;background:linear-gradient(100deg,#160f12,#24131a 55%,#441527);box-shadow:0 12px 30px rgba(0,0,0,.18);color:#fff;overflow:hidden;position:relative}\n.dating-teaser:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 10%,rgba(255,61,109,.25),transparent 28%);pointer-events:none}\n.dating-teaser-mark{position:relative;z-index:1;width:52px;height:52px;display:grid;place-items:center;border-radius:15px;background:#ff3d6d;color:#fff;font-size:24px;box-shadow:inset 0 -4px rgba(102,5,36,.25)}\n.dating-teaser-copy{position:relative;z-index:1;min-width:0}.dating-teaser-copy span{display:block;color:#ff8ba7;font-size:9px;font-weight:900;letter-spacing:.16em;margin-bottom:3px}.dating-teaser-copy h2{font-size:16px;line-height:1.15;margin:0 0 4px;color:#fff}.dating-teaser-copy p{font-size:11px;color:#cbbbc0;margin:0;line-height:1.35}.dating-teaser-button{position:relative;z-index:1;white-space:nowrap;padding:11px 14px;border-radius:999px;background:#ff3d6d;color:#fff;text-decoration:none;font-size:10px;font-weight:950;letter-spacing:.08em;box-shadow:0 5px 16px rgba(255,61,109,.25)}\n.dating-teaser-button:hover,.dating-teaser-button:focus{filter:brightness(1.1);transform:translateY(-1px)}\n@media(max-width:650px){.dating-teaser{grid-template-columns:auto 1fr;padding:12px;gap:11px}.dating-teaser-mark{width:44px;height:44px}.dating-teaser-copy h2{font-size:13px}.dating-teaser-copy p{font-size:10px}.dating-teaser-button{grid-column:1/-1;text-align:center;padding:10px;margin-top:1px}}\n
/* v56 — digital chromatic tuner */
.digital-tuner-display{margin:16px 0;padding:18px 14px;background:#0b0e0c;border:2px solid #454c45;border-radius:8px;box-shadow:inset 0 0 0 3px #050605,inset 0 0 26px #000;text-align:center;font-family:"Courier New",monospace}
.digital-note-wrap{min-height:86px;display:flex;align-items:baseline;justify-content:center}
.digital-note{font-size:5.6rem;line-height:.9;font-weight:900;color:#e8e3ae;text-shadow:0 0 13px rgba(232,227,174,.25)}
.digital-octave{font-size:1.4rem;color:#9da598;margin-left:7px}
.digital-hz{margin-top:8px;color:#98a294;font-weight:700;letter-spacing:.12em}
.digital-band-wrap{margin:19px 0 10px}
.digital-band{height:34px;position:relative;display:grid;grid-template-columns:1fr 1fr .55fr 1fr 1fr;border:2px solid #030403;border-radius:3px;overflow:visible}
.digital-band .zone.red{background:#9c2924}.digital-band .zone.green{background:#4e8b56}.digital-band .zone.yellow{background:#d7b53d}
.digital-marker{position:absolute;left:50%;top:-7px;width:4px;height:46px;background:#f2eee0;box-shadow:0 0 8px #fff;transform:translateX(-50%);transition:transform .08s linear}
.digital-marker:before{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%);border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #f2eee0}
.digital-band-labels{display:flex;justify-content:space-between;margin-top:7px;color:#7f887d;font-size:.64rem;font-weight:800;letter-spacing:.08em}.digital-band-labels strong{color:#d7b53d}
.digital-data{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin-top:13px}.digital-data>div{padding:8px 4px;border:1px solid #30362f;background:#101410}.digital-data span{display:block;color:#6f796d;font-size:.58rem;letter-spacing:.12em}.digital-data strong{display:block;margin-top:4px;color:#d9ddcf;font-size:.9rem}
@media(max-width:650px){.digital-note{font-size:4.8rem}.digital-tuner-display{padding-left:10px;padding-right:10px}}

/* v57 — compact digital tuner */
.digital-tuner-card .tool-help{max-width:520px;margin-left:auto;margin-right:auto;font-size:.80rem;line-height:1.3}
.digital-tuner-display{max-width:500px;margin:9px auto 11px!important;padding:10px 11px 9px!important}
.digital-note-wrap{min-height:56px!important}
.digital-note{font-size:3.7rem!important}
.digital-octave{font-size:.95rem!important}
.digital-hz{margin-top:3px!important;font-size:.78rem!important}
.digital-band-wrap{margin:10px 0 5px!important}
.digital-band{height:22px!important}
.digital-marker{top:-5px!important;height:32px!important}
.digital-data{margin-top:7px!important;gap:4px!important}
.digital-data>div{padding:4px 3px!important}
.digital-data span{font-size:.50rem!important}
.digital-data strong{font-size:.75rem!important}
.digital-tuner-card .chromatic-controls{max-width:500px;margin-left:auto;margin-right:auto}
@media(max-width:650px){.digital-tuner-display{max-width:94%!important}.digital-note{font-size:3.35rem!important}}

/* v58 — real-world pedalboard treatment */
.pedalboard{position:relative;overflow:hidden;padding:18px 18px 22px!important;border:4px solid #161616!important;border-radius:10px!important;background:linear-gradient(#222,#161616)!important;box-shadow:inset 0 0 0 2px #444,inset 0 0 35px #000,0 10px 22px #0009!important}
.pedalboard:before,.pedalboard:after{content:"";position:absolute;left:0;right:0;height:14px;background:repeating-linear-gradient(90deg,#0b0b0b 0 48px,#171717 48px 54px);box-shadow:0 2px 6px #000}
.pedalboard:before{top:48px}.pedalboard:after{bottom:10px}.pedalboard-title{position:relative;z-index:3;margin-bottom:20px!important;color:#ddd!important}.pedalboard-title strong{letter-spacing:1.6px}.pedalboard-title span{color:#8f8f8f!important}
.board-rails{position:absolute;inset:65px 16px 18px;pointer-events:none;z-index:0}.board-rails i{display:block;height:3px;margin:70px 0;background:#070707;box-shadow:0 1px 0 #333}
.pedal-chain{position:relative;z-index:2;display:flex!important;align-items:center;gap:0!important;overflow-x:auto!important;padding:8px 8px 20px!important;scrollbar-width:thin}
.fx-pedal{position:relative;flex:0 0 118px;min-width:118px;height:196px;padding:12px 9px 12px!important;border:2px solid #101010!important;border-radius:7px!important;color:#111!important;box-shadow:inset 1px 1px 0 #ffffff70,inset -2px -2px 0 #0003,0 6px 3px #0008!important;font-family:Arial,Helvetica,sans-serif!important;transform:none!important}
.fx-pedal:after{content:"";position:absolute;inset:4px;border:1px solid #ffffff24;border-radius:4px;pointer-events:none}
.pedal-fuzz{background:linear-gradient(#ded3ad,#a99a67)!important}.pedal-drive{background:linear-gradient(#86b96f,#4d7d42)!important}.pedal-phaser{background:linear-gradient(#d89a4c,#a85d22)!important}.pedal-chorus{background:linear-gradient(#84b8c8,#477a8b)!important}.pedal-vibrato{background:linear-gradient(#be8aba,#80587f)!important}.pedal-tremolo{background:linear-gradient(#d7d2c8,#99948a)!important}.pedal-delay{background:linear-gradient(#8c9a75,#566145)!important}.pedal-reverb{background:linear-gradient(#8d9fbd,#53657e)!important}
.fx-brand{font:700 7px/1 monospace;letter-spacing:1.5px;opacity:.65}.fx-name{min-height:30px;margin:4px 0 8px;font:900 13px/1.05 Arial,sans-serif!important;letter-spacing:.2px!important}.knob-row{display:flex;justify-content:center;gap:9px;margin-top:2px}.fx-knob{position:relative;width:42px;height:52px;margin:0!important;font:800 7px/1 monospace!important;letter-spacing:.2px;cursor:pointer}.fx-knob input{position:absolute;inset:9px 2px 0;width:38px;height:38px;opacity:0;z-index:3;cursor:pointer}.knob-cap{--turn:0deg;position:absolute;top:12px;left:8px;width:27px;height:27px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#555 0 18%,#1b1b1b 45%,#060606 72%);border:2px solid #060606;box-shadow:0 2px 2px #0007,0 0 0 1px #ffffff44}.knob-cap:after{content:"";position:absolute;left:12px;top:2px;width:2px;height:8px;background:#f5f1dd;border-radius:2px;transform-origin:1px 11px;transform:rotate(var(--turn)) translateY(-1px)}
.fx-led{position:absolute;left:50%;bottom:55px;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:#2c180f;border:1px solid #111;box-shadow:inset 0 0 2px #000}.fx-pedal.on .fx-led{background:#ef3a24;box-shadow:0 0 8px #ff3c20,0 0 2px #fff}
.fx-stomp{position:absolute!important;bottom:17px;left:50%;width:31px!important;height:31px!important;margin-left:-15.5px;border-radius:50%!important;border:2px solid #5e5e5e!important;background:radial-gradient(circle at 35% 28%,#f0f0e8 0 10%,#b0b0aa 24%,#5f5f5b 65%,#2b2b29 100%)!important;box-shadow:0 2px 0 #111,0 0 0 1px #111!important}.fx-stomp:before{display:none!important}.fx-pedal.on .fx-stomp{transform:translateY(1px);box-shadow:0 1px 0 #111,0 0 0 1px #111!important}
.fx-order{position:absolute;bottom:5px;left:0;right:0;font:700 7px/1 monospace!important;letter-spacing:.6px;opacity:.65!important}.jack{position:absolute;top:44px;width:8px;height:22px;background:linear-gradient(90deg,#444,#bdbdb7,#555);border:1px solid #111;z-index:4}.jack-in{right:-6px}.jack-out{left:-6px}.patch-cable{position:relative;flex:0 0 20px;height:48px;z-index:5}.patch-cable:before{content:"";position:absolute;left:-2px;right:-2px;top:19px;height:5px;border-radius:6px;background:#0b0b0b;box-shadow:0 1px 0 #404040}.patch-cable:after{content:"";position:absolute;left:4px;top:11px;width:12px;height:20px;border:3px solid #111;border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(20deg)}
.wave-mark{margin-top:-2px;font:900 9px/1 monospace;letter-spacing:-1px;opacity:.7}
@media(max-width:700px){.pedalboard{margin-left:-4px;margin-right:-4px;padding-left:10px!important;padding-right:10px!important}.fx-pedal{flex-basis:112px;min-width:112px}.patch-cable{flex-basis:18px}}

/* v60 — remove redundant bottom arcade-style redirect controls */
.bottom-commands,.footer-commands,.command-strip,.arcade-links,.arcade-controls{display:none!important}

/* v62 cleanup */
#getRocking,.get-rocking,.audio-engine-card,#services{display:none!important}

/* v89 — all public games stored inside one vintage arcade cabinet */
.arcade-cabinet-section{overflow:visible}
.compact-arcade-head{margin-bottom:10px}
.mini-arcade-wrap{display:flex;align-items:center;justify-content:center;gap:26px;padding:8px 12px 18px;min-height:300px;background:radial-gradient(circle at 50% 50%,#0d1f2b 0,#07090e 52%,#030407 100%);border:1px solid #20313c}
.mini-arcade-cabinet{width:174px;height:264px;position:relative;padding:0;border:0;background:none;cursor:pointer;filter:drop-shadow(0 18px 16px #000c);transition:transform .18s ease,filter .18s ease}
.mini-arcade-cabinet:hover{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 22px 20px #000e)}
.mini-cab-marquee{position:absolute;left:18px;right:18px;top:0;height:53px;padding-top:7px;background:linear-gradient(#271527,#09080c);border:3px solid #b18137;border-radius:7px 7px 2px 2px;color:#f5e8c5;font:900 11px/1.05 'IBM Plex Mono',monospace;letter-spacing:.12em;text-align:center;box-shadow:inset 0 0 18px #000,0 0 14px #ffb62d22}
.mini-cab-marquee b{display:block;color:#ffd12f;font-size:18px;letter-spacing:.08em}
.mini-cab-screen{position:absolute;left:12px;right:12px;top:50px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;background:radial-gradient(circle,#17394e,#061019 68%,#010204);border:9px solid #19191d;border-radius:5px;color:white;box-shadow:inset 0 0 24px #000,0 2px #685a3a}
.mini-cab-screen:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#0005 3px);pointer-events:none}
.mini-screen-title{color:#ffd431;font:900 18px 'IBM Plex Mono',monospace;text-shadow:2px 2px #8a1313}
.mini-screen-list{margin-top:7px;color:#8edbff;font:700 6.5px/1.45 'IBM Plex Mono',monospace;letter-spacing:.06em}
.mini-screen-start{margin-top:10px;color:#fff;font:900 8px 'IBM Plex Mono',monospace;animation:miniBlink 1s steps(1) infinite}
@keyframes miniBlink{50%{opacity:.25}}
.mini-cab-controls{position:absolute;left:9px;right:9px;top:164px;height:48px;background:linear-gradient(160deg,#46301d,#17100b 55%,#050403);border:3px solid #17110d;transform:perspective(130px) rotateX(14deg);box-shadow:inset 0 3px #70502e,0 5px #030303}
.mini-stick{position:absolute;left:34px;top:17px;width:8px;height:22px;background:#222;border-radius:4px;transform:rotate(-7deg);transform-origin:bottom}.mini-stick i{position:absolute;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 28%,#ff6d5e,#a01212 72%);left:-5px;top:-9px;box-shadow:0 2px 3px #000}
.mini-btn{position:absolute;top:18px;width:18px;height:18px;border-radius:50%;box-shadow:inset 0 3px #ffffff66,0 3px #000}.mini-btn.red{right:46px;background:#d52b23}.mini-btn.yellow{right:20px;background:#f0c126}
.mini-cab-base{position:absolute;left:20px;right:20px;top:208px;bottom:0;padding-top:24px;background:linear-gradient(90deg,#101114,#242127 48%,#0d0d10);clip-path:polygon(6% 0,94% 0,100% 100%,0 100%);border-top:3px solid #594b31;color:#7f8588;font:800 8px 'IBM Plex Mono',monospace;letter-spacing:.12em}
.mini-arcade-copy{max-width:275px;font-family:'IBM Plex Mono',monospace}.mini-arcade-copy strong{display:block;color:#ffd433;font-size:15px;letter-spacing:.06em;margin-bottom:8px}.mini-arcade-copy span{color:#9baeb8;font-size:11px;line-height:1.6}
.arcade-modal-open{overflow:hidden}
.arcade-cabinet-modal[hidden]{display:none}
.arcade-cabinet-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:12px;opacity:0;transition:opacity .18s ease}
.arcade-cabinet-modal.is-open{opacity:1}
.arcade-modal-backdrop{position:absolute;inset:0;background:#000d;backdrop-filter:blur(5px)}
.arcade-machine-shell{position:relative;width:min(680px,96vw);max-height:95vh;background:#111217;border:5px solid #3e3b35;border-radius:12px 12px 6px 6px;box-shadow:0 24px 80px #000;overflow:auto;transform:scale(.96) translateY(8px);transition:transform .18s ease}
.is-open .arcade-machine-shell{transform:scale(1) translateY(0)}
.arcade-close{position:absolute;right:8px;top:7px;z-index:5;width:34px;height:34px;border-radius:50%;border:2px solid #999;background:#111;color:#fff;font:900 22px Arial;cursor:pointer}
.arcade-machine-marquee{text-align:center;padding:15px 48px 11px;background:linear-gradient(180deg,#35152b,#100b13 72%);border-bottom:4px solid #9a793c;box-shadow:inset 0 0 30px #000}
.arcade-machine-marquee span{display:block;font:900 13px 'IBM Plex Mono',monospace;letter-spacing:.2em;color:#eee}.arcade-machine-marquee b{display:block;margin-top:2px;font:900 clamp(34px,8vw,58px)/.9 'IBM Plex Mono',monospace;color:#ffd12f;text-shadow:3px 3px #b52423,6px 6px #000}.arcade-machine-marquee small{display:block;margin-top:9px;font:700 8px 'IBM Plex Mono',monospace;color:#9ba3a8;letter-spacing:.13em}
.arcade-machine-bezel{padding:16px;background:linear-gradient(145deg,#25262b,#08090c 65%);border-bottom:5px solid #5b4c31}
.arcade-select-screen{position:relative;background:radial-gradient(circle at 50% 30%,#173f55,#061019 63%,#020305);border:10px solid #050508;border-radius:9px;padding:13px;box-shadow:inset 0 0 55px #000,0 0 0 2px #595240}
.arcade-select-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,#0000 0 3px,#0004 4px)}
.arcade-select-head{position:relative;z-index:1;display:flex;justify-content:space-between;border-bottom:2px solid #456477;padding-bottom:8px;margin-bottom:10px;font:900 12px 'IBM Plex Mono',monospace;color:#ffd432}.arcade-select-head small{color:#f05b51}
.arcade-select-grid{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:9px}
.cab-game{min-height:115px;padding:12px;text-decoration:none;background:linear-gradient(#111b25,#070a0e);border:3px solid #56616a;color:white;display:flex;flex-direction:column;justify-content:center;position:relative;box-shadow:inset 0 0 20px #000,0 4px #020203;transition:transform .12s,filter .12s}
.cab-game:hover,.cab-game:focus{transform:translateY(-2px);filter:brightness(1.2);outline:none}.cab-game-no{position:absolute;top:7px;right:9px;font:900 11px 'IBM Plex Mono',monospace;color:#677682}.cab-game b{font:900 16px/1.15 'IBM Plex Mono',monospace}.cab-game small{margin-top:9px;font:800 9px 'IBM Plex Mono',monospace}.cab-yellow{border-color:#a8892f}.cab-yellow small{color:#ffd432}.cab-red{border-color:#8f3130}.cab-red small{color:#ff6258}.cab-green{border-color:#2f824c}.cab-green small{color:#54e17a}.cab-blue{border-color:#2e6794}.cab-blue small{color:#5bbcff}.cab-purple{border-color:#7447a8}.cab-purple small{color:#c58cff}
.arcade-select-footer{position:relative;z-index:1;margin-top:10px;text-align:center;font:800 8px 'IBM Plex Mono',monospace;color:#899da8;letter-spacing:.14em}
.arcade-control-deck{height:92px;position:relative;background:linear-gradient(155deg,#5b4025,#281a10 36%,#090604 100%);border-bottom:7px solid #030303;box-shadow:inset 0 5px #7a5732}
.big-stick{position:absolute;left:16%;top:26px;width:18px;height:44px;background:#202020;border-radius:8px;transform:rotate(-7deg);transform-origin:bottom;box-shadow:4px 3px #000}.big-stick span{position:absolute;left:-13px;top:-22px;width:44px;height:44px;border-radius:50%;background:radial-gradient(circle at 34% 26%,#ff6356,#9d0d12 70%);box-shadow:inset 0 5px #ffaaa0,0 6px 7px #000}
.deck-copy{position:absolute;left:50%;top:22px;transform:translateX(-50%);text-align:center;color:#b08e55;font:900 10px 'IBM Plex Mono',monospace;letter-spacing:.1em}.deck-copy b{color:#e1c279;font-size:17px}
.deck-buttons{position:absolute;right:16%;top:30px;display:flex;gap:22px}.deck-buttons i{width:38px;height:38px;border-radius:50%;background:#e3312b;box-shadow:inset 0 5px #ff8f89,0 6px #170807}.deck-buttons i+ i{background:#e0b51e;box-shadow:inset 0 5px #fff08e,0 6px #171007}
.arcade-kickplate{height:68px;display:grid;place-items:center;background:linear-gradient(90deg,#0b0c0e,#19191c 50%,#090a0c);color:#5f6568;font:800 8px 'IBM Plex Mono',monospace;letter-spacing:.12em}
@media(max-width:600px){
 .mini-arcade-wrap{flex-direction:column;gap:10px;padding-top:14px}.mini-arcade-copy{text-align:center}.mini-arcade-cabinet{width:158px;height:240px}.mini-cab-base{top:190px}.mini-cab-controls{top:149px}.mini-cab-screen{top:48px;height:103px}
 .arcade-machine-shell{width:98vw;max-height:96vh}.arcade-machine-bezel{padding:9px}.arcade-select-screen{border-width:7px;padding:8px}.arcade-select-grid{grid-template-columns:1fr;gap:7px}.cab-game{min-height:78px;padding:9px}.cab-game b{font-size:13px}.cab-game small{margin-top:5px}.arcade-control-deck{height:72px}.big-stick{top:20px;transform:scale(.8) rotate(-7deg)}.deck-buttons{top:22px;transform:scale(.8)}.deck-copy{top:17px}.arcade-kickplate{height:45px}
}


/* v90 — music-first layout + realistic compact pedal enclosures */
.tools-panel{position:relative;border-color:#c7892d!important;box-shadow:0 0 0 1px #c7892d22,inset 0 0 45px #0008,0 12px 30px #0006}
.tools-panel:before{content:"MUSIC LAB";position:absolute;right:18px;top:-11px;padding:4px 8px;background:#111;color:#f0b746;border:1px solid #8b5a20;font:800 8px 'IBM Plex Mono',monospace;letter-spacing:.14em;z-index:2}
.tools-head h2{color:#f1d99e!important;letter-spacing:.02em}.tools-head .panel-title{color:#eea938!important}

/* Compact stompboxes inspired by classic Japanese pedals, without copying brand graphics */
.pedal-chain{gap:9px!important;padding:12px 10px 24px!important;align-items:flex-end!important}
.patch-cable{flex:0 0 13px!important;height:34px!important}
.patch-cable:before{top:15px!important;height:4px!important}.patch-cable:after{left:1px!important;top:7px!important;width:10px!important;height:16px!important}
.fx-pedal{flex:0 0 122px!important;min-width:122px!important;height:214px!important;padding:0!important;border:1px solid #151515!important;border-radius:8px 8px 11px 11px!important;overflow:visible!important;box-shadow:inset 2px 2px 0 #ffffff55,inset -3px -4px 0 #0004,0 8px 0 #171717,0 11px 8px #0008!important}
.fx-pedal:before{content:"";position:absolute;left:7px;right:7px;top:8px;height:76px;border-radius:5px 5px 3px 3px;background:linear-gradient(#171717,#050505 60%,#111);border:1px solid #000;box-shadow:inset 0 1px #ffffff20,0 2px 2px #0007;z-index:0}
.fx-pedal:after{inset:4px!important;border:1px solid #ffffff25!important;border-radius:6px!important}
.fx-brand{position:absolute;z-index:3;top:13px;left:0;right:0;color:#d9d9d9!important;opacity:.8!important;font:800 6px/1 'IBM Plex Mono',monospace!important;letter-spacing:1.3px!important}
.fx-name{position:absolute;z-index:3;top:88px;left:7px;right:7px;min-height:auto!important;margin:0!important;color:#111!important;font:900 12px/1.02 Arial,sans-serif!important;letter-spacing:.1px!important;text-shadow:0 1px #ffffff55}
.knob-row{position:absolute!important;z-index:4;top:31px;left:8px;right:8px;margin:0!important;gap:8px!important;justify-content:center!important}
.fx-knob{width:43px!important;height:46px!important;color:#e9e9e9!important;text-shadow:0 1px #000;font:800 6px/1 'IBM Plex Mono',monospace!important}
.fx-knob input{inset:7px 2px 0!important;width:39px!important;height:35px!important}
.knob-cap{top:10px!important;left:8px!important;width:28px!important;height:28px!important;background:radial-gradient(circle at 38% 28%,#686868 0 9%,#272727 24%,#080808 62%,#181818 78%)!important;border:2px solid #020202!important;box-shadow:inset 0 0 0 1px #555,0 2px 2px #000!important}
.knob-cap:after{background:#eee7cf!important;height:9px!important}
.fx-led{z-index:5;top:112px!important;bottom:auto!important;width:8px!important;height:8px!important;border:1px solid #1b1b1b!important;background:#431b12!important;box-shadow:inset 0 0 3px #000!important}
.fx-pedal.on .fx-led{background:#ff3828!important;box-shadow:0 0 7px #ff2c1d,0 0 2px #fff!important}
.fx-stomp{display:block!important;position:absolute!important;left:10px!important;right:10px!important;bottom:15px!important;width:auto!important;height:78px!important;margin:0!important;border-radius:6px 6px 8px 8px!important;border:2px solid #171717!important;background:linear-gradient(#595959 0 7%,#252525 8% 13%,#101010 14% 88%,#262626 89% 100%)!important;box-shadow:inset 0 2px #8a8a8a,inset 0 -3px #000,0 3px 0 #070707!important;overflow:hidden}
.fx-stomp:before{display:block!important;content:""!important;position:absolute!important;inset:11px 9px!important;width:auto!important;height:auto!important;border-radius:3px!important;background:repeating-linear-gradient(0deg,#171717 0 5px,#303030 5px 8px)!important;border:1px solid #030303!important;box-shadow:inset 0 2px #3e3e3e,inset 0 -2px #000!important}
.fx-stomp:after{content:"";position:absolute;left:50%;top:7px;width:32px;height:4px;margin-left:-16px;border-radius:4px;background:#777;box-shadow:0 1px #000}
.fx-pedal.on .fx-stomp{transform:translateY(2px)!important;box-shadow:inset 0 2px #666,inset 0 -2px #000,0 1px #050505!important}
.fx-order{z-index:4;bottom:4px!important;color:#d7d7d7!important;opacity:.8!important;text-shadow:0 1px #000;font-size:6px!important}
.jack{top:54px!important;width:9px!important;height:25px!important;background:linear-gradient(90deg,#343434,#d7d7cf 42%,#62625e 70%,#242424)!important;border-radius:2px!important}
.jack-in{right:-7px!important}.jack-out{left:-7px!important}
.wave-mark{position:absolute;z-index:4;left:0;right:0;top:105px;color:#111!important;margin:0!important}
/* colorways */
.pedal-fuzz{background:linear-gradient(135deg,#f4e5ad 0,#cfbd73 48%,#9f8a4d 100%)!important}
.pedal-drive{background:linear-gradient(135deg,#b4dd75 0,#70ac45 48%,#467629 100%)!important}
.pedal-phaser{background:linear-gradient(135deg,#ffb046 0,#d87620 48%,#9f4313 100%)!important}
.pedal-chorus{background:linear-gradient(135deg,#8fd2ef 0,#4b9bc8 48%,#276987 100%)!important}
.pedal-vibrato{background:linear-gradient(135deg,#d19ad8 0,#9860a9 48%,#664174 100%)!important}
.pedal-tremolo{background:linear-gradient(135deg,#eeeeea 0,#c1c0b8 48%,#8d8b83 100%)!important}
.pedal-delay{background:linear-gradient(135deg,#aeba88 0,#71805a 48%,#48513a 100%)!important}
.pedal-reverb{background:linear-gradient(135deg,#a8bce0 0,#7089b5 48%,#485d83 100%)!important}
@media(max-width:700px){.fx-pedal{flex-basis:118px!important;min-width:118px!important;height:208px!important}.pedal-chain{gap:8px!important}.tools-panel:before{right:10px}}

/* Arcade is intentionally the final, low-priority side attraction. */
.arcade-cabinet-section{margin-top:28px!important;border-color:#20262d!important;background:#07090d!important}
.arcade-cabinet-section .section-head{opacity:.82}.mini-arcade-wrap{min-height:250px!important;padding-top:4px!important}.mini-arcade-cabinet{transform:scale(.9)}.mini-arcade-cabinet:hover{transform:translateY(-3px) scale(.92)}

.tfr-launcher{margin-top:18px;padding:15px 16px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(135deg,#17130f,#080909 70%);border:1px solid #665038;box-shadow:inset 0 1px #8c6940}
.tfr-launcher div{display:flex;flex-direction:column}.tfr-launcher span{font:700 8px "IBM Plex Mono",monospace;color:#927d5e;letter-spacing:.14em}.tfr-launcher strong{margin-top:4px;font:900 22px Impact,sans-serif;font-style:italic;color:#e8ddc6;text-shadow:2px 2px #70251c}.tfr-launcher small{margin-top:4px;font:700 9px "IBM Plex Mono",monospace;color:#818885}.tfr-launcher a{padding:11px 13px;background:linear-gradient(#cf7922,#963a17);border:1px solid #e5a343;color:#fff;text-decoration:none;font:800 9px "IBM Plex Mono",monospace;letter-spacing:.07em;white-space:nowrap}
@media(max-width:600px){.tfr-launcher{align-items:flex-start;flex-direction:column}.tfr-launcher a{width:100%;text-align:center}.tfr-launcher strong{font-size:20px}}

/* v112 — tuck the music tools into a pixel tape-recorder Music Lab beside the arcade */
.mini-arcade-wrap{display:flex;align-items:flex-end;gap:22px;flex-wrap:wrap}
.mini-music-recorder{position:relative;width:164px;height:248px;padding:0;border:4px solid #171d1b;background:#8d9b88;box-shadow:inset 0 0 0 3px #c5cfbd,inset 0 0 0 6px #465149,7px 8px 0 #070909;cursor:pointer;image-rendering:pixelated;color:#111;font-family:var(--pixel-heading);flex:0 0 auto}
.mini-music-recorder:before{content:"";position:absolute;left:15px;right:15px;top:14px;height:101px;border:4px solid #27302b;background:repeating-linear-gradient(0deg,transparent 0 5px,#27302b 5px 8px),repeating-linear-gradient(90deg,#aab5a4 0 5px,#26302a 5px 8px);box-shadow:inset 0 0 0 3px #b9c4b2}
.ml-cassette{position:absolute;left:24px;right:24px;top:128px;height:46px;border:4px solid #252b28;background:#202522;box-shadow:inset 0 0 0 3px #59645c}
.ml-cassette i{position:absolute;top:10px;width:18px;height:18px;border:4px solid #b8a178;border-radius:50%;background:#111}.ml-cassette i:first-child{left:17px}.ml-cassette i:nth-child(2){right:17px}.ml-cassette b{position:absolute;left:50%;bottom:5px;width:28px;height:6px;transform:translateX(-50%);background:#a7b09f}
.ml-label{position:absolute;left:9px;right:9px;top:181px;padding:5px 2px;background:#1b211e;color:#e9e3b6;border:2px solid #556158;font-size:8px;letter-spacing:.04em}
.ml-controls{position:absolute;left:13px;right:13px;bottom:25px;display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.ml-controls i{height:20px;border:2px solid #323936;background:linear-gradient(#d8ddd2,#7c877d);box-shadow:0 3px 0 #202522}.ml-controls i:first-child{background:linear-gradient(#d7a29b,#8d4541)}
.ml-open{position:absolute;bottom:5px;left:0;right:0;font-size:6px;color:#e7e3c1;text-shadow:1px 1px #000}
.mini-music-recorder:hover,.mini-music-recorder:focus-visible{transform:translateY(-2px);filter:brightness(1.08)}
.music-lab-modal[hidden]{display:none}.music-lab-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:18px;opacity:0;transition:opacity .18s ease}.music-lab-modal.is-open{opacity:1}.music-lab-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.86);backdrop-filter:blur(3px)}
.music-lab-shell{position:relative;z-index:1;width:min(1180px,96vw);max-height:94vh;overflow:auto;background:#080b0a;border:4px solid #8d9b88;box-shadow:0 0 0 4px #202823,12px 12px 0 #000;padding:12px}
.music-lab-close{position:sticky;top:0;float:right;z-index:20;width:42px;height:42px;border:3px solid #e7e3c1;background:#742d2d;color:#fff;font:24px/1 monospace;cursor:pointer}.music-lab-modal-title{font-family:var(--pixel-heading);color:#e7e3c1;background:#1b211e;border:3px solid #59655c;padding:13px 58px 13px 14px;margin-bottom:10px;font-size:12px}
.music-lab-tools{margin:0!important;max-width:none!important}.music-lab-modal-open{overflow:hidden}
@media(max-width:700px){.mini-arcade-wrap{justify-content:center;gap:16px}.mini-music-recorder{width:132px;height:204px}.mini-music-recorder:before{height:78px}.ml-cassette{top:103px;left:18px;right:18px;height:39px}.ml-cassette i{top:8px;width:14px;height:14px}.ml-cassette i:first-child{left:12px}.ml-cassette i:nth-child(2){right:12px}.ml-label{top:148px}.ml-controls{bottom:23px}.ml-controls i{height:16px}.music-lab-shell{width:98vw;max-height:96vh;padding:7px}.music-lab-modal{padding:5px}}


/* v114 — each bottom-right launcher owns its own caption */
.mini-arcade-wrap{align-items:flex-start!important;gap:34px!important}
.mini-launcher{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:12px;min-width:174px;text-align:center}
.mini-launcher-copy{font-family:'IBM Plex Mono',monospace;line-height:1.25}
.mini-launcher-copy strong{display:block;color:#ffd433;font-size:12px;letter-spacing:.08em;margin-bottom:4px}
.mini-launcher-copy span{display:block;color:#9baeb8;font-size:9px;letter-spacing:.04em}
@media(max-width:700px){
  .mini-arcade-wrap{gap:18px!important;align-items:flex-start!important}
  .mini-launcher{min-width:132px;gap:9px}
  .mini-launcher-copy strong{font-size:10px}
  .mini-launcher-copy span{font-size:8px}
}

/* v118 — replace the desktop artwork's entire top black strip with a live arcade-style Google review crawl */
.desktop-review-ticker{
  position:absolute;
  z-index:20;
  left:0;
  top:0;
  width:100%;
  height:8.7%;
  min-height:44px;
  display:flex;
  align-items:stretch;
  overflow:hidden;
  background:#020304;
  border-bottom:2px solid #20292f;
  color:#e8eef1;
  font-family:var(--pixel-heading,"Press Start 2P","Lucida Console",monospace);
  text-transform:uppercase;
  box-shadow:0 3px 0 #000;
}
.desktop-review-ticker:hover{background:#05090c}
.ticker-badge{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  display:flex;
  align-items:center;
  padding:0 clamp(12px,1.6vw,24px);
  background:#050607;
  border-right:2px solid #20292f;
  color:#ffd54d;
  font-size:clamp(8px,.78vw,12px);
  white-space:nowrap;
  text-shadow:2px 2px 0 #000;
}
.ticker-window{display:flex;align-items:center;overflow:hidden;min-width:0;flex:1}
.ticker-track{
  display:flex;
  align-items:center;
  width:max-content;
  min-width:max-content;
  animation:skylight-review-crawl 55s linear infinite;
  will-change:transform;
}
.ticker-seq{display:flex;align-items:center;gap:clamp(22px,2.1vw,38px);padding-right:clamp(22px,2.1vw,38px);white-space:nowrap;font-size:clamp(8px,.72vw,11px)}
.ticker-seq b{color:#1fa9ff;font-size:.9em}
@keyframes skylight-review-crawl{to{transform:translateX(-50%)}}
.desktop-review-ticker:hover .ticker-track{animation-play-state:paused}

.mobile-review-ticker{display:none}

@media(max-width:820px){
  .mobile-review-ticker{
    display:block;
    position:relative;
    z-index:19;
    height:30px;
    overflow:hidden;
    background:#020304;
    border-bottom:2px solid #20292f;
    color:#ffd54d;
    font-family:var(--pixel-heading,"Press Start 2P","Lucida Console",monospace);
    font-size:8px;
    line-height:28px;
    white-space:nowrap;
  }
  .mobile-ticker-track{display:flex;width:max-content;min-width:max-content;animation:skylight-mobile-review-crawl 36s linear infinite;will-change:transform}
  .mobile-ticker-track>span{display:block;padding-right:36px}
  @keyframes skylight-mobile-review-crawl{to{transform:translateX(-50%)}}
}

@media(prefers-reduced-motion:reduce){
  .ticker-track,.mobile-ticker-track{animation:none;transform:none}
}

/* v119 — pixel reviewer faces + expanded review crawl */
.ticker-track{animation-duration:55s}
.ticker-seq{gap:clamp(18px,1.8vw,32px)}
.review-chip{display:inline-flex;align-items:center;gap:9px}
.review-copy{display:inline-flex;align-items:center;gap:8px}
.review-copy small{color:#ffd54d;font:inherit;font-size:.78em;letter-spacing:.04em}
.pixel-face{position:relative;display:inline-block;flex:0 0 auto;width:24px;height:24px;background:#d8a06c;border:2px solid #10151a;box-shadow:2px 2px 0 #000;image-rendering:pixelated}
.pixel-face:before,.pixel-face:after{content:"";position:absolute;top:8px;width:3px;height:3px;background:#111}
.pixel-face:before{left:5px}.pixel-face:after{right:5px}
.pixel-face u{position:absolute;left:7px;bottom:4px;width:7px;height:2px;background:#5b2a22;text-decoration:none}
.pixel-face em{position:absolute;left:-2px;right:-2px;top:-2px;height:7px;background:#34251e;clip-path:polygon(0 0,100% 0,100% 55%,75% 55%,75% 100%,55% 65%,35% 100%,20% 55%,0 55%)}
.pixel-face.neutral2{background:#b97850}.pixel-face.neutral2 em{background:#161616;height:9px}
.pixel-face.neutral3{background:#e0ad7d}.pixel-face.neutral3 em{background:#8b5b32;clip-path:polygon(0 0,100% 0,100% 100%,82% 55%,65% 100%,45% 60%,22% 100%,0 70%)}
.pixel-face.neutral4{background:#9b684c}.pixel-face.neutral4 em{background:#25211f;height:5px}
.pixel-face.neutral5{background:#e3b184}.pixel-face.neutral5 em{background:#b7a07c;height:8px}
.pixel-face.masc1{background:#c98b60}.pixel-face.masc1 em{background:#29221e;height:6px}.pixel-face.masc1 u{height:3px;background:#33231f}
.pixel-face.masc2{background:#d7a176}.pixel-face.masc2 em{background:#5a3926;height:5px}.pixel-face.masc2 u{width:9px;left:6px;height:3px;background:#4a2c22}
.pixel-face.masc3{background:#a96e50}.pixel-face.masc3 em{background:#171717;height:8px}.pixel-face.masc3 u{height:3px;background:#211}
@media(max-width:1100px){.review-copy small{display:none}.pixel-face{width:20px;height:20px}.pixel-face:before,.pixel-face:after{top:6px}.pixel-face u{bottom:3px}}
/* v120: arcade-character reviewer portraits — intentionally stylized avatars, not reviewer likenesses */
.pixel-face{width:30px;height:30px;border-radius:2px;box-shadow:2px 2px 0 #000,-1px -1px 0 #2b3440}
.pixel-face:before,.pixel-face:after{top:11px;width:4px;height:4px;background:#111;box-shadow:1px 0 0 #fff}
.pixel-face:before{left:6px}.pixel-face:after{right:6px}
.pixel-face u{left:9px;bottom:5px;width:9px;height:2px}
.pixel-face em{height:9px}
.pixel-face.face1{background:#e0a06d}.pixel-face.face1 em{background:#5a2d18;height:10px}
.pixel-face.face2{background:#8f563e}.pixel-face.face2 em{background:#151515;height:12px;clip-path:polygon(0 0,100% 0,100% 70%,82% 45%,70% 100%,52% 50%,34% 100%,18% 45%,0 70%)}
.pixel-face.face3{background:#f0c095}.pixel-face.face3 em{background:#e2b23e;height:8px}.pixel-face.face3 u{background:#b64c55}
.pixel-face.face4{background:#b87550}.pixel-face.face4 em{background:#1b1715;height:6px}.pixel-face.face4:after{box-shadow:1px 0 0 #fff,4px 0 0 #111,-11px 0 0 #111}
.pixel-face.face5{background:#d69a73}.pixel-face.face5 em{background:#8c3b68;height:11px}.pixel-face.face5 u{background:#7c294a}
.pixel-face.face6{background:#754431}.pixel-face.face6 em{background:#0c0c0c;height:7px}.pixel-face.face6 u{height:3px;background:#18100e}
.pixel-face.face7{background:#efb47f}.pixel-face.face7 em{background:#c95b2f;height:12px;clip-path:polygon(0 0,100% 0,100% 100%,82% 62%,68% 100%,50% 55%,30% 100%,15% 60%,0 100%)}
.pixel-face.face8{background:#a8674c}.pixel-face.face8 em{background:#27201d;height:9px}.pixel-face.face8 u{width:11px;left:8px;background:#4d211b}
.pixel-face.face9{background:#e4aa78}.pixel-face.face9 em{background:#1c1b1c;height:5px}.pixel-face.face9:before,.pixel-face.face9:after{box-shadow:1px 0 0 #fff,0 0 0 2px #39a5d8}
.pixel-face.face10{background:#9c6046}.pixel-face.face10 em{background:#b78637;height:10px}.pixel-face.face10 u{background:#6b2e27}
@media(max-width:1100px){.pixel-face{width:24px;height:24px}.pixel-face:before,.pixel-face:after{top:8px}.pixel-face u{bottom:4px}}


/* v121 — larger expressive 16-bit reviewer portraits */
.desktop-review-ticker{height:62px}
.ticker-badge{height:62px;display:inline-flex;align-items:center}
.ticker-window{height:62px}
.ticker-track,.ticker-seq{height:62px;align-items:center}
.review-chip{gap:10px}
.pixel-face.portrait{position:relative;width:44px;height:48px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;image-rendering:pixelated}
.pixel-face.portrait:before,.pixel-face.portrait:after{content:"";position:absolute;z-index:2;background:var(--skin);width:34px;height:32px;left:5px;top:10px;box-shadow:-3px 0 0 var(--skin),3px 0 0 var(--skin),0 3px 0 var(--skin),0 -2px 0 var(--skin),-3px 3px 0 #111,3px 3px 0 #111,0 5px 0 #111}
.pixel-face.portrait:after{z-index:1;left:9px;top:38px;width:26px;height:8px;background:var(--shirt);box-shadow:-4px 3px 0 var(--shirt),4px 3px 0 var(--shirt),-8px 6px 0 var(--shirt),8px 6px 0 var(--shirt)}
.pixel-face.portrait .hair{position:absolute;z-index:4;left:3px;top:3px;width:38px;height:14px;background:var(--hair);box-shadow:3px -3px 0 var(--hair),-3px 3px 0 var(--hair),6px 5px 0 var(--hair),-2px 8px 0 var(--hair)}
.pixel-face.portrait .eye{position:absolute;z-index:5;top:21px;width:4px;height:5px;background:#151515;box-shadow:0 -2px 0 #fff}
.pixel-face.portrait .e1{left:13px}.pixel-face.portrait .e2{right:13px}
.pixel-face.portrait .nose{position:absolute;z-index:5;left:21px;top:27px;width:3px;height:4px;background:color-mix(in srgb,var(--skin) 70%,#6d3828)}
.pixel-face.portrait .mouth{position:absolute;z-index:5;left:17px;top:34px;width:11px;height:3px;background:#692b2b;box-shadow:3px 2px 0 var(--skin)}
.pixel-face.portrait .detail{position:absolute;z-index:6}
.pixel-face.portrait.face1{--skin:#e1a16f;--hair:#5b2d18;--shirt:#315a75}.face1 .hair{height:16px;box-shadow:3px -3px 0 #5b2d18,-3px 3px 0 #5b2d18,6px 5px 0 #5b2d18,-2px 8px 0 #5b2d18,12px -2px 0 #5b2d18}
.pixel-face.portrait.face2{--skin:#8f563e;--hair:#151515;--shirt:#784b9c}.face2 .hair{height:19px;box-shadow:-4px 4px 0 #151515,4px 3px 0 #151515,-4px 12px 0 #151515,4px 12px 0 #151515}
.pixel-face.portrait.face3{--skin:#c78155;--hair:#171717;--shirt:#2f887e}.face3 .hair{top:5px;height:8px;box-shadow:0 -4px 0 #2b2b2b,5px -2px 0 #2b2b2b}.face3 .detail{left:8px;top:20px;width:29px;height:8px;border:3px solid #222;box-sizing:border-box}.face3 .mouth{height:5px;background:#3a211c}
.pixel-face.portrait.face4{--skin:#f0c095;--hair:#e0b13f;--shirt:#c64c5b}.face4 .hair{height:18px;box-shadow:-4px 5px 0 #e0b13f,4px 5px 0 #e0b13f,-4px 13px 0 #e0b13f,4px 13px 0 #e0b13f}
.pixel-face.portrait.face5{--skin:#70402f;--hair:#251610;--shirt:#398657}.face5 .hair{top:1px;height:15px;box-shadow:-3px 0 0 #251610,3px -3px 0 #251610,8px 2px 0 #251610,-7px 3px 0 #251610}
.pixel-face.portrait.face6{--skin:#d79a73;--hair:#70401e;--shirt:#3e5d9a}.face6 .hair{top:4px;height:9px}.face6 .detail{left:4px;top:4px;width:38px;height:8px;background:#29528a;box-shadow:5px -3px 0 #29528a}
.pixel-face.portrait.face7{--skin:#b87550;--hair:#7b326d;--shirt:#663d88}.face7 .hair{height:16px;background:#7b326d;box-shadow:-4px 5px 0 #7b326d,4px 2px 0 #7b326d,-4px 13px 0 #7b326d}.face7 .detail{left:9px;top:20px;width:27px;height:8px;border:2px solid #272727;box-sizing:border-box}
.pixel-face.portrait.face8{--skin:#e2ad82;--hair:#9b9b96;--shirt:#4d6f77}.face8 .hair{height:11px;background:#9b9b96;box-shadow:-4px 3px 0 #9b9b96,4px -2px 0 #9b9b96}.face8 .detail{left:9px;top:20px;width:27px;height:8px;border:2px solid #252525;box-sizing:border-box}.face8 .mouth{top:33px;height:6px;background:#8d8d88}
.pixel-face.portrait.face9{--skin:#a8674c;--hair:#c45b2f;--shirt:#b34a36}.face9 .hair{height:18px;background:#c45b2f;box-shadow:-4px 4px 0 #c45b2f,4px 5px 0 #c45b2f,-4px 12px 0 #c45b2f}
.pixel-face.portrait.face10{--skin:#dca276;--hair:#1d1b1b;--shirt:#355d83}.face10 .hair{height:10px;box-shadow:3px -3px 0 #1d1b1b,-4px 2px 0 #1d1b1b}.face10 .mouth{width:13px;left:16px}
@media(max-width:1100px){.desktop-review-ticker{height:54px}.ticker-badge,.ticker-window,.ticker-track,.ticker-seq{height:54px}.pixel-face.portrait{transform:scale(.82);transform-origin:center; margin:-4px}.review-copy small{display:none}}

/* v125 — Super Wes cabinet slot */
.cab-wes{border-color:#d8a42e;background:linear-gradient(180deg,#183852,#070b0f)}.cab-wes small{color:#ffd34b}.cab-wes b{color:#fff2bb;text-shadow:2px 2px 0 #8f2b22}

/* v135 — William: Animal Control */
.cab-william{border-color:#d33c87;background:linear-gradient(#211126,#08070a)}
.cab-william small{color:#ff5faa}

/* Stringles launcher beside Arcade + Music Lab */
.mini-stringles-card{width:158px;height:240px;box-sizing:border-box;border-radius:22px;background:linear-gradient(180deg,#fffaf5,#f4e9df);border:1px solid #dfcfc3;box-shadow:0 14px 32px rgba(0,0,0,.3);display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;padding:18px;color:#292522;transition:transform .16s ease,box-shadow .16s ease}
.mini-stringles-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.38)}
.mini-stringles-card .stringles-heart{font-size:25px;color:#e86f72;line-height:1;margin-bottom:10px}
.mini-stringles-card strong{font-family:Georgia,serif;font-style:italic;font-weight:600;text-transform:none;font-size:27px;color:#d76568;letter-spacing:-.04em}
.mini-stringles-card .stringles-sub{font-family:'IBM Plex Mono',monospace;font-size:7px;letter-spacing:.12em;margin-top:8px;color:#8d7770;text-align:center}
.mini-stringles-card .stringles-button{font-family:'IBM Plex Mono',monospace;font-size:8px;letter-spacing:.08em;margin-top:30px;background:#e86f72;color:white;border-radius:999px;padding:10px 15px}
@media(max-width:700px){.mini-stringles-card{width:132px;height:204px;border-radius:18px;padding:13px}.mini-stringles-card strong{font-size:23px}.mini-stringles-card .stringles-button{margin-top:22px;padding:8px 10px;font-size:7px}}


/* v149 — keep all three launchers visibly together, including on phones */
.mini-arcade-wrap{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  align-items:start!important;
  justify-items:center!important;
  gap:18px!important;
  width:100%!important;
}
.mini-launcher{min-width:0!important;width:100%!important;max-width:190px!important}
.mini-stringles-card{display:flex!important;visibility:visible!important;opacity:1!important}

@media(max-width:700px){
  .mini-arcade-wrap{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    padding:12px 4px 16px!important;
    min-height:0!important;
  }
  .mini-launcher{min-width:0!important;width:100%!important;gap:7px!important}
  .mini-arcade-cabinet,.mini-music-recorder,.mini-stringles-card{
    width:104px!important;
    max-width:100%!important;
    height:160px!important;
    min-height:0!important;
    transform:none!important;
  }
  .mini-stringles-card{border-radius:15px!important;padding:8px!important}
  .mini-stringles-card .stringles-heart{font-size:19px!important;margin-bottom:5px!important}
  .mini-stringles-card strong{font-size:19px!important}
  .mini-stringles-card .stringles-sub{font-size:5px!important;margin-top:5px!important;letter-spacing:.08em!important}
  .mini-stringles-card .stringles-button{font-size:5.5px!important;margin-top:15px!important;padding:7px 7px!important;white-space:nowrap!important}
  .mini-launcher-copy strong{font-size:8px!important;letter-spacing:.03em!important}
  .mini-launcher-copy span{font-size:6.5px!important}
}

@media(max-width:360px){
  .mini-arcade-wrap{gap:4px!important}
  .mini-arcade-cabinet,.mini-music-recorder,.mini-stringles-card{width:96px!important;height:150px!important}
}