:root { --player-line:rgba(209,178,121,.22); }
body { min-width:0; }
button,select,input { max-width:100%; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #e3c286; outline-offset:4px; }
code { overflow-wrap:anywhere; font-size:.82rem; color:#cfc4b3; }
.header { gap:24px; flex-wrap:wrap; }
.header nav { flex:1; flex-wrap:wrap; }
.wallet-button { margin-left:auto; border:1px solid #a48553; border-radius:2px; padding:11px 15px; color:#dfc698; }
.header-actions { display:flex; align-items:center; gap:10px; margin-left:auto; }
.header-actions .wallet-button { margin-left:0; }
.social-x { width:41px; height:41px; flex-shrink:0; display:grid; place-items:center; color:#dfc698; border:1px solid #a48553; background:#10130f; border-radius:2px; text-decoration:none; }
.social-x:hover { background:#24271d; color:#f5e2ba; }
.social-x[aria-disabled="true"] { opacity:.66; cursor:help; }
.release-preview .pending-panel { margin:0; background:#101710; }
.chain-toolbar { display:flex; flex-wrap:wrap; align-items:center; gap:18px; padding:17px 0; border-bottom:1px solid var(--player-line); margin-bottom:22px; }
.chain-toolbar label { display:flex; align-items:center; gap:10px; }
.chain-toolbar label>span { color:#b4aa97; font-size:.78rem; }
.chain-toolbar select { padding:9px; max-width:245px; }
.chain-status { flex:1; display:flex; flex-wrap:wrap; gap:14px; font-size:.8rem; color:#b5b1a3; }
.chain-status b { color:#e0c695; font-weight:500; }
.hero-copy h1 { font-size:clamp(2.3rem,4.6vw,4.8rem); line-height:1.55; }
.hero-copy p { max-width:390px; line-height:1.9; }
.home-intro p { max-width:690px; }
.draw-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.12fr); gap:40px; margin-bottom:26px; align-items:start; }
.pack-card { min-width:0; padding:0; background:#080a09; border:1px solid var(--player-line); text-align:center; }
.pack-art-stage { display:grid; place-items:center; padding:30px 34px 24px; overflow:hidden; background:radial-gradient(ellipse at 50% 44%,#26332e 0, #101815 44%,#080a09 74%); }
.pack-cover { position:relative; isolation:isolate; width:min(100%,246px); aspect-ratio:768/1124; margin:0; border:1px solid #b5a275; background:#030404; transform:perspective(900px) rotateY(-7deg) rotateZ(-2deg); box-shadow:6px 4px 0 #373525,7px 4px 0 #978563,18px 22px 34px #000c; }
.pack-cover::after { content:""; position:absolute; inset:7px; border:1px solid #c1aa6c60; pointer-events:none; z-index:2; }
.pack-cover-image { display:block; width:100%; height:100%; object-fit:cover; }
.pack-cover-top { position:absolute; top:15px; left:17px; right:17px; display:flex; align-items:center; justify-content:space-between; color:#d9c39b; font-size:7px; letter-spacing:.18em; text-shadow:0 2px 8px #000; }
.pack-cover-top>span:last-child { display:grid; place-items:center; width:24px; height:28px; border:1px solid #a68d58a8; background:#0b1310b3; font-size:11px; letter-spacing:.05em; }
.pack-cover-title { position:absolute; inset:auto 0 0; display:grid; gap:5px; padding:28px 15px 21px; background:linear-gradient(transparent,#030605dc 38%,#030605); color:#e8d4ad; }
.pack-cover-title>span { font-size:8px; letter-spacing:.13em; }
.pack-cover-title strong { font-family:"Songti SC","SimSun",serif; font-size:25px; font-weight:400; letter-spacing:.12em; line-height:1.35; }
.pack-cover-title small { font-size:6px; letter-spacing:.16em; color:#ae9d7b; }
.pack-purchase { padding:4px 24px 24px; }
.pack-art-caption { margin:0 0 17px; color:#a49d8b; font-size:.68rem; line-height:1.7; }
.pack-test-note { margin:0 0 12px; color:#c0aa7d; font-size:.71rem; line-height:1.7; }
.pack-card h2 { font-size:1.12rem; font-weight:400; margin:12px 0 18px; line-height:1.6; }
.button-row { display:flex; flex-wrap:wrap; gap:12px; margin:15px 0; }
.button-row button { padding:12px 19px; }
.pack-card .button-row { justify-content:center; flex-wrap:nowrap; gap:10px; }
.pack-card .button-row button { flex:1; padding:12px 8px; border:1px solid #a48553; background:#29291f; font-size:.82rem; }
.pack-card .button-row button:first-child { background:#cbb993; border-color:#cbb993; color:#171510; }
.pack-card .button-row button:disabled { cursor:not-allowed; opacity:.42; }
.rates-panel { padding:24px; border:1px solid var(--player-line); }
.rates-heading { margin:2px 0 18px; }
.rates-heading .eyebrow { margin:0 0 9px; font-size:.61rem; }
.rates-heading h2 { margin:0; font-size:1.4rem; font-weight:400; color:#d7c199; }
.rates-panel table { min-width:0; width:100%; font-size:.85rem; }
.rates-panel th,.rates-panel td { padding:17px 7px; white-space:normal; }
.rates-panel p { font-size:.84rem; line-height:1.85; color:#b6a88a; margin-top:26px; }
.tier-0 { color:#b7bca6; }.tier-1 { color:#84b794; }.tier-2 { color:#9da8d4; }.tier-3 { color:#d3ac73; }.tier-4 { color:#e8c171; }
.quote-status { font-size:.78rem; color:#a9c6af; margin:16px 0 6px; }.quote-status.expired { color:#deb57f; }
.soft { font-size:.8rem; line-height:1.8; color:#a5a795; }
.pending-panel { background:#263126; border:1px solid #b08e58; padding:24px; margin:20px 0; }
.pending-panel h2 { margin-top:8px; }.pending-panel p { line-height:1.85; }
.player-cards { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:22px; }
.collect-card .card-art { width:100%; margin:0; }.card-info { min-width:0; }
.card-actions { flex-wrap:wrap; }.card-actions button { flex:1 1 auto; padding:10px 8px; font-size:.8rem; }
.card-sub { flex-wrap:wrap; }.card-note { overflow-wrap:anywhere; }
.window { margin:12px 0; font-size:.74rem; line-height:1.65; color:#bcae90; }
.gallery-toolbar { flex-wrap:wrap; }.gallery-toolbar select { padding:10px; }.gallery-toolbar input { max-width:340px; }
.reserve-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; margin:20px 0; }
.reserve-grid article { border:1px solid var(--player-line); background:#1b261f; padding:28px; min-width:0; }
.reserve-grid h2 { color:#dfc696; font-size:1.8rem; font-weight:400; overflow-wrap:anywhere; margin:18px 0; }
.reserve-grid p { font-size:.8rem; line-height:1.8; color:#aaa896; }
.section-note { padding:17px 21px; border-left:1px solid #756446; margin:20px 0; font-size:.85rem; line-height:1.9; background:#19231d; }
.tx-history:empty { display:none; }.tx-history { margin:40px 0 15px; border-top:1px solid var(--player-line); padding-top:24px; }
.tx-history h2 { font-size:1.15rem; font-weight:400; }.receipt { display:flex; flex-direction:column; gap:5px; padding:14px 0; border-bottom:1px solid var(--player-line); font-size:.8rem; }.receipt small { color:#9b9a89; }
.tx-live { padding:12px; background:#2a3426; font-size:.85rem; }.tx-live code { display:block; margin-top:8px; }
#action-dialog { width:min(620px,calc(100% - 28px)); max-height:90dvh; overflow-y:auto; border:1px solid #95805c; }
#dialog-body { padding:26px; }#review-title { font-weight:400; font-size:1.5rem; margin-bottom:20px; }
#dialog-body label { display:block; margin:16px 0; font-size:.9rem; }
#dialog-body input,#dialog-body select { display:block; width:100%; padding:12px; margin-top:8px; }
.review-data { margin:20px 0; }.review-data>div { display:grid; grid-template-columns:140px 1fr; gap:15px; padding:12px 0; border-bottom:1px solid var(--player-line); }
.review-data dt { color:#aaa28e; font-size:.8rem; }.review-data dd { min-width:0; overflow-wrap:anywhere; margin:0; font-size:.9rem; }
.modal-message { color:#e3bd82; font-size:.85rem; line-height:1.8; }
.dialog-top { display:flex; gap:10px; align-items:center; }.dialog-top .language-switch { margin-left:auto; }.dialog-top>span { font-size:.8rem; }
.notice { line-height:1.8; }
footer { overflow-wrap:anywhere; }
@media(max-width:1050px) { .player-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }.draw-layout { grid-template-columns:1fr; }.reserve-grid { grid-template-columns:1fr; }.header { gap:17px; }.header nav { order:3; flex-basis:100%; }.wallet-button { margin-left:auto; } }
@media(max-width:640px) {
  .header-actions { gap:8px; }.social-x { width:36px; height:36px; }
  .sim-banner { flex-wrap:wrap; gap:6px 10px; padding:10px 16px; font-size:.68rem; }.sim-banner>span:last-child { width:100%; text-align:center; }
  .chain-toolbar { gap:12px; }.chain-toolbar>label { width:100%; }.chain-toolbar select { flex:1; max-width:none; }.chain-toolbar>button { padding:8px; font-size:.73rem; }
  .chain-status { font-size:.7rem; gap:7px; flex-basis:60%; }.header nav { justify-content:flex-start; }.header nav button { font-size:.77rem; padding:10px 8px; }
  .wallet-button { font-size:.73rem; padding:9px 11px; }.header { gap:14px 8px; }.brand-title { font-size:1.65rem; }.brand-preface,.brand-stamp { display:none; }.brand-title small { font-size:.47rem; }
  .hero-copy h1 { font-size:2.45rem; line-height:1.55; }.hero-copy p { max-width:280px; font-size:.88rem; }.hero-copy .hero-actions { align-items:flex-start; }
  .home-intro h2 { font-size:1.6rem; }.player-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }.card-info { padding:12px 10px; }.card-title-row h3 { font-size:1rem; }.serial { font-size:.65rem; }.card-actions button { width:100%; font-size:.72rem; }.card-sub { font-size:.65rem; }.card-facts .price { font-size:1.5rem; }
  .rates-panel { padding:18px 12px; }.rates-panel table { font-size:.72rem; }.rates-panel th,.rates-panel td { padding:13px 4px; }.pack-card { padding:0; }.pack-card h2 { font-size:1.02rem; }.pack-art-stage { padding:27px 28px 22px; }.pack-cover { width:min(100%,232px); }.pack-purchase { padding:4px 16px 20px; }.pack-card .button-row button { font-size:.75rem; }.rates-heading h2 { font-size:1.24rem; }
  .review-data>div { grid-template-columns:1fr; gap:5px; }#dialog-body { padding:18px; }.dialog-top { flex-wrap:wrap; padding:12px; }.dialog-top>span { width:100%; }.dialog-top .language-switch { margin-left:0; }.dialog-top>button { margin-left:auto; }
  .gallery-toolbar { gap:10px; }.gallery-toolbar input { width:100%; }.gallery-toolbar select { max-width:48%; font-size:.75rem; }.gallery-toolbar>span { width:100%; }
  .section-note { padding:13px; font-size:.76rem; }.chapter-banner h1 { font-size:1.7rem; }.section-heading p { font-size:.82rem; }.pending-panel { padding:17px; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }
.card-art img[hidden], .profile-art img[hidden] { display:none!important; }
.profile-art { position:relative; }
.profile-art[data-art-status="checking"], .profile-art[data-art-status="unavailable"] { min-height:280px; }
.art-integrity-message { position:absolute; inset:35% 12% auto; color:#d3c29e; font-size:.8rem; line-height:1.8; text-align:center; }
html, body { overflow-x:clip; }
#wallet-dialog { width:min(470px,calc(100% - 28px)); max-height:90dvh; padding:0; overflow-y:auto; border:1px solid #95805c; background:#101612; color:#ded4bd; }
#wallet-dialog::backdrop { background:rgba(0,0,0,.76); backdrop-filter:blur(5px); }
.wallet-dialog-top { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:16px 22px; border-bottom:1px solid var(--player-line); }
.wallet-dialog-top button { padding:6px 11px; font-size:.75rem; }
.wallet-dialog-body { padding:24px; }
.wallet-dialog-body h2 { margin:0 0 12px; font-size:1.55rem; font-weight:400; color:#e0c695; }
#wallet-description { font-size:.84rem; line-height:1.85; color:#b4b5a7; margin:0 0 16px; }
.wallet-locales { margin-bottom:20px; }
.wallet-list { display:grid; gap:10px; }
.wallet-choice { display:flex; align-items:center; gap:14px; width:100%; padding:15px; text-align:left; border:1px solid #57604b; background:#19221b; }
.wallet-choice:hover:not(:disabled) { background:#253224; border-color:#c4a86f; }
.wallet-mark { display:grid; place-items:center; width:42px; height:42px; flex-shrink:0; background:#2c3729; border:1px solid #7a7957; color:#e2c487; font-size:.84rem; font-weight:600; }
.wallet-choice-copy { display:grid; gap:6px; min-width:0; overflow-wrap:anywhere; }
.wallet-choice-copy strong { font-size:.98rem; font-weight:500; color:#f0e6d2; }
.wallet-choice-copy small { color:#a8b3a0; font-size:.72rem; line-height:1.55; }
.wallet-arrow { margin-left:auto; color:#d0b37b; }
.wallet-rescan { width:100%; margin-top:16px; padding:11px; font-size:.8rem; }
.wallet-empty { border:1px dashed #786c4e; padding:18px; font-size:.85rem; line-height:1.9; }
.wallet-empty p { margin:10px 0 0; color:#bab5a5; }
.wallet-safety { margin:18px 0 0; padding-top:15px; border-top:1px solid var(--player-line); font-size:.74rem; line-height:1.8; color:#a6a899; }
@media(max-width:420px) { .wallet-dialog-body { padding:20px 16px; }.wallet-dialog-top { padding:13px 16px; }.wallet-choice { padding:12px; gap:11px; } }