body{background:#1c2252}
.paint{inset:0;opacity:1;background:linear-gradient(180deg,#08152674,#081526a8),url('/static/painted-backdrop.png') center center / cover no-repeat}
header{background:#091c2cee;backdrop-filter:blur(12px)}
.panel,.stat,.tile,.upload-box,.empty,.notice{box-shadow:0 12px 36px #08142578}
.panel,.stat,.tile{background:#0a2134e9}
main{position:relative}
@media(max-width:800px){.paint{background-position:center,35% center}}
.upload-box{max-width:980px;margin:0 auto 18px;padding:28px 24px}
.upload-box .flex.between{justify-content:center;gap:12px;margin-top:22px}
#upload-progress:not(:empty){max-width:980px;margin:0 auto 18px;padding:12px 18px;background:#0a2134ed;border:1px solid var(--line);border-radius:10px}
#upload-progress .progress{display:block;padding:10px 0;overflow-wrap:anywhere}
#upload-progress>button{margin-top:12px}
#queue{margin-top:18px}
.feature-section{margin:24px 0 34px}
.feature-section>.flex{justify-content:space-between;margin-bottom:12px}
.feature-list{display:grid;gap:12px}
.feature-row{border:1px solid var(--line);border-radius:9px;background:#0a2134e9;padding:16px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.feature-row strong,.feature-row small{display:block}
.feature-row small{margin-top:4px}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:20px 0}
.feature-grid .panel{min-width:0}
.feature-grid .large-number{font-size:30px}
.price-range{height:26px;border:1px solid #3b7890;background:linear-gradient(90deg,#07313b,#1e7f87 40%,#48c2c0 55%,#1e7f87 70%,#07313b);border-radius:50%;margin:24px 0 8px}
.feature-note{font-size:13px;color:var(--muted)}
@media(max-width:800px){.upload-box{padding:22px 14px}.upload-box .flex.between{gap:8px}.upload-box button{flex:1;min-width:130px}#nav{overflow-x:auto;justify-content:flex-start}}

.favorites-space{position:relative;overflow:hidden;border:2px solid #70b8cf;background:radial-gradient(circle at 16% 19%,#c0e3ef 1px,transparent 2px) 0 0 / 80px 90px,radial-gradient(circle at 70% 65%,#a8daeb 1px,transparent 2px) 0 0 / 110px 100px,linear-gradient(145deg,#0b1c3e,#102e42)}
.favorites-space:after{content:'☄';position:absolute;top:16px;right:22px;font-size:38px;color:#9cdce6;transform:rotate(-15deg);pointer-events:none}
.favorites-space>*{position:relative;z-index:1}

#queue>.empty{grid-column:1/-1;max-width:980px;width:100%;margin:0 auto;padding:28px 20px}
.split{align-items:start}
.split>section>.feature-section:first-child{margin-top:0}
.favorite-pair{display:flex;align-items:center;justify-content:center;gap:16px;margin:28px 0;flex-wrap:wrap}
.favorite-choice{width:min(320px,43vw);min-height:410px;display:flex;flex-direction:column;gap:12px;align-items:center;justify-content:flex-start;background:#0a2134ee;border:2px solid #4795a7;border-radius:16px;padding:18px}
.favorite-choice:hover,.favorite-choice:focus-visible{background:#153651;border-color:#79d9d9}
.favorite-choice img,.favorite-choice .no-image{height:320px;width:100%;object-fit:contain;background:#06121c;border-radius:9px}
.favorite-choice strong{font-size:20px}
.favorite-choice small{font-size:13px}
.pair-or{font-size:22px;color:#a8c6d5}
@media(max-width:650px){.favorite-pair{gap:8px}.favorite-choice{width:calc(50% - 24px);min-height:290px;padding:9px}.favorite-choice img,.favorite-choice .no-image{height:210px}.favorite-choice strong{font-size:16px}.pair-or{font-size:15px}}

/* The printings page uses card art as its content. */
.printings-page{max-width:1320px;margin:auto}
.printings-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin:10px 0 24px}
.printings-heading h1{margin:4px 0 5px;font-size:clamp(40px,6vw,72px)}
.printings-heading p{color:var(--muted);margin:0}
.printing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(205px,1fr));gap:18px;align-items:start}
.printing-card{overflow:hidden;border:1px solid #3d6578;border-radius:14px;background:#081c2bee;box-shadow:0 12px 32px #02081277}
.printing-card.owned{border-color:#42d5c5;box-shadow:0 0 0 1px #42d5c577,0 14px 36px #02081299}
.printing-image{height:295px;padding:13px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#234660,#081524 72%)}
.printing-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 10px #000a)}
.printing-fallback{font-size:13px;color:var(--muted)}
.printing-owned{position:absolute;top:12px;left:12px;padding:5px 9px;background:#073d42ed;border:1px solid #35c6bd;border-radius:6px;color:#c8fffa;font-size:12px;font-weight:700}
.printing-meta{padding:14px;display:grid;gap:6px}
.printing-meta strong{display:flex;justify-content:space-between;gap:8px;line-height:1.2}
.printing-meta strong span{color:var(--teal);white-space:nowrap}
.printing-meta small{min-height:38px;font-size:12px}
.printing-meta button{width:100%;min-height:36px;padding:6px 10px}
#app:has(.detail-photo) .split{grid-template-columns:minmax(350px,.95fr) minmax(420px,1.05fr);gap:18px}
#app:has(.detail-photo) .detail-photo{height:min(67vh,640px);padding:8px;background:radial-gradient(circle at center,#21384d,#061522 70%)}
#app:has(.detail-photo) .split>section:first-child{padding:18px}
@media(max-width:850px){#app:has(.detail-photo) .split{grid-template-columns:1fr}.printing-grid{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:10px}.printing-image{height:235px}.printing-meta{padding:10px}}