/* Collections possession mockup — ggen shell language, horizontal layout */
.collections-page{
  min-height:100vh;
  min-height:100dvh;
  color:var(--text-primary);
  font-family:var(--font-body);
  overflow-x:clip;
  max-width:100%;
}
.collections-top{
  position:sticky;top:0;z-index:40;
  background:linear-gradient(180deg,#111827,#0a0e17);
  border-bottom:1px solid var(--border-color);
  box-shadow:var(--shadow-surface-drop);
  max-width:100%;
}
.collections-top-inner{
  max-width:1600px;margin:0 auto;padding:14px 20px;
  display:flex;align-items:flex-start;justify-content:space-between;gap:18px;flex-wrap:wrap;
}
.collections-header-aside{
  flex:0 0 auto;margin-left:auto;
  display:flex;flex-direction:column;align-items:flex-end;gap:8px;
}
.collections-header-aside .lang-selector{align-self:flex-end}
.collections-header-aside .lang-dropdown[hidden]{display:none !important}
.collections-header-aside .lang-dropdown.active{display:block}
.collections-back{
  flex:0 0 auto;
  color:var(--accent-cyan);text-decoration:none;font-weight:700;font-size:13px;
  padding:8px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);
  background:rgba(0,212,255,.06);
}
.collections-back:hover{border-color:var(--accent-cyan);background:rgba(0,212,255,.12)}
.collections-brand{flex:1 1 280px;min-width:0}
.collections-eyebrow{
  font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  color:var(--accent-orange);margin-bottom:4px;
}
.collections-brand h1{
  margin:0;font-size:clamp(22px,2.4vw,30px);font-weight:800;color:var(--accent-cyan);
  letter-spacing:.02em;line-height:1.15;
}
.collections-sub{
  margin:6px 0 0;max-width:62ch;font-size:13px;line-height:1.45;color:var(--text-secondary);
  white-space:pre-line;
}

.collections-main{max-width:1600px;margin:0 auto;padding:16px 20px 40px;min-width:0}

/* Horizontal HUD */
.collections-hud{
  display:grid;
  grid-template-columns:minmax(168px,220px) minmax(0,1fr);
  gap:12px;align-items:stretch;margin-bottom:14px;
}
@media(max-width:820px){
  .collections-hud{grid-template-columns:1fr}
}
.collections-gauge{
  position:relative;
  background:
    radial-gradient(120% 80% at 50% 70%,rgba(0,212,255,.07),transparent 55%),
    var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:var(--radius-md);
  padding:12px 12px 12px;
  box-shadow:var(--shadow-surface);
  display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:6px;
  width:100%;height:100%;box-sizing:border-box;min-height:0;
}
.collections-gauge::before,.collections-gauge::after{
  content:"";position:absolute;width:12px;height:12px;border:2px solid rgba(0,212,255,.55);pointer-events:none;z-index:2;
}
.collections-gauge::before{top:6px;left:6px;border-right:none;border-bottom:none}
.collections-gauge::after{top:6px;right:6px;border-left:none;border-bottom:none}
.collections-gauge-head{
  position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:flex-start;gap:2px;
  flex:0 0 auto;
}
.collections-gauge-pct{
  font-size:clamp(32px,4.2vw,44px);font-weight:800;line-height:1;color:var(--text-primary);
  font-variant-numeric:tabular-nums;
}
.collections-gauge-pct .t-digit--pct{font-size:.48em;margin-left:2px;color:var(--accent-cyan)}
.collections-gauge-label{font-size:12px;font-weight:700;color:var(--text-muted);letter-spacing:.04em;text-transform:uppercase}
.collections-complete-badge{
  display:inline-flex;align-items:center;margin-top:4px;
  padding:3px 10px 4px;border-radius:999px;
  font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase;
  color:#1a1400;background:linear-gradient(95deg,#ffe08a,#ffd700 45%,#00d4ff);
  border:1px solid rgba(255,215,0,.65);
  box-shadow:0 0 0 1px rgba(0,212,255,.2),0 4px 14px rgba(255,215,0,.18);
}
.collections-complete-badge[hidden]{display:none !important}

