/* 千古群英: catalogue, source browsing and the classical card pack. */
.classics-banner{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:29px 32px;margin:10px 0 38px;border:1px solid #d8bd834d;background:radial-gradient(ellipse at 90% 30%,#a47c3422,transparent 65%),linear-gradient(110deg,#21372b66,#15261b44);position:relative}
.classics-banner:before{content:"";position:absolute;left:32px;top:-1px;width:56px;height:2px;background:var(--gold)}
.classics-banner .eyebrow{font-size:9px;letter-spacing:3px}.classics-banner h2{font:30px var(--serif);letter-spacing:5px;margin:13px 0 9px}.classics-banner p{font-size:12px;color:var(--muted);line-height:1.9;margin:0}
.classics-banner-action{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:13px}.classics-banner-action>span{color:var(--muted);font-size:11px;letter-spacing:1px}.classics-banner-action b{font:17px Georgia,serif;color:var(--gold);margin-left:9px}.classics-banner-action .secondary{font-size:12px;padding:12px 20px}
.collection-sets{display:flex;align-items:center;gap:0;border-bottom:1px solid var(--line);margin:0 0 19px;flex-wrap:wrap}.collection-sets>button{border:0;background:transparent;position:relative;padding:13px 22px 16px;color:var(--muted);font:15px var(--serif);letter-spacing:2px}.collection-sets>button:first-child{padding-left:0}.collection-sets>button.active{color:var(--gold)}.collection-sets>button.active:after{content:"";position:absolute;bottom:-1px;left:20px;right:20px;height:2px;background:var(--gold)}.collection-sets>button:first-child.active:after{left:0}.collection-sets>button>span{font:10px Georgia,serif;letter-spacing:0;margin-left:10px;opacity:.7}.collection-sets>.preset-button{margin-left:auto;font:11px var(--sans);letter-spacing:1px;padding-right:0;color:var(--gold)}
.collection-tools{display:flex;align-items:center;gap:23px;margin:0 0 20px;flex-wrap:wrap;color:var(--muted);font-size:11px}.collection-tools>label{display:flex;align-items:center;gap:10px}.collection-tools select{background:#15261d;color:var(--paper);border:1px solid var(--line);border-radius:0;padding:8px 30px 8px 12px;font:11px var(--sans);max-width:200px}.collection-tools select:focus-visible{outline:1px solid var(--gold);outline-offset:3px}.collection-tools>.owned-filter{gap:7px;cursor:pointer}.owned-filter input{accent-color:var(--gold);width:15px;height:15px;margin:0}.collection-tools>span{margin-left:auto;color:#809984;font-size:10px}
.collection-source{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#9aa892;letter-spacing:1px;margin:0 2px 7px}.rarity-dot{display:block;width:6px;height:6px;background:var(--rarity);transform:rotate(45deg);box-shadow:0 0 8px color-mix(in srgb,var(--rarity) 30%,transparent)}
.collection-item.unowned .card-art{filter:saturate(.65) brightness(.8)}.collection-item.unowned .card{border-color:#63726380}.collection-item.unowned .collection-action{border-style:dashed;color:#a9b399}.collection-meta button:disabled{color:#657765;cursor:default;opacity:.6}.collection-item .card-name{font-size:clamp(19px,2vw,26px)}
.detail-source{font-size:10px!important;color:var(--gold)!important;letter-spacing:1px;margin:8px 0!important}.detail-layout .card-name{font-size:26px}.detail-layout .card-title{font-size:8px}
.pack-selector{display:flex;gap:0;margin-bottom:0;border:1px solid var(--line);border-bottom:0;max-width:600px}.pack-selector button{flex:1;background:#10201970;border:0;padding:15px 20px;text-align:left;color:var(--muted);font:18px var(--serif);letter-spacing:3px;position:relative}.pack-selector button+button{border-left:1px solid var(--line)}.pack-selector small{display:block;font:10px var(--sans);letter-spacing:1px;color:#81917f;margin-top:7px}.pack-selector button.active{background:#a88a4020;color:var(--gold)}.pack-selector button.active:before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold)}.pack-selector button.active small{color:#b1b49b}.classics-pack{background:radial-gradient(ellipse at 15% 50%,#a7802a18,transparent 62%),linear-gradient(110deg,#2a291744,#14251a44)}.classics-pack .pack-box{background:linear-gradient(140deg,#544325,#192c21 70%);box-shadow:12px 14px 0 #09130e,13px 15px 0 #ac945655,0 20px 60px #a5832020}
@media(max-width:850px){.classics-banner{padding:25px;gap:20px}.classics-banner h2{font-size:27px}.classics-banner p{font-size:11px;max-width:430px}.classics-banner-action .secondary{padding:11px 15px;font-size:11px}.collection-sets>button{padding:12px 16px 15px;font-size:14px}.collection-item .card-name{font-size:24px}.detail-layout .card-name{font-size:23px}}
@media(max-width:600px){.classics-banner{margin:25px 0 25px;padding:24px 21px;display:block}.classics-banner:before{left:21px}.classics-banner .eyebrow{font-size:8px;letter-spacing:2px}.classics-banner h2{font-size:27px;letter-spacing:4px}.classics-banner p{font-size:11px}.classics-banner-action{margin-top:19px;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.classics-banner-action>span{font-size:9px;letter-spacing:0}.classics-banner-action b{font-size:15px;margin-left:4px}.classics-banner-action .secondary{font-size:10px;padding:10px 12px;letter-spacing:1px;min-height:42px}.collection-sets{margin-bottom:14px;row-gap:0}.collection-sets>button{font-size:14px;letter-spacing:1px;padding:10px 13px 13px}.collection-sets>button>span{font-size:9px;margin-left:6px}.collection-sets>button.active:after{left:13px;right:13px}.collection-sets>.preset-button{margin-left:0;flex-basis:100%;text-align:left;font-size:10px;padding:12px 0}.collection-sets>button.active:after{bottom:2px}.collection-tools{gap:12px 18px;font-size:10px;margin-bottom:17px}.collection-tools>label{gap:7px}.collection-tools select{font-size:10px;max-width:155px;padding:7px 16px 7px 9px}.collection-tools>span{margin-left:0}.collection-source{font-size:9px;letter-spacing:.5px}.collection-item .card-name{font-size:26px}.detail-layout .card-name{font-size:18px;letter-spacing:1px}.detail-layout .card-title{display:none}.detail-source{font-size:9px!important}.pack-selector button{padding:13px 14px;font-size:17px;letter-spacing:2px}.pack-selector small{font-size:9px;letter-spacing:.3px;line-height:1.6}.page-lead h1{text-wrap:balance}}