/* The original liquid metal canvas remains behind the collection cabinet. */
header{gap:16px}.subtitle{display:none}.quotes{height:106px}main{height:calc(100% - 163px);grid-template-rows:minmax(145px,1fr) 118px 238px}aside{grid-row:1/4}.browserPanel{grid-row:1}.tradePanel{grid-column:1;grid-row:2;padding:12px}.albumPanel{grid-column:1;grid-row:3;border:1px solid #ffffff35;border-radius:8px;background:linear-gradient(115deg,#ffffff0c,#07090be8 30%,#1b1e20ed 75%,#ffffff08);padding:13px 16px;overflow:auto;box-shadow:inset 0 1px #ffffff15,0 10px 30px #0003}.albumHead{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.albumHead small{font:8px ui-monospace,monospace;letter-spacing:2.4px;color:#969b9c}.albumHead h2{font-size:16px;font-weight:400;letter-spacing:3px;margin:5px 0 0}.albumMeta{display:grid;gap:5px;text-align:right;font:10px ui-monospace,monospace}.albumMeta strong{font-weight:400;color:#d0d4d2}.albumMeta span{font-size:9px;color:var(--muted)}.albumSides{display:grid;grid-template-columns:1fr 1fr;gap:20px}.albumSideHead{display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:1px;margin:0 1px 6px}.albumSideHead b{font-weight:500}.albumSideHead span{color:#a2a9a6}.albumGrid{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:4px}.albumCard{height:54px;border:1px solid #ffffff14;border-radius:4px;background:#0003;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative}.albumCard span{font:8px ui-monospace,monospace;color:#9b9e9e;white-space:nowrap}.albumCard strong{font:9px ui-monospace,monospace;color:#5e6464;font-weight:400}.albumCard.collected{background:linear-gradient(125deg,#ffffff20,#ffffff08);border-color:currentColor;box-shadow:inset 1px 1px #ffffff18}.albumCard.collected strong{color:inherit}.albumCard.pending{border-style:dashed;border-color:#dad0a0}.albumCard.pending strong{color:#dad0a0}.albumCard.current:after{content:'◇';position:absolute;top:-7px;right:1px;font-size:12px;color:#fff;text-shadow:0 1px 5px #000}.albumLegend{display:flex;justify-content:space-between;gap:10px;margin-top:10px;font-size:8px;color:#949b99}.sting{flex-direction:column;align-items:flex-start;justify-content:center;gap:8px;padding:9px 18px}.sting span{font:29px Georgia,serif;letter-spacing:2px}.sting small{font-size:9px;line-height:1.4;text-align:left}.amount input{width:84px;font-size:21px}.amountHeading #saveAmount{font-size:9px;padding:4px 6px}.tradeFoot{font-size:8px}.orb{width:132px;height:132px;margin:12px auto}.crystalPanel{padding:15px}.outcomes strong{font-size:22px}.feedPanel{min-height:80px}.heading h1{font-size:29px}.amount>.amountHeading{justify-content:space-between}.amount>div{gap:7px}
@media(max-width:1450px){.albumGrid{grid-template-columns:repeat(5,minmax(0,1fr))}.albumCard{height:31px;flex-direction:row;gap:5px}.albumSides{gap:16px}.albumLegend{font-size:7px}.albumHead{margin-bottom:8px}.albumPanel{padding:10px 13px}.albumCard span{font-size:8px}.albumCard strong{font-size:8px}}
@media(max-height:800px){.quotes{height:87px}main{height:calc(100% - 144px);grid-template-rows:minmax(120px,1fr) 114px 224px}.albumCard{height:28px}.albumHead h2{font-size:14px}.orb{width:105px;height:105px}.orb strong{font-size:20px}.albumLegend{margin-top:8px}}
@media(max-width:1450px){.albumCard{flex-direction:column;gap:2px}.albumCard strong{font-size:9px}.albumCard span{font-size:8px}}
.sting:disabled{opacity:.5}
/* Reserve explicit room for amount controls and status lines at laptop sizes. */
main{grid-template-rows:minmax(140px,1fr) 118px 248px}.tradePanel{padding:8px 12px;grid-template-rows:minmax(0,1fr) 14px;gap:4px 14px}.tradeFoot{min-height:14px;line-height:14px}.albumLegend{line-height:12px}.albumHead h2{line-height:18px}.albumSideHead{line-height:12px}
@media(max-height:800px){main{grid-template-rows:minmax(120px,1fr) 112px 232px}.albumPanel{padding:9px 13px}.albumHead{margin-bottom:7px}.albumLegend{margin-top:7px}}

.btcQuote{display:flex;flex-direction:column;gap:7px;padding:0 20px;min-width:160px}.btcQuote>span{font-size:11px;letter-spacing:2px;color:#acb5b2}.btcQuote strong{font-size:25px;font-variant-numeric:tabular-nums}.btcQuote small{font-size:10px;color:#89938f}.quotes .heading{flex:1;min-width:140px}.quotes h1{font-size:23px}.tradeFoot{gap:8px;flex-wrap:wrap}#hardwareMode{font-size:10px;padding:4px 8px}#hardwareStatus{font-size:10px;color:#b3c9bd}

.quotes{grid-template-columns:minmax(140px,1.2fr) repeat(2,minmax(150px,1fr)) minmax(150px,.8fr) minmax(110px,.7fr);gap:18px}.btcQuote{padding:0 8px;min-width:0}.tradePanel{grid-template-rows:1fr 26px}
