html body:has([data-world-ui=royal]) .collection-cabinet{flex:1;grid-template-rows:38px minmax(0,1fr) 38px;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:12px;min-height:0;display:grid;overflow:hidden}html body:has([data-world-ui=royal]) .cabinet-modes{grid-column:1/-1;gap:8px;min-height:0;display:flex}html body:has([data-world-ui=royal]) .cabinet-modes button{min-height:34px;padding:4px 12px;font-size:13px}html body:has([data-world-ui=royal]) .cabinet-grid{grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:0;display:grid}html body:has([data-world-ui=royal]) .cabinet-grid>button{flex-direction:column;gap:3px;min-width:0;min-height:0;display:flex;position:relative;box-shadow:inset 0 0 18px #06141e;background:radial-gradient(at 50% 35%,#22485d,#0a2031)!important;border:1px solid #8a8052!important;border-radius:3px!important;padding:6px!important}html body:has([data-world-ui=royal]) .cabinet-grid>button[aria-pressed=true]{box-shadow:0 0 12px #53cbe54d,inset 0 0 15px #0a7a8b66;border:2px solid #8ae1de!important}html body:has([data-world-ui=royal]) .cabinet-grid img{object-fit:contain;flex:1;max-width:100%;height:45%;min-height:0}html body:has([data-world-ui=royal]) .cabinet-grid span{color:#f6e5b7;overflow-wrap:anywhere;max-width:100%;font-size:12px;line-height:1.4}html body:has([data-world-ui=royal]) .cabinet-grid small{color:#9ce7d0;background:#102e36e6;font-size:9px;position:absolute;top:3px;right:5px}html body:has([data-world-ui=royal]) .cabinet-detail{text-align:center;background:radial-gradient(at 50% 60%,#25596a66,#0000 65%);border-left:1px solid #aa945855;flex-direction:column;grid-area:2/2/4;align-items:stretch;min-height:0;padding:8px 14px;display:flex}html body:has([data-world-ui=royal]) .cabinet-detail>small{color:#aebfbd;font-size:11px}.cabinet-detail h3{color:#ffe2a2;margin:4px 0;font-size:19px}.cabinet-detail p{margin:6px;font-size:12px}html body:has([data-world-ui=royal]) .cabinet-detail>.relic-preview{flex:1;width:100%;height:auto;min-height:0;position:relative;inset:auto}.cabinet-detail .relic-preview-canvas{position:absolute;inset:0}.cabinet-detail .relic-preview>img{object-fit:contain;width:100%;height:100%}.cabinet-detail .relic-preview-tools{bottom:0}html body:has([data-world-ui=royal]) .cabinet-action{color:#ffe0a3;align-self:center;min-height:40px;padding:6px 18px;background:linear-gradient(#295568,#103144)!important;border:1px solid #c6a766!important}html body:has([data-world-ui=royal]) .cabinet-pagination{grid-column:1;justify-content:space-between;align-items:center;font-size:12px;display:flex}.cabinet-pagination button{height:34px;padding:3px 18px!important}@media (max-width:640px){html body:has([data-world-ui=royal]) .collection-cabinet{grid-template-rows:34px minmax(96px,1fr) minmax(104px,1fr) 32px;grid-template-columns:minmax(0,1fr);gap:6px}html body:has([data-world-ui=royal]) .cabinet-detail{border-top:1px solid #aa945855;border-left:0;grid-area:3/1;grid-template-rows:1fr 1fr 1fr;grid-template-columns:45% 55%;min-height:0;padding:5px;display:grid}.cabinet-detail>small{display:none}.cabinet-detail h3{grid-column:2;align-self:end;font-size:14px}.cabinet-detail p{grid-column:2;margin:3px}html body:has([data-world-ui=royal]) .cabinet-detail>.relic-preview{grid-area:1/1/4;height:100%}.cabinet-detail .relic-preview-tools{display:none}html body:has([data-world-ui=royal]) .cabinet-action{grid-column:2;min-height:34px;font-size:12px}.cabinet-grid span{font-size:10px!important}html body:has([data-world-ui=royal]) .cabinet-pagination{grid-row:4}.cabinet-grid{gap:4px!important}}@media (max-height:500px) and (min-width:641px){html body:has([data-world-ui=royal]) .collection-cabinet{grid-template-rows:28px minmax(0,1fr) 28px;gap:4px}.cabinet-grid span{font-size:9px!important}.cabinet-detail h3{font-size:14px}.cabinet-detail>small,.cabinet-detail p,.cabinet-detail .relic-preview-tools{display:none}.cabinet-grid{gap:3px!important}}@media (max-width:640px){html body:has([data-world-ui=royal]) .cabinet-grid[data-size="4"]{grid-template-rows:repeat(2,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr))}html body:has([data-world-ui=royal]) .cabinet-grid>button{text-align:left;grid-template-columns:32px minmax(0,1fr);align-items:center;display:grid;padding:4px!important}.cabinet-grid>button img{width:32px;height:42px!important}.cabinet-grid>button small{font-size:8px!important;top:0!important}html body:has([data-world-ui=royal]) .world-treasury-dialog[role=dialog]{border-width:10px!important;border-image-width:10px!important;gap:6px!important;padding:10px!important}html body:has([data-world-ui=royal]) .world-treasury-dialog>h2{margin:2px 0 6px!important;padding-bottom:6px!important;font-size:18px!important}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-wallet{gap:5px;min-height:32px;font-size:10px}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-wallet>span{gap:4px;padding:2px 5px}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-wallet :is(.world-reward-art,.treasury-crystal-art){width:28px;height:28px}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-tabs{gap:3px;padding-bottom:3px}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-tabs button{gap:2px;line-height:1.25;min-height:36px!important;padding:3px!important;font-size:10px!important}html body:has([data-world-ui=royal]) .world-treasury-dialog .treasury-tabs svg{display:none}html body:has([data-world-ui=royal]) .world-treasury-dialog .pass-treasury-link{font-size:9px}}
