:root {
      color-scheme: dark;
      --red: #ef2536;
      --red-deep: #9a0b20;
      --ink: #101016;
      --steel: #ece9e6;
      --steel-edge: #bfbec2;
      --muted: #a7a5ac;
      font-family: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    }
    *, *::before, *::after { box-sizing: border-box; }
    html { min-height: 100%; }
    body { margin: 0; min-height: 100vh; color: #f9f7f7; overflow-x: hidden;
      background:
        radial-gradient(ellipse 58% 45% at 6% 5%, rgba(243, 11, 40, .66), transparent 75%),
        radial-gradient(ellipse 60% 55% at 98% 82%, rgba(157, 4, 26, .62), transparent 78%),
        linear-gradient(134deg, #0b0b0e 0%, #08080a 27%, #25050b 51%, #0b0b0f 73%, #39040d 100%);
    }
    body::before, body::after { content: ""; position: fixed; pointer-events: none; z-index: 0; inset: 0; }
    body::before {
      opacity: .79;
      background:
        repeating-linear-gradient(155deg, transparent 0px 22px, rgba(255, 13, 45, .33) 23px 25px, transparent 26px 39px),
        repeating-linear-gradient(158deg, transparent 0px 71px, rgba(255, 54, 61, .55) 72px 75px, transparent 76px 96px);
      mask-image: linear-gradient(to bottom, #000 0%, transparent 47%, transparent 64%, #000 100%);
    }
    body::after { display:none; }
    .site-shell { position: relative; z-index: 1; max-width: 1230px; margin: 0 auto; padding: 34px 28px 72px; }
    .masthead { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 42px; }
    .brand { display: flex; align-items: center; min-width: 0; flex: 0 1 auto; }
    .brand-logo { display: block; width: clamp(170px, 27vw, 290px); max-width: 100%; height: auto; object-fit: contain; filter: drop-shadow(0 5px 13px rgba(0,0,0,.60)); }
    .top-label { color: #f7cbd1; font-size: 11px; letter-spacing: .18em; padding: 10px 15px; border: 1px solid rgba(255,114,129,.38); background: rgba(9, 8, 10, .7); text-transform: uppercase; white-space: nowrap; }
    .top-label i { display: inline-block; width: 7px; height: 7px; background: var(--red); border-radius: 50%; margin-right: 7px; box-shadow: 0 0 10px var(--red); }
    .board { width: min(100%, 1000px); margin: 0 auto; background: linear-gradient(125deg,#f5f3f1 0%,#dadadd 28%,#f6f6f5 57%,#d4d4d7 100%); border-radius: 12px; color: #17151a;
      padding: clamp(22px, 4vw, 50px); box-shadow: 0 0 0 1px rgba(255,255,255,.58) inset, 0 3px 0 #9d9ca0, 0 18px 45px rgba(0,0,0,.50); position: relative; overflow: hidden;
    }
    .board::before { content:""; position: absolute; inset: 0; pointer-events:none; opacity: .23; background:repeating-linear-gradient(0deg,transparent 0px 3px,rgba(64,64,64,.09) 4px,transparent 5px); }
    .board > * { position: relative; }
    .board-heading { display: flex; align-items: end; justify-content: space-between; gap: 20px; border-bottom: 1px solid rgba(21,21,26,.2); padding-bottom: 23px; margin-bottom: 32px; }
    .eyebrow { font-size: 11px; font-weight: 900; color: #ac1025; letter-spacing: .23em; text-transform: uppercase; margin: 0 0 8px; }
    h1 { margin: 0; font-size: clamp(30px, 4.5vw, 53px); line-height: 1.05; font-weight: 950; text-transform: uppercase; letter-spacing: -.055em; }
    .sub { margin: 12px 0 0; color: #666168; font-size: 14px; line-height: 1.55; }
    .count { font-size: 12px; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; white-space: nowrap; background: #24242a; color: #f4f3f5; padding: 11px 13px; border-left: 4px solid var(--red); }
    .crate-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
    .crate-card { min-width: 0; display: flex; flex-direction: column; border: 2px solid #d71d31; border-radius: 4px; background: linear-gradient(153deg,#1c1d24,#0d0d13 74%); padding: 8px; color: white; text-decoration: none; cursor: pointer; font: inherit; text-align: left; position: relative; aspect-ratio: 1 / 1.02; transition: transform .17s ease, box-shadow .17s ease, border-color .17s ease; box-shadow: 4px 5px 0 rgba(96,13,25,.2); }
    .crate-card:focus-visible { outline: 3px solid #1414d4; outline-offset: 4px; }
    .crate-card:hover { transform: translateY(-5px); border-color:#ff4d5e; box-shadow: 0 11px 26px rgba(154,5,31,.32), 0 0 18px rgba(249,7,37,.15); }
    .crate-card::before { content:""; pointer-events:none; position: absolute; inset: 8px; border: 1px solid rgba(255,255,255,.08); background: radial-gradient(ellipse at 50% 38%,rgba(212,21,48,.16), transparent 61%); }
    .crate-card:hover .card-art img { transform: scale(1.07); }
    .board-foot { margin-top: 31px; display:flex; justify-content: space-between; flex-wrap: wrap; gap: 8px 12px; font-size: 11px; color: #77727b; text-transform: uppercase; letter-spacing: .1em; }
    .board-foot b { color:#a41427; }
    .site-foot { max-width:1000px; margin:24px auto 0; display:flex; justify-content:space-between; gap: 12px; flex-wrap: wrap; font-size:11px; color:#bcadb1; text-transform:uppercase; letter-spacing:.12em; }
    .selected { display: none; }
    .selected.show { display: block; }
    .selected-content { min-height: 310px; display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center; gap: 16px; border: 2px dashed rgba(168,24,43,.35); background: rgba(255,255,255,.42); padding: 30px; }
    .selected-content h2 { margin:0; text-transform:uppercase; font-size:clamp(27px,5vw,44px); line-height: 1.1; }
    .selected-content p { max-width:450px; color:#605b64; line-height:1.6; margin:0; }
    .back-btn { background:#17171d; border:1px solid #b8152b; padding: 11px 20px; color:white; font:inherit; font-size:13px; font-weight:750; letter-spacing:.04em; cursor:pointer; }
    .back-btn:hover { background:#981528; }
    @media (max-width: 750px) { .site-shell { padding: 22px 18px 55px; } .masthead { margin-bottom:28px; } .board-heading { align-items: flex-start; } .count { font-size: 10px; } .crate-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; } .crate-card { aspect-ratio:1 / 1.10; } }
    @media (max-width: 450px) { .site-shell { padding: 16px 12px 40px; } .brand-logo { width: min(53vw, 220px); } .top-label {padding:8px; letter-spacing:.05em; font-size: 9px;} .board { padding: 23px 16px; } .board-heading { display:block; } .count { display:inline-block; margin-top: 17px;} .crate-grid { gap: 11px; } .crate-card { padding:4px; } .crate-card::before { inset:4px; } .card-number { top:12px; right: 10px; } .card-footer {padding:8px 5px 7px;} .card-footer strong {font-size: 14px;} .card-footer small {font-size:8px;} .card-arrow {width:22px;height:22px;} }
    .equip-uploaded { display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:6px; }
    @media (prefers-reduced-motion:reduce) { *, *::before,*::after {transition:none !important;} }

    .crate-card[data-crate="pain"] { --accent:#eb33ad; }
    .crate-card[data-crate="gems"] { --accent:#4ee0a3; }
    .crate-card[data-crate="dragon"] { --accent:#e2ab46; }
    .crate-card[data-crate="scifi"] { --accent:#6e9cfe; }
    .crate-card[data-crate="anime"] { --accent:#ee5457; }
    .crate-card:hover { border-color:var(--accent,#ff4d5e); }
    .selected.show { display:block; }
    .selection-top { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; margin-bottom:24px; }
    .back-btn {display:inline-flex;align-items:center;justify-content:center; gap:8px; border-radius:3px; }
    .selection-info { display:flex; gap:14px; align-items:center; margin-bottom:20px; }
    .selection-icon { width:100px; height:100px; object-fit:contain; border-radius:6px; background:#17171b; border:2px solid #bd192e; padding:2px; flex-shrink:0; }
    .selection-info h2 { font-size:clamp(24px,4.2vw,44px);line-height:1.05; margin:0; text-transform:uppercase; font-weight:950; letter-spacing:-.04em; }
    .selection-info .sub {margin-top:7px}
    .view-tabs { display:flex; justify-content:flex-end; margin:0 0 18px; }
    .tab-btn { border:1px solid #aaa5aa; color:#2a272c; background:rgba(255,255,255,.52); padding:11px 17px; font:inherit; font-weight:850; font-size:12px; cursor:pointer; border-radius:3px; }
    .tab-btn[aria-selected="true"] { color:white; border-color:#e21d36; background:linear-gradient(120deg,#ab1027,#252026); }
    .search-box { margin-left:auto; min-width:150px; max-width:240px; flex:1; padding:11px 12px; font:inherit; font-size:13px; border:1px solid #aaa4ab; border-radius:3px; background:#fcfaf9; color:#16131a; }
    .glove-grid {display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:14px; }
    .glove-card {min-width:0; border:2px solid #98939b; border-radius:3px; padding:5px; background:#18191d; color:#eee; cursor:pointer; font:inherit; text-align:left; transition:transform .17s ease,box-shadow .17s ease; }
    .glove-no-image{display:flex;aspect-ratio:1/1.02;align-items:center;justify-content:center;background:#0b0b0b;color:#9a949c;font-size:12px;}
    .glove-card:hover {transform:translateY(-3px);box-shadow:0 6px 16px rgba(100,12,26,.24);border-color:#ed2b43;}
    .glove-card:focus-visible{outline:3px solid #3939e2;outline-offset:2px;}
    .glove-card img{display:block;width:100%; height:auto; aspect-ratio: 1/1.02; object-fit:contain; background:#0b0b0b;}
    .glove-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;padding:7px 3px 2px;}
    .glove-card-bottom strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .rarity-label{font-size:9px;text-transform:uppercase;letter-spacing:.04em;color:#c0c0c9;}
    .rarity-label[data-rarity="Legendary"]{color:#f8cf66;}
    .rarity-label[data-rarity="Mythic"]{color:#ed9ad7;}
    .rarity-label[data-rarity="Rare"]{color:#a4c9ff;}
    .rarity-label[data-rarity="Uncommon"]{color:#b5dca2;}
    .gallery-empty {display:none; background:#fff9; padding:32px 15px; text-align:center; color:#756d75; font-weight:700;}
    .gallery-empty.show {display:block;}
    .dialog {border:1px solid #8e7380; padding:0; border-radius:8px; background:linear-gradient(130deg,#17151b,#08080d); color:#fff; width:min(100% - 28px,1100px); max-height:90vh; box-shadow:0 15px 38px #000a; }
    .dialog::backdrop {background:rgba(0,0,0,.8); backdrop-filter:blur(4px);}
    .dialog-head {display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; border-bottom:1px solid #54444d;}
    .dialog-head strong {font-size:17px;}
    .dialog-close {background:#a9132b;color:white;border:0;border-radius:4px;padding:8px 14px;cursor:pointer;font:inherit;font-size:12px;font-weight:800;}
    .dialog-body{padding:20px;display:grid;grid-template-columns:170px 1fr; gap:18px; overflow:auto;max-height:calc(90vh - 75px);}
    .dialog-art{display:block;width:100%;border:2px solid #786b75;}
    .dialog-body p{font-size:13px;color:#bbb0b6;line-height:1.65;}
    .dialog-tip {border-left:3px solid #e82b46;padding:8px 11px;background:#29222b;}
    .site-foot a {color:inherit;}
    @media (max-width:800px) {.glove-grid{grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px;} }
    @media (max-width:600px) {.glove-grid{grid-template-columns:repeat(3,minmax(0,1fr)); gap:9px;}.selection-icon{width:82px;height:82px;}.dialog-body{grid-template-columns:115px 1fr;padding:14px;} }
    @media (max-width:430px) {.glove-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.search-box{min-width:100%;order:2;margin-left:0;}.dialog-body{display:block;}.dialog-art{width:130px;margin:0 auto;}.glove-card-bottom{display:block;}.glove-card-bottom strong{display:block;margin-bottom:2px;}}
  

    
    .crate-card {
      display: block;
      width: 100%;
      aspect-ratio: 1 / 1;
      padding: 5px;
      overflow: hidden;
      background: #0b0b0f;
      line-height: 0;
    }
    .crate-card::before { display: none; }
    .crate-image {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: fill;
      border: 1px solid rgba(255,255,255,.22);
      transition: transform .17s ease;
    }
    .crate-card:hover .crate-image { transform: scale(1.025); }
    @media (max-width: 750px) { .crate-card { aspect-ratio: 1/1; } }
    @media (max-width: 450px) { .crate-card { aspect-ratio: 1/1; padding: 3px; } }


.glove-dialog {width:min(100% - 28px, 980px);max-height:94vh;}
.glove-dialog .dialog-body{display:block;overflow:auto;max-height:calc(94vh - 68px);padding:20px;}
.detail-top{display:flex;align-items:center;gap:16px;margin-bottom:16px;}
.detail-top .dialog-art{width:116px;height:116px;object-fit:cover;flex-shrink:0;border-radius:6px;}
.detail-top h3{margin:0;font-size:24px;}
.detail-top p{margin:5px 0 0;color:#c8c0ca;}
.step-label{margin:14px 0 9px;color:#ff98a9;font-size:11px;letter-spacing:.14em;font-weight:900;text-transform:uppercase;}
.effect-buttons{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px;}
.effect-choice{border:1px solid #5c505b;background:#29222d;color:#eee;cursor:pointer;padding:9px 13px;border-radius:5px;font:inherit;font-size:12px;font-weight:750;transition:background .15s,border-color .15s;}
.effect-choice:hover{border-color:#ff7b90;}
.effect-choice[aria-pressed="true"]{background:#b51b35;border-color:#ff9db0;color:white;box-shadow:0 0 0 2px #ff667833;}
.effect-section{font-size:11px;letter-spacing:.09em;color:#aaa0aa;margin:10px 0 4px;font-weight:800;}
.detail-results{display:grid;grid-template-columns:minmax(160px,.68fr) minmax(0,1.4fr);gap:15px;align-items:stretch;}
.value-panel{background:linear-gradient(165deg,#211b26,#111016);border:1px solid #50404d;padding:18px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:10px;min-height:220px;}
.value-coin{width:45px;height:45px;flex:0 0 45px;border-radius:50%;background:radial-gradient(circle at 30% 27%,#fff0a8 0%,#ffce36 36%,#f19b08 68%,#aa5309 100%);border:3px solid #ffe18a;box-shadow:inset 0 0 0 3px #db8619,0 2px 12px #f5b9224a;color:#fff8c9;font-weight:950;font-size:26px;text-shadow:0 1px 2px #974700;display:flex;align-items:center;justify-content:center;}
.value-coin[hidden]{display:none;}
.value-amount{font-size:clamp(23px,2.5vw,36px);line-height:1.14;letter-spacing:-.045em;font-weight:950;color:#fff;overflow-wrap:anywhere;text-align:center;font-variant-numeric:tabular-nums;}
.value-panel:has(.value-coin:not([hidden])) .value-amount{font-size:clamp(22px,2.25vw,32px);}

.equip-panel { min-height:320px; display:grid; place-items:center; background:linear-gradient(155deg,#20232c,#080b12 75%); border:1px solid #554753; border-radius:7px; }
.equip-placeholder { color:#bfb6c4; text-align:center; font-size:clamp(23px,3.3vw,36px); font-weight:800; letter-spacing:.04em; }
.warning-note{color:#776b73;font-size:12px;line-height:1.55;margin:15px 0 0;}
@media(max-width:670px){.detail-results{grid-template-columns:1fr;}.equip-panel{min-height:225px;}.value-panel{padding:18px}.glove-dialog .dialog-body{padding:13px}.detail-top .dialog-art{width:85px;height:85px}.detail-top h3{font-size:20px}}


    .inactive-section{margin-top:48px;padding-top:28px;border-top:1px solid #b6aeb3;}
    .inactive-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px;}
    .inactive-heading h2{font-size:clamp(22px,3vw,32px);text-transform:uppercase;letter-spacing:-.045em;line-height:1.1;margin:0;}
    .inactive-heading .eyebrow{color:#777078;letter-spacing:.17em;margin-bottom:6px;}
    .inactive-count{font-size:11px;color:#656169;font-weight:750;letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;}
    .inactive-grid .crate-card{border-color:#8a8188;box-shadow:3px 4px 0 #49414a26;}
    .inactive-grid .crate-image{filter:saturate(.7);transition:filter .2s,transform .17s;}
    .inactive-grid .crate-card:hover{border-color:#b73b50;}
    .inactive-grid .crate-card:hover .crate-image{filter:saturate(1);}
    .history-panel{content-visibility:auto;contain-intrinsic-size:auto 360px;margin-top:22px;padding:19px 20px 16px;background:#121117;border:1px solid #473c44;border-radius:7px;}
    .history-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px;}
    .history-head h4{font-size:14px;letter-spacing:.015em;margin:0;color:#ede6e9;font-weight:760;}
    .history-head p{font-size:11px;color:#938b96;margin:6px 0 0;line-height:1.4;}
    .history-summary{font-size:11px;letter-spacing:.04em;color:#c7b9c1;border:1px solid #473841;border-radius:3px;padding:6px 9px;white-space:nowrap;}
    .price-chart{width:100%;min-height:164px;position:relative;overflow:hidden;}
    .price-chart svg{width:100%;height:auto;display:block;max-height:255px;}
    .chart-grid{stroke:#4b424d;stroke-width:1;opacity:.62;}
    .chart-area{fill:#ac2442;fill-opacity:.10;}
    .chart-line{stroke:#df4862;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;}
    .chart-point{fill:#f1a4b1;stroke:#18121b;stroke-width:2;}
    .chart-tick{fill:#a99ca8;font:11px Inter,system-ui,sans-serif;}
    .history-empty{min-height:164px;display:flex;align-items:center;justify-content:center;text-align:center;color:#867d87;font-size:12px;line-height:1.5;}
    .price-events{border-top:1px solid #403740;margin-top:12px;}
    .price-event{display:grid;grid-template-columns:minmax(115px,1fr) minmax(0,2.5fr) auto;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid #29262d;font-size:12px;}
    .price-event:last-child{border-bottom:0;}
    .price-date{font-size:11px;color:#9c929d;white-space:nowrap;}
    .price-change{font-variant-numeric:tabular-nums;color:#e2d9e0;overflow-wrap:anywhere;}
    .price-delta{font-size:11px;color:#9e929d;font-variant-numeric:tabular-nums;white-space:nowrap;}
    .price-delta.up{color:#83d8a1;}.price-delta.down{color:#ec8a93;}
    @media(max-width:540px){.inactive-section{margin-top:30px;padding-top:22px}.inactive-heading{align-items:flex-start}.history-panel{padding:13px}.price-event{grid-template-columns:1fr auto;gap:5px}.price-date{grid-column:1/-1}.history-summary{font-size:10px}}

    html { scrollbar-gutter: stable; }
    html:has(.glove-dialog[open]),
    body:has(.glove-dialog[open]) { overflow: hidden; }
    .glove-dialog {
      width: min(980px, calc(100vw - 24px));
      max-height: calc(100dvh - 24px);
      overflow-x: hidden;
      overflow-y: auto;
      overscroll-behavior-y: contain;
      scrollbar-width: thin;
      scrollbar-color: #75616e #16131a;
      -webkit-overflow-scrolling: touch;
    }
    .glove-dialog .dialog-head {
      position: sticky;
      top: 0;
      z-index: 4;
      background: #17141a;
    }
    .glove-dialog .dialog-body {
      overflow: visible;
      max-height: none;
    }
    .glove-dialog::backdrop {
      background: rgba(0, 0, 0, .82);
      backdrop-filter: none;
    }
    @media (max-width: 670px) {
      .glove-dialog {
        width: calc(100vw - 12px);
        max-height: calc(100dvh - 12px);
      }
    }
    .glove-dialog .dialog-body{contain:layout style;}
    .glove-dialog{scroll-behavior:auto;}
    .glove-dialog:focus{outline:none;}
    @media (prefers-reduced-motion:reduce){.crate-card,.crate-image,.glove-card,.effect-choice{transition:none;}}

    .home-search{display:flex;align-items:center;gap:20px;margin:-5px 0 25px;}
    .home-search label{color:#5a525b;font-size:11px;font-weight:850;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;}
    .home-search input{display:block;min-width:0;flex:1;padding:15px 17px;border:1px solid #a8a1a9;border-radius:3px;background:#faf9f9;color:#14121a;font:inherit;font-size:14px;outline:none;transition:border-color .16s,box-shadow .16s;}
    .home-search input:focus{border-color:#ae1530;box-shadow:0 0 0 2px #a8183020;}
    .home-search input::placeholder{color:#837d85;}
    .home-search-results{margin:-10px 0 28px;border:1px solid #c4b9c0;background:#f8f6f6;}
    .home-search-results[hidden]{display:none;}
    .home-search-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 16px;background:#e7e3e5;border-bottom:1px solid #c4b9c0;}
    .home-search-heading strong{font-size:12px;letter-spacing:.04em;text-transform:uppercase;}
    .home-search-heading span{font-size:11px;color:#615c64;}
    .home-search-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;max-height:440px;overflow-y:auto;overscroll-behavior:contain;}
    .home-search-result{display:flex;align-items:center;gap:12px;min-width:0;background:transparent;border:0;border-right:1px solid #dfd8dc;border-bottom:1px solid #dfd8dc;text-align:left;cursor:pointer;padding:11px 13px;font:inherit;color:#201c23;transition:background .14s;}
    .home-search-result:hover,.home-search-result:focus-visible{background:#f1e4e7;outline:none;}
    .home-result-image{width:60px;height:60px;object-fit:contain;background:#1b1920;border:1px solid #9c8f98;flex-shrink:0;}
    .home-result-details{display:flex;flex-direction:column;gap:5px;min-width:0;flex:1;}
    .home-result-details strong{font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .home-result-details small{font-size:11px;color:#77717a;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
    .home-result-arrow{color:#af162a;font-size:19px;flex-shrink:0;}
    .home-search-empty,.home-search-note{grid-column:1/-1;padding:17px 16px;margin:0;font-size:12px;color:#706a73;}
    .home-search-note{background:#eee8ec;text-align:center;}
    @media(max-width:670px){.home-search{display:block;margin:0 0 22px;}.home-search label{display:block;margin-bottom:9px;}.home-search-list{grid-template-columns:1fr;max-height:360px;}.home-search-result{border-right:0;}}

.top-navigation{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.top-nav-link{display:inline-block;text-decoration:none;text-transform:uppercase;font-size:11px;letter-spacing:.08em;font-weight:850;color:#e8c9d0;border:1px solid #854452;padding:11px 15px;background:#141017}
.top-nav-link:hover,.top-nav-link.active{color:#fff;border-color:#e72f49;background:#56121f}
.misc-section{margin-top:48px;border-top:1px solid #bcb3b9;padding-top:28px}
.misc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}
.misc-card{min-width:0;padding:7px;text-align:left;background:#15151a;color:#eee;border:1px solid #8b747c;border-radius:4px;cursor:pointer;font:inherit;transition:transform .16s,border-color .16s}
.misc-card:hover{border-color:#e32642;transform:translateY(-3px)}
.misc-card img,.misc-no-image{display:flex;width:100%;aspect-ratio:1;object-fit:contain;background:#111015;align-items:center;justify-content:center;color:#958c94;font-size:12px}
.misc-card-details{display:flex;gap:5px;flex-direction:column;padding:9px 5px 4px}
.misc-card-details strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.misc-card-details small{font-size:12px;color:#f4b9c1;font-weight:750}
.misc-dialog{max-width:min(740px,calc(100vw - 26px));width:100%;max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #665361;background:#16141a;color:#f3eff1;border-radius:7px;padding:0;box-shadow:0 15px 70px #000b}
.misc-dialog::backdrop{background:#000c}
.misc-dialog .dialog-head{position:sticky;top:0;background:#17141a;z-index:1}
.misc-dialog-body{padding:25px;display:grid;grid-template-columns:185px minmax(0,1fr);gap:26px}
.misc-dialog-art{min-height:185px;display:flex;align-items:center;justify-content:center;color:#988e98;background:#0d0c11;border:1px solid #524650}
.misc-dialog-art img{width:100%;max-height:300px;object-fit:contain}
.misc-dialog-info h2{font-size:25px;line-height:1.15;margin:0 0 20px}
.misc-dialog-price{font-size:clamp(26px,4vw,39px);font-weight:900;letter-spacing:-.05em}
.misc-dialog-note{font-size:13px;color:#c0b4bb;line-height:1.6}
.misc-dialog-history{border-top:1px solid #534650;margin-top:20px;padding-top:15px;font-size:12px;color:#aba0a9}
.misc-dialog-history strong{color:#e9e1e6}
@media(max-width:710px){.misc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.top-nav-link{padding:9px;font-size:10px}.misc-dialog-body{grid-template-columns:1fr;gap:15px}.misc-dialog-art{min-height:150px;max-width:240px}}