/* Layout: single dark "night arcade" world — aurora sky + sparkle canvas behind glass panels; hero with floating holo cards; binder as foil sleeves */
:root{
  color-scheme:dark;
  --night:#060a12; --night-2:#0c1422; --glass:rgba(255,255,255,.065); --glass-2:rgba(255,255,255,.11);
  --hair:rgba(255,255,255,.13); --fg:#eef3fa; --muted:#98a7bb; --dim:#5f6d82;
  --cyan:#38e1ff; --pink:#ff7a2e; --violet:#2f6bff; --gold:#ffc23d; --lime:#5dffa0;
  --t-fire:#ff6a3d; --t-water:#3d9bff; --t-grass:#3fd07a; --t-elec:#ffc93d; --t-psy:#6d7bff; --t-fight:#e0874a; --t-other:#8e98b8;
  --display:"Unbounded","Arial Black",system-ui,sans-serif; --body:"Manrope",system-ui,-apple-system,sans-serif;
  --r:18px;
}
*{box-sizing:border-box}
html{background:var(--night)}
body{background:var(--night);color:var(--fg);font-family:var(--body);font-size:15px;line-height:1.5;min-height:100vh;overflow-x:hidden;
  padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:18px 48px}
/* aurora sky */
.sky{position:fixed;inset:-20%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.75;
  background:
   radial-gradient(40% 35% at 20% 20%,rgba(47,107,255,.55),transparent 70%),
   radial-gradient(35% 30% at 85% 15%,rgba(255,122,46,.38),transparent 70%),
   radial-gradient(45% 40% at 70% 85%,rgba(56,225,255,.28),transparent 70%),
   radial-gradient(30% 30% at 10% 90%,rgba(93,255,160,.18),transparent 70%);
  animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{0%{transform:translate3d(0,0,0) rotate(0)}50%{transform:translate3d(4%,-3%,0) rotate(6deg)}100%{transform:translate3d(-3%,4%,0) rotate(-5deg)}}
#fx{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.wrap{position:relative;z-index:1;max-width:1040px;margin:0 auto;display:flex;flex-direction:column;gap:20px}
h1,h2,h3{font-family:var(--display);margin:0;text-wrap:balance;letter-spacing:-.01em}
button{font:inherit;cursor:pointer;color:inherit}
:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:10px}
.muted{color:var(--muted)}
.label{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:700}

/* glass */
.glass{background:linear-gradient(180deg,var(--glass-2),var(--glass));border:1px solid var(--hair);border-radius:var(--r);
  backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 50px -20px rgba(0,0,0,.6)}

/* glossy buttons */
.btn{position:relative;border:0;border-radius:999px;padding:10px 18px;font-weight:700;letter-spacing:.01em;color:#0b0820;overflow:hidden;
  background:linear-gradient(135deg,var(--cyan),var(--violet) 55%,var(--pink));
  box-shadow:0 0 0 1px rgba(255,255,255,.25) inset,0 8px 24px -8px rgba(47,107,255,.8),0 0 22px -4px rgba(56,225,255,.55);
  transition:transform .2s,box-shadow .2s,filter .2s}
.btn::before{content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:999px 999px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.05));opacity:.55;pointer-events:none}
.btn::after{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.65),transparent);transform:skewX(-20deg);transition:left .6s}
.btn:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 0 0 1px rgba(255,255,255,.35) inset,0 12px 30px -8px rgba(255,122,46,.7),0 0 30px -2px rgba(56,225,255,.7)}
.btn:hover::after{left:130%}
.btn:active{transform:translateY(0) scale(.98)}
.btn span{position:relative;z-index:1}
.btn.glassy{color:var(--fg);background:linear-gradient(180deg,rgba(255,255,255,.16),rgba(255,255,255,.05));box-shadow:0 0 0 1px var(--hair) inset,0 6px 18px -10px rgba(0,0,0,.6)}
.btn.glassy:hover{box-shadow:0 0 0 1px rgba(56,225,255,.5) inset,0 0 20px -6px rgba(56,225,255,.6)}
.btn.sm{padding:7px 13px;font-size:13px}
.btn[disabled]{opacity:.55;cursor:default;transform:none}

