/* Retro field-device readouts; the approved illustrated faceplate stays intact. */
#collectionPanel{--console-amber:#ecc676;--console-cyan:#69cabb;--console-line:#3b747c;--console-dim:#80a7ad;}
#collectionPanel .menu-eyebrow{font:700 8px/1.4 ui-monospace,monospace;color:var(--console-amber);letter-spacing:.09em;}
#collectionPanel .collection-head h2{font:800 20px/1.2 ui-monospace,monospace;letter-spacing:.03em;text-transform:uppercase;color:var(--console-amber);text-shadow:0 0 10px #d7ad5422;}
#collectionPanel .collection-head .muted{font:11px/1.5 ui-monospace,monospace;color:var(--console-dim);}
#collectionPanel .menu-back{font:700 10px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.05em;}
#collectionPanel #closeCollection{border-radius:3px;background:none;border-color:#ae7359;color:#dfaa87;font-family:ui-monospace,monospace;}
#collectionPanel .communicator-device>.collection-head{border-bottom:1px solid #365c6755;padding-bottom:12px;}
#collectionPanel .storage-tabs{gap:12px;}
.console-section-label{grid-column:1/-1;display:flex;justify-content:space-between;color:var(--console-dim);font:9px/1.4 ui-monospace,monospace;letter-spacing:.1em;margin:2px 0 4px;}
#collectionPanel .storage-tabs .storage-tab{
  position:relative;align-items:center;gap:8px;min-height:116px;min-width:0;padding:14px 5px 12px;
  border:0;border-radius:0;clip-path:polygon(0 12px,12px 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);
  background:linear-gradient(135deg,#2b5a67 0%,#163d49 48%,#08202e 100%);box-shadow:inset 0 0 0 1px #467785;
  font:800 11px/1.2 ui-monospace,monospace;letter-spacing:.045em;text-transform:uppercase;color:var(--console-amber);
}
#collectionPanel .storage-tabs .storage-tab::before{content:'';position:absolute;left:8px;top:8px;width:12px;height:2px;background:var(--console-amber);box-shadow:0 3px 0 #e8c66d66;}
#collectionPanel .storage-tabs .storage-tab::after{content:'›';display:block;position:absolute;right:10px;bottom:8px;font-size:18px;line-height:1;color:#77b5bd;}
#collectionPanel .storage-tabs .storage-tab svg{width:40px;height:40px;stroke-width:1.6;color:var(--console-cyan);filter:drop-shadow(0 0 4px #59c9b333);stroke-linecap:round;stroke-linejoin:round;}
#collectionPanel .storage-tabs .storage-tab span{white-space:normal;}
#collectionPanel .storage-tabs .storage-tab small{color:#92b5bc;font:10px/1.4 ui-monospace,monospace;letter-spacing:.06em;}
#collectionPanel .storage-tabs .storage-tab.active{background:linear-gradient(145deg,#315855,#0b2a35);border:0;}
#collectionPanel .storage-tabs .storage-tab:active{background:#27565b;transform:scale(.98);}
#collectionPanel .storage-tabs .storage-tab:last-of-type{grid-column:1/-1;min-height:68px;flex-direction:row;gap:14px;}
#collectionPanel #friendsMenuCount{border-radius:0;background:none;color:var(--console-cyan);padding:0;}
.console-home-footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #2c4e5c;color:#567b89;font:8px/1.5 ui-monospace,monospace;letter-spacing:.07em;}
.console-home-footer span{color:#54b495;white-space:nowrap;}
#collectionPanel .companion-summary,#collectionPanel .bag-note{border-radius:0;background:#08263180;border:0;border-left:2px solid #669a8c;padding:9px 10px;font:10px/1.55 ui-monospace,monospace;color:#8cb9b6;margin-bottom:12px;}
#collectionPanel .collection-results,#collectionPanel .num,#collectionPanel .card-cp,#collectionPanel .field-guide-status{font-family:ui-monospace,monospace;}
#collectionPanel input:not([type=checkbox]),#collectionPanel select{border-radius:3px;border-color:#2e5966;background:#061c29;}
#collectionPanel .collection-filter{border-radius:2px;font-family:ui-monospace,monospace;}
#collectionPanel .collection-grid .collection-card,#collectionPanel .field-guide-card,#collectionPanel .settings-card,#collectionPanel .credits-card,#collectionPanel .social-code,#collectionPanel .social-friend,#collectionPanel .social-offers>div{border-radius:4px;border-color:#315c66;background:#092330b8;box-shadow:none;}
#collectionPanel .collection-card .collection-thumb{aspect-ratio:1.3;}
#collectionPanel .collection-card .pet-name,#collectionPanel .field-guide-card h4{color:#d1c69c;}
#collectionPanel .pet-menu summary,#collectionPanel .gear-info summary{font:700 10px/1.3 ui-monospace,monospace;color:var(--console-cyan);text-transform:uppercase;}
#collectionPanel .collection-thumb-playlabel,#collectionPanel .pet-badge{border-radius:2px;font-family:ui-monospace,monospace;}
#collectionPanel .bag-grid{gap:10px;}
#collectionPanel .bag-card{grid-template-columns:54px minmax(0,1fr) auto!important;grid-template-areas:'icon copy qty' 'actions actions actions';column-gap:9px!important;row-gap:0!important;padding:11px 8px!important;border-radius:0;border:0;border-bottom:1px solid #315765;background:#071e2a80;box-shadow:none;}
#collectionPanel .bag-card>.bag-icon{width:54px!important;height:54px!important;border-radius:3px;background:#102e3b;border:1px solid #315665;align-self:start;}
#collectionPanel .bag-card>.bag-copy{padding-right:0;}
#collectionPanel .bag-card>.bag-copy strong{font:800 13px/1.25 ui-monospace,monospace!important;color:var(--console-amber);margin:0;overflow-wrap:anywhere;}
#collectionPanel .bag-card>.bag-qty{font:800 16px/1.3 ui-monospace,monospace!important;color:var(--console-cyan);padding:0;}
#collectionPanel .gear-info{margin-top:4px;}
#collectionPanel .gear-info summary{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:44px;cursor:pointer;list-style:none;}
#collectionPanel .gear-info summary::-webkit-details-marker{display:none;}
#collectionPanel .gear-info[open] summary span{transform:rotate(45deg);}
#collectionPanel .gear-info small{display:block;font:12px/1.5 system-ui,sans-serif!important;color:#98b7c0;padding-bottom:8px;}
#collectionPanel .bag-actions-row{padding-top:5px;gap:8px;}
#collectionPanel .bag-use,#collectionPanel .bag-discard,#collectionPanel .pet-action,#collectionPanel .field-guide-show,#collectionPanel .pvp-primary,#collectionPanel .pvp-secondary,#collectionPanel .social-tabs button,#collectionPanel .menu-account-actions .secondary,#collectionPanel .credits-back-button{border-radius:2px;min-height:44px;font-family:ui-monospace,monospace;font-size:11px;}
#collectionPanel .bag-use,#collectionPanel .bag-discard{border-radius:2px!important;min-height:44px!important;font-size:11px!important;}
#collectionPanel .bag-use{background:#174e48!important;color:#b2dfc9!important;border:1px solid #48867c!important;}
#collectionPanel .bag-discard{background:#17272c!important;color:#b29786;border:1px solid #4b514b;}
#collectionPanel .field-guide-progress{border-radius:2px;background:#0b303780;border-left:2px solid #669a8c;padding:12px;}
#collectionPanel .settings-card h3,#collectionPanel .credits-card h3,#collectionPanel .field-guide-progress h3{font:800 13px/1.4 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.04em;color:var(--console-amber);}
#collectionPanel .settings-action span{font-family:ui-monospace,monospace;}
#collectionPanel button:focus-visible,#collectionPanel summary:focus-visible{outline:2px solid #f0cd80;outline-offset:-3px;}
@media(max-width:350px){#collectionPanel .collection-head h2{font-size:17px;}#collectionPanel .storage-tabs .storage-tab{font-size:10px;min-height:106px;}#collectionPanel .bag-card{grid-template-columns:46px minmax(0,1fr) auto!important;column-gap:7px!important;}#collectionPanel .bag-card>.bag-icon{width:46px!important;height:46px!important;}}
@media(max-height:650px){#collectionPanel .storage-tabs .storage-tab{min-height:88px;gap:6px;}#collectionPanel .storage-tabs .storage-tab svg{width:32px;height:32px;}#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:58px;}.console-home-footer{margin-top:3px;}}
@media(orientation:landscape) and (max-height:500px){#collectionPanel .storage-tabs .storage-tab:last-of-type{grid-column:auto;min-height:88px;flex-direction:column;}}
