/* ===== Free Pack Rips simulator v6 =====
   Patterns borrowed from the market leaders:
   - Courtyard: centered pack hero with slabs fanned behind, Distribution grid, "Just pulled" strip, Heavy hitters
   - Phygitals: pick-a-pack, face-down slab "Tap to reveal", staggered attribute reveal, rarity tape banner, slabbed result
   - Rips by Triumph: tier-colored glow before the reveal, Sell / Keep, one pack at a time */

.simtop{display:flex;flex-direction:column;gap:14px;padding-top:14px;padding-bottom:40px}
.simhead{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:8px 24px}
.simhead .crumbs{margin:0 0 4px;width:100%}
.simhead h1{font-size:clamp(26px,2.6vw,36px);line-height:1.05;letter-spacing:-.025em;margin:0;font-weight:800}
.simhead .note{margin:0;font-size:13.5px}
.simbelow{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;margin-top:26px}
.simbelow h3{font-size:22px;margin:0 0 10px}
.simbelow p,.simbelow li{color:var(--muted)}
.simbelow ol{padding-left:20px;margin:0 0 16px}.simbelow li{margin-bottom:8px}.simbelow b{color:var(--text)}
@media (max-width:860px){.simbelow{grid-template-columns:1fr;gap:10px}}
body:has(#sx) .tabs{display:none}
@media (max-width:860px){body:has(#sx){padding-bottom:0}}

/* ---------- app shell ---------- */
.fx{--h:clamp(540px,calc(100svh - 73px - 116px),860px);--bd:rgba(255,255,255,.09);--pc:#9b6bff;--acc:#ff5419;
  position:relative;height:var(--h);border-radius:26px;overflow:hidden;isolation:isolate;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;
  background:radial-gradient(900px 520px at 32% 38%,color-mix(in srgb,var(--pc) 22%,transparent),transparent 65%),linear-gradient(180deg,#0e1417,#080b0d);
  box-shadow:0 0 0 1px var(--bd),0 40px 100px -40px rgba(0,0,0,.9);transition:background .5s}
.fx button{font-family:inherit;color:inherit}
.fx-app{position:absolute;inset:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto}
.fx-top{display:flex;align-items:center;gap:10px;padding:14px 16px 10px;z-index:5}
.fx-cat{all:unset;cursor:pointer;display:flex;align-items:center;gap:8px;height:40px;padding:0 14px 0 12px;border-radius:999px;background:rgba(255,255,255,.07);font-weight:700;font-size:15px;white-space:nowrap}
.fx-cat svg{width:14px;height:14px;opacity:.7}
.fx-seg{display:flex;gap:2px;padding:3px;border-radius:999px;background:rgba(255,255,255,.06)}
.fx-seg button{all:unset;cursor:pointer;padding:7px 14px;border-radius:999px;font-size:13.5px;font-weight:650;color:rgba(255,255,255,.62);white-space:nowrap}
.fx-seg button[aria-selected="true"],.fx-seg button[aria-pressed="true"]{background:#fff;color:#0b0e10}
.fx-sp{flex:1}
.fx-ic{all:unset;cursor:pointer;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.07);color:rgba(255,255,255,.75)}
.fx-ic svg{width:18px;height:18px}.fx-ic[aria-pressed="true"]{background:#fde68a;color:#3a2a00}
.fx-bal{position:relative;display:flex;align-items:center;height:40px;border-radius:999px;background:#0b1012;box-shadow:inset 0 0 0 1.5px rgba(52,227,160,.5)}
.fx-bal span{padding:0 10px 0 14px;font-weight:800;font-size:15px;white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-bal button{all:unset;cursor:pointer;width:40px;height:40px;display:grid;place-items:center;border-radius:0 999px 999px 0;background:linear-gradient(180deg,#34e3a0,#18a56d);color:#05120c;font-weight:900;font-size:20px}
.fx-delta{position:absolute;right:44px;top:44px;font-style:normal;font-weight:800;font-size:13px;opacity:0;white-space:nowrap;pointer-events:none}
.fx-delta.go{animation:fxd 1.6s ease-out}
@keyframes fxd{0%{opacity:0;transform:translateY(-6px)}15%,70%{opacity:1;transform:none}100%{opacity:0}}

.fx-main{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 372px;min-height:0}
.fx-col{position:relative;min-height:0;display:flex;flex-direction:column}
.fx-view[hidden],.fx-stage[hidden]{display:none!important}

/* ---------- stage ---------- */
.fx-stage{flex:1;min-height:0;display:flex;flex-direction:column}
.fx-hero{position:relative;flex:1;min-height:0;display:grid;place-items:center;container-type:size}
.fx-hero .bs{position:absolute;top:50%;left:50%;width:min(30cqh,190px);aspect-ratio:5/8;opacity:.42;filter:blur(1px) saturate(.9);transition:transform .6s cubic-bezier(.2,.8,.2,1),opacity .4s}
.fx-hero .bs.l{transform:translate(-138%,-46%) rotate(-12deg)}.fx-hero .bs.r{transform:translate(38%,-46%) rotate(12deg)}
.fx-hero .pkw{position:relative;z-index:2;animation:fxfloat 5s ease-in-out infinite;cursor:pointer}
.fx-hero .pk{--w:min(40cqh,250px)}
@keyframes fxfloat{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
.fx-hero.swap .pkw{animation:fxswap .45s cubic-bezier(.2,.8,.2,1)}
@keyframes fxswap{0%{opacity:0;transform:translateY(16px) scale(.94)}100%{opacity:1;transform:none}}
.fx-arr{all:unset;cursor:pointer;position:absolute;top:50%;z-index:3;width:46px;height:46px;margin-top:-23px;border-radius:50%;display:grid;place-items:center;background:rgba(12,17,19,.75);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.2);backdrop-filter:blur(6px)}
.fx-arr svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.fx-arr.l{left:16px}.fx-arr.r{right:16px}.fx-arr:disabled{opacity:0;pointer-events:none}
.fx-arr:hover{background:rgba(255,255,255,.14)}
.fx-chips{display:flex;justify-content:center;gap:8px;padding:6px 16px 14px;flex-wrap:nowrap}
.fx-chips button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1px;min-width:62px;padding:7px 10px;border-radius:14px;background:rgba(255,255,255,.05);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);transition:all .2s}
.fx-chips b{font-size:15px;font-weight:800;white-space:nowrap}
.fx-chips small{font-size:10.5px;font-weight:650;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}
.fx-chips button[aria-selected="true"]{background:color-mix(in srgb,var(--c) 26%,#111);box-shadow:inset 0 0 0 2px var(--c),0 8px 24px -10px var(--c)}
.fx-chips button[aria-selected="true"] small{color:#fff}

/* recent pulls strip */
.fx-feed{display:flex;align-items:center;gap:10px;padding:10px 16px 14px;border-top:1px solid var(--bd);min-height:0;overflow:hidden}
.fx-feed h4{margin:0;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.55);white-space:nowrap;display:flex;align-items:center;gap:6px}
.fx-feed h4 i{width:7px;height:7px;border-radius:50%;background:#34e3a0;box-shadow:0 0 8px #34e3a0}
.fx-feed .row{display:flex;gap:8px;overflow:hidden;flex:1;mask-image:linear-gradient(90deg,#000 85%,transparent)}
.fx-feed .it{flex:none;display:flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:12px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 45%,transparent)}
.fx-feed .it img{width:26px;height:36px;object-fit:contain;border-radius:3px;background:#0d1214}
.fx-feed .it b{font-size:12.5px;color:var(--tc);white-space:nowrap}
.fx-feed .it span{font-size:11.5px;color:rgba(255,255,255,.7);max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-feed .em{font-size:12.5px;color:rgba(255,255,255,.45);white-space:nowrap}
.fx-feed .it.new{animation:fxin .5s cubic-bezier(.2,.8,.2,1)}
@keyframes fxin{from{opacity:0;transform:translateX(-14px)}}

/* ---------- panel ---------- */
.fx-panel{display:flex;flex-direction:column;gap:10px;padding:6px 18px 16px;border-left:1px solid var(--bd);min-height:0;overflow:hidden}
.fx-ph{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.fx-ph h3{margin:0;font-size:24px;font-weight:800;letter-spacing:-.02em;white-space:nowrap}
.fx-ph b{font-size:24px;font-weight:800;color:var(--c,#fff);white-space:nowrap}
.fx-kpis{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.fx-kpis div{padding:10px 10px 9px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--bd)}
.fx-kpis small{display:block;font-size:11px;font-weight:650;color:rgba(255,255,255,.55);white-space:nowrap}
.fx-kpis b{display:block;font-size:18px;font-weight:800;margin-top:2px;white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-kpis .g{color:#34e3a0}
.fx-lab{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.55)}
.fx-lab button{all:unset;cursor:pointer;text-transform:none;letter-spacing:0;font-size:12.5px;color:rgba(255,255,255,.8);text-decoration:underline;text-underline-offset:3px}
.fx-bar{display:flex;height:10px;border-radius:999px;overflow:hidden;gap:2px;margin-top:8px}
.fx-bar i{display:block;transition:flex .4s}
.fx-dist{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:8px}
.fx-dist div{padding:7px 8px;border-radius:11px;background:rgba(255,255,255,.035);box-shadow:inset 0 2px 0 var(--tc)}
.fx-dist small{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--tc);white-space:nowrap}
.fx-dist b{display:block;font-size:16px;font-weight:800;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}
.fx-dist span{font-size:10.5px;color:rgba(255,255,255,.55);white-space:nowrap}
.fx-risk{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;border-radius:14px;background:rgba(255,255,255,.05);margin-top:8px}
.fx-risk button{all:unset;cursor:pointer;text-align:center;padding:8px 4px;border-radius:10px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.62)}
.fx-risk button[aria-pressed="true"]{background:#fff;color:#0b0e10}
.fx-open{all:unset;flex:none;cursor:pointer;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:10px;height:58px;border-radius:18px;font-size:18px;font-weight:800;color:#fff;white-space:nowrap;
  background:linear-gradient(180deg,color-mix(in srgb,var(--c) 82%,#fff),var(--c) 45%,color-mix(in srgb,var(--c) 60%,#000));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 14px 34px -12px var(--c);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:transform .1s,filter .2s}
.fx-open:hover{filter:brightness(1.08)}.fx-open:active{transform:scale(.98)}
.fx-open[aria-disabled="true"]{filter:grayscale(.7) brightness(.6)}
.fx-open kbd{font:inherit;font-size:11px;font-weight:700;padding:2px 6px;border-radius:6px;background:rgba(0,0,0,.25);opacity:.8}
.fx-hh{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:8px}
.fx-hh button{all:unset;cursor:pointer;display:flex;flex-direction:column;gap:4px;align-items:center;min-width:0}
.fx-hh b{font-size:12.5px;color:#34e3a0;white-space:nowrap}
.fx-fine{font-size:11px;color:rgba(255,255,255,.4);line-height:1.4;margin:auto 0 0}

/* ---------- pack ---------- */
.pk{position:relative;width:var(--w,200px);aspect-ratio:10/15;filter:drop-shadow(0 28px 36px rgba(0,0,0,.55))}
.pk .b{position:absolute;inset:3.2% 0;border-radius:4px;overflow:hidden;background:
  linear-gradient(115deg,rgba(255,255,255,.0) 30%,rgba(255,255,255,.28) 42%,rgba(255,255,255,0) 55%),
  radial-gradient(120% 70% at 50% 42%,color-mix(in srgb,var(--pc) 55%,#fff) 0%,var(--pc) 38%,color-mix(in srgb,var(--pc) 45%,#05080a) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.18),inset 6px 0 14px rgba(0,0,0,.25),inset -6px 0 14px rgba(0,0,0,.25)}
.pk .b::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0 9%,rgba(255,255,255,.05) 9% 9.6%)}
.pk .cr{position:absolute;left:-1.5%;right:-1.5%;height:6%;z-index:3;border-radius:2px;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.55) 0 1.4%,rgba(0,0,0,.28) 1.4% 3%),linear-gradient(180deg,color-mix(in srgb,var(--pc) 60%,#fff),color-mix(in srgb,var(--pc) 70%,#000))}
.pk .cr.t{top:0}.pk .cr.bt{bottom:0}
.pk .brand{position:absolute;left:0;right:0;top:12%;z-index:2;display:flex;justify-content:center;align-items:center;gap:6%;font:400 calc(var(--w,200px)*.052)/1 "Michroma",sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.4)}
.pk .brand svg{width:calc(var(--w,200px)*.07);height:calc(var(--w,200px)*.08)}
.pk .emb{position:absolute;left:50%;top:47%;width:48%;aspect-ratio:1;transform:translate(-50%,-50%);z-index:2;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.55),rgba(255,255,255,.08) 55%,rgba(0,0,0,.25));box-shadow:0 0 0 calc(var(--w,200px)*.012) rgba(255,255,255,.75),0 calc(var(--w,200px)*.04) calc(var(--w,200px)*.08) rgba(0,0,0,.35)}
.pk .emb b{font:900 calc(var(--w,200px)*.15)/1 Inter,sans-serif;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25),0 0 calc(var(--w,200px)*.08) color-mix(in srgb,var(--pc) 70%,#fff)}
.pk .nm{position:absolute;left:0;right:0;bottom:17%;z-index:2;text-align:center;font:900 calc(var(--w,200px)*.105)/1 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25)}
.pk .ct{position:absolute;left:0;right:0;bottom:10.5%;z-index:2;text-align:center;font:700 calc(var(--w,200px)*.045)/1 Inter,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.85)}
.pk .sh{position:absolute;inset:3% 0;z-index:4;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.55) 48%,transparent 60%);background-size:260% 100%;animation:pksh 4.2s ease-in-out infinite}
@keyframes pksh{0%{background-position:130% 0}45%,100%{background-position:-60% 0}}

/* ---------- slab (graded-case presentation) ---------- */
.sb{--sw:200px;position:relative;width:var(--sw);aspect-ratio:var(--ar,63/108);border-radius:calc(var(--sw)*.05);transform-style:preserve-3d}
.sb .f,.sb .k{position:absolute;inset:0;border-radius:inherit;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden}
.sb .f{background:linear-gradient(160deg,rgba(255,255,255,.34),rgba(255,255,255,.1) 30%,rgba(255,255,255,.06) 70%,rgba(255,255,255,.22));
  box-shadow:inset 0 0 0 calc(var(--sw)*.012) rgba(255,255,255,.55),inset 0 0 calc(var(--sw)*.05) rgba(255,255,255,.18),0 0 0 1px rgba(0,0,0,.4);
  backdrop-filter:blur(2px);display:flex;flex-direction:column;padding:calc(var(--sw)*.045)}
.sb .lbl{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 6%;align-items:center;padding:calc(var(--sw)*.03) calc(var(--sw)*.04);border-radius:calc(var(--sw)*.02);
  background:linear-gradient(180deg,#fbfbf8,#e9ebe6);color:#14181b;box-shadow:inset 0 0 0 calc(var(--sw)*.012) var(--tc),0 1px 0 rgba(0,0,0,.25)}
.sb .lbl .s{grid-column:1;font:800 calc(var(--sw)*.04)/1.15 Inter,sans-serif;text-transform:uppercase;letter-spacing:.02em;color:#4a535a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb .lbl .n{grid-column:1;font:900 calc(var(--sw)*.056)/1.15 Inter,sans-serif;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sb .lbl .r{grid-column:2;grid-row:1/3;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:calc(var(--sw)*.012)}
.sb .lbl .r em{font:800 calc(var(--sw)*.04)/1 Inter,sans-serif;font-style:normal;color:#4a535a;white-space:nowrap}
.sb .lbl .r i{font:900 calc(var(--sw)*.034)/1 Inter,sans-serif;font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:var(--tc);padding:calc(var(--sw)*.012) calc(var(--sw)*.02);border-radius:calc(var(--sw)*.012);white-space:nowrap}
.sb .win{position:relative;flex:1;margin-top:calc(var(--sw)*.04);border-radius:calc(var(--sw)*.025);overflow:hidden;background:rgba(0,0,0,.28);box-shadow:inset 0 0 0 calc(var(--sw)*.008) rgba(255,255,255,.3)}
.sb .win img{position:absolute;inset:4%;width:92%;height:92%;object-fit:contain;-webkit-user-drag:none}
.sb.watch .win{background:radial-gradient(110% 80% at 50% 40%,#2f3b44,#141a1e 60%,#0a0e10)}
.sb.watch .win img{inset:7%;width:86%;height:86%;filter:drop-shadow(0 calc(var(--sw)*.03) calc(var(--sw)*.05) rgba(0,0,0,.65))}
.sb .hl{position:absolute;inset:0;pointer-events:none;mix-blend-mode:screen;opacity:0;background:linear-gradient(115deg,transparent 25%,rgba(255,0,200,.25) 38%,rgba(0,230,255,.3) 50%,rgba(255,245,0,.25) 62%,transparent 75%);background-size:260% 100%}
.sb.h .hl{opacity:.6;animation:hl 3.4s ease-in-out infinite}
@keyframes hl{0%,100%{background-position:0 0}50%{background-position:100% 0}}
.sb .k{transform:rotateY(180deg);display:flex;flex-direction:column;padding:calc(var(--sw)*.045);
  background:linear-gradient(160deg,rgba(255,255,255,.3),rgba(255,255,255,.08) 30%,rgba(255,255,255,.05) 70%,rgba(255,255,255,.2)),#0d1113;
  box-shadow:inset 0 0 0 calc(var(--sw)*.012) rgba(255,255,255,.5),0 0 0 1px rgba(0,0,0,.4)}
.sb .k .lbl{background:linear-gradient(180deg,#1c2327,#11171a);color:#fff;box-shadow:inset 0 0 0 calc(var(--sw)*.01) rgba(255,255,255,.18);display:flex;justify-content:space-between}
.sb .k .lbl b{font:400 calc(var(--sw)*.05)/1 "Michroma",sans-serif;letter-spacing:.12em}
.sb .k .lbl span{font:700 calc(var(--sw)*.036)/1 Inter,sans-serif;letter-spacing:.14em;color:rgba(255,255,255,.55)}
.sb .k .win{display:grid;place-items:center;background:repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 6%,transparent 6% 12%),radial-gradient(circle at 50% 45%,#1d262b,#0b0f11)}
.sb .k .win svg{width:34%;height:auto;opacity:.9}
.sb .gl{position:absolute;inset:-14%;z-index:-1;border-radius:30%;background:radial-gradient(closest-side,var(--glow,transparent),transparent);opacity:0;transition:opacity .6s,background .6s;filter:blur(6px)}
.sb.glow .gl{opacity:1;animation:gp 1.2s ease-in-out infinite}
@keyframes gp{50%{transform:scale(1.06)}}
.sb .shd{position:absolute;left:8%;right:8%;bottom:-7%;height:5%;border-radius:50%;background:radial-gradient(closest-side,rgba(0,0,0,.6),transparent);transform:translateZ(-1px)}

/* ---------- open overlay ---------- */
.fx-ov{position:absolute;inset:0;z-index:30;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .35s;
  background:radial-gradient(60% 55% at 50% 46%,color-mix(in srgb,var(--glow,#ffffff) 18%,transparent),transparent 70%),#05080a;container-type:size}
.fx-ov.on{opacity:1;pointer-events:auto}
.fx-ov::before{content:"";position:absolute;inset:0;opacity:.7;pointer-events:none;background-image:radial-gradient(1.2px 1.2px at 12% 22%,#fff8,transparent),radial-gradient(1px 1px at 72% 18%,#fff6,transparent),radial-gradient(1.4px 1.4px at 86% 66%,#fff7,transparent),radial-gradient(1px 1px at 28% 78%,#fff5,transparent),radial-gradient(1.2px 1.2px at 52% 88%,#fff6,transparent),radial-gradient(1px 1px at 6% 56%,#fff5,transparent)}
.fx-ov .tl{position:absolute;top:14px;left:16px;right:16px;display:flex;justify-content:space-between;align-items:center;z-index:6}
.fx-ov .msg{position:absolute;left:0;right:0;text-align:center;font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.6);z-index:5;pointer-events:none;transition:opacity .3s}
.fx-ov .msg.t{top:10%}.fx-ov .msg.b{bottom:7%}
.fx-pick{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:min(3cqw,26px);perspective:1200px}
.fx-pick .o{cursor:pointer;transition:transform .5s cubic-bezier(.2,.8,.2,1),opacity .35s,filter .3s;-webkit-box-reflect:below 4px linear-gradient(transparent 70%,rgba(255,255,255,.18))}
.fx-pick .o .pk{--w:min(24cqw,30cqh,200px)}
.fx-pick .o:nth-child(1){transform:rotateY(22deg) translateZ(-40px)}.fx-pick .o:nth-child(3){transform:rotateY(-22deg) translateZ(-40px)}
.fx-pick .o:hover{filter:brightness(1.12);transform:translateY(-10px)}
.fx-pick.shuf .o{animation:shuf .6s cubic-bezier(.4,0,.2,1)}
.fx-pick.shuf .o:nth-child(1){--dx:110%}.fx-pick.shuf .o:nth-child(3){--dx:-110%}
@keyframes shuf{50%{transform:translateX(var(--dx,0)) scale(.9)}}
.fx-pick.go .o{opacity:0;pointer-events:none;transform:scale(.8)}
.fx-pick.go .o.sel{opacity:1;transform:translateX(var(--dx,0)) scale(1.35);-webkit-box-reflect:none}
.fx-pick.go .o.sel .cr.t{transition:transform .55s cubic-bezier(.3,.6,.2,1) .35s,opacity .55s .35s}
.fx-pick.torn .o.sel .cr.t{transform:translate(70%,-300%) rotate(26deg);opacity:0}
.fx-pick.drop .o.sel{transform:translateX(var(--dx,0)) translateY(130%) scale(1.35);opacity:0;transition:transform .6s cubic-bezier(.5,0,.75,0),opacity .6s}
.fx-btn2{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:999px;background:rgba(255,255,255,.08);font-size:13.5px;font-weight:700}
.fx-btn2 svg{width:16px;height:16px}
.fx-ov .shufb{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);z-index:5}
.fx-streak{position:absolute;left:-10%;right:-10%;height:5px;z-index:6;top:var(--sy,35%);border-radius:50%;opacity:0;pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(160,210,255,.95) 30%,#fff 50%,rgba(255,190,110,.95) 70%,transparent);box-shadow:0 0 30px 10px rgba(140,200,255,.45)}
.fx-streak.go{animation:streak .65s ease-out forwards}
@keyframes streak{0%{opacity:0;transform:scaleX(0)}30%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.1)}}

.fx-reveal{position:absolute;inset:0;z-index:4;display:grid;place-items:center;perspective:1400px;pointer-events:none}
.fx-reveal .sb{--sw:min(36cqh,46cqw,300px);opacity:0;transform:translateY(40%) rotateY(180deg) scale(.85);transition:transform .7s cubic-bezier(.2,.9,.25,1.1),opacity .4s;pointer-events:auto;cursor:pointer}
.fx-reveal.up .sb{opacity:1;transform:rotateY(180deg)}
.fx-reveal.flip .sb{transform:rotateY(0deg);transition:transform .75s cubic-bezier(.3,1.35,.4,1)}
.fx-reveal.res .sb{transform:translateY(-19%) scale(.9) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.fx-reveal .shake{animation:shake .5s ease-in-out infinite}
@keyframes shake{0%,100%{translate:0 0}25%{translate:-2px 1px}75%{translate:2px -1px}}

.fx-attr{position:absolute;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.4cqh;pointer-events:none;background:rgba(3,5,6,.86);opacity:0;transition:opacity .3s}
.fx-attr.on{opacity:1}
.fx-attr div{text-align:center;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .35s cubic-bezier(.2,.8,.2,1)}
.fx-attr div.in{opacity:1;transform:none}
.fx-attr small{display:block;font-size:11px;font-weight:800;letter-spacing:.22em;text-transform:uppercase;color:rgba(255,255,255,.45);margin-bottom:6px}
.fx-attr b{display:block;font-size:min(5.2cqh,34px);font-weight:900;letter-spacing:-.02em;color:#fff;max-width:86cqw;line-height:1.1}
.fx-attr div.tier b{color:var(--tc);text-shadow:0 0 30px var(--tc)}

.fx-tape{position:absolute;left:-20%;right:-20%;top:46%;z-index:20;height:min(10cqh,72px);display:flex;align-items:center;overflow:hidden;background:var(--tc);transform:rotate(-7deg) scaleX(0);pointer-events:none;box-shadow:0 10px 40px rgba(0,0,0,.5)}
.fx-tape.go{animation:tape 1.5s cubic-bezier(.2,.9,.2,1) forwards}
@keyframes tape{0%{transform:rotate(-7deg) scaleX(0)}18%,80%{transform:rotate(-7deg) scaleX(1)}100%{transform:rotate(-7deg) scaleX(1);opacity:0}}
.fx-tape span{flex:none;white-space:nowrap;font:900 italic min(5.2cqh,40px)/1 Inter,sans-serif;letter-spacing:.02em;text-transform:uppercase;color:#fff;text-shadow:0 2px 0 rgba(0,0,0,.25);animation:tapes 1.5s linear}
@keyframes tapes{from{transform:translateX(0)}to{transform:translateX(-18%)}}

.fx-res{position:absolute;left:0;right:0;bottom:0;z-index:9;padding:0 18px 18px;display:flex;flex-direction:column;align-items:center;gap:8px;opacity:0;transform:translateY(20px);transition:opacity .35s,transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.fx-res.on{opacity:1;transform:none;pointer-events:auto}
.fx-res .meta{display:flex;align-items:center;gap:10px}
.fx-res .rtier{font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:5px 10px;border-radius:999px;color:#0b0e10;background:var(--tc)}
.fx-res .v{font-size:min(5.6cqh,38px);font-weight:900;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.fx-res .nm{font-size:15px;font-weight:700;max-width:92cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center}
.fx-res .pl{font-size:13px;font-weight:800}
.fx-act{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:8px;width:min(560px,100%);margin-top:4px}
.fx-act button{all:unset;cursor:pointer;box-sizing:border-box;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:15px;font-weight:800;white-space:nowrap;background:rgba(255,255,255,.08);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.fx-act .sell{background:linear-gradient(180deg,#22c381,#128157);box-shadow:inset 0 1px 0 rgba(255,255,255,.3)}
.fx-act .again{background:#fff;color:#0b0e10;box-shadow:0 10px 30px -10px rgba(255,255,255,.45)}.fx-act .again small{opacity:.6}
.fx-act button small{font-size:12px;font-weight:700;opacity:.85}

/* ---------- collection + stats ---------- */
.fx-view{flex:1;min-height:0;overflow:auto;padding:4px 16px 16px;scrollbar-width:thin}
.fx-vh{display:flex;justify-content:space-between;align-items:baseline;margin:2px 0 12px}
.fx-vh h3{margin:0;font-size:22px;font-weight:800}.fx-vh small{color:rgba(255,255,255,.55);font-size:13px;font-weight:650}
.fx-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:12px}
.fx-gc{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 6px 10px;border-radius:16px;background:rgba(255,255,255,.035);box-shadow:inset 0 0 0 1px rgba(255,255,255,.06);min-width:0}
.fx-gc:hover{background:rgba(255,255,255,.07)}
.fx-gc b{font-size:13.5px;color:#34e3a0}
.fx-gc small{font-size:11px;color:rgba(255,255,255,.65);max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-gc .sl{font-size:10.5px;font-weight:800;color:#fff;background:#128157;padding:3px 8px;border-radius:999px;opacity:0;transition:opacity .2s}
.fx-gc:hover .sl,.fx-gc:focus-visible .sl{opacity:1}
.fx-empty{color:rgba(255,255,255,.55);text-align:center;padding:50px 16px;font-size:14.5px}
.fx-st{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}
.fx-st div{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--bd)}
.fx-st small{display:block;font-size:11.5px;color:rgba(255,255,255,.55);font-weight:650}
.fx-st b{display:block;font-size:20px;font-weight:800;margin-top:3px;white-space:nowrap}
.fx-chart{padding:12px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px var(--bd);margin-bottom:12px}
.fx-chart small{font-size:12px;color:rgba(255,255,255,.65)}
.fx-chart svg{display:block;width:100%;height:120px;margin-top:8px}
.fx-best{display:grid;gap:8px;margin-bottom:12px}
.fx-best div{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:14px;background:rgba(255,255,255,.04);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--tc) 50%,transparent)}
.fx-best img{width:30px;height:42px;object-fit:contain;border-radius:3px;background:#0d1214}
.fx-best span{flex:1;font-weight:700;font-size:14px;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fx-best b{color:var(--tc);font-size:16px}
.fx-row2{display:flex;gap:8px;flex-wrap:wrap}

/* ---------- sheets + menus ---------- */
.fx-scrim{position:absolute;inset:0;z-index:40;background:rgba(0,0,0,.55);opacity:0;pointer-events:none;transition:opacity .3s}
.fx-scrim.on{opacity:1;pointer-events:auto}
.fx-sheet{position:absolute;left:50%;bottom:0;z-index:41;width:min(640px,100%);max-height:88%;overflow:auto;border-radius:26px 26px 0 0;padding:22px 20px 24px;box-sizing:border-box;
  background:linear-gradient(180deg,#252a2e,#121618 40%);box-shadow:0 -20px 60px rgba(0,0,0,.6);transform:translate(-50%,102%);transition:transform .4s cubic-bezier(.2,.8,.2,1)}
.fx-sheet.on{transform:translate(-50%,0)}
.fx-sheet h4{margin:0 0 4px;font-size:24px;font-weight:800}.fx-sheet p{margin:0 0 14px;color:rgba(255,255,255,.6);font-size:13.5px}
.fx-x{all:unset;cursor:pointer;position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1)}
.fx-x svg{width:14px;height:14px}
.fx-hits{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-top:14px}
.fx-hit{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center}
.fx-hit b{color:#34e3a0;font-size:15px}.fx-hit small{color:rgba(255,255,255,.7);font-size:11.5px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fx-menu{position:absolute;top:58px;left:14px;z-index:41;min-width:230px;padding:8px;border-radius:18px;background:#161b1e;box-shadow:0 20px 50px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.08);opacity:0;transform:translateY(-6px);pointer-events:none;transition:opacity .2s,transform .2s}
.fx-menu.on{opacity:1;transform:none;pointer-events:auto}
.fx-menu h5{margin:8px 10px 6px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(255,255,255,.45)}
.fx-menu button,.fx-menu a{all:unset;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-size:14.5px;font-weight:650;color:rgba(255,255,255,.85);box-sizing:border-box;width:100%}
.fx-menu button:hover,.fx-menu a:hover{background:rgba(255,255,255,.07)}
.fx-menu [aria-current="true"]{background:rgba(255,255,255,.1);color:#fff}
.fx-menu small{font-size:11px;color:#34e3a0;font-weight:700}

.fx-canvas{position:absolute;inset:0;z-index:50;pointer-events:none;width:100%;height:100%}
.fx-live{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.fx-tabs{display:none}

/* ---------- responsive ---------- */
@media (max-width:1060px){.fx-main{grid-template-columns:minmax(0,1fr) 330px}.fx-dist b{font-size:14px}}
@media (max-width:860px){
  .simtop{padding-left:8px;padding-right:8px;padding-top:8px}
  .simhead{order:2}.simbelow{order:3}
  .fx{--h:calc(100svh - 65px - 16px);min-height:560px;border-radius:24px}
  .fx-app{grid-template-rows:auto minmax(0,1fr) auto}
  .fx-top{padding:12px 12px 6px;gap:8px}
  .fx-top .fx-seg,.fx-feed,.fx-hhw,.fx-dist,.fx-top .fx-ic.fast{display:none}
  .fx-main{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}
  .fx-panel{border-left:0;border-top:1px solid var(--bd);padding:10px 14px 12px;gap:8px}
  .fx-ph h3,.fx-ph b{font-size:19px}
  .fx-kpis div{padding:7px 9px}.fx-kpis b{font-size:15px}
  .fx-chips{gap:5px;padding:4px 10px 8px}.fx-chips button{min-width:0;flex:1;padding:6px 4px}
  .fx-chips b{font-size:13.5px}
  .fx-open{height:52px;font-size:17px}.fx-open kbd{display:none}
  .fx-fine{display:none}
  .fx-arr{width:38px;height:38px;margin-top:-19px}.fx-arr.l{left:8px}.fx-arr.r{right:8px}
  .fx-tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:6px 8px 10px;border-top:1px solid var(--bd);background:rgba(5,8,10,.6)}
  .fx-tabs button{all:unset;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:2px;font-size:11px;font-weight:650;color:rgba(255,255,255,.5)}
  .fx-tabs svg{width:22px;height:22px}.fx-tabs button[aria-selected="true"]{color:#fff}
  .fx-main.v2 .fx-panel{display:none}
  .fx-act{grid-template-columns:1fr 1fr}.fx-act .again{grid-column:1/-1;order:-1}
  .fx-res .nm{font-size:14px}
  .fx-st{grid-template-columns:1fr 1fr}
}
@media (max-width:860px) and (max-height:700px){.fx-kpis{display:none}}
@container (max-height:320px){.fx-hero .bs{display:none}}
@media (prefers-reduced-motion:reduce){.fx-hero .pkw,.pk .sh,.sb.h .hl,.sb.glow .gl{animation:none}}
@media (min-width:861px) and (max-height:899px){.fx-hhw{display:none}}
@media (min-width:861px) and (max-height:780px){.fx-fine{display:none}.fx-dist span{display:none}.fx-dist div{padding:6px 8px}}
@container (max-height:640px){.fx-reveal.res .sb{transform:translateY(-27%) scale(.72) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}
@container (min-height:760px){.fx-reveal.res .sb{transform:translateY(-15%) scale(1) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}
.fx-grid{align-items:start}
@media (max-width:860px){.fx-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.fx-gc{padding:6px 4px 8px}}
@media (hover:none){.fx-gc .sl{opacity:1}}
.sb.watch .hl{display:none}
@media (max-width:860px){.fx-reveal .sb{--sw:min(40cqh,60cqw,300px)}}
@media (max-width:860px){.fx-reveal.res .sb{transform:translateY(-21%) scale(.88) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}

/* ===== v6.1: review fixes ===== */
.fx-ov .tl{z-index:30}
.fx-ov .msg.b{color:#e5e7eb}
.fx-ov .msg.b.pulse{animation:breathe 1.6s ease-in-out infinite}
@keyframes breathe{50%{opacity:.45}}
.fx-attr{background:rgba(3,5,6,.9)}
.fx-tape{background:var(--tc);box-shadow:0 0 0 3px rgba(0,0,0,.35),0 14px 50px rgba(0,0,0,.6)}
.fx-tape span{-webkit-text-stroke:1.5px rgba(0,0,0,.35);text-shadow:0 2px 0 rgba(0,0,0,.35)}
.fx-flash{position:absolute;inset:0;z-index:19;background:#fff;opacity:0;pointer-events:none}
.fx-flash.go{animation:flash .45s ease-out}
@keyframes flash{0%{opacity:.85}100%{opacity:0}}
.fx-ov .fx-canvas{z-index:8}
.fx-res{z-index:12}
.fx-res .src{font-size:11.5px;color:rgba(255,255,255,.5);margin-top:-4px}
.fx-res .v.pop{animation:vpop .5s cubic-bezier(.3,1.6,.5,1)}
@keyframes vpop{40%{transform:scale(1.12);color:var(--tc)}}
.fx-act .sell{background:rgba(34,195,129,.14);color:#4ae0a0;box-shadow:inset 0 0 0 1.5px rgba(52,227,160,.55)}
.fx-act button{background:rgba(255,255,255,.06)}
.fx-act .again{background:#fff}
.fx-scrim{background:rgba(0,0,0,.72);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.fx-lab em{font-style:normal;text-transform:none;letter-spacing:0;font-size:11.5px;font-weight:600;color:rgba(255,255,255,.5)}
.fx-feed .it b{color:#fff}
.sb .lbl .n{font-size:calc(var(--sw)*.05)}
.sb .lbl .s{font-size:calc(var(--sw)*.036)}
@media (max-width:860px){
  .fx-dist{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;margin-top:6px}
  .fx-dist div{padding:4px 4px;border-radius:8px;text-align:center}
  .fx-dist small{font-size:8.5px;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis}
  .fx-dist b{font-size:12px}.fx-dist span{display:none}
  .fx-bar{display:none}
  .fx-pick .o .pk{--w:min(29cqw,30cqh,200px)}
  .fx-pick{gap:2.5cqw}
  .fx-ov .shufb{bottom:16%}
}
@media (max-width:860px) and (max-height:740px){.fx-lab em{display:none}}

/* ===== v7: Triumph-style reveal, real card images only ===== */
.cd{--cw:200px;position:relative;width:var(--cw);aspect-ratio:var(--ar,63/88);transform-style:preserve-3d}
.cd .fr,.cd .bk{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:calc(var(--cw)*.045);overflow:hidden}
.cd .fr img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;-webkit-user-drag:none}
.cd.fit .fr{border-radius:calc(var(--cw)*.025)}
.cd.fit .fr img{object-fit:contain}
.cd.w .fr{background:radial-gradient(110% 80% at 50% 40%,#2f3b44,#141a1e 60%,#0a0e10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);border-radius:calc(var(--cw)*.06)}
.cd.w .fr img{inset:6%;width:88%;height:88%;filter:drop-shadow(0 calc(var(--cw)*.03) calc(var(--cw)*.05) rgba(0,0,0,.6))}
.cd .hl{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;opacity:0;background:linear-gradient(115deg,transparent 20%,rgba(255,0,200,.3) 34%,rgba(0,230,255,.35) 48%,rgba(255,245,0,.3) 62%,transparent 80%);background-size:260% 100%}
.cd.h .hl{opacity:.45;animation:hl 3.4s ease-in-out infinite}
.cd.w .hl,.cd.fit .hl{display:none}
.cd .bk{transform:rotateY(180deg);display:grid;place-items:center;transition:background-color .5s,box-shadow .5s;
  background:linear-gradient(135deg,rgba(255,255,255,.35),transparent 40%,rgba(0,0,0,.25)),
   repeating-linear-gradient(45deg,color-mix(in srgb,var(--bk) 72%,#fff) 0 calc(var(--cw)*.06),color-mix(in srgb,var(--bk) 85%,#000) calc(var(--cw)*.06) calc(var(--cw)*.12)),var(--bk);
  box-shadow:inset 0 0 0 calc(var(--cw)*.025) color-mix(in srgb,var(--bk) 75%,#fff),0 0 0 1px rgba(255,255,255,.35),0 0 50px -4px var(--bk)}
.cd .bk .mk{display:flex;flex-direction:column;align-items:center;gap:calc(var(--cw)*.04)}
.cd .bk .mk svg{width:calc(var(--cw)*.26);height:auto;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35))}
.cd .bk .mk b{font:400 calc(var(--cw)*.058)/1 "Michroma",sans-serif;letter-spacing:.14em;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.cd .px{position:absolute;inset:0;z-index:3;display:none;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(12,1fr)}
.cd.rv .px{display:grid}
.cd .px i{background:var(--bk);box-shadow:inset 0 0 0 .5px rgba(255,255,255,.18);transition:opacity .25s,transform .35s}
.cd .px i.off{opacity:0;transform:translateY(-12px) scale(.4)}

.fx-reveal .cd{--cw:min(30cqh,42cqw,260px);opacity:0;transform:translateY(40%) rotateY(180deg) scale(.85);transition:opacity .35s,transform .6s cubic-bezier(.2,.9,.25,1.1);pointer-events:auto;cursor:pointer}
.fx-reveal.up .cd{opacity:1;transform:rotateY(var(--ang,180deg))}
.fx-reveal.up .cd.spin{transition:opacity .35s}
.fx-reveal .cd.spin .bk{box-shadow:inset 0 0 0 calc(var(--cw)*.025) color-mix(in srgb,var(--bk) 75%,#fff),0 0 0 1px rgba(255,255,255,.4),0 0 80px 10px var(--bk)}
.fx-reveal .cd.rv{transition:transform .35s cubic-bezier(.3,1.4,.5,1)}
.fx-reveal .cd.rv .fr{box-shadow:0 0 60px -6px var(--tc)}
.fx-reveal.res .cd{transform:translateY(-19%) scale(.9) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
@container (max-height:640px){.fx-reveal.res .cd{transform:translateY(-27%) scale(.72) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}
@container (min-height:760px){.fx-reveal.res .cd{transform:translateY(-15%) scale(1) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}
@media (max-width:860px){.fx-reveal .cd{--cw:min(36cqh,58cqw,280px)}.fx-reveal.res .cd{transform:translateY(-21%) scale(.88) rotateY(var(--ry,0deg)) rotateX(var(--rx,0deg))}}

.fx-hero .bs{width:auto;aspect-ratio:auto;opacity:.5}
.fx-hero .bs .cd .fr{box-shadow:0 20px 40px rgba(0,0,0,.5)}
.fx-hh .cd .fr,.fx-hit .cd .fr,.fx-gc .cd .fr{box-shadow:0 6px 16px rgba(0,0,0,.4)}
.fx-gc .cd{box-shadow:none}

.fx-share{all:unset;cursor:pointer;margin-top:10px;font-size:13.5px;font-weight:700;color:rgba(255,255,255,.7);padding:8px 14px;border-radius:999px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14)}
.fx-share:hover{color:#fff;background:rgba(255,255,255,.06)}
.fx-bonus{position:fixed;left:50%;top:86px;transform:translate(-50%,-20px);opacity:0;z-index:60;padding:12px 18px;border-radius:999px;font-weight:800;font-size:15px;color:#0b0e10;
  background:linear-gradient(180deg,#ffe38a,#f6c453);box-shadow:0 18px 40px -14px rgba(246,196,83,.7);transition:all .5s cubic-bezier(.2,.9,.3,1.3);pointer-events:none}
.fx-bonus.on{opacity:1;transform:translate(-50%,0)}

.sf{display:none}
@media (max-width:860px){.lf{display:none}.sf{display:inline}.simtop{padding-left:12px;padding-right:12px}.simbelow h3{margin-top:18px}}