select,input[type=text]{background:rgba(10,7,32,.55);color:var(--fg);border:1px solid var(--hair);border-radius:12px;padding:10px 13px;font:inherit;min-width:0;max-width:100%}
input[type=text]:focus,select:focus{border-color:rgba(56,225,255,.6);box-shadow:0 0 18px -6px var(--cyan)}

/* top bar */
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.logo{width:44px;height:44px;border-radius:13px;position:relative;display:grid;place-items:center;font-family:var(--display);font-weight:800;font-size:14px;color:#0b0820;
  background:conic-gradient(from 200deg,var(--cyan),var(--violet),var(--pink),var(--gold),var(--cyan));box-shadow:0 0 24px -4px rgba(56,225,255,.7);animation:spinhue 8s linear infinite}
.logo::before{content:"";position:absolute;inset:2px;border-radius:11px;background:linear-gradient(160deg,#fff,#cfdcf0)}
.logo b{position:relative}
@keyframes spinhue{to{filter:hue-rotate(360deg)}}
.brand h1{font-size:17px}
.brand small{display:block;color:var(--muted);font-size:12px}
.who{display:flex;align-items:center;gap:8px;font-size:13px}
.avatar{width:32px;height:32px;border-radius:50%;flex:none;display:grid;place-items:center;font-weight:800;font-size:13px;color:#0b0820;box-shadow:0 0 14px -2px var(--a)}

/* hero */
.hero{padding:clamp(20px,4vw,36px);display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:center;overflow:hidden;position:relative}
@media (max-width:720px){.hero{grid-template-columns:1fr}}
.hero h2{font-size:clamp(28px,5.2vw,50px);line-height:1.02;font-weight:800}
.shine{background:linear-gradient(90deg,var(--cyan),var(--fg) 30%,var(--violet) 50%,var(--pink) 70%,var(--cyan));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:sheen 7s linear infinite;
  text-shadow:0 0 30px rgba(56,225,255,.15)}
@keyframes sheen{to{background-position:-250% 0}}
.hero p{margin:12px 0 18px;color:var(--muted);max-width:44ch}
.hero .row{gap:10px}
.kpis{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.kpi{padding:10px 14px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid var(--hair);min-width:96px}
.kpi b{display:block;font-family:var(--display);font-size:22px;font-variant-numeric:tabular-nums}
.kpi .label{font-size:10px}
/* floating card stage */
.stage{position:relative;height:clamp(220px,32vw,300px);perspective:900px}
.orbit{position:absolute;left:50%;top:50%;width:min(300px,80%);aspect-ratio:1;transform:translate(-50%,-50%) rotateX(70deg);border-radius:50%;
  border:1px solid rgba(56,225,255,.35);box-shadow:0 0 30px rgba(56,225,255,.35),inset 0 0 30px rgba(255,122,46,.25);animation:orbit 10s linear infinite}
.orbit::after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:var(--cyan);top:-5px;left:50%;box-shadow:0 0 14px 3px var(--cyan)}
@keyframes orbit{to{transform:translate(-50%,-50%) rotateX(70deg) rotateZ(360deg)}}
.float{position:absolute;width:clamp(96px,13vw,128px);top:50%;left:50%}
.float .slot{width:100%}
.f1{transform:translate(-125%,-55%) rotate(-14deg);animation:bob 6s ease-in-out infinite}
.f2{transform:translate(-50%,-62%) rotate(2deg);animation:bob 6s ease-in-out -2s infinite;z-index:2}
.f3{transform:translate(25%,-50%) rotate(15deg);animation:bob 6s ease-in-out -4s infinite}
@keyframes bob{50%{margin-top:-14px}}

/* tabs */
.tabs{display:flex;gap:4px;padding:5px;border-radius:999px;overflow-x:auto;scrollbar-width:none;position:relative}
.tabs::-webkit-scrollbar{display:none}
.tab{position:relative;z-index:1;flex:1 0 auto;border:0;background:transparent;color:var(--muted);padding:10px 16px;border-radius:999px;font-weight:700;white-space:nowrap;transition:color .25s}
.tab[aria-selected="true"]{color:#0b0820}
.tab-glow{position:absolute;z-index:0;top:5px;bottom:5px;border-radius:999px;background:linear-gradient(135deg,var(--cyan),var(--violet) 60%,var(--pink));
  box-shadow:0 0 22px -2px rgba(56,225,255,.6);transition:left .35s cubic-bezier(.3,1.4,.5,1),width .35s cubic-bezier(.3,1.4,.5,1)}
.tab-glow::before{content:"";position:absolute;inset:1px 1px 50% 1px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.6),transparent)}

.panel{padding:clamp(16px,3vw,24px);display:flex;flex-direction:column;gap:18px;animation:rise .45s ease both}
@keyframes rise{from{opacity:.001;transform:translateY(10px)}}
.row{display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.spacer{flex:1}
.chip{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);border:1px solid var(--hair);border-radius:999px;padding:5px 11px;font-size:12px;font-weight:600}
.chip i{width:7px;height:7px;border-radius:50%;background:var(--c);box-shadow:0 0 8px var(--c)}

/* progress ring */
.progress-wrap{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.ring{--p:0;width:96px;height:96px;border-radius:50%;flex:none;display:grid;place-items:center;position:relative;
  background:conic-gradient(var(--lime) calc(var(--p)*1%),rgba(255,255,255,.08) 0);box-shadow:0 0 26px -6px var(--lime)}
.ring::before{content:"";position:absolute;inset:8px;border-radius:50%;background:var(--night-2)}
.ring b{position:relative;font-family:var(--display);font-size:20px;font-variant-numeric:tabular-nums}
.stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;flex:1;min-width:240px}
.stat{padding:10px 12px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid var(--hair)}
.stat b{font-family:var(--display);font-size:20px;display:block;font-variant-numeric:tabular-nums}

/* binder */
.binder{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:18px}
.page{padding:14px;border-radius:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;position:relative;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border:1px solid var(--hair);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.page::after{content:"";position:absolute;left:-1px;top:20px;bottom:20px;width:4px;background:repeating-linear-gradient(to bottom,transparent 0 28px,rgba(56,225,255,.5) 28px 36px);border-radius:4px;filter:drop-shadow(0 0 4px var(--cyan))}
.pager{display:flex;align-items:center;gap:12px;justify-content:center;font-variant-numeric:tabular-nums}

.slot{aspect-ratio:63/88;max-width:100%;width:100%;border-radius:10px;position:relative;border:0;padding:0;background:transparent;text-align:left;perspective:600px;display:block}
.slot.empty{border:1px dashed rgba(152,167,187,.35);display:grid;place-items:center;color:var(--dim);font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;
  background:radial-gradient(circle at 50% 40%,rgba(47,107,255,.12),transparent 70%)}
.slot.empty::before{content:"";width:28%;aspect-ratio:1;border-radius:50%;border:1px dashed rgba(152,167,187,.35);position:absolute;top:34%}
.slot.empty span{position:absolute;bottom:10%}
.card{position:absolute;inset:0;border-radius:10px;display:flex;flex-direction:column;padding:7px;color:#fff;overflow:hidden;
  background:radial-gradient(120% 80% at 50% 0%,color-mix(in srgb,var(--c) 85%,#fff 15%),var(--c) 45%,color-mix(in srgb,var(--c) 40%,#08051a));
  box-shadow:0 0 0 1px rgba(255,255,255,.22) inset,0 10px 22px -10px var(--c),0 0 16px -6px var(--c);
  transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s ease-out,box-shadow .25s;transform-style:preserve-3d}
.card::before{content:"";position:absolute;inset:0;pointer-events:none;mix-blend-mode:color-dodge;opacity:.45;
  background:linear-gradient(115deg,transparent 20%,#ffb07a 35%,#7eeaff 45%,#ffe08a 55%,#8fb4ff 62%,transparent 78%);background-size:250% 250%;
  background-position:var(--mx,50%) var(--my,50%);transition:background-position .2s}
.card::after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx,30%) var(--my,20%),rgba(255,255,255,.35),transparent 45%)}
.slot:hover .card{box-shadow:0 0 0 1px rgba(255,255,255,.4) inset,0 16px 30px -10px var(--c),0 0 30px -4px var(--c)}
.card .nm{font-family:var(--display);font-weight:700;font-size:clamp(8px,2.2vw,11px);line-height:1.1;position:relative;z-index:1;text-shadow:0 1px 6px rgba(0,0,0,.4)}
.card .art{flex:1;margin:5px 0;border-radius:6px;display:grid;place-items:center;position:relative;z-index:1;
  background:radial-gradient(circle at 50% 45%,rgba(255,255,255,.35),rgba(255,255,255,.06) 60%),linear-gradient(160deg,rgba(255,255,255,.15),rgba(0,0,0,.15));
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.card .art svg{width:46%;height:auto;filter:drop-shadow(0 0 6px rgba(255,255,255,.8));animation:pulse 3.4s ease-in-out infinite}
@keyframes pulse{50%{transform:scale(1.08);filter:drop-shadow(0 0 12px rgba(255,255,255,1))}}
.card .ft{display:flex;justify-content:space-between;font-size:8.5px;font-weight:700;font-variant-numeric:tabular-nums;position:relative;z-index:1;opacity:.95}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:10px;z-index:1}
.badge{position:absolute;top:5px;right:5px;z-index:3;background:linear-gradient(135deg,var(--gold),#ff9d5c);color:#2a1600;font-size:8px;font-weight:800;border-radius:99px;padding:2px 6px;box-shadow:0 0 10px -2px var(--gold)}

/* lists */
.list{display:flex;flex-direction:column;gap:10px}
.item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--hair);transition:background .2s,border-color .2s}
.item:hover{background:rgba(255,255,255,.08);border-color:rgba(56,225,255,.3)}
.item .mini{width:44px;flex:none;position:relative;aspect-ratio:63/88}
.item .mini .card{padding:3px}
.item .mini .card .nm,.item .mini .card .ft{display:none}
.item .mini .card .art{margin:0}
.item .txt{min-width:0;flex:1}
.item .txt b{display:block;overflow-wrap:anywhere}
.item .txt span{font-size:13px;color:var(--muted)}

.friends{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.friend{border:1px solid var(--hair);background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.02));border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;text-align:left;transition:transform .25s,box-shadow .25s,border-color .25s}
.friend:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--a) 60%,transparent);box-shadow:0 0 28px -8px var(--a)}
.friend .fan{display:flex;height:58px}
.friend .fan .slot{width:40px;margin-right:-14px;transition:transform .3s}
.friend:hover .fan .slot:nth-child(1){transform:rotate(-10deg) translateY(-3px)}
.friend:hover .fan .slot:nth-child(3){transform:rotate(10deg) translateY(-3px)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}
@media (max-width:680px){.split{grid-template-columns:1fr}}
.match{border-color:rgba(93,255,160,.35);background:linear-gradient(90deg,rgba(93,255,160,.1),rgba(255,255,255,.03))}
.spark{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime);animation:blink 1.6s ease-in-out infinite}
@keyframes blink{50%{opacity:.3}}

