.chest-page{background:#061c29;color:#edf2f6}
.chest-page:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,#062332d9,#061c29f5 75%),url('../../images/world-sealz.png') center top/cover no-repeat}
.chest-page .site-header{background:#071e2bf5;border-color:#3e627344}
.chest-page .main-nav{gap:22px}
.chest-page main{padding-bottom:45px}
.chest-hero{text-align:center;padding:34px 0 35px;position:relative}
.chest-back{display:block;text-align:left;font-size:12px;color:#a9c2ce;margin-bottom:25px}
.chest-back:hover{color:#ffda8b}
.chest-kicker{display:inline-block;padding:6px 17px;border:1px solid #ddbc7866;border-radius:100px;font:800 11px/1.8 'Segoe UI',sans-serif;letter-spacing:2px;color:#ffdb8a;background:#f5c35e10}
.chest-hero h1{font-size:clamp(32px,4vw,48px);font-weight:850;color:#fff0c8;margin:14px 0 11px;line-height:1.4;text-shadow:0 3px 18px #00131f}
.chest-hero>p{color:#b7cbd7;font-size:15px}
.chest-source{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 20px;color:#7fa5ba;font-size:11px;margin-top:15px}
.chest-source span+span:before{content:'•';margin-right:20px;color:#e6bd78}
.chest-tools{padding:23px;border:1px solid #3c68814d;border-radius:22px;background:linear-gradient(135deg,#0d3d52e8,#0a293ee8);margin-bottom:26px;box-shadow:0 12px 35px #00132233}
#chest-search{display:flex;gap:14px;align-items:end;scroll-margin-top:130px}
.chest-search-field{flex:1;min-width:0}
.chest-tools label{display:block;color:#b6cedc;font-size:12px;font-weight:650;margin-bottom:7px}
.chest-search-field>div{display:flex;align-items:center;border:1px solid #3c6780;border-radius:12px;background:#041d2c;padding:0 15px;gap:12px}
.chest-search-field>div>span{color:#62cce9;font-size:30px;line-height:1}
.chest-search-field input{min-width:0;width:100%;height:48px;border:0;background:transparent;color:#eef5f9;font-size:13px;outline:0}
.chest-search-field>div:focus-within{outline:2px solid #62cce9;outline-offset:2px}
.chest-select-field select{height:50px;max-width:210px;border:1px solid #3c6780;border-radius:12px;background:#041d2c;color:#e4edf3;padding:0 12px;font-size:12px}
.chest-clear{height:50px;padding:0 15px;border:1px solid #71879c6b;border-radius:12px;color:#c8d9e3;background:#183a4d;font-size:12px;white-space:nowrap}
.chest-clear:hover{color:#ffe3a1;border-color:#b19462}
.chest-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}
#chest-result{font-size:12px;color:#bbcfdb}#chest-result strong{color:#ffe1a0}
.chest-pages{display:flex;align-items:center;gap:9px;flex-shrink:0;font-size:12px}
.chest-pages button,.chest-page-number{min-height:34px;padding:6px 13px;border:1px solid #52738d70;border-radius:10px;background:#14394c;color:#d9e5ee;font-size:12px}
.chest-pages button:hover:enabled{border-color:#dfbd79;color:#ffdfa2}.chest-pages button:disabled{opacity:.35}
.chest-page-number{border-color:#ae8c5066;background:#e6bd7815;color:#ffe1a0;font-variant-numeric:tabular-nums}
.chest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:stretch}
.chest-card{border:1px solid #37607782;border-radius:21px;overflow:hidden;background:linear-gradient(150deg,#0d344c,#111c38);box-shadow:0 8px 30px #0002;display:flex;flex-direction:column}
.chest-card:hover{border-color:#977d47}.chest-card-top{display:flex;gap:15px;align-items:center;padding:22px 21px;border-bottom:1px solid #577b9430;background:linear-gradient(125deg,#31506a44,#1d546d33);min-height:121px}
.chest-art{display:grid;place-items:center;width:57px;height:57px;flex:0 0 57px;border:1px solid #a38b5e77;border-radius:15px;background:#f3e6c915;color:#e5c580}
.chest-art img{width:40px;height:40px;object-fit:contain;image-rendering:pixelated}
.chest-card-top>div{min-width:0}.chest-card h2{font-size:17px;font-weight:800;line-height:1.5;color:#fff3d5;overflow-wrap:anywhere}
.chest-item-id{display:block;font:600 10px/1.5 'Segoe UI',sans-serif;color:#90aec3;letter-spacing:.4px;margin-top:7px}
.chest-card-content{padding:20px 21px;display:flex;flex-direction:column;flex:1}
.chest-contains{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}
.chest-contains>span{font-size:11px;letter-spacing:1.6px;font-weight:800;color:#f8d582}
.chest-contains small{font-size:11px;background:#31709233;border-radius:30px;padding:2px 9px;color:#c0dce9;white-space:nowrap}
.chest-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(39px,1fr));gap:7px;margin-bottom:18px}
.reward-art{display:grid;place-items:center;min-width:0;height:44px;border:1px solid #9a927366;border-radius:10px;background:linear-gradient(140deg,#d4cfb5,#9fa9a1);color:#4f695b;position:relative}
.reward-art img{width:32px;height:32px;object-fit:contain;image-rendering:pixelated}.reward-art:hover{border-color:#ffd87b;box-shadow:0 0 0 2px #ffd87b55;transform:translateY(-2px)}
.preview-more{color:#e4c783;font:700 12px/1 'Segoe UI',sans-serif;background:#e6bd7810;border-color:#e6bd7840}
.chest-card-note{font-size:12px;color:#a3bed0;line-height:1.85;margin-bottom:16px}.chest-card-note>a{color:#ffda8e;text-decoration:underline}
.chest-detail-button{margin-top:auto;width:100%;padding:10px 12px;border:1px solid #c7a05f55;border-radius:10px;background:#d3aa5310;color:#ffdf9d;font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}
.chest-detail-button:hover{border-color:#e6bd78;background:#e6bd7820}
.bottom-pages{justify-content:center;margin-top:30px}.chest-loading,.chest-empty{grid-column:1/-1;padding:45px 20px;border:1px dashed #4c6d7d;border-radius:18px;text-align:center;color:#a9c4d2}.chest-empty h2{color:#f6dcab;font-size:22px;margin-bottom:9px}
.chest-reading{margin-top:35px;border:1px solid #3a596b;border-radius:15px;background:#102d3b;padding:17px 21px;font-size:12px;color:#afc5d0}.chest-reading summary{cursor:pointer;font-weight:750;color:#e5ca90}.chest-reading p{margin-top:13px;line-height:1.95}
.chest-dialog{width:min(850px,calc(100% - 32px));max-height:88svh;padding:0;border:1px solid #8c7a535e;border-radius:22px;background:linear-gradient(145deg,#123a4f,#0d2235);color:#e5eef4;box-shadow:0 28px 100px #0009;overscroll-behavior:contain;scrollbar-color:#41647a #0a2638}
.chest-dialog::backdrop{background:#010e1ae0;backdrop-filter:blur(5px)}
.chest-dialog-bar{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#0a273b;position:sticky;top:0;z-index:2;border-bottom:1px solid #3a627344}
.chest-dialog-bar>span{font:800 10px/1.4 'Segoe UI',sans-serif;letter-spacing:2px;color:#e8c37b}
.chest-dialog-bar button{width:34px;height:34px;border:1px solid #63849880;border-radius:10px;background:#244a5f;color:#e6eef3}
.chest-dialog-heading{display:flex;align-items:center;gap:18px;padding:25px 27px 15px}.chest-dialog-heading h2{font-size:24px;color:#ffe9b6;line-height:1.5;overflow-wrap:anywhere}.chest-dialog-heading .chest-art{width:65px;height:65px;flex-basis:65px}
.chest-dialog-meta{padding:0 27px 21px;font-size:11px;color:#95b7ca;line-height:1.9}.chest-dialog-meta a{color:#f2d394;text-decoration:underline}
.reward-controls{border-block:1px solid #375d7044;padding:18px 27px;background:#041b2a44}.chest-table-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.chest-table-tabs button{padding:7px 12px;border:1px solid #3c657c;border-radius:9px;background:#122e42;color:#afcadc;font-size:11px}.chest-table-tabs button[aria-pressed=true]{color:#ffe1a0;border-color:#bd9d62;background:#c9a55e1c}
.reward-controls label{font-size:12px;color:#adc5d3;display:flex;align-items:center;gap:15px}.reward-controls input{height:42px;flex:1;min-width:0;border:1px solid #3e657c;border-radius:10px;background:#061d2e;padding:8px 13px;color:#e6eff4;font-size:12px}
.reward-result{padding:17px 27px 12px;font-size:12px;color:#9ab8c9}.chest-reward-list{padding:0 27px 20px;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.chest-reward-row{display:flex;align-items:center;gap:12px;border:1px solid #3c617a70;padding:10px;border-radius:12px;background:#12344b;min-width:0}.chest-reward-row:hover{border-color:#b89d64;background:#194156}.chest-reward-row .reward-art{width:44px;flex:0 0 44px}.reward-copy{min-width:0}.reward-copy strong{display:block;font-size:12px;font-weight:700;line-height:1.6;color:#ecf0e5;overflow-wrap:anywhere}.reward-copy small{display:block;color:#92b3c9;font-size:10px;margin-top:4px}.table-tags{color:#e3c58c}
.chest-dialog-note{font-size:11px;line-height:1.9;color:#9ab3c6;padding:0 27px 24px}.chest-reward-list>.chest-card-note{grid-column:1/-1}
@media(max-width:1050px){.chest-page .header-inner{gap:20px}.chest-page .main-nav{gap:14px;font-size:12px}.chest-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#chest-search{flex-wrap:wrap}.chest-search-field{flex-basis:100%}.chest-select-field{flex:1}.chest-select-field select{max-width:none;width:100%}}
@media(max-width:760px){.chest-page .main-nav{gap:18px;justify-content:flex-start;overflow-x:auto;white-space:nowrap}.chest-page .account-link{font-size:10px}.chest-hero{padding:15px 0 27px}.chest-back{margin-bottom:24px}.chest-hero h1{font-size:32px;margin-top:12px}.chest-hero>p{font-size:13px}.chest-source{font-size:10px;flex-direction:column;gap:3px}.chest-source span+span:before{content:none}.chest-tools{padding:17px;border-radius:17px}.chest-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.chest-grid{gap:15px}.chest-card-top{padding:17px 15px;gap:11px;min-height:111px}.chest-card h2{font-size:15px}.chest-art{width:48px;height:48px;flex-basis:48px;border-radius:12px}.chest-art img{width:36px;height:36px}.chest-card-content{padding:16px 15px}.chest-dialog-heading{padding:19px 18px 12px;gap:13px}.chest-dialog-heading h2{font-size:20px}.chest-dialog-meta{padding:0 18px 17px}.reward-controls{padding:16px 18px}.reward-result{padding:15px 18px 10px}.chest-reward-list{padding:0 18px 17px}.chest-dialog-note{padding:0 18px 20px}.reward-controls label{flex-direction:column;align-items:stretch;gap:7px}.reward-controls input{flex:auto}.chest-clear{height:44px}.chest-select-field select{height:44px}}
@media(max-width:560px){.chest-grid{grid-template-columns:1fr}.chest-preview{grid-template-columns:repeat(auto-fill,minmax(40px,1fr))}.chest-card-top{min-height:0;padding:20px}.chest-card h2{font-size:17px}.chest-card-content{padding:20px}.chest-card-top .chest-art{width:56px;height:56px;flex-basis:56px}.chest-card-top .chest-art img{width:40px;height:40px}.chest-tools label{font-size:11px}.chest-search-field input{font-size:12px}.chest-select-field{flex:1 1 40%}.chest-clear{width:100%}.chest-reward-list{grid-template-columns:1fr}.chest-table-tabs{gap:6px}.chest-table-tabs button{font-size:10px;padding:7px 10px}.chest-dialog{width:calc(100% - 22px);max-height:92svh}.chest-dialog-heading h2{font-size:18px}.chest-page .site-footer .footer-inner{font-size:11px}}