.collection-hall,.collection-badges{margin-top:28px;padding:24px;border:1px solid #514135;background:#1c191f;color:var(--cream,#e8dcc8)}
.collection-section-heading{margin:0 0 20px}.collection-section-heading h2{margin:0 0 8px;font:500 23px/1.4 var(--serif,Georgia,serif);color:#e6d3b0}.collection-section-heading p,.collection-note{margin:9px 0 0;color:#ad9e88;font:400 12px/1.85 var(--sans,Arial,sans-serif)}
.collection-hall-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.collection-hall-card{min-width:0;padding:16px 14px;border:1px solid #493b3e;background:#151318}.collection-hall-card-head{display:flex;align-items:center;gap:8px;min-height:52px;margin-bottom:14px}.collection-hall-card-head h3{margin:0;font-size:14px;font-weight:500;line-height:1.4;color:#d9c7a7}.collection-faction-emblem{flex:0 0 42px;width:42px;height:46px;object-fit:contain}.collection-hall-tenacity{border-top-color:#547798}.collection-hall-courage{border-top-color:#a05648}.collection-hall-resolve{border-top-color:#527c62}.collection-hall-hall{border-top-color:#b29458}.collection-hall-hall .collection-hall-card-head{border-bottom:1px solid #4b3c2c;padding-bottom:8px}
.collection-field{display:block;min-width:0;margin-top:12px;color:#bca88b;font:400 11px/1.6 var(--sans,Arial,sans-serif)}.collection-field>span{display:block;margin-bottom:6px}.collection-field input,.collection-badge-search input{display:block;width:100%;box-sizing:border-box;height:40px;min-width:0;padding:9px 10px;border:1px solid #554148;border-radius:2px;background:#100f13;color:#eadcc6;font:400 14px/1.3 var(--sans,Arial,sans-serif);font-variant-numeric:tabular-nums}.collection-field input::placeholder,.collection-badge-search input::placeholder{color:#746b62;font-size:11px}.collection-field input:focus-visible,.collection-badge-search input:focus-visible{outline:1px solid #c6a45b;outline-offset:1px}.collection-hall-bonuses{margin-top:15px;border-top:1px solid #3a3035;padding-top:11px}.collection-hall-bonuses>summary,.collection-badge-manager>summary{cursor:pointer;color:#d2b77b;font:500 11px/1.7 var(--sans,Arial,sans-serif)}.collection-hall-bonuses .collection-field{margin-top:11px}.collection-source{display:inline-block;margin-top:13px;color:#bda26a;font:400 10px/1.7 var(--sans,Arial,sans-serif);text-decoration:none}.collection-source:hover{color:#e2c78e;text-decoration:underline}.collection-status{margin:10px 0 0;min-height:16px;color:#bca875;font:400 11px/1.6 var(--sans,Arial,sans-serif)}
.collection-active-title{margin:0 0 12px;font-size:13px;font-weight:500;color:#cdb78f}.collection-active-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px}.collection-active-badge{display:flex;align-items:center;gap:9px;min-height:61px;min-width:0;padding:10px 11px;border:1px solid #534133;background:#251c1c70;color:#e0cfb0;text-align:left;cursor:pointer;font:400 12px/1.5 var(--sans,Arial,sans-serif)}.collection-active-badge:hover{border-color:#a48750;background:#5b452322}.collection-active-badge>span:not(.collection-badge-noimage):not(.collection-badge-info-mark){flex:1;min-width:0}.collection-active-badge strong{display:block;font-size:11px;font-weight:500;overflow-wrap:anywhere}.collection-active-badge small{display:block;margin-top:3px;color:#8f816d;font-size:9px}.collection-badge-icon{display:block;flex:0 0 28px;width:28px;height:28px;object-fit:contain}.collection-badge-noimage{display:flex;flex:0 0 28px;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid #5b4c39;color:#9c8863;background:#1b1815;font:500 16px Georgia,serif}.collection-badge-info-mark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 15px;width:15px;height:15px;border:1px solid #6e5b3f;border-radius:50%;font:500 10px/1 Georgia,serif;color:#bda476}.collection-snapshot{font-size:10px}
.collection-badge-manager{margin-top:20px;border-top:1px solid #44363b;padding-top:15px}.collection-badge-manager>summary{font-size:12px}.collection-badge-search{display:block;margin-top:15px;color:#ad9b7d;font-size:11px}.collection-badge-search>span{display:block;margin-bottom:6px}.collection-badge-search input{max-width:380px}.collection-badge-manager-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:395px;overflow:auto;overscroll-behavior:contain;margin-top:14px;padding:0 3px 2px 0}.collection-badge-choice{display:flex;align-items:center;min-width:0;gap:5px;border:1px solid #40343a;background:#151318;padding:8px}.collection-badge-choice>label{display:flex;align-items:center;flex:1;min-width:0;gap:9px;cursor:pointer;color:#c9b99e;font-size:11px;line-height:1.45}.collection-badge-choice input{flex:0 0 15px;width:15px;height:15px;margin:0;accent-color:#b39457}.collection-badge-choice label>span:last-child{min-width:0;overflow-wrap:anywhere}.collection-badge-info-button{display:inline-flex;align-items:center;justify-content:center;flex:0 0 28px;width:28px;height:28px;border:1px solid #5e4c36;border-radius:50%;background:transparent;color:#c1a76f;font:500 14px Georgia,serif;cursor:pointer}.collection-badge-info-button:hover{border-color:#c1a76f;background:#6f542220}
.collection-badge-info-dialog{box-sizing:border-box;width:min(620px,calc(100vw - 28px));max-width:none;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;padding:24px;border:1px solid #927a48;border-radius:3px;background:#1b171c;color:#e6d6ba;box-shadow:0 24px 80px #0009}.collection-badge-info-dialog::backdrop{background:#08060bd9}.collection-badge-info-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.collection-badge-info-heading h2{margin:0;font:500 24px/1.4 var(--serif,Georgia,serif)}.collection-badge-info-dialog h3{font-size:14px;font-weight:500;color:#d8bc84}.collection-unknown{padding:12px;border-left:2px solid #b79758;background:#70562619;color:#c7ad7c;font-size:12px;line-height:1.8}.collection-effects{list-style:none;margin:12px 0;padding:0}.collection-effects li{margin-top:9px;padding:12px;border:1px solid #49383b;background:#131116}.collection-effects li>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;color:#deceb4;font-size:12px;line-height:1.6}.collection-effects li strong{flex:0 0 auto;color:#dfc081;font-size:14px;font-weight:500}.collection-effects li p{margin:8px 0 0;color:#9f8f7b;font-size:11px;line-height:1.8}.collection-effects li b{font-weight:500;color:#c1ae8d}.collection-badge-info-dialog>.button{margin-top:20px;min-width:105px}
@media(max-width:1050px){.collection-hall-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.collection-hall,.collection-badges{padding:18px 14px;margin-top:20px}.collection-hall-grid{gap:8px}.collection-hall-card{padding:13px 10px}.collection-faction-emblem{width:34px;height:40px;flex-basis:34px}.collection-hall-card-head{gap:6px}.collection-hall-card-head h3{font-size:12px}.collection-active-badges{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.collection-active-badge{padding:9px 7px;gap:6px}.collection-active-badge strong{font-size:10px}.collection-active-badge small{font-size:8px}.collection-badge-manager-list{grid-template-columns:1fr}.collection-badge-info-dialog{padding:18px}.collection-badge-info-heading h2{font-size:21px}.collection-effects li>div{gap:10px}}@media(max-width:360px){.collection-hall-grid{grid-template-columns:1fr}.collection-active-badges{grid-template-columns:1fr}}

/* Original stained-glass windows mirror the three factions in the game. */
.collection-hall{position:relative;overflow:hidden;margin-top:20px;padding:0 22px 17px;border:1px solid #967344;border-radius:7px;background:linear-gradient(180deg,#242943 0,#141b30 65%,#1c1a28 100%);box-shadow:inset 0 0 0 3px #342b34,0 10px 30px #0003}
.collection-hall>.collection-section-heading{position:relative;margin:0 -22px 12px;padding:15px 22px 12px;background:linear-gradient(90deg,#3d2016,#653e24 50%,#3d2016);border-bottom:2px solid #a57d43;text-align:center}
.collection-hall>.collection-section-heading h2{margin:0;color:#f6e4b8;font:600 22px/1.4 var(--serif,Georgia,serif);text-shadow:0 2px 3px #0008}
.collection-hall>.collection-section-heading p{margin:4px 0 0;font-size:12px;color:#d9c6a7;line-height:1.5}
.collection-hall-stage{position:relative;max-width:720px;margin:auto;padding:8px 0 0;background:radial-gradient(ellipse at 50% 45%,#8392ab13,transparent 65%)}
.collection-hall-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:0 22px 9px;border-bottom:2px solid #77603f}
.collection-hall-grid::before,.collection-hall-grid::after{content:"";position:absolute;bottom:-5px;width:11px;height:7px;border:1px solid #9b7843;background:#554332}
.collection-hall-grid::before{left:0}.collection-hall-grid::after{right:0}
.collection-hall-card{min-width:0;padding:0 5px 8px;border:0;background:transparent;text-align:center;--hall-glow:#6fb9eb}
.collection-hall-courage{--hall-glow:#f4a247}.collection-hall-resolve{--hall-glow:#5cbe91}
.collection-hall-card-head{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;min-height:0;margin:0 0 4px}
.collection-hall .collection-faction-emblem{display:block;width:104px;height:150px;max-width:100%;flex:0 0 auto;object-fit:contain;filter:drop-shadow(0 0 14px color-mix(in srgb,var(--hall-glow) 22%,transparent));transition:filter .2s,transform .2s}
.collection-hall-card:hover .collection-faction-emblem{filter:drop-shadow(0 0 18px color-mix(in srgb,var(--hall-glow) 35%,transparent));transform:translateY(-2px)}
.collection-hall-card-head h3{position:relative;width:100%;margin:2px 0 0;padding:5px 7px;color:#edddb6;font:600 13px/1.3 var(--sans,Arial,sans-serif);background:linear-gradient(90deg,transparent,#171b2acc 20%,#171b2acc 80%,transparent);border-block:1px solid #a1804538}
.collection-hall .collection-hall-level{display:flex;align-items:center;justify-content:center;gap:9px;margin:7px 0 0;color:#d7c9af;font-size:12px}
.collection-hall-level>span:first-child{margin:0;white-space:nowrap}
.collection-hall-edit-field{position:relative;display:block;min-width:0}
.collection-hall-level .collection-hall-edit-field{flex:0 0 78px;width:78px}
.collection-hall .collection-hall-level input{height:36px;padding:5px 10px;text-align:center;color:#ffebbd;font-size:18px;font-weight:600;border:1px solid #a8844c;border-radius:4px;background:linear-gradient(#273344,#172334);box-shadow:inset 0 1px 4px #0008,0 1px #b7924c55}
.collection-hall-level input::placeholder{font-size:18px;color:#a69b87}
.collection-hall .collection-field input[aria-invalid="true"]{border-color:#f29980;outline:1px solid #f2998070}
.collection-hall-undo{position:absolute;right:-13px;top:-7px;display:flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:1px solid #b38d50;border-radius:50%;background:#243327;color:#ffe6a4;font:600 18px/1 Georgia,serif;cursor:pointer;box-shadow:0 2px 5px #0008;z-index:1}
.collection-hall-undo[hidden]{display:none}.collection-hall-undo:hover{background:#38523b;border-color:#e3c37e}.collection-hall-undo:focus-visible{outline:2px solid #f1cc79;outline-offset:2px}
.collection-hall-center{display:flex;align-items:center;justify-content:center;gap:13px;width:max-content;max-width:100%;margin:13px auto 0;padding:0 28px 0 12px;border:1px solid #80704c;border-radius:5px;background:linear-gradient(135deg,#262d45,#192337);box-shadow:inset 0 1px #e2bf6338}
.collection-hall-crystals{display:block;width:78px;height:75px;flex:0 0 78px;filter:drop-shadow(0 0 10px #ee9d3d22)}
.collection-hall-center h3{margin:0 0 3px;color:#f1dca9;font:600 13px/1.3 var(--sans,Arial,sans-serif)}
.collection-hall-center .collection-hall-level{justify-content:flex-start;margin:0;gap:11px}.collection-hall-center .collection-hall-level input{height:32px;font-size:17px}
.collection-hall-save-status{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:10px;color:#acbd98;font:400 11px/1.5 var(--sans,Arial,sans-serif)}
.collection-hall-save-status .collection-status{min-height:0;margin:0;color:inherit;font-size:11px;line-height:1.5}
.collection-hall>.collection-hall-bonuses{margin:12px 0 0;border-top:1px solid #b08b4b47;padding-top:11px}
.collection-hall-bonuses>summary{font-size:12px;color:#d1bd91}.collection-hall-bonus-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px}
.collection-hall-bonus-group{min-width:0;margin:0;padding:12px;border:1px solid #76614175;background:#0e132244;border-radius:3px}
.collection-hall-bonus-group legend{padding:0 7px;color:#e4cc95;font:500 13px/1.4 var(--sans,Arial,sans-serif)}
.collection-hall-bonus-group .collection-field:first-of-type{margin-top:0}.collection-hall-bonus-group .collection-field{font-size:11px}.collection-hall-bonus-group .collection-field>span:first-child{min-height:32px;margin-bottom:3px}
.collection-hall-bonus-group .collection-hall-edit-field{margin:0}.collection-hall-bonus-group .collection-field input{height:36px}
.collection-hall-bonuses .collection-note{font-size:11px;color:#aeacb7}.collection-hall-bonuses .collection-source{font-size:11px}
@media(max-width:750px){.collection-hall-bonus-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:620px){.collection-hall{padding:0 12px 13px}.collection-hall>.collection-section-heading{margin-inline:-12px;padding:13px 12px 10px}.collection-hall>.collection-section-heading h2{font-size:20px}.collection-hall>.collection-section-heading p{font-size:11px;max-width:300px;margin:4px auto 0}.collection-hall-grid{gap:6px;padding:0 0 9px}.collection-hall .collection-faction-emblem{height:122px;width:86px}.collection-hall-card{padding:0 0 4px}.collection-hall-card-head h3{padding:5px 1px;font-size:12px}.collection-hall .collection-hall-level{gap:5px;font-size:11px}.collection-hall-level .collection-hall-edit-field{flex-basis:58px;width:58px}.collection-hall .collection-hall-level input{height:34px;padding-inline:4px;font-size:17px}.collection-hall-center{gap:6px;padding:0 20px 0 5px}.collection-hall-crystals{height:64px;width:65px;flex-basis:65px}.collection-hall-center h3{font-size:12px}.collection-hall-center .collection-hall-level{gap:9px}.collection-hall-undo{right:-8px;top:-8px;width:24px;height:24px}}
@media(max-width:380px){.collection-hall .collection-hall-level{flex-direction:column;gap:4px}.collection-hall-level .collection-hall-edit-field{flex-basis:auto;width:65px}.collection-hall-center .collection-hall-level{flex-direction:row}.collection-hall .collection-faction-emblem{height:108px;width:76px}.collection-hall-bonus-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.collection-hall .collection-faction-emblem{transition:none}.collection-hall-card:hover .collection-faction-emblem{transform:none}}