/* Mid emblem: circular possession ring + Units/Supporters icon */
.collections-gauge-emblem{
  position:relative;z-index:1;
  flex:1 1 auto;min-height:136px;
  display:flex;align-items:center;justify-content:center;
  margin:4px 0 8px;
}
.collections-gauge-emblem-glow{
  position:absolute;width:114px;height:114px;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(0,212,255,.22) 0%,rgba(0,212,255,.06) 45%,transparent 72%);
  filter:blur(1px);
}
.collections-gauge-ring{
  position:relative;z-index:1;display:block;width:132px;height:132px;
  filter:drop-shadow(0 0 8px rgba(0,212,255,.2));
}
.collections-gauge-ring-track{
  fill:none;stroke:rgba(255,255,255,.1);stroke-width:4.5;
}
.collections-gauge-ring-fill{
  fill:none;stroke:url(#colRingGrad);stroke-width:4.5;stroke-linecap:round;
  transform:rotate(-90deg);transform-origin:40px 40px;
  stroke-dasharray:100;stroke-dashoffset:100;
  transition:stroke-dashoffset .55s cubic-bezier(.2,0,0,1);
}
.collections-gauge-type-stack{
  position:absolute;z-index:2;
  width:108px;height:108px;
  display:grid;place-items:center;
  pointer-events:none;
}
.collections-gauge-type-ic{
  grid-area:1 / 1;
  width:108px;height:108px;
  object-fit:contain;
  pointer-events:none;
  filter:
    drop-shadow(0 1px 1px rgba(0,0,0,.55))
    drop-shadow(0 4px 10px rgba(0,0,0,.45))
    drop-shadow(0 0 14px rgba(0,212,255,.22));
}
.collections-gauge[data-type="supporters"] .collections-gauge-type-stack,
.collections-gauge[data-type="supporters"] .collections-gauge-type-ic{
  width:98px;height:98px;
}

/* Number pop-in (possession %) — Transitions.dev-style, collections-only */
.collections-gauge-pct{
  --digit-dur:420ms;
  --digit-distance:8px;
  --digit-stagger:55ms;
  --digit-blur:2px;
  --digit-ease:cubic-bezier(0.05,0.7,0.1,1);
  --digit-dir-x:0;
  --digit-dir-y:1;
}
.collections-gauge-pct .t-digit-group{
  display:inline-flex;align-items:baseline;
}
.collections-gauge-pct .t-digit{
  display:inline-block;
  will-change:transform,opacity,filter;
}
.collections-gauge-pct .t-digit-group.is-animating .t-digit{
  animation:t-digit-pop-in var(--digit-dur) var(--digit-ease) both;
  animation-delay:calc(var(--digit-i,0) * var(--digit-stagger));
}
@keyframes t-digit-pop-in{
  0%{
    transform:translate(
      calc(var(--digit-distance) * var(--digit-dir-x)),
      calc(var(--digit-distance) * var(--digit-dir-y))
    );
    opacity:0;
    filter:blur(var(--digit-blur));
  }
  100%{transform:translate(0,0);opacity:1;filter:blur(0)}
}

/* 100% collection complete — cyan/gold HUD flourish */
.collections-hud.is-complete .collections-gauge{
  border-color:rgba(255,215,0,.45);
  background:
    radial-gradient(120% 90% at 10% 0%,rgba(255,215,0,.12),transparent 55%),
    radial-gradient(100% 80% at 100% 100%,rgba(0,212,255,.1),transparent 50%),
    var(--bg-card);
  box-shadow:
    var(--shadow-surface),
    0 0 0 1px rgba(0,212,255,.18),
    0 8px 28px rgba(255,215,0,.08);
}
.collections-hud.is-complete .collections-gauge::before,
.collections-hud.is-complete .collections-gauge::after{
  width:14px;height:14px;border-color:rgba(255,215,0,.85);
}
.collections-hud.is-complete .collections-gauge::before{box-shadow:-6px -6px 0 -4px rgba(0,212,255,.35)}
.collections-hud.is-complete .collections-gauge::after{box-shadow:6px -6px 0 -4px rgba(0,212,255,.35)}
.collections-hud.is-complete .collections-gauge-pct{
  background:none;color:#ffd700;
  -webkit-text-fill-color:#ffd700;
}
.collections-hud.is-complete .collections-gauge-pct .t-digit,
.collections-hud.is-complete .collections-gauge-pct .t-reel-digit,
.collections-hud.is-complete .collections-gauge-pct .t-reel-punct{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:#ffd700;-webkit-text-fill-color:#ffd700;
}
.collections-hud.is-complete .collections-gauge-pct .t-digit--pct{
  background:linear-gradient(120deg,#ffd700,#00d4ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
}
.collections-hud.is-complete .collections-gauge-label{color:rgba(255,215,0,.82)}
.collections-hud.is-complete .collections-gauge-ring-fill{stroke:url(#colRingGradGold)}
.collections-hud.is-complete .collections-gauge-emblem-glow{
  background:radial-gradient(circle,rgba(255,215,0,.28) 0%,rgba(0,212,255,.1) 48%,transparent 72%);
}
.collections-hud.is-complete .collections-gauge-ring{
  filter:drop-shadow(0 0 10px rgba(255,215,0,.28));
}
.collections-hud.is-complete .collections-stat{
  border-color:rgba(255,215,0,.22);
}
.collections-complete-badge.is-perfect{
  letter-spacing:.1em;
  color:#1a1000;
  background:linear-gradient(100deg,#fff4c2,#ffd700 32%,#f0a500 62%,#7af0ff);
  border-color:rgba(255,240,180,.85);
  box-shadow:
    0 0 0 1px rgba(255,215,0,.35),
    0 0 18px rgba(255,215,0,.28),
    0 4px 16px rgba(0,212,255,.15);
}

/* 100% + all Max Limit Break — stronger gold tier */
.collections-hud.is-perfect .collections-gauge{
  border-color:rgba(255,215,0,.7);
  background:
    radial-gradient(130% 100% at 0% 0%,rgba(255,215,0,.2),transparent 52%),
    radial-gradient(110% 90% at 100% 100%,rgba(255,180,40,.12),transparent 48%),
    radial-gradient(80% 70% at 50% 120%,rgba(0,212,255,.08),transparent 55%),
    var(--bg-card);
  box-shadow:
    var(--shadow-surface),
    0 0 0 1px rgba(255,215,0,.28),
    0 0 0 3px rgba(0,212,255,.1),
    0 10px 36px rgba(255,215,0,.14);
}
.collections-hud.is-perfect .collections-gauge::before,
.collections-hud.is-perfect .collections-gauge::after{
  width:16px;height:16px;border-width:2px;border-color:#ffd700;
}
.collections-hud.is-perfect .collections-gauge::before{
  box-shadow:-7px -7px 0 -4px rgba(0,212,255,.45),0 0 10px rgba(255,215,0,.35);
}
.collections-hud.is-perfect .collections-gauge::after{
  box-shadow:7px -7px 0 -4px rgba(0,212,255,.45),0 0 10px rgba(255,215,0,.35);
}
.collections-hud.is-perfect .collections-gauge-pct{
  background:none;color:#ffe566;
  -webkit-text-fill-color:#ffe566;
  filter:drop-shadow(0 0 10px rgba(255,215,0,.25));
}
.collections-hud.is-perfect .collections-gauge-pct .t-digit,
.collections-hud.is-perfect .collections-gauge-pct .t-reel-digit,
.collections-hud.is-perfect .collections-gauge-pct .t-reel-punct{
  background:none;-webkit-background-clip:border-box;background-clip:border-box;
  color:#ffe566;-webkit-text-fill-color:#ffe566;
}
.collections-hud.is-perfect .collections-gauge-pct .t-digit--pct{
  background:linear-gradient(120deg,#ffd700,#ffe08a,#00d4ff);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  -webkit-text-fill-color:transparent;
}
.collections-hud.is-perfect .collections-gauge-label{
  color:#ffd700;letter-spacing:.06em;
}
.collections-hud.is-perfect .collections-gauge-ring-fill{stroke:url(#colRingGradGold);stroke-width:5}
.collections-hud.is-perfect .collections-gauge-emblem-glow{
  background:radial-gradient(circle,rgba(255,215,0,.38) 0%,rgba(255,180,40,.12) 42%,transparent 70%);
}
.collections-hud.is-perfect .collections-stat{
  border-color:rgba(255,215,0,.38);
  background:
    linear-gradient(180deg,rgba(255,215,0,.06),transparent 60%),
    var(--bg-card);
}
.collections-hud.is-perfect .collections-stat--gold{
  box-shadow:0 0 0 1px rgba(255,215,0,.2),0 6px 18px rgba(255,215,0,.08);
}
.collections-gauge.is-complete-pop{
  animation:colCompletePop .42s cubic-bezier(0.05,0.7,0.1,1) both;
}
@keyframes colBarSheen{
  0%{background-position:120% 0}
  100%{background-position:-40% 0}
}
@keyframes colCompletePop{
  0%{opacity:.72;transform:scale(.97)}
  100%{opacity:1;transform:scale(1)}
}

.collections-stat-strip{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  width:100%;
  height:100%;
  min-height:0;
  align-content:stretch;
}
@media(max-width:560px){
  .collections-stat-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.collections-stat{
  --col-stat-bar:linear-gradient(90deg,rgba(176,190,210,.55),rgba(240,242,247,.92));
  position:relative;
  background:var(--bg-card);
  border:1px solid var(--border-color);
  border-radius:var(--radius-md);
  padding:12px 12px 11px;
  box-shadow:var(--shadow-surface);
  min-width:0;min-height:0;height:100%;
  display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;
  overflow:hidden;
}
.collections-stat-k{
  display:flex;align-items:center;gap:6px;
  font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.02em;text-transform:uppercase;
  line-height:1.25;min-width:0;
}
.collections-stat-k-txt{
  min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.collections-stat-k-ic{
  flex:0 0 auto;width:16px;height:16px;object-fit:contain;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.35));
}
.collections-stat-k-ic--lg{width:18px;height:18px}
.collections-stat-stars{
  display:inline-flex;align-items:center;gap:1px;flex:0 0 auto;
}
.collections-stat-stars img{
  width:14px;height:14px;object-fit:contain;
  filter:drop-shadow(0 0 4px rgba(255,215,0,.35));
}
.collections-stat-lim-banner{
  flex:0 0 auto;
  display:inline-flex;align-items:center;justify-content:center;
  max-width:5.8em;padding:2px 6px 3px;
  border-radius:4px 4px 0 0;
  background:linear-gradient(95deg,#be185d 0%,#a855f7 55%,#1d4ed8 100%);
  box-shadow:0 1px 6px rgba(0,0,0,.35);
}
.collections-stat-lim-banner>span{
  font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;
  color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.85);line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.collections-stat-v{
  margin-top:6px;font-size:clamp(18px,2.1vw,22px);font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;
  color:var(--text-primary);
}
.collections-stat-v em{font-style:normal;color:var(--text-muted);font-weight:600;font-size:.72em}
.collections-stat--accent{--col-stat-bar:linear-gradient(90deg,rgba(0,180,220,.55),var(--accent-cyan) 60%,#7af0ff)}
.collections-stat--gold{--col-stat-bar:linear-gradient(90deg,rgba(184,149,74,.7),var(--accent-gold) 55%,#ffe08a)}
.collections-stat--orange{--col-stat-bar:linear-gradient(90deg,rgba(255,120,40,.55),var(--accent-orange) 60%,#ffc078)}
.collections-stat--accent .collections-stat-v{color:var(--accent-cyan)}
.collections-stat--gold .collections-stat-v{color:var(--accent-gold)}
.collections-stat--orange .collections-stat-v{color:var(--accent-orange)}
.collections-stat-bar{
  position:relative;
  margin-top:10px;width:100%;height:7px;border-radius:999px;flex:0 0 auto;
  background:
    linear-gradient(180deg,rgba(255,255,255,.05),transparent 60%),
    rgba(0,0,0,.38);
  box-shadow:inset 0 1px 2px rgba(0,0,0,.5),inset 0 0 0 1px rgba(255,255,255,.05);
  overflow:hidden;
}
.collections-stat-bar>i{
  position:relative;display:block;height:100%;width:0%;max-width:100%;border-radius:inherit;
  background:var(--col-stat-bar);
  box-shadow:0 0 10px rgba(0,212,255,.18),inset 0 1px 0 rgba(255,255,255,.32);
  transition:width .5s cubic-bezier(.2,0,0,1);
}
.collections-stat--gold .collections-stat-bar>i{box-shadow:0 0 10px rgba(255,215,0,.22),inset 0 1px 0 rgba(255,255,255,.35)}
.collections-stat--orange .collections-stat-bar>i{box-shadow:0 0 10px rgba(255,149,0,.22),inset 0 1px 0 rgba(255,255,255,.3)}
.collections-stat-bar>i::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.4) 50%,transparent 60%);
  background-size:220% 100%;
  animation:colBarSheen 3.2s cubic-bezier(.2,0,0,1) infinite;
  opacity:.7;
}
.collections-stat:hover .collections-stat-bar>i::after{animation-duration:1.6s;opacity:1}

/* Toolbar — full width of main so mobile never overflows; controls wrap left */
.collections-toolbar{
  display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;
  width:100%;max-width:100%;box-sizing:border-box;
  padding:10px 12px;margin-bottom:12px;
  background:rgba(17,24,39,.85);border:1px solid var(--border-color);border-radius:var(--radius-md);
}
.collections-type-tabs,.collections-role-tabs{
  display:inline-flex;flex-wrap:wrap;gap:6px;
}
.collections-type-tabs button,.collections-role-tabs button{
  appearance:none;border:1px solid var(--border-color);background:var(--bg-input);
  color:var(--text-secondary);font:inherit;font-size:12px;font-weight:700;
  padding:7px 12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);
}
.collections-type-tab{
  display:inline-flex;align-items:center;gap:6px;
}
.collections-type-tab-icon{
  width:18px;height:18px;object-fit:contain;display:block;flex:0 0 auto;
  filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.collections-type-tab-label{line-height:1}
.collections-type-tabs button.is-active,.collections-role-tabs button.is-active{
  border-color:var(--accent-cyan);color:var(--accent-cyan);background:rgba(0,212,255,.1);
}
.collections-type-tabs button:hover,.collections-role-tabs button:hover{
  border-color:rgba(0,212,255,.45);color:var(--text-primary);
}
.collections-role-icon-btn{
  padding:5px 8px;min-width:36px;display:inline-flex;align-items:center;justify-content:center;
}
.collections-role-icon-btn img{
  width:22px;height:22px;object-fit:contain;display:block;filter:drop-shadow(0 1px 1px rgba(0,0,0,.55));
}
.collections-toolbar-actions{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;
  flex:1 1 100%;width:100%;min-width:0;margin:0;padding:0;
}
.collections-toolbar-actions input[type=search]{
  width:min(200px,70vw);min-width:0;flex:0 1 200px;padding:7px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);font:inherit;font-size:12px;
}
.collections-btn{
  appearance:none;border:1px solid var(--border-color);background:var(--bg-card-hover);
  color:var(--text-secondary);font:inherit;font-size:11px;font-weight:700;
  padding:7px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);
  white-space:normal;max-width:100%;
}
.collections-btn:hover{border-color:var(--accent-cyan);color:var(--accent-cyan)}
.collections-btn--warn:hover{border-color:var(--accent-orange);color:var(--accent-orange)}
.collections-btn--danger:hover{border-color:var(--accent-red);color:var(--accent-red)}
.collections-btn--save{
  background:rgba(255,215,0,.12);border-color:rgba(255,215,0,.55);color:var(--accent-gold);
}
.collections-btn--save:hover{background:rgba(255,215,0,.2);border-color:var(--accent-gold);color:var(--accent-gold)}
.collections-btn--share{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(0,212,255,.08);border-color:rgba(0,212,255,.55);color:var(--accent-cyan);
}
.collections-btn--share:hover{background:rgba(0,212,255,.16);border-color:var(--accent-cyan);color:var(--accent-cyan)}
.collections-x-logo{
  display:inline-block;vertical-align:-0.12em;
  width:14px;height:14px;flex:0 0 auto;
}
.collections-btn:disabled{opacity:.55;cursor:wait}

.collections-share-bar{
  display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:8px 10px;
  margin:0 0 12px;
}
.collections-code-row{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;
  width:100%;margin-top:2px;
}
.collections-code-field{
  display:flex;flex-direction:column;gap:4px;
  font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.03em;
  flex:0 1 168px;min-width:120px;max-width:200px;
}
.collections-code-field input{
  width:100%;padding:8px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);
  font:inherit;font-size:13px;font-weight:700;letter-spacing:.08em;
}
.collections-code-field input:focus{
  outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px rgba(0,212,255,.18);
}
.collections-btn--code{
  border-color:rgba(125,211,252,.45);color:#7dd3fc;
}
.collections-saves{
  width:100%;margin-top:8px;padding-top:10px;
  border-top:1px solid rgba(125,211,252,.14);
}
.collections-saves-summary{
  list-style:none;cursor:pointer;user-select:none;
  display:flex;align-items:center;gap:8px;
  margin:0;padding:2px 0;
  font-size:13px;font-weight:800;letter-spacing:.01em;
  color:var(--text-muted);
}
.collections-saves-summary::-webkit-details-marker{display:none}
.collections-saves-summary::before{
  content:'▸';display:inline-block;font-size:11px;line-height:1;
  color:var(--accent-cyan);transition:transform .15s ease;
}
.collections-saves[open] .collections-saves-summary::before{transform:rotate(90deg)}
.collections-saves-summary:hover{color:var(--text-primary)}
.collections-saves-body{margin-top:10px}
.collections-share-save{
  display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;
  width:100%;margin-top:4px;padding:10px 10px 8px;
  border:1px solid rgba(125,211,252,.22);border-radius:var(--radius-sm);
  background:rgba(0,212,255,.06);
}
.collections-share-save[hidden]{display:none!important}
.collections-share-save-name,
.collections-share-save-slot{
  display:flex;flex-direction:column;gap:4px;
  font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.03em;
}
.collections-share-save-name{flex:1 1 180px;min-width:min(180px,90vw)}
.collections-share-save-slot{flex:0 1 160px}
.collections-share-save input,
.collections-share-save select{
  padding:8px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);
  font:inherit;font-size:13px;font-weight:600;
}
.collections-share-save input:focus,
.collections-share-save select:focus{
  outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px rgba(0,212,255,.18);
}
.collections-save-row{
  display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;margin-bottom:8px;
}
.collections-save-row .collections-save-idx{
  flex:0 0 auto;align-self:center;font-size:12px;font-weight:800;color:var(--text-muted);min-width:1.5em;
}
.collections-save-row input[type=text]{
  flex:1 1 160px;min-width:0;max-width:100%;
  padding:7px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);
  font:inherit;font-size:13px;font-weight:600;
}
.collections-save-row input[type=text]:focus{
  outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px rgba(0,212,255,.18);
}
.collections-save-row .collections-btn{flex-shrink:0;font-size:12px;padding:7px 12px}
.collections-save-code{
  align-self:center;font-size:11px;font-weight:800;letter-spacing:.06em;
  color:var(--accent-cyan);font-variant-numeric:tabular-nums;
  max-width:7.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.collections-username{
  display:flex;flex-direction:column;gap:4px;
  font-size:11px;font-weight:700;color:var(--text-muted);letter-spacing:.03em;
}
.collections-username input{
  min-width:min(220px,70vw);max-width:280px;
  padding:8px 10px;border-radius:var(--radius-sm);
  border:1px solid var(--border-color);background:var(--bg-input);color:var(--text-primary);
  font:inherit;font-size:13px;font-weight:600;
}
.collections-username input:focus{
  outline:none;border-color:var(--accent-cyan);box-shadow:0 0 0 2px rgba(0,212,255,.18);
}
.collections-username input.is-need-name{
  border-color:var(--accent-orange);
  box-shadow:0 0 0 2px rgba(255,140,60,.25);
}

.collections-preview-modal{
  position:fixed;inset:0;z-index:200;
  display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;
  padding:24px 16px;
  background:rgba(5,7,10,.94);
}
.collections-preview-modal[hidden]{display:none !important}
.collections-preview-msg{
  margin:0;max-width:42ch;text-align:center;font-size:13px;line-height:1.5;color:var(--text-muted);
}
.collections-preview-msg b{color:var(--accent-cyan);font-weight:700}
.collections-preview-modal img{
  max-width:min(960px,96vw);max-height:72vh;object-fit:contain;
  border:1px solid var(--border-color);background:#000;border-radius:var(--radius-sm);
}
.collections-preview-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.collections-preview-row a{text-decoration:none;display:inline-flex;align-items:center}

.collections-status-row{
  display:flex;align-items:center;gap:8px;margin:0 0 10px;min-height:1.4em;
}
.collections-status{font-size:13px;color:var(--text-muted);margin:0;min-height:1.2em;flex:1 1 auto}
.t-success-check{
  --check-opacity-dur:420ms;
  --check-rotate-dur:420ms;
  --check-rotate-from:80deg;
  --check-bob-dur:420ms;
  --check-y-amount:18px;
  --check-blur-dur:420ms;
  --check-blur-from:8px;
  --check-path-dur:420ms;
  --check-path-delay:70ms;
  --check-ease-out:cubic-bezier(0.05,0.7,0.1,1);
  --check-ease-opacity:cubic-bezier(0.05,0.7,0.1,1);
  --check-ease-rotate:cubic-bezier(0.05,0.7,0.1,1);
  --check-ease-bob:cubic-bezier(0.05,0.7,0.1,1);
  --check-ease-path:cubic-bezier(0.05,0.7,0.1,1);
  flex:0 0 auto;
  display:inline-block;
  width:22px;height:22px;
  color:var(--accent-cyan);
  transform-origin:center;
  opacity:0;
  pointer-events:none;
  will-change:transform,opacity,filter;
}
.t-success-check svg{display:block;overflow:visible;width:22px;height:22px}
.t-success-check svg path{
  stroke-dasharray:48;
  stroke-dashoffset:48;
}
.t-success-check[data-state="in"]{
  animation:
    t-check-fade var(--check-opacity-dur) var(--check-ease-opacity) forwards,
    t-check-rotate var(--check-rotate-dur) var(--check-ease-rotate) forwards,
    t-check-blur var(--check-blur-dur) var(--check-ease-out) forwards,
    t-check-bob var(--check-bob-dur) var(--check-ease-bob) forwards;
}
.t-success-check[data-state="in"] svg path{
  animation:t-check-draw var(--check-path-dur) var(--check-ease-path) var(--check-path-delay) forwards;
}
@keyframes t-check-fade{from{opacity:0}to{opacity:1}}
@keyframes t-check-rotate{
  from{transform:rotate(var(--check-rotate-from))}
  to{transform:rotate(0deg)}
}
@keyframes t-check-blur{
  from{filter:blur(var(--check-blur-from))}
  to{filter:blur(0)}
}
@keyframes t-check-bob{
  from{translate:0 var(--check-y-amount)}
  to{translate:0 0}
}
@keyframes t-check-draw{to{stroke-dashoffset:0}}

/* Spinning counter (possession %) */
.collections-gauge-pct{
  --reel-dur:980ms;
  --reel-cell:1em;
  --reel-spin-blur:2.5px;
  --reel-stagger:75ms;
  --reel-ease:cubic-bezier(0.16,1,0.3,1);
}
.collections-gauge-pct .t-reel{
  display:inline-flex;align-items:center;height:var(--reel-cell);
  font-variant-numeric:tabular-nums;line-height:1;
}
.collections-gauge-pct .t-reel-col{
  position:relative;height:var(--reel-cell);overflow:hidden;
  min-width:0.58em;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
  mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 82%,transparent 100%);
}
.collections-gauge-pct .t-reel-strip{
  display:flex;flex-direction:column;will-change:transform;
}
.collections-gauge-pct .t-reel-digit{
  height:var(--reel-cell);display:flex;align-items:center;justify-content:center;
  font-weight:inherit;font-size:inherit;line-height:1;
}
.collections-gauge-pct .t-reel-punct{
  display:inline-flex;align-items:center;height:var(--reel-cell);
  padding:0 .02em;line-height:1;
}
.collections-gauge-pct .t-reel-svg-defs{position:absolute;width:0;height:0;overflow:hidden}

/* Catalog loading — CSS wave + bounce */
.collections-wave-loader{
  grid-column:1 / -1;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  gap:18px;min-height:180px;padding:28px 12px 36px;
  color:var(--text-muted);font-size:13px;font-weight:600;
}
.collections-wave-track{
  --col-wave-w:10px;
  --col-wave-gap:6px;
  --col-wave-n:12;
  position:relative;
  display:flex;align-items:flex-end;justify-content:center;gap:var(--col-wave-gap);
  width:calc(var(--col-wave-n) * var(--col-wave-w) + (var(--col-wave-n) - 1) * var(--col-wave-gap));
  height:96px;
}
.collections-wave-bar{
  width:var(--col-wave-w);height:14px;border-radius:999px;flex:0 0 auto;
  background:rgb(39,45,58);
  transform-origin:bottom center;
  animation:colWaveBar 2.8s cubic-bezier(.45,.05,.55,.95) infinite;
  animation-delay:calc(var(--i,0) * -0.14s);
}
.collections-wave-ball{
  position:absolute;left:0;bottom:14px;z-index:2;
  width:11px;height:11px;border-radius:50%;
  background:linear-gradient(145deg,#fff,#c8f7ff 40%,var(--accent-cyan));
  box-shadow:0 0 10px rgba(0,212,255,.45),0 2px 6px rgba(0,0,0,.35);
  transform-origin:center bottom;
  animation:colWaveBall 2.8s cubic-bezier(.45,.05,.55,.95) infinite;
}
@keyframes colWaveBar{
  0%,100%{height:14px;background:rgb(39,45,58)}
  12%{height:22px;background:rgb(55,72,92)}
  22%{height:52px;background:rgb(90,150,180)}
  32%{height:68px;background:rgb(120,210,230)}
  42%{height:40px;background:rgb(70,130,160)}
  55%{height:16px;background:rgb(42,50,64)}
  70%{height:14px;background:rgb(39,45,58)}
}
@keyframes colWaveBall{
  0%{transform:translateX(0) translateY(0) scaleX(1.2) scaleY(.75)}
  6%{transform:translateX(16px) translateY(-44px) scaleX(.95) scaleY(1.05)}
  12%{transform:translateX(32px) translateY(0) scaleX(1.2) scaleY(.75)}
  18%{transform:translateX(48px) translateY(-50px) scaleX(.95) scaleY(1.05)}
  25%{transform:translateX(64px) translateY(0) scaleX(1.2) scaleY(.75)}
  31%{transform:translateX(80px) translateY(-54px) scaleX(.95) scaleY(1.05)}
  37%{transform:translateX(96px) translateY(0) scaleX(1.2) scaleY(.75)}
  44%{transform:translateX(112px) translateY(-50px) scaleX(.95) scaleY(1.05)}
  50%{transform:translateX(128px) translateY(0) scaleX(1.2) scaleY(.75)}
  56%{transform:translateX(144px) translateY(-46px) scaleX(.95) scaleY(1.05)}
  62%{transform:translateX(160px) translateY(0) scaleX(1.2) scaleY(.75)}
  68%{transform:translateX(176px) translateY(-40px) scaleX(.95) scaleY(1.05)}
  75%{transform:translateX(176px) translateY(0) scaleX(1.15) scaleY(.8)}
  81%{transform:translateX(144px) translateY(-46px) scaleX(.95) scaleY(1.05)}
  87%{transform:translateX(112px) translateY(0) scaleX(1.2) scaleY(.75)}
  93%{transform:translateX(64px) translateY(-50px) scaleX(.95) scaleY(1.05)}
  100%{transform:translateX(0) translateY(0) scaleX(1.2) scaleY(.75)}
}

/* Wide portrait grid */
.collections-grid{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(108px,1fr));
  gap:10px;
}
@media(min-width:1100px){
  .collections-grid{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:12px}
}
.col-card{
  position:relative;
  display:flex;flex-direction:column;align-items:stretch;gap:10px;
  padding:8px 8px 12px;text-align:left;
  background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);
  box-shadow:var(--shadow-surface);cursor:pointer;transition:var(--transition);
  color:inherit;font:inherit;overflow:visible;
}
.col-card:hover{border-color:rgba(0,212,255,.45);background:var(--bg-card-hover)}
.col-card:focus-visible{outline:2px solid rgba(0,212,255,.55);outline-offset:2px}
/* Unowned: much darker so LB0 (full bright) is easy to spot */
.col-card.is-unowned{
  opacity:.3;
  filter:grayscale(.65) brightness(.45);
}
.col-card.is-unowned .col-card-name{color:var(--text-muted)}
.col-card.is-unowned:hover{
  opacity:.52;
  filter:grayscale(.35) brightness(.7);
}
.col-card.lb-0{
  opacity:1;filter:none;
  border-color:#7dd3fc;
  box-shadow:0 0 0 1px rgba(125,211,252,.35),inset 0 0 0 1px rgba(125,211,252,.12);
}
.col-card.lb-1{border-color:rgba(74,144,217,.65);box-shadow:0 0 0 1px rgba(74,144,217,.2)}
.col-card.lb-2{border-color:rgba(46,213,115,.55);box-shadow:0 0 0 1px rgba(46,213,115,.18)}
.col-card.lb-3{border-color:rgba(255,215,0,.7);box-shadow:0 0 0 1px rgba(255,215,0,.22),0 0 16px rgba(255,215,0,.08)}

.col-card-thumb{
  position:relative;aspect-ratio:1;border-radius:8px;overflow:visible;
  background:transparent;
}
.col-card-thumb-inner{
  width:100% !important;height:100% !important;margin:0 !important;
  border-radius:8px;
}
.col-card-thumb .list-thumb-composite,
.col-card-thumb .tb-supp-tb-composite{
  width:100% !important;height:100% !important;max-width:none;max-height:none;
}
.col-card-lim{
  position:absolute;left:0;right:0;top:0;z-index:5;
  width:100%;margin:0;padding:5px 4px 6px;box-sizing:border-box;
  text-align:center;border-radius:8px 8px 0 0;
  box-shadow:0 2px 10px rgba(0,0,0,.4);
  pointer-events:none;
}
.col-card--lt-unit .col-card-lim{
  background:linear-gradient(95deg,#be185d 0%,#a855f7 55%,#1d4ed8 100%);
}
.col-card--lt-supporter .col-card-lim{
  background:linear-gradient(95deg,#0e7490 0%,#155e75 45%,#b8954a 100%);
}
.col-card-lim .bt-limited-topbar-inner{
  display:block;font-size:9px;font-weight:900;letter-spacing:.1em;
  text-transform:uppercase;color:#fff;
  text-shadow:0 1px 2px rgba(0,0,0,.88);line-height:1.1;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 2px;
}
/* Grade icons — bottom-center of thumb, may extrude; name sits below with gap */
.col-card-lb-icons{
  position:absolute;left:50%;bottom:-7px;z-index:6;
  transform:translateX(-50%);
  display:inline-flex;align-items:center;justify-content:center;gap:1px;
  padding:0;border:none;background:transparent;border-radius:0;
  pointer-events:none;
}
.col-card-lb-icons img{
  width:14px;height:14px;object-fit:contain;display:block;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.85));
}
.col-card-name{
  font-size:11px;font-weight:700;line-height:1.25;color:var(--text-primary);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.5em;margin-top:2px;
}

.collections-foot{
  max-width:1600px;margin:0 auto;padding:8px 20px 28px;
  font-size:12px;color:var(--text-muted);
}
.collections-foot p{margin:0;max-width:70ch;line-height:1.45}

.collections-hp{
  position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;
  opacity:0!important;pointer-events:none!important;overflow:hidden!important;
}
.collections-census{
  margin:28px 0 12px;padding:16px 14px 18px;
  border:1px solid var(--border-color);border-radius:var(--radius);
  background:rgba(10,14,20,.55);
}
.collections-census-head h2{
  margin:0 0 10px;font-size:16px;font-weight:800;letter-spacing:.02em;color:var(--text-primary);
}
.collections-census-form{
  display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin-bottom:14px;
}
.collections-census-optin{
  display:inline-flex;align-items:flex-start;gap:8px;
  font-size:13px;font-weight:600;color:var(--text-primary);cursor:pointer;max-width:min(520px,96vw);
}
.collections-census-optin input{margin-top:2px;accent-color:var(--accent-cyan)}
.collections-census-meta{
  margin:0;flex:1 1 100%;font-size:12px;color:var(--text-muted);min-height:1.2em;
}
.collections-census-charts{
  display:grid;grid-template-columns:1fr;gap:14px;
}
.collections-census-panel--depth{max-width:min(420px,100%)}
.collections-census-panel--kits{min-width:0;max-width:100%;overflow:visible}
.collections-census-own{max-width:100%;min-width:0;overflow:visible}
.collections-census-vhist{
  display:grid;grid-template-columns:28px minmax(0,1fr);gap:6px;align-items:stretch;
  min-height:168px;overflow:visible;
}
.collections-census-vhist-yaxis{
  display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;
  padding:2px 0 28px;font-size:10px;font-weight:800;color:var(--text-muted);
  font-variant-numeric:tabular-nums;line-height:1;
}
.collections-census-vhist-scroll{
  overflow:visible;min-width:0;
}
.collections-census-vhist-bars{
  display:flex;align-items:flex-end;gap:1px;min-height:150px;width:100%;
  padding:2px 0 0;overflow:visible;box-sizing:border-box;
}
.collections-census-vhist-col{
  flex:1 1 0;min-width:0;width:auto;position:relative;z-index:1;
  display:flex;flex-direction:column;align-items:center;gap:3px;
}
.collections-census-vhist-col:hover,
.collections-census-vhist-col.is-hold{z-index:30}
.collections-census-vhist-barwrap{
  position:relative;width:100%;height:120px;display:flex;align-items:flex-end;justify-content:center;
  border-bottom:1px solid rgba(125,211,252,.25);
  background:linear-gradient(to top,rgba(0,212,255,.04),transparent 70%);
  overflow:visible;
}
.collections-census-vhist-bar{
  width:78%;min-width:2px;max-width:14px;min-height:0;border-radius:2px 2px 1px 1px;
  transition:filter var(--motion-dur-quick,120ms) var(--motion-ease-standard,cubic-bezier(.2,0,0,1));
  touch-action:manipulation;
}
.collections-census-vhist-col:hover .collections-census-vhist-bar,
.collections-census-vhist-col.is-hold .collections-census-vhist-bar{
  filter:brightness(1.12);
}
/* Overlay card — may cover bars; does not expand chart height */
.collections-census-vhist-detail{
  position:absolute;left:50%;top:6px;z-index:20;
  display:flex;flex-direction:column;align-items:center;gap:4px;
  width:max-content;max-width:min(148px,72vw);
  padding:7px 8px 6px;
  border-radius:8px;border:1px solid rgba(255,215,0,.55);
  background:rgba(8,12,22,.97);
  box-shadow:0 10px 28px rgba(0,0,0,.55),0 0 0 1px rgba(168,85,247,.35);
  opacity:0;visibility:hidden;pointer-events:none;
  transform:translateX(-50%) translateY(-4px) scale(.94);
  transform-origin:center top;
  transition:opacity var(--motion-dur-quick,120ms) var(--motion-ease-standard,cubic-bezier(.2,0,0,1)),
    transform var(--motion-dur-quick,120ms) var(--motion-ease-standard,cubic-bezier(.2,0,0,1)),
    visibility 0s linear 120ms;
}
.collections-census-vhist-col:hover .collections-census-vhist-detail,
.collections-census-vhist-col.is-hold .collections-census-vhist-detail{
  opacity:1;visibility:visible;
  transform:translateX(-50%) translateY(0) scale(1);
  transition-delay:0s;
}
.collections-census-vhist-col:first-child .collections-census-vhist-detail{
  left:0;transform:translateX(0) translateY(-4px) scale(.94);transform-origin:left top;
}
.collections-census-vhist-col:first-child:hover .collections-census-vhist-detail,
.collections-census-vhist-col:first-child.is-hold .collections-census-vhist-detail{
  transform:translateX(0) translateY(0) scale(1);
}
.collections-census-vhist-col:last-child .collections-census-vhist-detail{
  left:auto;right:0;transform:translateX(0) translateY(-4px) scale(.94);transform-origin:right top;
}
.collections-census-vhist-col:last-child:hover .collections-census-vhist-detail,
.collections-census-vhist-col:last-child.is-hold .collections-census-vhist-detail{
  transform:translateX(0) translateY(0) scale(1);
}
.collections-census-vhist-detail-thumb{
  width:56px;height:56px;border-radius:6px;overflow:hidden;flex:0 0 auto;
  border:1px solid rgba(125,211,252,.35);background:#0b1220;
}
.collections-census-vhist-detail-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.collections-census-vhist-detail-name{
  font-size:10px;font-weight:800;line-height:1.2;color:var(--text-primary);
  text-align:center;max-width:132px;
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.collections-census-vhist-detail-meta{
  font-size:9px;font-weight:700;line-height:1.25;color:var(--text-muted);
  text-align:center;max-width:132px;white-space:normal;
}
.collections-census-vhist-thumb{
  width:100%;aspect-ratio:1;max-width:100%;border-radius:3px;overflow:hidden;
  border:1px solid rgba(125,211,252,.22);background:#0b1220;
}
.collections-census-vhist-thumb img{
  width:100%;height:100%;object-fit:cover;display:block;
}
.collections-census-vhist-col:hover .collections-census-vhist-thumb,
.collections-census-vhist-col.is-hold .collections-census-vhist-thumb{
  border-color:rgba(255,215,0,.55);
}
.collections-census-vhist-val{display:none}
.collections-census-panel{
  min-width:0;padding:12px 12px 10px;
  border:1px solid rgba(125,211,252,.18);border-radius:var(--radius-sm);
  background:rgba(0,0,0,.18);
}
.collections-census-panel h3{
  margin:0 0 4px;font-size:13px;font-weight:800;letter-spacing:.01em;
  color:var(--text-muted);
}
.collections-census-hint{
  margin:0 0 10px;font-size:11px;line-height:1.35;color:var(--text-muted);opacity:.9;
}
.collections-census-hist-row,
.collections-census-own-row{
  display:grid;grid-template-columns:56px minmax(0,1fr) 44px;gap:8px;align-items:center;
  margin:5px 0;
}
.collections-census-own-row{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 52px}
.collections-census-hist-lab,
.collections-census-own-lab{
  font-size:11px;font-weight:700;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.collections-census-own-lab{color:var(--text-primary)}
.collections-census-bar{
  height:10px;border-radius:4px;overflow:hidden;
  background:rgba(0,212,255,.12);
}
.collections-census-bar>i{
  display:block;height:100%;width:0%;
  background:linear-gradient(90deg,#00d4ff,#38bdf8);
  transition:width .35s ease;
}
.collections-census-own-row .collections-census-bar>i{
  background:linear-gradient(90deg,#fbbf24,#f59e0b);
}
.collections-census-count{
  font-size:11px;font-weight:800;color:var(--text-primary);text-align:right;font-variant-numeric:tabular-nums;
}
.collections-census-empty{
  margin:8px 0 4px;font-size:12px;color:var(--text-muted);
}

/* Mobile: fit viewport — no horizontal page scroll / clipped cards */
@media(max-width:720px){
  .collections-top-inner{padding:12px 12px;gap:12px}
  .collections-main{padding:12px 12px 36px}
  .collections-foot{padding:8px 12px 24px}
  .collections-brand{flex:1 1 100%}
  .collections-header-aside{margin-left:0;width:100%;flex-direction:row;justify-content:space-between;align-items:center}
  .collections-grid{
    grid-template-columns:repeat(auto-fill,minmax(96px,1fr));
    gap:8px;
  }
  .col-card{padding:6px 6px 10px;gap:6px}
  .col-card-name{font-size:10px;min-height:2.4em}
  .collections-toolbar{padding:8px 10px;gap:6px 8px}
  .collections-type-tabs button,.collections-role-tabs button{padding:6px 10px;font-size:11px}
  .collections-btn{font-size:10px;padding:6px 8px}
  .collections-share-bar,.collections-code-row{gap:6px 8px}
  .collections-username input{min-width:0;width:100%;max-width:100%}
  .collections-code-field{flex:1 1 100%;max-width:100%}
  .collections-census{padding:12px 10px 14px;margin:20px 0 10px}
  .collections-census-vhist-detail-thumb{width:52px;height:52px}
}

@media(prefers-reduced-motion:reduce){
  .collections-stat-bar>i,.col-card{transition:none}
  .collections-gauge-ring-fill{transition:none}
  .collections-stat-bar>i::after{animation:none;opacity:0}
  .collections-gauge.is-complete-pop{animation:none}
  .collections-hud.is-perfect .collections-gauge-pct{filter:none}
  .collections-gauge-pct .t-digit-group .t-digit{animation:none !important}
  .collections-gauge-pct .t-reel-strip{transition:none !important;filter:none !important}
  .t-success-check{animation:none !important;opacity:0}
  .t-success-check[data-state="in"]{opacity:1}
  .t-success-check svg path{animation:none !important;stroke-dashoffset:0 !important}
  .collections-wave-bar,.collections-wave-ball{animation:none !important}
  .collections-wave-bar{height:28px;background:rgb(70,110,140)}
  .collections-wave-ball{left:50%;transform:translateX(-50%)}
  .collections-census-vhist-detail,
  .collections-census-vhist-bar{transition:none}
  .collections-census-vhist-col:hover .collections-census-vhist-detail,
  .collections-census-vhist-col.is-hold .collections-census-vhist-detail{
    transform:translateX(-50%) translateY(0) scale(1);
  }
  .collections-census-vhist-col:first-child:hover .collections-census-vhist-detail,
  .collections-census-vhist-col:first-child.is-hold .collections-census-vhist-detail,
  .collections-census-vhist-col:last-child:hover .collections-census-vhist-detail,
  .collections-census-vhist-col:last-child.is-hold .collections-census-vhist-detail{
    transform:translateX(0) translateY(0) scale(1);
  }
}

/* JA/TW/HK: heavier + slightly larger for CJK readability (stacks unchanged) */
html[data-ui-lang="JA"] .collections-page,
html[data-ui-lang="JP"] .collections-page,
html[data-ui-lang="TW"] .collections-page,
html[data-ui-lang="HK"] .collections-page{
  font-size:106%;
  font-weight:700;
  font-synthesis:weight;
  -webkit-font-smoothing:antialiased;
}
html[data-ui-lang="JA"] .collections-sub,
html[data-ui-lang="JP"] .collections-sub,
html[data-ui-lang="TW"] .collections-sub,
html[data-ui-lang="HK"] .collections-sub,
html[data-ui-lang="JA"] .collections-status,
html[data-ui-lang="JP"] .collections-status,
html[data-ui-lang="TW"] .collections-status,
html[data-ui-lang="HK"] .collections-status,
html[data-ui-lang="JA"] .collections-census-hint,
html[data-ui-lang="JP"] .collections-census-hint,
html[data-ui-lang="TW"] .collections-census-hint,
html[data-ui-lang="HK"] .collections-census-hint,
html[data-ui-lang="JA"] .collections-census-meta,
html[data-ui-lang="JP"] .collections-census-meta,
html[data-ui-lang="TW"] .collections-census-meta,
html[data-ui-lang="HK"] .collections-census-meta{
  font-weight:700;
  font-size:1.06em;
}
html[data-ui-lang="JA"] .collections-stat-k,
html[data-ui-lang="JP"] .collections-stat-k,
html[data-ui-lang="TW"] .collections-stat-k,
html[data-ui-lang="HK"] .collections-stat-k,
html[data-ui-lang="JA"] .collections-gauge-label,
html[data-ui-lang="JP"] .collections-gauge-label,
html[data-ui-lang="TW"] .collections-gauge-label,
html[data-ui-lang="HK"] .collections-gauge-label,
html[data-ui-lang="JA"] .collections-btn,
html[data-ui-lang="JP"] .collections-btn,
html[data-ui-lang="TW"] .collections-btn,
html[data-ui-lang="HK"] .collections-btn,
html[data-ui-lang="JA"] .collections-type-tab-label,
html[data-ui-lang="JP"] .collections-type-tab-label,
html[data-ui-lang="TW"] .collections-type-tab-label,
html[data-ui-lang="HK"] .collections-type-tab-label,
html[data-ui-lang="JA"] .col-card-name,
html[data-ui-lang="JP"] .col-card-name,
html[data-ui-lang="TW"] .col-card-name,
html[data-ui-lang="HK"] .col-card-name{
  font-weight:800;
}
html[data-ui-lang="JA"] .collections-stat-k,
html[data-ui-lang="JP"] .collections-stat-k,
html[data-ui-lang="TW"] .collections-stat-k,
html[data-ui-lang="HK"] .collections-stat-k{
  font-size:12px;
}
html[data-ui-lang="JA"] .collections-btn,
html[data-ui-lang="JP"] .collections-btn,
html[data-ui-lang="TW"] .collections-btn,
html[data-ui-lang="HK"] .collections-btn{
  font-size:12px;
}