:root {
  --fury-orange: #ff8a32;
  --fury-amber: #ffc052;
  --fury-paper: #d7c49a;
  --fury-ink: #302719;
}

.hidden { display: none !important; }
.fury-collection-main { max-width: 1380px !important; }

.fury-tabs { display:flex; gap:8px; margin:0 0 24px; padding:5px; border:1px solid rgba(255,255,255,.1); border-radius:14px; background:rgba(255,255,255,.035); }
.fury-tab { padding:11px 18px; border:0; border-radius:10px; background:transparent; color:#aeb7c6; font:inherit; font-weight:850; cursor:pointer; }
.fury-tab[aria-selected="true"] { background:var(--dm-accent,#17b8ad); color:#fff; box-shadow:0 8px 20px rgba(0,0,0,.22); }
.settings-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.col-12{grid-column:span 12}.col-6{grid-column:span 6}
.fury-intro{display:flex;gap:16px;align-items:flex-start}.fury-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:16px;background:linear-gradient(135deg,#fb923c,#ea580c);font-size:28px;box-shadow:0 12px 28px rgba(234,88,12,.24)}
.schedule-summary{margin-top:18px;padding:14px 16px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.045)}.schedule-summary strong{display:block;margin-bottom:4px}.schedule-summary p{margin:0}
.range-help{margin-top:7px;color:var(--muted);font-size:13px}.discord-field{margin-top:16px}.channel-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:10px}.site-btn.secondary{background:#343b48;color:#fff}
.settings-subsection{padding:22px 0;border-top:1px solid rgba(255,255,255,.1)}.settings-subsection:first-of-type{padding-top:8px;border-top:0}.settings-subsection h3{margin:0 0 14px;font-size:18px}.settings-subsection.is-disabled{opacity:.55}

.fury-collection-hero {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 24px;
}

.fury-eyebrow {
  margin-bottom: 7px;
  color: var(--fury-orange);
  font-size: 11px;
  font-weight: 950;
  letter-spacing: .15em;
  text-transform: uppercase;
}

.fury-collection-hero h1 { margin: 0; color: #fff; font-size: clamp(30px, 4vw, 48px); }
.fury-collection-hero p { max-width: 670px; margin: 8px 0 0; color: #aeb7c6; line-height: 1.6; }

.fury-progress {
  flex: 0 0 190px;
  padding: 15px 17px;
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 16px;
  background: rgba(10,11,14,.55);
  box-shadow: 0 16px 36px rgba(0,0,0,.2);
}

.fury-progress strong { display: block; color: #fff; font-size: 22px; font-variant-numeric: tabular-nums; }
.fury-progress span { color: #8e98a9; font-size: 11px; font-weight: 800; text-transform: uppercase; }
.fury-progress-track { height: 6px; margin-top: 11px; overflow: hidden; border-radius: 9px; background: rgba(255,255,255,.08); }
.fury-progress-track i { display: block; width: 0; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--fury-orange),var(--fury-amber)); transition: width .35s ease; }

.fury-toolbar {
  display: grid;
  grid-template-columns: repeat(3, minmax(120px, 180px)) minmax(190px, 1fr);
  gap: 12px;
  margin-bottom: 26px;
  padding: 15px;
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 16px;
  background: rgba(17,18,22,.74);
}

.fury-toolbar label { margin: 0; }
.fury-toolbar label > span { display: block; margin: 0 0 6px; color: #8993a5; font-size: 10px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.fury-toolbar select,
.fury-toolbar input { width: 100%; min-height: 42px; margin: 0; border-color: rgba(255,255,255,.1); background: #24262c; color: #f3f4f7; }

.fury-binder-stage { position: relative; perspective: 2400px; }
.fury-binder {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  width: 100%;
  min-height: 880px;
  padding: 32px 36px;
  border-radius: 28px;
  background: #3a211b;
  box-shadow: 0 38px 70px rgba(0,0,0,.48), inset 0 0 0 2px rgba(255,196,108,.12), inset 0 0 50px rgba(0,0,0,.55);
  transform-style: preserve-3d;
  isolation: isolate;
}

.fury-binder::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 8px;
  border: 1px solid rgba(255,202,124,.16);
  border-radius: 22px;
  background: radial-gradient(circle at 50% 0,rgba(255,142,53,.13),transparent 38%), repeating-linear-gradient(105deg,rgba(255,255,255,.018) 0 1px,transparent 1px 5px),#281713;
}

.fury-binder-cover { position: absolute; z-index: -2; top: 0; bottom: 0; width: 51%; border-radius: 28px; background: linear-gradient(135deg,#4b2a20,#24120f 70%); }
.fury-binder-cover-left { left: 0; transform: rotateY(1.5deg); transform-origin: right; }
.fury-binder-cover-right { right: 0; transform: rotateY(-1.5deg); transform-origin: left; }
.fury-binder-spine { position: absolute; z-index: 8; top: 22px; bottom: 22px; left: 50%; width: 36px; transform: translateX(-50%); background: linear-gradient(90deg,rgba(0,0,0,.4),rgba(255,255,255,.1) 46%,rgba(0,0,0,.45)); box-shadow: 0 0 24px rgba(0,0,0,.55); pointer-events: none; }
.fury-binder-spine i { position: absolute; left: 4px; right: 4px; height: 8px; border-radius: 50%; background: linear-gradient(#e1b46a,#6e4927); box-shadow: 0 2px 4px #000; }
.fury-binder-spine i:nth-child(1) { top: 10%; }.fury-binder-spine i:nth-child(2) { top: 36%; }.fury-binder-spine i:nth-child(3) { top: 62%; }.fury-binder-spine i:nth-child(4) { top: 88%; }

.fury-page {
  position: relative;
  min-width: 0;
  padding: 28px;
  background: linear-gradient(90deg,rgba(97,75,40,.24),transparent 10%),radial-gradient(circle at 50% 10%,#eee3c6,#c9b78e 72%);
  box-shadow: inset 0 0 26px rgba(75,53,24,.22),0 6px 16px rgba(0,0,0,.3);
}
.fury-page-left { border-radius: 10px 3px 3px 10px; transform: rotateY(1.2deg); transform-origin: right; }
.fury-page-right { border-radius: 3px 10px 10px 3px; background: linear-gradient(270deg,rgba(97,75,40,.2),transparent 10%),radial-gradient(circle at 50% 10%,#eee3c6,#c9b78e 72%); transform: rotateY(-1.2deg); transform-origin: left; }
.fury-page::after { content: attr(data-page); position: absolute; bottom: 8px; color: rgba(48,39,25,.58); font: 800 11px/1 sans-serif; }
.fury-page-left::after { left: 18px; }.fury-page-right::after { right: 18px; }

.fury-card-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; height: 100%; align-content: center; }
.fury-pocket {
  position: relative;
  min-width: 0;
  padding: 9px 9px 17px;
  border: 1px solid rgba(63,48,24,.34);
  border-radius: 10px 10px 14px 14px;
  background: linear-gradient(145deg,rgba(255,255,255,.22),rgba(84,65,34,.12));
  box-shadow: inset 0 -12px 18px rgba(80,56,25,.12),0 3px 5px rgba(61,41,17,.16);
}
.fury-pocket::after { content: ""; position: absolute; z-index: 3; right: 3px; bottom: 3px; left: 3px; height: 23%; border: 1px solid rgba(255,255,255,.28); border-top-color: rgba(83,63,31,.2); border-radius: 0 0 10px 10px; background: linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.22)); pointer-events: none; }
.fury-card-spacer { width: 100%; max-width: 180px; aspect-ratio: 3/4; margin: auto; }
.fury-pocket-empty { background: linear-gradient(145deg,rgba(255,255,255,.13),rgba(84,65,34,.08)); }

.fury-card {
  position: relative;
  display: block;
  width: 100%;
  max-width: 180px;
  aspect-ratio: 3/4;
  margin: auto;
  overflow: hidden;
  border: 3px solid var(--rarity-color,#806d4b);
  border-radius: 11px;
  background: #29241c;
  color: #fff;
  box-shadow: 0 10px 17px rgba(38,24,8,.32);
  cursor: pointer;
  transform: translateZ(0);
  transition: transform .2s ease,box-shadow .2s ease;
}
.fury-card:hover,.fury-card:focus-visible { z-index: 4; outline: none; transform: translateY(-7px) rotate(-.5deg) scale(1.025); box-shadow: 0 17px 24px rgba(38,24,8,.42),0 0 17px color-mix(in srgb,var(--rarity-color) 40%,transparent); }
.fury-card img { width: 100%; height: 100%; object-fit: cover; }
.fury-card-copy { position: absolute; right: 0; bottom: 0; left: 0; padding: 30px 9px 8px; background: linear-gradient(transparent,rgba(6,7,9,.94) 50%); text-align: left; }
.fury-card-name { display: block; overflow: hidden; font-size: 12px; font-weight: 900; text-overflow: ellipsis; white-space: nowrap; }
.fury-card-number { color: #d5d9e0; font-size: 9px; font-weight: 800; }
.fury-copy-count { position: absolute; z-index: 4; top: 6px; right: 6px; min-width: 27px; padding: 4px 6px; border: 1px solid rgba(255,255,255,.28); border-radius: 999px; background: rgba(8,9,12,.84); color: #fff; font-size: 10px; font-weight: 950; }
.fury-foil::before { content: ""; position: absolute; z-index: 2; inset: -60%; background: linear-gradient(115deg,transparent 35%,rgba(255,255,255,.26) 46%,rgba(255,219,106,.28) 50%,rgba(123,224,255,.24) 54%,transparent 65%); transform: translateX(-45%) rotate(8deg); animation: fury-shimmer 5s ease-in-out infinite; pointer-events: none; }

.fury-card-missing { border-color: #5f6268; background: #1e2126; cursor: default; box-shadow: inset 0 0 30px rgba(0,0,0,.54); }
.fury-card-missing:hover { transform: none; box-shadow: inset 0 0 30px rgba(0,0,0,.54); }
.fury-card-missing img { filter: grayscale(1) brightness(.48) contrast(.88); opacity: .68; }
.fury-card-missing .fury-card-copy { z-index: 2; background: linear-gradient(transparent,rgba(7,9,12,.96) 48%); color: #eef1f4; }

.fury-coin { position:relative; display:grid; width:100%; max-width:180px; aspect-ratio:3/4; margin:auto; place-items:center; overflow:hidden; border:2px solid rgba(67,49,24,.42); border-radius:11px; background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.62),rgba(176,151,99,.2) 47%,rgba(52,38,20,.38)); color:#302719; cursor:pointer; box-shadow:0 10px 17px rgba(38,24,8,.28); transition:transform .2s ease,box-shadow .2s ease; }
.fury-coin:hover,.fury-coin:focus-visible { z-index:4; outline:none; transform:translateY(-7px) scale(1.025); box-shadow:0 17px 24px rgba(38,24,8,.4); }
.fury-coin img { width:82%; height:68%; object-fit:contain; filter:drop-shadow(0 9px 8px rgba(40,27,10,.3)); }
.fury-coin-copy { position:absolute; right:0; bottom:0; left:0; padding:25px 8px 8px; background:linear-gradient(transparent,rgba(224,207,169,.97) 43%); text-align:left; text-transform:capitalize; }
.fury-coin-copy strong,.fury-coin-copy span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.fury-coin-copy strong{font-size:11px}.fury-coin-copy span{font-size:9px;font-weight:850;opacity:.72}
.fury-coin-missing { cursor:default; filter:grayscale(1); opacity:.4; }.fury-coin-missing:hover { transform:none; box-shadow:0 10px 17px rgba(38,24,8,.28); }.fury-coin-missing img{filter:brightness(.35) drop-shadow(0 7px 6px rgba(40,27,10,.2))}
.fury-coin-bronze{--coin-color:#b66a37;border-color:#a75e31}.fury-coin-silver{--coin-color:#b9c2ca;border-color:#9ba8b2}.fury-coin-gold{--coin-color:#e0b83f;border-color:#c99c1d}.fury-coin-platinum{--coin-color:#a7e1e4;border-color:#78bcc2}

.fury-turn-sheet { position: absolute; z-index: 7; top: 32px; bottom: 32px; left: 50%; width: calc(50% - 36px); transform: rotateY(90deg); transform-origin: left center; transform-style: preserve-3d; pointer-events: none; visibility: hidden; }
.fury-turn-front,.fury-turn-back { position: absolute; inset: 0; padding: 28px; border-radius: 3px 10px 10px 3px; backface-visibility: hidden; background: radial-gradient(circle at 50% 10%,#eee3c6,#c9b78e 72%); box-shadow: 8px 8px 24px rgba(0,0,0,.38); overflow: hidden; }
.fury-turn-back { transform: rotateY(180deg); }
.fury-binder.is-turning-next .fury-turn-sheet { visibility: visible; animation: fury-page-next .64s cubic-bezier(.55,.05,.35,1) both; }
.fury-binder.is-turning-previous .fury-turn-sheet { left: 36px; transform-origin: right center; visibility: visible; animation: fury-page-previous .64s cubic-bezier(.55,.05,.35,1) both; }

.fury-page-controls { display: flex; align-items: center; justify-content: center; gap: 20px; margin-top: 22px; }
.fury-page-controls button { min-width: 120px; padding: 10px 15px; border: 1px solid rgba(255,255,255,.12); border-radius: 999px; background: #292c33; color: #fff; font: inherit; font-weight: 850; cursor: pointer; }
.fury-page-controls button:hover:not(:disabled) { border-color: rgba(255,160,67,.55); background: #343039; }
.fury-page-controls button:disabled { opacity: .35; cursor: default; }
.fury-page-controls > span { min-width: 118px; color: #aeb7c6; font-size: 12px; font-weight: 800; text-align: center; }

.fury-empty { position: absolute; z-index: 10; inset: 32px 36px; display: grid; place-content: center; gap: 7px; border-radius: 10px; background: #d7c49a; color: var(--fury-ink); text-align: center; }
.fury-empty strong { font-size: 20px; }.fury-empty span { opacity: .72; }
.fury-state-card { max-width: 650px; margin: 10vh auto; padding: 48px 36px; border: 1px solid rgba(255,255,255,.1); border-radius: 22px; background: rgba(17,18,22,.8); text-align: center; }
.fury-state-icon { display: grid; width: 66px; height: 66px; margin: 0 auto 20px; place-items: center; border-radius: 20px; background: linear-gradient(135deg,#fb923c,#c2410c); font-size: 32px; box-shadow: 0 16px 35px rgba(234,88,12,.25); }
.fury-state-card h1 { color: #fff; }.fury-state-card p { margin: 0 auto 24px; color: #aeb7c6; line-height: 1.6; }

.fury-card-dialog { width: min(760px,calc(100vw - 28px)); padding: 0; overflow: visible; border: 1px solid rgba(255,255,255,.14); border-radius: 22px; background: #17191e; color: #fff; box-shadow: 0 32px 90px rgba(0,0,0,.7); }
.fury-card-dialog::backdrop { background: rgba(5,6,8,.82); backdrop-filter: blur(8px); }
.fury-dialog-close { position: absolute; z-index: 3; top: 10px; right: 10px; width: 38px; height: 38px; border: 1px solid rgba(255,255,255,.15); border-radius: 50%; background: rgba(13,14,17,.8); color: #fff; font-size: 22px; cursor: pointer; }
.fury-dialog-layout { display: grid; grid-template-columns: minmax(220px,310px) 1fr; gap: 28px; padding: 34px; }
.fury-dialog-art { display: block; width: 100%; height: auto; max-height: min(72vh,680px); object-fit: contain; border: 0; border-radius: 12px; background: transparent; box-shadow: 0 18px 40px rgba(0,0,0,.45); }
.fury-dialog-copy { align-self: center; }.fury-dialog-copy h2 { margin: 5px 0 10px; font-size: 30px; }.fury-dialog-rarity { color: var(--rarity-color); font-size: 11px; font-weight: 950; letter-spacing: .12em; text-transform: uppercase; }
.fury-dialog-meta { display: grid; gap: 9px; margin: 23px 0 0; padding: 0; list-style: none; }.fury-dialog-meta li { display: flex; justify-content: space-between; gap: 15px; padding-bottom: 9px; border-bottom: 1px solid rgba(255,255,255,.08); color: #929cac; }.fury-dialog-meta strong { color: #eef1f5; text-align: right; }

@keyframes fury-shimmer { 0%,30% { transform: translateX(-50%) rotate(8deg); } 60%,100% { transform: translateX(48%) rotate(8deg); } }
@keyframes fury-page-next { 0% { transform: rotateY(0); } 45% { box-shadow: 24px 12px 32px rgba(0,0,0,.5); } 100% { transform: rotateY(-180deg); } }
@keyframes fury-page-previous { 0% { transform: rotateY(0); } 45% { box-shadow: -24px 12px 32px rgba(0,0,0,.5); } 100% { transform: rotateY(180deg); } }

@media (max-width: 980px) {
  .fury-binder { min-height: 720px; padding: 24px; }
  .fury-page { padding: 20px; }.fury-card-grid { gap: 14px; }.fury-binder-spine { top: 16px; bottom: 16px; width: 28px; }
  .fury-turn-sheet { top: 24px; bottom: 24px; width: calc(50% - 24px); }.fury-turn-front,.fury-turn-back { padding: 20px; }.fury-binder.is-turning-previous .fury-turn-sheet { left: 24px; }
}

@media (max-width: 720px) {
  .col-6{grid-column:span 12}.fury-intro{align-items:center}
  .fury-collection-hero { display: grid; }.fury-progress { width: 100%; }
  .fury-toolbar { grid-template-columns: 1fr 1fr; }.fury-search { grid-column: 1/-1; }
  .fury-binder { display: block; min-height: 610px; padding: 18px; border-radius: 20px; }
  .fury-page { min-height: 574px; padding: 22px; border-radius: 8px; transform: none; }
  .fury-page-left { display: none; }.fury-binder-spine,.fury-binder-cover-left { display: none; }.fury-binder-cover-right { width: 100%; }
  .fury-card-grid { gap: 18px 14px; }.fury-card { max-width: 190px; }
  .fury-turn-sheet { top: 18px; right: 18px; bottom: 18px; left: 18px; width: auto; transform-origin: left center; }
  .fury-turn-front,.fury-turn-back { padding: 22px; }
  .fury-binder.is-turning-previous .fury-turn-sheet { left: 18px; transform-origin: right center; }
  .fury-empty { inset: 18px; }.fury-page-controls { gap: 9px; }.fury-page-controls button { min-width: 54px; }.fury-page-controls button span { display: none; }
  .fury-dialog-layout { grid-template-columns: 1fr; padding: 28px; }.fury-dialog-art { width: min(250px,80%); margin: auto; }.fury-dialog-copy h2 { font-size: 24px; }
}

@media (max-width: 460px) {
  .fury-toolbar { grid-template-columns: 1fr; }.fury-search { grid-column: auto; }
  .fury-binder { min-height: 515px; padding: 12px; }.fury-page { min-height: 491px; padding: 14px; }.fury-card-grid { gap: 13px 10px; }
  .fury-turn-front,.fury-turn-back { padding: 14px; }
  .fury-page-controls > span { min-width: 92px; }.fury-card-name { font-size: 10px; }
}

@media (prefers-reduced-motion: reduce) {
  .fury-card,.fury-progress-track i { transition: none; }.fury-foil::before { animation: none; opacity: .16; }
  .fury-binder.is-turning-next .fury-turn-sheet,.fury-binder.is-turning-previous .fury-turn-sheet { animation-duration: .01ms; }
}
.fury-dialog-coins{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.fury-dialog-coins>div{display:grid;grid-template-columns:42px 1fr auto;gap:8px;align-items:center;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:10px;text-transform:capitalize}.fury-dialog-coins img{width:42px;height:42px;object-fit:contain}