/* Original community-operation UI. Scoped to preserve the rest of GoldenAge. */
.obd-shell {
    --obd-bg: #101415;
    --obd-panel: #14191b;
    --obd-line: #303738;
    --obd-text: #ecece6;
    --obd-muted: #a5aead;
    --obd-amber: #d8a353;
    position: relative;
    isolation: isolate;
    width: min(1440px, calc(100% - 48px));
    margin: 20px auto 70px;
    color: var(--obd-text);
    font: 15px/1.65 Inter, ui-sans-serif, system-ui, sans-serif;
}
.obd-shell *, .obd-shell *::before, .obd-shell *::after { box-sizing: border-box; }
.obd-shell h1, .obd-shell h2, .obd-shell h3, .obd-shell p { margin: 0; }
.obd-shell h2, .obd-shell h3 { font-family: inherit; font-weight: 650; letter-spacing: -.025em; line-height: 1.3; text-transform: none; }
.obd-shell h2 { font-size: clamp(22px, 2.2vw, 30px); }
.obd-shell h3 { font-size: 18px; }
.obd-shell p { font-size: 15px; color: var(--obd-muted); }
.obd-shell small { font-size: 12px; }
.obd-shell a, .obd-shell button { transition: color .18s, border-color .18s, background-color .18s; }
.obd-shell a:focus-visible, .obd-shell button:focus-visible, .obd-table-scroll:focus-visible { outline: 2px solid var(--obd-amber); outline-offset: 5px; }
.obd-page-art { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .09; z-index: -1; pointer-events: none; }
.obd-label, .obd-overline, .obd-breadcrumb, .obd-empty-code, .obd-footer {
    font: 12px/1.6 ui-monospace, SFMono-Regular, Consolas, monospace;
    letter-spacing: .1em;
    text-transform: uppercase;
    color: var(--obd-muted);
}
.obd-breadcrumb { display: flex; align-items: center; gap: 16px; margin: 0 0 20px; font-size: 11px; }
.obd-breadcrumb a:hover { color: var(--obd-amber); }
.obd-breadcrumb-end { margin-left: auto; }
.obd-hero { position: relative; overflow: hidden; padding: 24px 40px 0; background: var(--obd-bg); border: 1px solid var(--obd-line); border-top: 2px solid var(--obd-amber); }
.obd-hero::before { content: ''; position: absolute; inset: 0; pointer-events: none; background-image: linear-gradient(#9caaa608 1px, transparent 1px), linear-gradient(90deg, #9caaa608 1px, transparent 1px); background-size: 52px 52px; }
.obd-hero-top, .obd-hero-grid, .obd-hero-footer { position: relative; z-index: 1; }
.obd-hero-top { display: flex; justify-content: space-between; align-items: center; gap: 18px; }
.obd-status { display: inline-flex; align-items: center; gap: 9px; color: var(--obd-amber); font: 12px/1.5 ui-monospace, Consolas, monospace; letter-spacing: .07em; text-transform: uppercase; }
.obd-status i { width: 6px; height: 6px; flex-shrink: 0; background: #b66c5c; }
.obd-status.is-active i { background: #9ac1a7; }
.obd-status.is-active { color: #b0ceba; }
.obd-hero-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(220px, .65fr); gap: 70px; padding: 42px 0 38px; align-items: center; }
.obd-overline { display: block; font-size: 16px; letter-spacing: .32em; margin-bottom: 2px; color: var(--obd-amber); }
.obd-shell .obd-hero h1 { font: 800 clamp(42px, 6.5vw, 92px)/1.05 Impact, 'Arial Narrow', ui-sans-serif, sans-serif; letter-spacing: .025em; text-transform: uppercase; color: var(--obd-text); overflow-wrap: anywhere; }
.obd-hero-copy > p { max-width: 590px; margin-top: 24px; font-size: 17px; line-height: 1.75; }
.obd-hero-lore { display: grid; gap: 12px; max-width: 660px; margin-top: 24px; }
.obd-shell .obd-hero-lore p { color: #c5cecb; font-size: 17px; line-height: 1.75; }
.obd-hero-lore strong { color: var(--obd-text); font-weight: 700; }
.obd-hero-lore .obd-lore-signoff strong { color: var(--obd-amber); }
.obd-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.obd-shell .obd-button { display: inline-flex; align-items: center; justify-content: center; gap: 30px; min-height: 46px; padding: 11px 20px; border: 1px solid var(--obd-amber); border-radius: 2px; background: var(--obd-amber); color: #151613; font-family: inherit; font-size: 13px; font-weight: 700; line-height: 1.5; letter-spacing: .035em; text-transform: uppercase; cursor: pointer; }
.obd-shell .obd-button:hover { background: #e8b975; border-color: #e8b975; }
.obd-shell .obd-button-outline { background: transparent; color: var(--obd-text); border-color: #4b5352; }
.obd-shell .obd-button-outline:hover { background: #202625; border-color: var(--obd-amber); }
.obd-shell .obd-button-muted { margin-top: 16px; font-size: 11px; color: var(--obd-muted); background: #1d2222; border-color: var(--obd-line); cursor: not-allowed; }
/* The supplied artwork spans the whole hero, with content layered above it. */
.obd-hero-artwork { position: absolute; inset: 0; overflow: hidden; background: #101819; pointer-events: none; }
.obd-hero-art { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center; transform: scale(1); transition: transform 400ms ease; }
.obd-hero-artwork::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(90deg, rgba(7, 12, 12, .86) 0%, rgba(7, 12, 12, .65) 38%, rgba(7, 12, 12, .12) 72%, rgba(7, 12, 12, .08) 100%), linear-gradient(to top, rgba(7, 12, 12, .88) 0%, rgba(7, 12, 12, .06) 45%, rgba(7, 12, 12, .3) 100%); }
.obd-hero-copy > p { color: #c5cecb; }
.obd-purchase { min-width: 0; width: 100%; max-width: 350px; justify-self: end; padding: 24px; border: 1px solid #d8a35380; border-top: 2px solid var(--obd-amber); background: linear-gradient(145deg, #1b211fec, #0b1011f2); box-shadow: 0 16px 38px #0003; }
.obd-purchase > .obd-label { color: var(--obd-amber); }
.obd-shell .obd-purchase h2 { margin: 8px 0; font-size: 28px; }
.obd-purchase-price { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; margin: 20px 0; }
.obd-purchase-price strong { color: var(--obd-amber); font-size: 42px; font-weight: 700; line-height: 1.15; letter-spacing: -.04em; }
.obd-purchase-price span { color: var(--obd-muted); font-size: 13px; }
.obd-shell .obd-purchase-button { width: 100%; gap: 12px; font-size: 14px; }
.obd-shell .obd-purchase-note { margin-top: 14px; color: #b5bfbb; font-size: 13px; line-height: 1.65; }
@media (hover: hover) and (pointer: fine) {
    .obd-hero:hover .obd-hero-art { transform: scale(1.03); }
}
.obd-hero-footer { display: flex; gap: 36px; flex-wrap: wrap; align-items: center; padding: 18px 0; border-top: 1px solid var(--obd-line); font: 11px/1.5 ui-monospace, Consolas, monospace; text-transform: uppercase; color: var(--obd-muted); }
.obd-hero-footer b { margin-left: 10px; font-weight: 500; color: var(--obd-text); }
.obd-classification { margin-left: auto; color: var(--obd-amber); }
.obd-nav { display: flex; border: 1px solid var(--obd-line); border-top: 0; background: #161b1c; overflow-x: auto; }
.obd-nav a { flex: 1; display: flex; align-items: center; justify-content: center; gap: 12px; min-height: 66px; padding: 16px 18px; border-bottom: 3px solid transparent; font-size: 15px; font-weight: 650; white-space: nowrap; }
.obd-nav a span { font: 11px/1.5 ui-monospace, Consolas, monospace; color: #99a19e; }
.obd-nav a[aria-current="page"] { color: var(--obd-amber); border-bottom-color: var(--obd-amber); background: #d8a3530a; }
.obd-nav a:hover { background: #222727; color: var(--obd-amber); }
.obd-notice { display: flex; gap: 7px; flex-direction: column; padding: 16px 20px; margin-top: 20px; border-left: 2px solid #ac7961; background: #24201b; color: #c9bcaa; font-size: 13px; }
.obd-notice strong { color: #e0c7a1; font-size: 14px; }
.obd-player { display: grid; grid-template-columns: 1.35fr .8fr .9fr 1.3fr; padding: 24px 0; margin: 22px 0; background: var(--obd-panel); border: 1px solid var(--obd-line); }
.obd-player > div { padding: 0 24px; min-width: 0; }
.obd-player > div + div { border-left: 1px solid var(--obd-line); }
.obd-player-identity { display: flex; gap: 14px; align-items: center; }
.obd-player-identity img { object-fit: cover; flex-shrink: 0; border-radius: 2px; }
.obd-avatar-fallback { display: grid; place-items: center; width: 48px; height: 48px; flex-shrink: 0; background: #252c2c; border: 1px solid #444c4b; color: var(--obd-amber); font: 600 16px/1 ui-monospace, Consolas, monospace; }
.obd-player-identity > div { min-width: 0; }
.obd-player-identity strong { display: block; font-size: 17px; overflow-wrap: anywhere; }
.obd-player-identity a, .obd-player-identity small { display: block; font-size: 12px; color: var(--obd-amber); margin-top: 6px; }
.obd-player .obd-label { font-size: 11px; letter-spacing: .06em; }
.obd-player-stat > strong { display: block; font-size: 32px; line-height: 1.4; font-weight: 600; }
.obd-player-stat > strong small { font-size: 20px; }
.obd-amber, .obd-stars { color: var(--obd-amber); }
.obd-player-medal > strong { display: block; font-size: 19px; }
.obd-player-help { grid-column: 1/-1; padding: 18px 24px 0; margin-top: 18px !important; border-top: 1px solid var(--obd-line); font-size: 13px !important; }
.obd-progress-caption { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 6px; color: var(--obd-muted); font-size: 12px; margin: 12px 0 8px; }
.obd-progress { display: block; width: 100%; height: 5px; border: 0; border-radius: 0; background: #303738; color: var(--obd-amber); appearance: none; }
.obd-progress::-webkit-progress-bar { background: #303738; }
.obd-progress::-webkit-progress-value { background: var(--obd-amber); }
.obd-progress::-moz-progress-bar { background: var(--obd-amber); }
.obd-section-content { display: grid; gap: 22px; animation: obd-arrive .22s ease-out; }
.obd-panel { border: 1px solid var(--obd-line); background: #111617f5; min-width: 0; }
.obd-panel-header { display: flex; justify-content: space-between; gap: 20px; align-items: center; padding: 24px 26px; border-bottom: 1px solid var(--obd-line); }
.obd-panel-header h2 { margin-top: 5px; }
.obd-text-link { color: var(--obd-amber); font-size: 13px; font-weight: 600; }
.obd-text-link:hover { color: #f0c589; }
.obd-medal-track { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; padding: 24px; }
.obd-medal { position: relative; padding: 18px; border: 1px solid #343b3b; background: #181e1f; }
.obd-medal:not(:last-child)::after { content: ''; position: absolute; top: 28px; left: 100%; width: 18px; border-top: 1px solid #59615a; }
.obd-card-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.obd-card-top .obd-label { font-size: 11px; }
.obd-medal-dot { width: 6px; height: 6px; border: 1px solid #78807c; }
.obd-medal.is-unlocked .obd-medal-dot { background: var(--obd-amber); border-color: var(--obd-amber); }
.obd-medal.is-current { border-color: var(--obd-amber); box-shadow: inset 0 0 24px #d8a35308; }
.obd-medal-art { display: grid; place-items: center; min-height: 220px; padding: 20px 0; }
.obd-medal-image { grid-area: 1 / 1; width: 180px; height: 180px; max-width: 100%; object-fit: contain; object-position: center; background: transparent; transform: scale(1); transition: transform 250ms ease, filter 250ms ease; }
.obd-medal-fallback { grid-area: 1 / 1; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 180px; max-width: 100%; height: 180px; color: var(--obd-muted); font: 11px/1.8 ui-monospace, Consolas, monospace; letter-spacing: .05em; }
/* Render bundled artwork without waiting for JavaScript; only failures show the fallback. */
.obd-medal-image + .obd-medal-fallback { display: none; }
.obd-medal-art.is-error .obd-medal-image { visibility: hidden; }
.obd-medal-art.is-error .obd-medal-fallback { display: flex; }
.obd-medal.is-unlocked .obd-medal-image { opacity: 1; filter: drop-shadow(0 0 10px rgba(224, 170, 70, .20)); }
.obd-art-placeholder { display: grid; place-content: center; text-align: center; width: 100%; border: 1px dashed #434b49; color: #a3aca5; background: #101515; }
.obd-art-placeholder > span { color: #808d85; font: 500 32px/1.4 ui-monospace, Consolas, monospace; }
.obd-art-placeholder small { font-size: 10px; }
.obd-medal.is-locked .obd-medal-image { filter: saturate(.75); opacity: .5; }
.obd-medal h3 { margin-bottom: 7px; font-size: 20px; }
.obd-medal p { color: var(--obd-text); }
.obd-medal p span { color: var(--obd-muted); font-size: 12px; }
.obd-medal-state { display: block; border-top: 1px solid var(--obd-line); padding-top: 14px; margin-top: 16px; font: 11px/1.5 ui-monospace, Consolas, monospace; text-transform: uppercase; color: var(--obd-muted); }
.obd-medal.is-unlocked .obd-medal-state { color: var(--obd-amber); }
.obd-current-medal { display: block; width: fit-content; padding: 3px 7px; margin-bottom: 8px; border: 1px solid #d8a35355; color: var(--obd-amber); font-size: 10px; letter-spacing: .05em; }
.obd-medal-next { margin-top: 16px; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) {
    .obd-medal:hover .obd-medal-image { transform: scale(1.04); }
    .obd-medal.is-unlocked:hover .obd-medal-image { filter: drop-shadow(0 0 13px rgba(224, 170, 70, .28)); }
}
.obd-overview-grid { display: grid; grid-template-columns: minmax(0, 1.65fr) minmax(0, 1fr); gap: 22px; }
.obd-briefing { padding: 26px; border-top: 2px solid #986f48; }
.obd-briefing h2 { margin-top: 8px; }
.obd-briefing ol { list-style: none; padding: 0; margin: 26px 0; display: grid; gap: 22px; }
.obd-briefing li { display: flex; gap: 16px; }
.obd-briefing li > span { color: var(--obd-amber); font: 12px/1.8 ui-monospace, Consolas, monospace; padding-top: 2px; }
.obd-briefing li h3 { font-size: 15px; }
.obd-briefing li p { margin-top: 5px; font-size: 13px; }
.obd-empty { padding: 42px 28px; min-height: 230px; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.obd-empty-code { color: var(--obd-amber); font-size: 10px; margin-bottom: 18px; }
.obd-empty h3 { font-size: 23px; margin-bottom: 12px; }
.obd-empty p { max-width: 570px; }
.obd-empty a { margin-top: 24px; }
.obd-weeks { display: grid; grid-template-columns: repeat(auto-fit, minmax(145px, 1fr)); gap: 8px; padding: 22px 24px; border-bottom: 1px solid var(--obd-line); }
.obd-weeks a { padding: 14px 8px; border: 1px solid #3c4543; background: #171d1e; text-align: center; }
.obd-weeks a > span, .obd-weeks a > small { display: block; color: var(--obd-muted); font-size: 11px; }
.obd-weeks a > strong { display: block; font: 600 14px/1.5 ui-monospace, Consolas, monospace; min-height: 42px; margin: 8px 0; }
.obd-weeks a[aria-current], .obd-weeks a:hover { border-color: var(--obd-amber); background: #242219; }
.obd-weeks a[aria-current] > strong { color: var(--obd-amber); }
.obd-week-heading { padding: 24px 26px 0; display: flex; gap: 12px; justify-content: space-between; flex-wrap: wrap; }
.obd-week-heading span { color: var(--obd-muted); font-size: 13px; }
.obd-mission-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 24px; }
.obd-overview-grid .obd-mission-grid { grid-template-columns: 1fr; }
.obd-mission { border: 1px solid var(--obd-line); padding: 22px; background: #181e1f; }
.obd-mission h3 { margin-top: 22px; margin-bottom: 10px; }
.obd-mission p { margin-bottom: 22px; }
.obd-mission .obd-text-link { display: inline-block; margin-top: 16px; }
.obd-mission .obd-claim-note { font-size: 13px; color: #b4c2aa; margin: 16px 0 0; }
.obd-mission .obd-tracker-note { font-size: 12px; color: var(--obd-muted); margin: 16px 0 0; }
.obd-mission.is-complete { border-color: #8c744e; box-shadow: inset 3px 0 #b08a44; }
.obd-operation-summary { padding: 24px; margin-bottom: 22px; }
.obd-operation-summary h2 { margin: 8px 0; }
.obd-operation-summary > progress { margin-top: 18px; }
.obd-stars { font: 600 13px/1.5 ui-monospace, Consolas, monospace; }
.obd-subheading { padding: 24px 26px 0; }
.obd-reward-track { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 16px; padding: 24px; }
.obd-reward { padding: 18px; border: 1px solid var(--obd-line); background: #181e1f; }
.obd-reward.is-unlocked { border-color: var(--obd-amber); }
.obd-reward h3 { font-size: 17px; margin: 16px 0 12px; }
.obd-reward-art { height: 130px; width: 100%; object-fit: contain; margin-top: 18px; }
.obd-reward p { font-size: 12px; }
.obd-panel-note { padding: 24px 26px; border-top: 1px solid var(--obd-line); }
.obd-panel-note > strong { font-size: 14px; }
.obd-panel-note p { font-size: 13px; margin-top: 6px; max-width: 750px; }
.obd-table-scroll { overflow-x: auto; }
.obd-shell .obd-table { border-collapse: collapse; width: 100%; min-width: 640px; margin: 0; }
.obd-table th, .obd-table td { padding: 18px 24px; text-align: left; border-bottom: 1px solid var(--obd-line); white-space: nowrap; }
.obd-table th { font: 11px/1.5 ui-monospace, Consolas, monospace; text-transform: uppercase; color: var(--obd-muted); }
.obd-standing-player { display: flex; align-items: center; gap: 14px; }
.obd-standing-player img { object-fit: cover; }
.obd-standing-player strong { display: block; max-width: 260px; overflow: hidden; text-overflow: ellipsis; font-size: 14px; }
.obd-standing-player small { display: block; color: var(--obd-muted); font-size: 11px; }
.obd-table .is-you { background: #d8a3530d; }
.obd-table .is-you .obd-rank { color: var(--obd-amber); border-left: 2px solid var(--obd-amber); }
.obd-pagination { display: flex; align-items: center; justify-content: center; gap: 20px; padding: 22px; font-size: 13px; }
.obd-footer { display: flex; justify-content: space-between; flex-wrap: wrap; gap: 14px; margin-top: 26px; padding-top: 20px; border-top: 1px solid var(--obd-line); font-size: 10px; }
@keyframes obd-arrive { from { opacity: .4; transform: translateY(4px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 1080px) {
    .obd-hero-grid { gap: 30px; }
    .obd-player { grid-template-columns: 1fr 1fr; gap: 24px 0; }
    .obd-player > div:nth-child(3) { border-left: 0; }
    .obd-player > div:nth-child(n+3) { border-top: 1px solid var(--obd-line); padding-top: 20px; }
    .obd-medal-track { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; padding: 18px; }
    .obd-medal:nth-child(2)::after { display: none; }
    .obd-medal { padding: 14px; }
    .obd-medal:not(:last-child)::after { width: 12px; }
    .obd-classification { display: none; }
    .obd-overview-grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
    .obd-shell { width: calc(100% - 28px); margin-top: 12px; }
    .obd-breadcrumb-end { display: none; }
    .obd-hero { padding: 22px 24px 0; }
    .obd-hero-top { flex-wrap: wrap; gap: 8px; }
    .obd-hero-grid { grid-template-columns: 1fr; padding: 32px 0; }
    .obd-hero-copy > p { font-size: 16px; }
    .obd-shell .obd-hero-lore p { font-size: 16px; }
    .obd-purchase { max-width: none; justify-self: stretch; padding: 22px; }
    .obd-hero-artwork::after { background: linear-gradient(90deg, rgba(7, 12, 12, .78), rgba(7, 12, 12, .4)), linear-gradient(to top, rgba(7, 12, 12, .9), transparent 70%); }
    .obd-hero-footer { gap: 10px 24px; }
    .obd-nav { flex-wrap: wrap; }
    .obd-nav a { min-height: 52px; flex: 1 1 30%; padding: 12px 14px; font-size: 14px; }
    .obd-nav a span { display: none; }
    .obd-medal-track { grid-template-columns: 1fr 1fr; gap: 14px; }
    .obd-medal:nth-child(2)::after { display: none; }
    .obd-medal:not(:last-child)::after { width: 16px; }
    .obd-panel-header { padding: 20px; flex-wrap: wrap; }
    .obd-weeks { grid-template-columns: repeat(2, minmax(0, 1fr)); padding: 18px; }
    .obd-mission-grid { grid-template-columns: 1fr; padding: 18px; }
    .obd-empty { padding: 32px 22px; }
    .obd-player > div { padding-inline: 18px; }
    .obd-player-identity { grid-column: 1/-1; }
    .obd-player > div:nth-child(2) { border-left: 0; }
    .obd-player > div:nth-child(3) { border-left: 1px solid var(--obd-line); border-top: 0; padding-top: 0; }
    .obd-player > div:nth-child(4) { grid-column: 1/-1; border-left: 0; }
    .obd-panel-note { padding: 22px; }
}
@media (max-width: 400px) {
    .obd-hero { padding-inline: 18px; }
    .obd-actions { flex-direction: column; }
    .obd-medal-track { padding: 12px; gap: 10px; }
    .obd-medal { padding: 12px; }
    .obd-medal h3 { font-size: 18px; }
    .obd-pagination { gap: 10px; padding: 16px; }
    .obd-pagination .obd-button { padding: 10px; font-size: 11px; }
}
@media (max-width: 600px) {
    .obd-medal-track { grid-template-columns: minmax(0, 1fr); }
    .obd-medal::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
    .obd-medal .obd-medal-image { transition: none; transform: none; }
    .obd-hero .obd-hero-art { transition: none; transform: none; }
    .obd-section-content { animation: none; }
    .obd-shell a, .obd-shell button { transition: none; }
}
/* Black Dawn database-backed reward track. Scoped so other tabs retain their layout. */
.bdr{padding:24px;min-width:0}.bdr-summary{display:flex;align-items:center;justify-content:space-between;gap:20px}.bdr-summary h3{font-size:32px;margin:8px 0}.bdr-summary h3 span{font-size:18px;color:#929e9b}.bdr-summary p,.bdr-info{color:#a4afab;font-size:14px;line-height:1.65}.bdr-scroll-controls{display:flex;gap:8px}.bdr-overall{margin:18px 0 8px;width:100%}.bdr-feedback{color:#e3b45d;min-height:22px;font-size:15px}.bdr-track{display:flex;overflow-x:auto;gap:16px;padding:8px 0 18px;scroll-snap-type:x proximity;scrollbar-color:#b58b45 #202725;align-items:stretch}.bdr-card{flex:0 0 280px;min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;background:#151c1b;border:1px solid #343c39;border-top:3px solid #343c39;padding:18px;position:relative}.bdr-card.is-ready,.bdr-card.is-claimed{border-top-color:#d7a449}.bdr-card.is-claimed{background:#18201c}.bdr-card.bdr-rarity-epic,.bdr-card.bdr-rarity-legendary,.bdr-card.bdr-rarity-operation{box-shadow:inset 0 0 0 1px #77604026}.bdr-milestone{display:flex;align-items:center;justify-content:space-between;gap:12px}.bdr-milestone strong{font-size:26px;color:#a7afa9}.is-ready .bdr-milestone strong,.is-claimed .bdr-milestone strong{color:#e4b361}.bdr-milestone>span{font-size:11px;letter-spacing:.1em;color:#b7aa8e}.bdr-art{width:100%;height:135px;object-fit:contain;margin:16px 0}.bdr-symbol{display:grid;place-items:center;letter-spacing:.17em;font-family:monospace;font-size:17px;color:#ad925e;background:linear-gradient(155deg,#ffffff03,transparent);border-bottom:1px solid #ffffff08}.bdr-card h3{font-size:19px;line-height:1.3;margin:10px 0;overflow-wrap:anywhere}.bdr-description,.bdr-contents{font-size:14px;color:#adb5b0;line-height:1.6}.bdr-contents{padding-left:20px}.bdr-card-footer{margin-top:auto;padding-top:22px;display:grid;gap:12px}.bdr-card .obd-button{width:100%;font-size:12px;min-height:42px;padding:10px}.bdr-state{font-size:12px;font-weight:700;letter-spacing:.08em;color:#8d9993}.is-ready .bdr-state,.is-claimed .bdr-state{color:#e0af5b}.bdr-item{display:grid;gap:5px;font-size:14px;margin:16px 0}.bdr-item img{width:100%;height:110px;object-fit:contain}.bdr-item small{color:#a8b1aa}.bdr-item .bdr-delivery{color:#b99a60;font-size:11px;line-height:1.5}.bdr-option{border:1px solid #4b4434;padding:12px;margin-top:12px;background:#101615}.bdr-choices>p{font-size:14px;color:#d9b879}.bdr-track:focus-visible,.bdr button:focus-visible{outline:2px solid #e4b361;outline-offset:3px}
@media(max-width:700px){.bdr{padding:16px}.bdr-track{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:12px}.bdr-card{padding:14px}.bdr-scroll-controls{display:none}.bdr-art{height:110px}.bdr-summary h3{font-size:27px}.bdr-milestone{flex-wrap:wrap}.bdr-summary{align-items:flex-start}}
@media(max-width:440px){.bdr-track{grid-template-columns:minmax(0,1fr)}.bdr-art{height:140px}.bdr-card{padding:18px}}
.bdr-classified{margin-top:24px;padding:22px;border:1px solid #806b44;background:#111918;scroll-margin-top:24px}.bdr-classified h3{font-size:24px;margin:10px 0}.bdr-classified>p{font-size:15px;color:#b8bcb3}.bdr-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bdr-choice-grid .bdr-option{margin:0;display:flex;flex-direction:column}.bdr-choice-grid form{margin-top:auto}.bdr-choice-grid button{width:100%}.bdr-owned{max-height:240px;overflow:auto}.bdr-owned summary{cursor:pointer;color:#d6b075;font-size:14px}.bdr-card{min-height:480px}.bdr-description{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bdr-card:target{outline:2px solid #d7a449;outline-offset:-2px}
@media(max-width:700px){.bdr-choice-grid{grid-template-columns:minmax(0,1fr)}.bdr-classified{padding:16px}.bdr-card{min-height:430px}}