/* pack opening */
.pack-overlay{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,rgba(10,18,32,.75),rgba(5,3,16,.94));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  padding:max(16px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(16px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px))}
.pack-overlay[hidden]{display:none!important}
.pack-scene{position:relative;width:min(220px,58vw);aspect-ratio:63/88;display:grid;place-items:center}
.rays{position:absolute;inset:-70%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 10deg,rgba(56,225,255,.25) 10deg 14deg,transparent 14deg 30deg,rgba(255,122,46,.22) 30deg 34deg,transparent 34deg 50deg);
  -webkit-mask:radial-gradient(circle,#000 20%,transparent 65%);mask:radial-gradient(circle,#000 20%,transparent 65%);animation:spin 14s linear infinite;opacity:0;transition:opacity .5s}
.reveal .rays{opacity:1}
@keyframes spin{to{transform:rotate(360deg)}}
.pack{position:absolute;inset:-6% -4%;border-radius:12px;overflow:hidden;z-index:2;
  background:linear-gradient(135deg,#0b1830,#1a4bb0 40%,#ff7a2e 78%,#ffc23d);box-shadow:0 0 60px -10px var(--pink),inset 0 0 0 1px rgba(255,255,255,.3)}
.pack::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 25%,rgba(255,255,255,.55) 40%,transparent 55%);background-size:250% 100%;animation:sheen 2.4s linear infinite}
.pack .crimp{position:absolute;left:0;right:0;height:9%;background:repeating-linear-gradient(90deg,rgba(255,255,255,.35) 0 3px,rgba(255,255,255,.08) 3px 6px)}
.pack .crimp.t{top:0}.pack .crimp.b{bottom:0}
.pack .emblem{position:absolute;inset:0;display:grid;place-items:center;text-align:center;font-family:var(--display);font-weight:800;color:#fff;font-size:clamp(14px,4vw,20px);line-height:1.1;text-shadow:0 0 18px rgba(56,225,255,.9)}
.pack .emblem small{display:block;font-family:var(--body);font-size:11px;letter-spacing:.2em;opacity:.85;margin-top:6px}
.shake .pack{animation:shake .7s ease-in-out}
@keyframes shake{20%{transform:rotate(-3deg)}40%{transform:rotate(3deg)}60%{transform:rotate(-2deg)}80%{transform:rotate(2deg)}}
.tear .pack{animation:fly 0.8s cubic-bezier(.5,-0.3,.6,1) forwards}
@keyframes fly{to{transform:translateY(120%) rotate(8deg);opacity:0}}
.pull{position:absolute;inset:0;z-index:1;transform:translateY(10%) scale(.85) rotateY(180deg);transition:transform .9s cubic-bezier(.2,1.3,.4,1);transform-style:preserve-3d}
.reveal .pull{transform:translateY(0) scale(1) rotateY(0)}
.pull .slot{width:100%;height:100%}
.pack-caption{position:absolute;left:0;right:0;bottom:calc(-26% - 30px);text-align:center;opacity:0;transition:opacity .4s .5s}
.reveal .pack-caption{opacity:1}
.pack-caption h3{font-size:clamp(16px,4vw,20px)}

.toast{position:fixed;z-index:60;left:50%;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:translate(-50%,20px);padding:11px 18px;border-radius:999px;font-weight:700;font-size:14px;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;
  background:rgba(10,18,32,.85);border:1px solid rgba(56,225,255,.45);box-shadow:0 0 24px -6px var(--cyan);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.toast.on{opacity:1;transform:translate(-50%,0)}
.foot{font-size:12px;color:var(--dim);text-align:center;max-width:640px;margin:6px auto 0}
.note{font-size:12.5px;color:var(--muted);display:flex;gap:8px;align-items:flex-start;padding:10px 14px;border-radius:14px;background:rgba(56,225,255,.06);border:1px solid rgba(56,225,255,.2)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
/* ---- live site additions ---- */
.tab{text-decoration:none;display:inline-block}
.tab.active{color:#06101e;background:linear-gradient(135deg,var(--cyan),var(--violet) 60%,var(--pink));box-shadow:0 0 22px -2px rgba(56,225,255,.6)}
a{color:var(--cyan)}
a.btn{text-decoration:none;display:inline-block}
.who a{color:var(--muted)}
.flash{padding:11px 16px;border-radius:14px;font-weight:600;border:1px solid rgba(93,255,160,.4);background:rgba(93,255,160,.08)}
.flash.err{border-color:rgba(255,122,46,.55);background:rgba(255,122,46,.1)}
.form{display:flex;flex-direction:column;gap:14px;max-width:440px}
.form label{display:flex;flex-direction:column;gap:5px}
input[type=email],input[type=password],input[type=search],input[type=number]{background:rgba(6,10,18,.55);color:var(--fg);border:1px solid var(--hair);border-radius:12px;padding:10px 13px;font:inherit;min-width:0;max-width:100%}
input[type=file]{color:var(--muted);max-width:100%}
.auth{max-width:460px;margin:6vh auto 0;width:100%}
.subtabs{display:flex;gap:6px;flex-wrap:wrap}
.subtabs a{padding:7px 14px;border-radius:999px;border:1px solid var(--hair);color:var(--muted);text-decoration:none;font-weight:700;font-size:13px}
.subtabs a.on{color:#06101e;background:var(--cyan);border-color:transparent}
.results{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:14px}
.result{display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid var(--hair)}
.result .slot{width:100%}
.result b{font-size:13px;line-height:1.25;overflow-wrap:anywhere}
.result small{color:var(--muted);font-size:11.5px}
.result form{display:flex;gap:6px;flex-wrap:wrap}
.card.has-img{padding:0;background:#0c1422}
.card.has-img img{z-index:0}
a.slot{text-decoration:none;color:inherit}
.detail{display:grid;grid-template-columns:minmax(0,280px) 1fr;gap:24px;align-items:start}
@media (max-width:640px){.detail{grid-template-columns:1fr}.detail .slot{max-width:260px;margin:0 auto}}
.kv{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px}
.kv dt{color:var(--muted)}.kv dd{margin:0}
.danger{color:#ffb38a}
.copy{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.copy input{flex:1 1 260px}