#scarlet-bag-v30 .purse{gap:4px}
#scarlet-bag-v30 .hud-ether{border:0;background:none;padding:0;display:flex;align-items:center;gap:4px;font:14px var(--sc-font-display);color:#cad8ca;min-height:24px;text-align:left}
#scarlet-bag-v30 .hud-ether img{height:24px;width:24px;object-fit:contain}
#scarlet-bag-v30 .hud-ether b{color:#c3a56a;font-size:16px;font-weight:normal}
#scarlet-bag-v30 .treasury-page{height:100%;min-height:0;display:flex;flex-direction:column;background:radial-gradient(ellipse at 60% 10%,#20373460,transparent 45%),#141216}
#scarlet-bag-v30 .treasury-scroll{flex:1;min-height:0;overflow:auto;padding:0 13px 16px}
#scarlet-bag-v30 .ether-balance{display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 0}
#scarlet-bag-v30 .ether-balance>img{height:76px;width:68px;object-fit:contain;filter:none}
#scarlet-bag-v30 .ether-balance>div{display:flex;flex-direction:column;gap:2px}
#scarlet-bag-v30 .ether-balance span{font:12px var(--sc-font-display);color:#b8a78f}
#scarlet-bag-v30 .ether-balance strong{font:32px/1.1 var(--sc-font-display);color:#e6dfc6;font-variant-numeric:tabular-nums}
#scarlet-bag-v30 .ether-balance small{font:11px var(--sc-font-display);color:#8eab9f}
#scarlet-bag-v30 .treasury-tabs{display:flex;border-bottom:1px solid #9f7d4760;margin-bottom:15px}
#scarlet-bag-v30 .treasury-tabs button{flex:1;background:none;border:0;border-bottom:2px solid transparent;padding:10px 5px;color:#a9957e;font:17px var(--sc-font-display)}
#scarlet-bag-v30 .treasury-tabs button[aria-pressed=true]{border-color:#b99256;color:#e7c995;background:linear-gradient(transparent,#5d353433)}
#scarlet-bag-v30 .ether-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
#scarlet-bag-v30 .ether-pack{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:0;padding:10px;border:1px solid #86643f;background:radial-gradient(ellipse at 50% 15%,#3654503d,transparent 65%),linear-gradient(125deg,#301c24,#1c151c);box-shadow:inset 0 0 0 3px #181217,inset 0 0 0 4px #94734430}
#scarlet-bag-v30 .ether-pack img{height:96px;width:126px;max-width:100%;object-fit:contain;filter:drop-shadow(0 4px 6px #0008)}
#scarlet-bag-v30 .ether-pack strong{font:24px var(--sc-font-display);color:#dddfc9;font-variant-numeric:tabular-nums}
#scarlet-bag-v30 .ether-pack span{font:11px var(--sc-font-display);color:#af9e88;text-align:center}
#scarlet-bag-v30 .ether-pack b{font:17px var(--sc-font-display);color:#e6c68d;border-top:1px solid #8c6b413d;margin-top:3px;padding-top:7px;width:100%}
#scarlet-bag-v30 .treasury-demo{font:11px/1.4 var(--sc-font-display);color:#a18e79;margin-top:12px;text-align:center}
#scarlet-bag-v30 .treasury-exchange h3{font:18px var(--sc-font-display);color:#ddc095;margin:0 0 10px}
#scarlet-bag-v30 .exchange-currencies{display:flex;gap:7px;margin-bottom:12px}
#scarlet-bag-v30 .exchange-currencies button{flex:1;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;background:#201c20;border:1px solid #65513c;padding:8px 3px;font:13px var(--sc-font-display);color:#bba88c}
#scarlet-bag-v30 .exchange-currencies button[aria-pressed=true]{background:#502532;border-color:#ba935a;color:#ead1a6}
#scarlet-bag-v30 .exchange-currencies img{width:22px;height:25px;object-fit:contain}
#scarlet-bag-v30 .exchange-panel{padding:12px 13px;text-align:center}
#scarlet-bag-v30 .exchange-rate{display:flex;justify-content:center;align-items:center;gap:7px;font:18px var(--sc-font-display);color:#d9bf92;margin-bottom:13px}
#scarlet-bag-v30 .exchange-rate img,#scarlet-bag-v30 .exchange-result img,#scarlet-bag-v30 .treasury-confirm-body img{width:22px;height:25px;object-fit:contain}
#scarlet-bag-v30 .exchange-panel label{font:12px var(--sc-font-display);color:#b6a18a}
#scarlet-bag-v30 .exchange-quantity{display:flex;justify-content:center;gap:7px;margin-top:8px}
#scarlet-bag-v30 .exchange-quantity button{border:1px solid #856342;background:#2b1e24;width:38px;height:38px;font-size:21px;color:#ddc295}
#scarlet-bag-v30 .exchange-quantity button:disabled{opacity:.35}
#scarlet-bag-v30 .exchange-quantity input{width:104px;min-width:0;appearance:textfield;border:1px solid #8f6d48;border-radius:0;background:#170f16;color:#e0c79f;text-align:center;font:23px var(--sc-font-display)}
#scarlet-bag-v30 .exchange-quantity input::-webkit-inner-spin-button{appearance:none}
#scarlet-bag-v30 .quantity-shortcuts{display:flex;justify-content:center;gap:14px;margin:8px 0 12px}
#scarlet-bag-v30 .quantity-shortcuts button{border:0;border-bottom:1px solid #82684466;background:none;color:#b49b75;font:12px var(--sc-font-display);padding:4px 5px}
#scarlet-bag-v30 .exchange-receive{display:flex;flex-direction:column;align-items:center;gap:6px;border-top:1px solid #a5814640;padding-top:11px}
#scarlet-bag-v30 .exchange-receive>span{font:12px var(--sc-font-display);color:#b19d83}
#scarlet-bag-v30 .exchange-result{display:flex;align-items:center;gap:8px;font:29px var(--sc-font-display);color:#e8d2a5}
#scarlet-bag-v30 .exchange-after{font:11px/1.4 var(--sc-font-display);color:#b7a58c;margin-top:10px}
#scarlet-bag-v30 .exchange-error{font:11px/1.4 var(--sc-font-display);min-height:20px;color:#d99b90;margin-top:4px}
#scarlet-bag-v30 .exchange-review{min-width:170px}
#scarlet-bag-v30 .exchange-terms{font:11px/1.5 var(--sc-font-display);color:#b09c83;margin-top:10px;text-align:center}
#scarlet-bag-v30 .earned-currencies{display:flex;align-items:center;gap:7px;margin-top:14px;border-top:1px solid #98734136;padding-top:12px}
#scarlet-bag-v30 .earned-currencies img{width:27px;height:30px;object-fit:contain}
#scarlet-bag-v30 .earned-currencies span{font:11px/1.4 var(--sc-font-display);color:#a49787}
#scarlet-bag-v30 .treasury-feedback{font:13px/1.5 var(--sc-font-display);color:#bccca7;text-align:center;margin-top:10px}
#scarlet-bag-v30 .treasury-confirm{inset:0;position:fixed;margin:auto;width:calc(100% - 22px);max-width:412px;max-height:80dvh;overflow:auto;padding:19px 13px;color:#ddc7a4}
#scarlet-bag-v30 .treasury-confirm::backdrop{background:#08080cce}
#scarlet-bag-v30 .treasury-confirm-close{position:absolute;right:2px;top:2px;width:30px;height:30px}
#scarlet-bag-v30 .treasury-confirm h3{font:23px var(--sc-font-display);margin:3px 20px 19px 0}
#scarlet-bag-v30 .treasury-confirm-body>strong,#scarlet-bag-v30 .treasury-confirm-body>p:not(.treasury-demo){display:flex;justify-content:center;align-items:center;gap:7px;margin:10px 0;font:20px var(--sc-font-display)}
#scarlet-bag-v30 .treasury-confirm-actions{display:flex;gap:8px;justify-content:space-between;margin-top:20px}
#scarlet-bag-v30 .treasury-confirm-actions .action{min-width:0;flex:1;font:14px var(--sc-font-display);padding:8px}
#scarlet-bag-v30 .treasury-text-link{background:none;border:0;color:#d6b880;font:13px var(--sc-font-display);text-decoration:underline;text-underline-offset:3px;padding:5px}
@media(max-height:720px){#scarlet-bag-v30 .ether-balance{padding:9px 0}#scarlet-bag-v30 .ether-balance>img{height:53px;width:49px}#scarlet-bag-v30 .ether-balance strong{font-size:26px}#scarlet-bag-v30 .ether-pack img{height:76px}#scarlet-bag-v30 .ether-pack{gap:3px;padding:9px}#scarlet-bag-v30 .treasury-tabs{margin-bottom:10px}#scarlet-bag-v30 .treasury-tabs button{padding:8px 4px}}

#scarlet-bag-v30 .treasury-page:has(.treasury-exchange:not([hidden])) .ether-balance{padding:9px 0}
#scarlet-bag-v30 .treasury-page:has(.treasury-exchange:not([hidden])) .ether-balance>img{height:48px;width:43px}
#scarlet-bag-v30 .treasury-page:has(.treasury-exchange:not([hidden])) .ether-balance strong{font-size:25px}

#scarlet-bag-v30 .treasury-confirm-body img.confirmation-pack-art{display:block;width:150px;height:140px;object-fit:contain;margin:0 auto 10px}

/* Treasury display: material depth, clear quantities and comparable prices. */
#scarlet-bag-v30 .treasury-page{background:radial-gradient(ellipse at 50% 45%,#49273135,transparent 72%),#141216}
#scarlet-bag-v30 .treasury-page:has(.treasury-packs:not([hidden])) .ether-balance{display:none}
#scarlet-bag-v30 .treasury-tabs{margin-bottom:0}
#scarlet-bag-v30 .treasury-intro{text-align:center;padding:17px 0 14px}
#scarlet-bag-v30 .treasury-intro>span{font:9px/1.2 var(--sc-font-display);letter-spacing:1.8px;color:#9d8058}
#scarlet-bag-v30 .treasury-intro h3{margin:5px 0 0;font:22px/1.2 var(--sc-font-display);color:#e4cda8}
#scarlet-bag-v30 .ether-pack-grid{gap:12px}
#scarlet-bag-v30 .ether-pack{position:relative;isolation:isolate;padding:8px 10px 11px;gap:0;border:1px solid #7d6143;background:radial-gradient(ellipse at 50% 32%,#65343d75,transparent 65%),linear-gradient(145deg,#371c25,#201219 80%);box-shadow:inset 0 0 0 3px #150e13,inset 0 0 0 4px #9b7d3e30,0 4px 12px #0004;cursor:pointer;transition:border-color .18s,box-shadow .18s;overflow:hidden}
#scarlet-bag-v30 .ether-pack::before{content:"";position:absolute;inset:7px;border-top:1px solid #b58d5540;border-bottom:1px solid #b58d5520;pointer-events:none;z-index:-1}
#scarlet-bag-v30 .ether-pack .pack-badge{height:18px;display:block;width:100%;font:9px/18px var(--sc-font-display);color:#e5c390;white-space:nowrap}
#scarlet-bag-v30 .ether-pack .pack-stage{position:relative;width:100%;height:105px;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 75%,#95784d20,transparent 65%)}
#scarlet-bag-v30 .ether-pack .pack-stage::after{content:"";position:absolute;bottom:5px;left:15%;right:15%;height:1px;background:linear-gradient(90deg,transparent,#a1804c70,transparent)}
#scarlet-bag-v30 .ether-pack img{height:105px;width:140px;filter:drop-shadow(0 6px 5px #0008);transition:transform .22s}
#scarlet-bag-v30 .ether-pack strong{font:30px/1.05 var(--sc-font-display);color:#f0dfbe;margin-top:4px;text-shadow:0 2px 3px #0007}
#scarlet-bag-v30 .ether-pack .pack-name{font:11px/1.4 var(--sc-font-display);color:#c5ae91;margin:4px 0 7px}
#scarlet-bag-v30 .ether-pack .pack-unit{font:10px/1.4 var(--sc-font-display);color:#b19e87;white-space:nowrap;margin-bottom:10px}
#scarlet-bag-v30 .ether-pack .pack-price{font:18px/1.2 var(--sc-font-display);color:#f4dfb7;margin:0;padding:8px 3px;border:1px solid #a98150;box-shadow:inset 0 0 0 2px #371620,inset 0 1px 4px #d6a66645;background:linear-gradient(#663039,#3a1721);width:100%;border-radius:3px}
#scarlet-bag-v30 .ether-pack.best-value{border-color:#c59c61;background:radial-gradient(ellipse at 50% 36%,#8d66494a,transparent 70%),linear-gradient(145deg,#442a2a,#25141a 80%);box-shadow:inset 0 0 0 3px #211219,inset 0 0 0 4px #bf975c65,0 4px 12px #0004}
#scarlet-bag-v30 .ether-pack.best-value .pack-price{background:linear-gradient(#ab8050,#745134);color:#fff0d0;box-shadow:inset 0 0 0 2px #4e3223,inset 0 1px 4px #e6c99555}
#scarlet-bag-v30 .ether-pack:focus-visible{outline:2px solid #e0bd79;outline-offset:2px}
@media(hover:hover){#scarlet-bag-v30 .ether-pack:hover{border-color:#d1ae70;box-shadow:inset 0 0 0 3px #211219,inset 0 0 0 4px #bf975c65,0 3px 15px #b1743f18}#scarlet-bag-v30 .ether-pack:hover img{transform:translateY(-3px)}}
#scarlet-bag-v30 .treasury-use{display:flex;flex-direction:column;align-items:center;gap:4px;width:100%;padding:15px 5px 10px;border:0;border-bottom:1px solid #9d794230;background:none;color:#c4a775;font:13px var(--sc-font-display)}
#scarlet-bag-v30 .treasury-use span+span{font:11px var(--sc-font-display);color:#a49683}
#scarlet-bag-v30 .treasury-use i{font-style:normal;color:#d2ad71;margin-left:8px}
@media(max-height:720px){#scarlet-bag-v30 .treasury-intro{padding:12px 0}#scarlet-bag-v30 .ether-pack .pack-stage,#scarlet-bag-v30 .ether-pack img{height:95px}}
@media(prefers-reduced-motion:reduce){#scarlet-bag-v30 .ether-pack,#scarlet-bag-v30 .ether-pack img{transition:none}#scarlet-bag-v30 .ether-pack:hover img{transform:none}}

/* Four packs share the available screen height; exchange uses one compact form. */
#scarlet-bag-v30 .treasury-scroll{display:flex;flex-direction:column;padding:0 12px 7px}
#scarlet-bag-v30 .treasury-page .ether-balance{display:none}
#scarlet-bag-v30 .treasury-tabs{flex:none;margin-bottom:10px}
#scarlet-bag-v30 .treasury-packs:not([hidden]){display:flex;flex-direction:column;flex:1;min-height:0}
#scarlet-bag-v30 .ether-pack-grid{flex:1;min-height:0;grid-template-rows:repeat(2,minmax(0,1fr));gap:10px}
#scarlet-bag-v30 .ether-pack{padding:6px 9px 8px}
#scarlet-bag-v30 .ether-pack .pack-stage{height:auto;min-height:30px;flex:1}
#scarlet-bag-v30 .ether-pack .pack-stage img{position:absolute;inset:0;width:100%;height:100%;max-height:125px;margin:auto}
#scarlet-bag-v30 .ether-pack .pack-badge{height:14px;line-height:14px;font-size:8.5px;flex:none}
#scarlet-bag-v30 .ether-pack strong{font-size:27px;margin-top:2px;flex:none}
#scarlet-bag-v30 .ether-pack .pack-name{margin:3px 0 4px}
#scarlet-bag-v30 .ether-pack .pack-unit{font-size:9px;margin-bottom:6px}
#scarlet-bag-v30 .ether-pack .pack-price{padding:6px 2px;font-size:17px}
#scarlet-bag-v30 .treasury-packs>.treasury-demo{margin:5px 0 0;font-size:9px;line-height:12px}
#scarlet-bag-v30 .treasury-use{flex:none;flex-direction:row;justify-content:center;gap:7px;padding:8px 2px 4px;font-size:11px;border:0}
#scarlet-bag-v30 .treasury-use span:first-child{font-size:11px}
#scarlet-bag-v30 .treasury-use span:first-child::after{content:none}
#scarlet-bag-v30 .treasury-use span+span{font-size:10px}
#scarlet-bag-v30 .treasury-feedback:empty{display:none}
#scarlet-bag-v30 .treasury-exchange{min-height:0}
#scarlet-bag-v30 .treasury-exchange h3{font:15px var(--sc-font-display);text-align:center;margin:0 0 9px;color:#d9c5a5}
#scarlet-bag-v30 .exchange-currencies{gap:9px;margin-bottom:11px}
#scarlet-bag-v30 .exchange-currencies button{position:relative;flex-direction:column;gap:5px;padding:9px 3px 8px;background:linear-gradient(150deg,#32202a,#1d151b);border-color:#71573b;box-shadow:inset 0 0 0 3px #120e1333}
#scarlet-bag-v30 .exchange-currencies button[aria-pressed=true]{background:radial-gradient(ellipse at 50% 30%,#89533a42,transparent 90%),#49232b;border-color:#c7a064;box-shadow:inset 0 0 0 2px #211218,inset 0 0 0 3px #a8824e55}
#scarlet-bag-v30 .exchange-currencies img{width:33px;height:33px;filter:drop-shadow(0 3px 3px #0007)}
#scarlet-bag-v30 .exchange-panel{padding:14px 15px 13px}
#scarlet-bag-v30 .exchange-source{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
#scarlet-bag-v30 .exchange-source label{font:15px var(--sc-font-display);color:#dcc49b}
#scarlet-bag-v30 .exchange-owned{font:11px var(--sc-font-display);color:#b8a080}
#scarlet-bag-v30 .exchange-rate{font:12px var(--sc-font-display);color:#b59d7a;gap:5px;margin:0 0 9px}
#scarlet-bag-v30 .exchange-rate img{width:17px;height:19px}
#scarlet-bag-v30 .exchange-quantity{gap:8px;margin-top:0}
#scarlet-bag-v30 .exchange-quantity input{flex:1;width:80px;height:42px;font-size:27px;background:#130d12;border-color:#7c6141}
#scarlet-bag-v30 .exchange-quantity button{height:42px;width:42px;background:linear-gradient(#40232b,#26161e);border-color:#85633f}
#scarlet-bag-v30 .exchange-slider{display:block;width:100%;height:5px;appearance:none;border-radius:3px;background:linear-gradient(to right,#b08c54 var(--range-fill,0%),#302329 var(--range-fill,0%));margin:17px 0 13px;cursor:pointer}
#scarlet-bag-v30 .exchange-slider::-webkit-slider-thumb{appearance:none;width:17px;height:17px;border:2px solid #d2ac6e;border-radius:50%;background:#5c2933;box-shadow:0 1px 4px #0008}
#scarlet-bag-v30 .exchange-slider::-moz-range-thumb{width:13px;height:13px;border:2px solid #d2ac6e;border-radius:50%;background:#5c2933}
#scarlet-bag-v30 .exchange-slider:focus-visible{outline:2px solid #d2ac6e;outline-offset:5px}
#scarlet-bag-v30 .quantity-shortcuts{gap:8px;margin:0 0 12px}
#scarlet-bag-v30 .quantity-shortcuts button{flex:1;border:1px solid #795a3d6b;padding:5px;background:#25141c;font-size:12px}
#scarlet-bag-v30 .exchange-receive{gap:4px;padding:11px 0 0;background:radial-gradient(ellipse at center,#7c603325,transparent 75%)}
#scarlet-bag-v30 .exchange-receive>span{font-size:12px}
#scarlet-bag-v30 .exchange-result{font-size:38px;color:#efd6a4;gap:10px;min-height:43px}
#scarlet-bag-v30 .exchange-result img{height:34px;width:34px}
#scarlet-bag-v30 .exchange-after{font-size:10px;margin-top:7px;line-height:1.4}
#scarlet-bag-v30 .exchange-error{font-size:11px;min-height:0;margin:7px 0}
#scarlet-bag-v30 .exchange-error:empty{display:none}
#scarlet-bag-v30 .exchange-review{width:100%;margin-top:12px;font-size:15px}
#scarlet-bag-v30 .exchange-info{margin:10px 0 0;color:#aa9374;font:11px/1.5 var(--sc-font-display);text-align:center}
#scarlet-bag-v30 .exchange-info summary{cursor:pointer}
#scarlet-bag-v30 .exchange-info .earned-currencies{margin-top:8px;padding-top:8px;text-align:left}
@media(max-height:740px){
#scarlet-bag-v30 .treasury-scroll{padding:0 10px 5px}
#scarlet-bag-v30 .treasury-tabs{margin-bottom:7px}
#scarlet-bag-v30 .treasury-tabs button{padding:7px 4px;font-size:15px}
#scarlet-bag-v30 .ether-pack-grid{gap:7px}
#scarlet-bag-v30 .ether-pack{padding:4px 7px 6px}
#scarlet-bag-v30 .ether-pack strong{font-size:23px}
#scarlet-bag-v30 .ether-pack .pack-name{font-size:10px;margin:2px 0 4px}
#scarlet-bag-v30 .ether-pack .pack-unit{display:none}
#scarlet-bag-v30 .ether-pack .pack-price{padding:5px 2px;font-size:15px}
#scarlet-bag-v30 .treasury-use{padding-top:5px}
#scarlet-bag-v30 .treasury-exchange h3{font-size:13px;margin-bottom:6px}
#scarlet-bag-v30 .exchange-currencies{gap:7px;margin-bottom:8px}
#scarlet-bag-v30 .exchange-currencies button{flex-direction:row;gap:5px;padding:7px 2px;font-size:12px}
#scarlet-bag-v30 .exchange-currencies img{width:24px;height:26px}
#scarlet-bag-v30 .exchange-panel{padding:10px 13px}
#scarlet-bag-v30 .exchange-source{margin-bottom:5px}
#scarlet-bag-v30 .exchange-source label{font-size:13px}
#scarlet-bag-v30 .exchange-rate{margin-bottom:6px}
#scarlet-bag-v30 .exchange-quantity input,#scarlet-bag-v30 .exchange-quantity button{height:35px}
#scarlet-bag-v30 .exchange-slider{margin:13px 0 10px}
#scarlet-bag-v30 .quantity-shortcuts{margin-bottom:8px}
#scarlet-bag-v30 .quantity-shortcuts button{padding:3px}
#scarlet-bag-v30 .exchange-receive{padding-top:7px}
#scarlet-bag-v30 .exchange-result{font-size:30px;min-height:34px}
#scarlet-bag-v30 .exchange-result img{width:28px;height:28px}
#scarlet-bag-v30 .exchange-after{margin-top:4px}
#scarlet-bag-v30 .exchange-review{margin-top:8px;font-size:14px}
#scarlet-bag-v30 .exchange-info{margin-top:6px}
}
@media(max-height:590px){#scarlet-bag-v30 .treasury-packs:not([hidden]){min-height:310px}}

#scarlet-bag-v30 .treasury-page .curio-heading{display:flex;align-items:center;gap:9px;padding:8px 12px;flex:none;border-bottom:1px solid #9b78403d}
#scarlet-bag-v30 .treasury-page h2{font:23px/1.2 var(--sc-font-display);color:#ead4b0;margin:0}
#scarlet-bag-v30 .treasury-page .curio-subtitle{font:12px var(--sc-font-display);color:#baa78b;margin:4px 0}
#scarlet-bag-v30 .treasury-back{width:32px;height:32px;flex:none}
#scarlet-bag-v30 .treasury-page [hidden]{display:none!important}
#scarlet-bag-v30 .treasury-confirm-body{text-align:center}
#scarlet-bag-v30 .treasury-confirm-body img.confirmation-pack-art{width:140px;height:130px;object-fit:contain;margin:auto}
#scarlet-bag-v30 .treasury-confirm-body .treasury-confirm-actions{display:flex;gap:8px;margin-top:16px}
#scarlet-bag-v30 .treasury-confirm-body .treasury-confirm-actions button{flex:1;min-width:0}
#scarlet-bag-v30 .treasury-page button:disabled{cursor:default;filter:grayscale(.8);opacity:.55}
#scarlet-bag-v30 .treasury-feedback{margin:5px 0;font-size:12px}
#scarlet-bag-v30[data-screen="treasury"] #content{overflow:hidden}
#scarlet-bag-v30 .treasury-page{min-height:0}
#scarlet-bag-v30 .treasury-page .treasury-scroll{min-height:0}
@media(max-height:590px){#scarlet-bag-v30 .treasury-page .treasury-packs:not([hidden]){min-height:270px}#scarlet-bag-v30 .treasury-page .curio-subtitle{display:none}#scarlet-bag-v30 .treasury-page .pack-name{font-size:9px}}

#scarlet-bag-v30 .treasury-money{display:inline-flex;align-items:center;justify-content:center;gap:5px}
#scarlet-bag-v30 .treasury-money img{flex:none;width:22px;height:25px;object-fit:contain}
#scarlet-bag-v30 .exchange-result .treasury-money img{width:30px;height:32px}
#scarlet-bag-v30 .treasury-confirm-body>.treasury-money{font-size:25px;margin:12px auto}
#scarlet-bag-v30 .treasury-page .exchange-quantity button{flex:none}
#scarlet-bag-v30 .treasury-confirm-body .treasury-confirm-actions .action{padding:8px 12px;font-size:14px}
@media(max-height:590px){
 #scarlet-bag-v30 .treasury-page .curio-heading{padding:5px 10px}
 #scarlet-bag-v30 .treasury-page .exchange-currencies{margin-bottom:5px}
 #scarlet-bag-v30 .treasury-page .exchange-panel{padding:8px 11px}
 #scarlet-bag-v30 .treasury-page .exchange-quantity input,#scarlet-bag-v30 .treasury-page .exchange-quantity button{height:30px}
 #scarlet-bag-v30 .treasury-page .exchange-slider{margin:10px 0}
 #scarlet-bag-v30 .treasury-page .exchange-result{font-size:26px;min-height:28px}
 #scarlet-bag-v30 .treasury-page .exchange-review{min-height:35px;padding:6px 15px}
}
@media(max-height:590px){
 #scarlet-bag-v30 .treasury-exchange>h3{display:none}
 #scarlet-bag-v30 .exchange-currencies button{padding:4px 2px;font-size:10px;line-height:12px;gap:3px}
 #scarlet-bag-v30 .exchange-currencies img{width:22px;height:22px}
 #scarlet-bag-v30 .treasury-page .exchange-panel{padding:6px 11px}
 #scarlet-bag-v30 .treasury-page .exchange-after{margin-top:2px}
 #scarlet-bag-v30 .treasury-page .exchange-review{margin-top:5px}
}

/* Treasury shares the inventory's wine, engraved brass and illustrated controls. */
#scarlet-bag-v30 .treasury-page{
 background:linear-gradient(#190c12d9,#150b10eb),var(--art-wine) center/300px;
}
#scarlet-bag-v30 .treasury-page .curio-heading{
 border:0;padding:10px 14px 15px;position:relative;
 background:linear-gradient(#180b1040,#270e1666);
}
#scarlet-bag-v30 .treasury-page .curio-heading::after{
 content:"";position:absolute;bottom:0;left:8%;right:8%;height:9px;
 background:var(--art-divider) center/100% 100% no-repeat;pointer-events:none;
}
#scarlet-bag-v30 .treasury-page .treasury-scroll{padding:0 12px 12px;gap:0}
#scarlet-bag-v30 .treasury-page .treasury-tabs{margin:4px 0 12px;border-color:#9b78404a}
#scarlet-bag-v30 .treasury-page .treasury-tabs button{padding:10px 5px;color:#baaa92}
#scarlet-bag-v30 .treasury-page .treasury-tabs button[aria-pressed=true]{
 background:linear-gradient(transparent,#68212d66);border-color:#b89861;color:#f0dbb4;
}
#scarlet-bag-v30 .treasury-page .ether-pack{
 border:8px solid transparent;border-image:var(--art-panelFrame) 32 / 8px / 0 stretch;
 background:radial-gradient(ellipse at 50% 35%,#75424d2b,transparent 70%),linear-gradient(#240d16c9,#160b11de),var(--art-wine) center/260px;
 box-shadow:none;padding:5px 5px 6px;gap:0;
}
#scarlet-bag-v30 .treasury-page .ether-pack::before{display:none}
#scarlet-bag-v30 .treasury-page .ether-pack.best-value{box-shadow:none}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-badge{height:18px;line-height:16px;white-space:normal;color:#ceb47f}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-stage{min-height:65px;background:none}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-stage::after{display:none}
#scarlet-bag-v30 .treasury-page .ether-pack strong{font-size:28px;color:#edd9b5}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-price{
 border:14px solid transparent;border-image:var(--art-button) 32 fill / 14px / 0 stretch;
 background:none;box-shadow:none;border-radius:0;padding:0;min-height:39px;
 display:flex;align-items:center;justify-content:center;color:#f0dfbd;font-size:17px;
}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-unit{white-space:normal;min-height:17px}
#scarlet-bag-v30 .treasury-page .treasury-use{flex-direction:column;gap:3px;padding:12px 3px 5px}
#scarlet-bag-v30 .treasury-page .treasury-use span:first-child{font:16px var(--sc-font-display);color:#dbc397}
#scarlet-bag-v30 .treasury-page .treasury-use span+span{font-size:12px;color:#c7b59e}
#scarlet-bag-v30 .treasury-page .treasury-demo{font-size:12px;line-height:17px;color:#b4a38e}
#scarlet-bag-v30 .treasury-page .treasury-packs{min-height:590px}
#scarlet-bag-v30 .treasury-page .exchange-currencies{gap:8px}
#scarlet-bag-v30 .treasury-page .exchange-currencies button{
 border:6px solid transparent;border-image:var(--art-panelFrame) 32 / 6px / 0 stretch;
 background:linear-gradient(#170b11bf,#170b11bf),var(--art-wine) center/200px;
 box-shadow:none;padding:8px 2px;color:#b9aa94;
}
#scarlet-bag-v30 .treasury-page .exchange-currencies button[aria-pressed=true]{
 background:radial-gradient(ellipse,#74273699,transparent),var(--art-wine) center/200px;
 box-shadow:inset 0 -2px #c8a365;color:#f1dbb6;
}
#scarlet-bag-v30 .treasury-page .exchange-currencies img{width:36px;height:36px}
#scarlet-bag-v30 .treasury-page .exchange-panel{padding:16px 13px}
#scarlet-bag-v30 .treasury-page .exchange-quantity button,
#scarlet-bag-v30 .treasury-page .quantity-shortcuts button{
 background:linear-gradient(#431c28,#241018);border:1px solid #94774e;color:#e3cb9d;
 box-shadow:inset 0 0 0 2px #190c12;border-radius:2px;min-height:36px;
}
#scarlet-bag-v30 .treasury-page .exchange-quantity input{background:#170b10;color:#efdab7;border-color:#92744c;font-family:var(--sc-font-body)}
#scarlet-bag-v30 .treasury-page .exchange-receive{border:0;padding-top:18px;background:var(--art-divider) top center/100% 8px no-repeat}
#scarlet-bag-v30 .treasury-page .exchange-result{color:#ecd7b1}
#scarlet-bag-v30 .treasury-page .exchange-review{font-size:17px;min-height:46px;margin-top:12px}
#scarlet-bag-v30 .treasury-page .exchange-info{padding:10px 4px;color:#cbb99e}
#scarlet-bag-v30 .treasury-page button:focus-visible{outline:2px solid #e0bd79;outline-offset:2px}
@media(hover:hover){#scarlet-bag-v30 .treasury-page .ether-pack:hover{box-shadow:inset 0 0 20px #c4974918}}
/* Cards keep their readable height; only the screen's inner list scrolls. */
#scarlet-bag-v30 .treasury-page .ether-pack-grid{flex:none;grid-template-rows:repeat(2,minmax(274px,auto));min-height:558px}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-unit{flex:none;min-height:0;height:auto}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-price{flex:none}
#scarlet-bag-v30 .treasury-page .ether-pack .pack-name{flex:none}

/* Keep purchase feedback below the full grid, including on short screens. */
#scarlet-bag-v30 .treasury-page .treasury-packs:not([hidden]){flex:none;min-height:0}
#scarlet-bag-v30 .treasury-page .treasury-feedback{flex:none;margin:12px 4px 0;line-height:1.4;text-align:center}