:root{
  color-scheme:dark;
  --scene-w:1536;
  --scene-h:1024;
  --font-ui: Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif;
}
*{box-sizing:border-box}
html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#290a49}
body{font-family:Arial,Helvetica,sans-serif;user-select:none;-webkit-tap-highlight-color:transparent}
button,a{font:inherit}
.viewport{position:relative;width:100vw;height:100dvh;overflow:hidden;background:#290a49}
.scene{
  position:absolute;
  width:1536px;height:1024px;
  transform-origin:0 0;
  background:url("assets/scene.png") center/100% 100% no-repeat;
  overflow:hidden;
  will-change:transform;
}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Exact interactive replacement for the generated CA bar */
.ca-shell{
  position:absolute;left:382px;top:777px;width:774px;height:84px;
  display:flex;align-items:center;gap:13px;padding:10px 17px 10px 27px;
  border:3px solid #ff5a2f;border-radius:42px;
  background:linear-gradient(180deg,rgba(20,3,13,.97),rgba(2,2,5,.97));
  box-shadow:0 0 8px #ff3b1f,0 0 21px rgba(255,47,24,.75),inset 0 0 15px rgba(255,84,34,.2);
  z-index:4;
}
.ca-label{
  flex:none;color:#ffd629;font-family:var(--font-ui);font-size:31px;font-weight:900;letter-spacing:.5px;
  text-shadow:2px 2px 0 #111,0 0 8px #ff8b00;
}
.ca-value{
  min-width:0;flex:1;height:52px;border:0;border-radius:28px;padding:0 18px;
  color:#fff;background:linear-gradient(180deg,#141414,#050505);
  font-size:21px;font-weight:800;letter-spacing:.2px;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  box-shadow:inset 0 1px 8px rgba(255,255,255,.05);cursor:pointer;
  transition:transform .14s ease,filter .14s ease,box-shadow .14s ease;
}
.ca-value:hover{filter:brightness(1.2);box-shadow:inset 0 1px 8px rgba(255,255,255,.08),0 0 14px rgba(255,165,0,.25)}
.ca-value:active{transform:scale(.99)}
.copy-button{
  flex:none;height:52px;min-width:148px;border:2px solid #ffeb32;border-radius:28px;padding:0 21px;
  display:flex;align-items:center;justify-content:center;gap:11px;color:#111;background:linear-gradient(180deg,#ffd33d 0%,#ffb000 100%);
  font-family:var(--font-ui);font-size:22px;font-weight:900;letter-spacing:.6px;cursor:pointer;
  box-shadow:0 0 10px rgba(255,220,20,.9),inset 0 2px 0 rgba(255,255,255,.45),inset 0 -3px 0 rgba(142,70,0,.28);
  transition:transform .13s ease,filter .13s ease,box-shadow .13s ease;
}
.copy-button svg{width:25px;height:25px;fill:currentColor}
.copy-button:hover{transform:translateY(-2px) scale(1.02);filter:saturate(1.12) brightness(1.08);box-shadow:0 0 16px rgba(255,226,33,1),0 6px 16px rgba(0,0,0,.28),inset 0 2px 0 rgba(255,255,255,.55)}
.copy-button:active{transform:translateY(1px) scale(.98)}

.button-row{
  position:absolute;left:251px;top:865px;width:1035px;height:89px;z-index:5;
  display:grid;grid-template-columns:244px 244px 244px 244px;gap:14px;align-items:center;
}
.action{
  position:relative;height:86px;border-radius:29px;border:3px solid rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:center;gap:18px;overflow:hidden;text-decoration:none;color:#fff;
  font-family:var(--font-ui);font-size:28px;font-weight:900;letter-spacing:.45px;text-shadow:2px 3px 0 rgba(0,0,0,.85);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.34),inset 0 -6px 12px rgba(0,0,0,.26),0 9px 0 rgba(4,17,30,.82),0 12px 17px rgba(0,0,0,.45);
  cursor:pointer;transform:translateY(0);transition:transform .13s ease,filter .13s ease,box-shadow .13s ease;
}
.action::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent 36%,rgba(0,0,0,.10));pointer-events:none}
.action:hover{transform:translateY(-6px) scale(1.025);filter:brightness(1.14) saturate(1.14);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -6px 12px rgba(0,0,0,.23),0 10px 0 rgba(4,17,30,.82),0 18px 28px rgba(0,0,0,.48)}
.action:active{transform:translateY(5px) scale(.98);box-shadow:inset 0 2px 8px rgba(0,0,0,.27),0 3px 0 rgba(4,17,30,.9),0 8px 13px rgba(0,0,0,.38)}
.action:focus-visible,.ca-value:focus-visible,.copy-button:focus-visible,.bottom-links button:focus-visible,.modal-close:focus-visible{outline:4px solid #fff;outline-offset:4px}
.action-pump{background:linear-gradient(180deg,#41e461 0%,#0db22f 62%,#058b27 100%);border-color:#d2ffe1;box-shadow:0 0 8px #24ff6a,0 0 25px rgba(0,255,90,.7),inset 0 2px 0 rgba(255,255,255,.35),inset 0 -6px 12px rgba(0,50,0,.25),0 9px 0 #035e19}
.action-dex{background:linear-gradient(180deg,#ffb52e 0%,#ff7e13 55%,#e94a08 100%);border-color:#fff1c8;box-shadow:0 0 8px #ff9e1b,0 0 25px rgba(255,105,0,.7),inset 0 2px 0 rgba(255,255,255,.36),inset 0 -6px 12px rgba(80,25,0,.23),0 9px 0 #873104}
.action-telegram{background:linear-gradient(180deg,#36c6ff 0%,#0a8bdc 58%,#0879ba 100%);border-color:#dcf8ff;box-shadow:0 0 8px #15c8ff,0 0 25px rgba(0,174,255,.75),inset 0 2px 0 rgba(255,255,255,.36),inset 0 -6px 12px rgba(0,35,80,.23),0 9px 0 #07568b}
.action-x{background:linear-gradient(180deg,#2d2d2d 0%,#111 52%,#020202 100%);border-color:#d9f8ff;box-shadow:0 0 8px rgba(255,255,255,.52),0 0 22px rgba(92,221,255,.25),inset 0 2px 0 rgba(255,255,255,.25),inset 0 -6px 12px rgba(0,0,0,.4),0 9px 0 #000}
.action-icon{position:relative;z-index:1;width:44px;height:44px;display:grid;place-items:center;flex:none;font-family:Arial,sans-serif;font-weight:900;text-shadow:none}
.pill-icon{font-size:52px;transform:rotate(-42deg);color:#d6ffdc;-webkit-text-stroke:2px #003b25;text-shadow:0 0 3px #000}
.dex-icon{font-size:47px;line-height:1}
.telegram-icon{fill:#fff;width:43px;height:43px;filter:drop-shadow(2px 2px 0 rgba(0,0,0,.45))}
.x-icon{font-size:47px;font-weight:500}
.action>span:not(.ripple),.action>svg{z-index:2}
.ripple{position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,.66);transform:translate(-50%,-50%) scale(0);pointer-events:none;opacity:0}
.action.rippling .ripple{animation:ripple .55s ease-out}
@keyframes ripple{0%{transform:translate(var(--rx),var(--ry)) scale(0);opacity:.75}100%{transform:translate(var(--rx),var(--ry)) scale(18);opacity:0}}

.bottom-links{
  position:absolute;left:612px;top:970px;width:312px;height:42px;z-index:6;
  display:flex;align-items:center;justify-content:center;gap:25px;
  color:#ffd628;font-family:var(--font-ui);font-size:23px;font-weight:900;text-shadow:2px 2px 0 #111,0 0 6px #ff7b00;
}
.bottom-links button{border:0;padding:4px 0;color:inherit;background:transparent;font:inherit;text-shadow:inherit;cursor:pointer;transition:transform .12s ease,filter .12s ease}
.bottom-links button:hover{transform:translateY(-2px) scale(1.07);filter:brightness(1.2)}
.bottom-links button:active{transform:translateY(1px) scale(.98)}

.toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%,24px);z-index:40;padding:12px 18px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(10,5,18,.85);backdrop-filter:blur(14px);color:#fff;font-weight:800;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;box-shadow:0 10px 35px rgba(0,0,0,.35)}
.toast.show{opacity:1;transform:translate(-50%,0)}
.modal-backdrop[hidden]{display:none}
.modal-backdrop{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px;background:rgba(10,2,24,.69);backdrop-filter:blur(10px)}
.modal-card{position:relative;width:min(720px,92vw);max-height:min(78vh,760px);overflow:auto;padding:34px;border:2px solid #ff45a8;border-radius:28px;background:linear-gradient(145deg,rgba(43,12,65,.97),rgba(14,7,30,.98));color:#fff;box-shadow:0 0 18px rgba(255,28,156,.6),0 30px 80px rgba(0,0,0,.5)}
.modal-card h2{margin:0 50px 20px 0;color:#ffda20;font-family:var(--font-ui);font-size:42px;letter-spacing:1px;text-shadow:3px 3px 0 #f30873,0 0 12px #ff6a00}
.modal-card p{font-size:17px;line-height:1.55;color:#f3edf6}
.modal-card details{border:1px solid rgba(255,255,255,.16);border-radius:15px;background:rgba(0,0,0,.18);margin:10px 0;padding:0 17px}
.modal-card summary{cursor:pointer;font-size:18px;font-weight:800;padding:15px 0;color:#fff}
.modal-card details p{margin:0 0 17px}
.modal-close{position:absolute;right:20px;top:17px;width:44px;height:44px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(255,255,255,.08);color:#fff;font-size:31px;line-height:1;cursor:pointer;transition:transform .12s ease,background .12s ease}
.modal-close:hover{transform:rotate(8deg) scale(1.08);background:rgba(255,255,255,.15)}

@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}