/* Reference-based layout; all values and operations remain server supplied. */
.treasure{max-width:960px;margin:auto;color:#362714;font:13px Arial,sans-serif}
.treasure .card,.treasure .relic-card{background:#f1e2bb;border:1px solid #a48a55;border-radius:0;box-shadow:none}
.treasure .treasure-heading{padding:12px 14px}.treasure-heading h2{margin:4px 0 8px}.treasure-heading p{margin:6px 0}
.treasure .rank-tabs{gap:6px;margin:10px 0}.treasure .button{font-size:12px;padding:5px 9px;min-height:30px}
.treasure .relic-starter{padding:18px}.relic-starter>h3,.relic-starter>p{text-align:center}
.treasure .relic-starter .relic-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:620px;margin:20px auto;gap:16px}
.treasure .relic-card{padding:9px;border-top-width:1px;position:relative}.treasure .relic-card h3,.treasure .relic-card h4{font-size:13px;line-height:1.4;margin:0 64px 6px 0}
.relic-art{width:58px;height:58px;object-fit:contain;float:right;border:1px solid #927b4b;margin:0 0 8px 8px;box-sizing:border-box}.relic-art-fallback{font-size:10px;display:flex;align-items:center;justify-content:center;text-align:center;background:#d2bc8b}
.treasure .pill{font-size:11px;background:transparent;color:#5e4825;padding:0;border:0}
.treasure .relic-stats{clear:both;margin:8px 0;font-size:12px}.treasure .relic-stats>div{grid-template-columns:75px 1fr;padding:8px 0;border-bottom:1px solid #cbb788;gap:6px}.treasure .relic-stats dt{color:#67512c}
.relic-starter form{text-align:center;border-top:1px solid #a48a55;padding-top:3px}.relic-starter .relic-card{display:flex;flex-direction:column}.relic-starter .relic-art{position:absolute;right:8px;top:8px}.relic-starter .pill{min-height:32px}.relic-starter .relic-stats{flex:1}.relic-starter form{margin:0}
.treasure-workbench{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);gap:20px;align-items:start;margin-top:20px}.treasure-storage,.treasure-detail{min-width:0}
.treasure .relic-filters{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:8px;margin:0}.treasure .relic-filters label{min-width:0;font-size:11px}.treasure .relic-filters select{font:12px Arial;padding:5px;border-radius:0;min-height:30px;background:#f9edcd;border:1px solid #a48a55}.treasure .relic-filters .button{margin:0}
.relic-tile-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid #a48a55;background:#f4e5bf}.relic-tile{aspect-ratio:1;min-width:0;border:1px solid #e4d09c;position:relative;display:flex;align-items:center;justify-content:center;color:#3e2c14;text-decoration:none}.relic-tile .relic-art{width:100%;height:100%;margin:0;border:0;float:none}.relic-tile>span:last-child:not(.relic-art){position:absolute;bottom:0;left:0;right:0;background:#efe1bfdd;font-size:10px;text-align:center;padding:2px}.relic-tile[aria-current]{outline:2px solid #813b28;outline-offset:-2px}.relic-tile:focus-visible{outline:3px solid #175b93;z-index:1}.empty-slot{background:#f4e5bf}
.treasure .selected-relic{grid-template-columns:1fr;margin:12px 0}.relic-upgrade-slots{display:flex;gap:5px;align-items:center;justify-content:center}.relic-upgrade-slots span{display:flex;width:72px;height:64px;border:1px solid #9b8252;background:linear-gradient(#ecddba,#dbc594);justify-content:center;align-items:center;text-align:center;font-size:11px}.treasure-detail>.muted{font-size:11px}.treasure-detail #relic-purchases{padding:10px}.treasure-detail #relic-purchases p{font-size:12px;line-height:1.5}.treasure-detail #relic-purchases h3{font-size:14px}.treasure-detail #relic-fusion{padding:10px}
.flag-reference{display:grid;grid-template-columns:240px 1fr;gap:16px;align-items:start}.flag-landscape{border:1px solid #927c4f;position:relative;background:#8d9b70;min-height:245px;overflow:hidden}.flag-landscape img{display:block;width:100%;height:245px;object-fit:cover}.flag-landscape p{position:absolute;bottom:0;left:0;right:0;margin:0;padding:8px;background:#efe1bfde;text-align:center;font-weight:bold}.flag-reference table{width:100%;border-collapse:collapse}.flag-reference th,.flag-reference td{border:1px solid #b8a172;padding:8px;background:#f2e3bd}.flag-mini{display:inline-block;vertical-align:middle;width:45px;height:50px}.flag-mini svg{width:100%;height:100%}
#overview-effects .ov-content{padding:6px 8px;font-size:11px;line-height:1.4}#overview-effects .ov-content>p{margin:0;padding:5px 0;border-bottom:1px solid #d5c398}#overview-effects .ov-content>p::before{content:'◆';color:#8c713d;font-size:9px;margin-right:5px}#overview-effects .ov-content>p:first-child::before{content:'◐';color:#27495a;font-size:14px}#overview-effects .ov-muted{font-size:10px}#overview-effects details{margin-top:5px}#overview-effects details summary{font-size:10px;cursor:pointer}
@media(max-width:700px){.treasure-workbench{grid-template-columns:1fr}.treasure .relic-starter{padding:10px}.treasure .relic-starter .relic-grid{gap:8px}.treasure .relic-stats>div{grid-template-columns:1fr;gap:3px}.treasure .relic-starter .relic-art{width:45px;height:45px}.treasure .relic-card h4{margin-right:47px;font-size:12px}.flag-reference{grid-template-columns:1fr}.flag-landscape{min-height:140px}.flag-landscape img{height:140px}.treasure-detail{max-width:100%}.treasure .relic-tile{min-height:48px}}
.flags-page .card{border-radius:0;padding:14px;background:#f1e2bb;border:1px solid #a48a55;box-shadow:none}.flags-page .inventory-heading{gap:12px}.flags-page .inventory-crest{width:42px;height:48px}.flags-page .inventory-heading h2{font-size:20px;margin:3px 0}.flags-page .inventory-heading p,.flags-page .inventory-scope,.flags-page .muted{font-size:12px;line-height:1.5}.flags-page .inventory-scope{margin-top:10px;padding-top:10px}.treasure .relic-filters label{margin:0}.treasure #relic-purchases details{font-size:12px}.treasure #relic-purchases summary{cursor:pointer}

.relic-upgrade-slots .upgrade-main{position:relative;overflow:hidden}.upgrade-main .relic-art{width:100%;height:100%;margin:0;border:0}.upgrade-main small{position:absolute;bottom:0;background:#f4e5bfdf;left:0;right:0;font-size:10px}.effect-art{vertical-align:middle;margin-right:4px;object-fit:contain}#overview-effects .effect-relic::before{display:none}