/* Quiet glass, compact navigation, and readable controls within the existing faceplate. */
#collectionPanel .communicator-device::before{background:radial-gradient(ellipse at 50% 110%,#173f40b0,transparent 75%),linear-gradient(140deg,#061a25,#04101b);background-size:auto;}
#collectionPanel .communicator-device::after{opacity:.18;border-color:#5a9b9c;box-shadow:inset 4px 0 #061721,inset 5px 0 #5a9b9c,inset -4px 0 #061721,inset -5px 0 #5a9b9c;}
#collectionPanel .communicator-device>.collection-head{position:relative;display:flex;align-items:center;gap:8px;padding:10px 10px 12px;min-height:70px;border-bottom:1px solid #35595e80;}
#collectionPanel .collection-head>div{flex:1;min-width:0;}
#collectionPanel .menu-eyebrow{display:none;}
#collectionPanel .collection-head h2{margin:0 0 5px;color:#bcdfd3;font:800 20px/1.2 system-ui,sans-serif;letter-spacing:-.025em;text-transform:none;text-shadow:none;}
#collectionPanel .collection-head .muted{font:11px/1.4 system-ui,sans-serif;color:#8ca9af;}
#collectionPanel #closeCollection{width:44px;height:44px;min-height:44px;flex:none;border-radius:12px;border:1px solid #725e4c;background:#302a26;color:#d5b17b;font:400 28px/1 system-ui,sans-serif;box-shadow:inset 0 1px #af937c25;}
#collectionPanel #menuBack{position:absolute;left:10px;top:10px;display:grid;place-items:center;width:44px;height:44px;min-height:44px;padding:0;background:#11313a;border:1px solid #3a6268;border-radius:12px;color:#9accc0;font:400 30px/1 system-ui,sans-serif;text-transform:none;}
#collectionPanel:not(.console-home) .collection-head>div{padding-left:52px;}
#collectionPanel:not(.console-home) .console-status{display:none;}
#collectionPanel.console-home #collectionPlayer{display:none;}
#collectionPanel.console-home .collection-head h2{font-size:16px;margin-bottom:9px;}
#collectionPanel .console-status{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0;}
#collectionPanel .console-level{display:flex;gap:6px;align-items:center;padding:4px 7px;border-color:#4c7970;border-radius:6px;background:#123337;color:#94b8ad;font:700 8px/1.3 ui-monospace,monospace;}
#collectionPanel .console-level strong{font-size:13px;color:#b5d6bf;}
#collectionPanel .console-wallet{font-size:9px;}
#collectionPanel #menuMeritBalance{font-size:12px;max-width:100%;overflow-wrap:anywhere;border-color:#74613c;background:#302b21;color:#d4b475;box-shadow:none;}
#collectionPanel .console-connection{margin-top:8px;}
#collectionPanel .console-connection button{min-width:44px;min-height:44px;}
#collectionPanel .communicator-device>.storage-tabs{gap:12px;padding:14px 10px;align-content:center;}
#collectionPanel .console-section-label,#collectionPanel .console-home-footer{display:none;}
#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:clamp(110px,16dvh,138px);padding:10px 6px;gap:5px;border:1px solid #518c82;border-radius:17px;background:linear-gradient(145deg,#1b3a40,#0d222c);box-shadow:inset 0 1px #8fc6b931,inset 0 0 0 3px #7cabac0b,0 0 10px #4caf9c10;font-size:14px;color:#b8decd;}
#collectionPanel .storage-tabs .storage-tab.active{border:1px solid #518c82;background:linear-gradient(145deg,#1b3a40,#0d222c);}
#collectionPanel .storage-tabs .storage-tab:active{transform:scale(.98);background:#234c4d;}
#collectionPanel .storage-tabs .storage-tab:nth-of-type(2),#collectionPanel .storage-tabs .storage-tab:last-of-type{border-color:#518c82;box-shadow:inset 0 1px #8fc6b931,inset 0 0 0 3px #7cabac0b,0 0 10px #4caf9c10;}
#collectionPanel .storage-tab svg{filter:none;}
#collectionPanel .communicator-device>.menu-body{padding:12px 10px 18px;}
#collectionPanel .collection-card .collection-thumb{aspect-ratio:1.15;}
#collectionPanel .collection-card .pet-name,#collectionPanel .field-guide-card h4{color:#bddbce;font-family:system-ui,sans-serif;}
#collectionPanel .collection-results{font:11px/1.4 system-ui,sans-serif;}
#collectionPanel .companion-summary,#collectionPanel .bag-note{padding:9px 10px;border:1px solid #32565a;background:#113039;margin-bottom:10px;color:#95b9b2;}
#collectionPanel .collection-filter{min-height:44px;font:600 10px/1.2 system-ui,sans-serif;color:#9cbcc1;}
#collectionPanel .collection-filter[aria-pressed=true],#collectionPanel .social-tabs button[aria-pressed=true]{color:#bee2cd;background:#24514f;border-color:#548b7f;}
#collectionPanel .bag-card{padding:11px 10px!important;background:#0e2934;}
#collectionPanel .bag-card>.bag-copy strong{font:750 14px/1.3 system-ui,sans-serif!important;color:#bfd9cd;overflow-wrap:normal;}
#collectionPanel .pet-menu summary,#collectionPanel .gear-info summary{font:700 11px/1.4 system-ui,sans-serif;text-transform:none;color:#a2c8bd;}
#collectionPanel .settings-card h3,#collectionPanel .credits-card h3,#collectionPanel .field-guide-progress h3{font:750 14px/1.3 system-ui,sans-serif;text-transform:none;color:#bcd5c9;}
@media(max-width:350px){#collectionPanel .communicator-device>.collection-head{padding-left:8px;padding-right:8px;}#collectionPanel .communicator-device>.storage-tabs{padding-left:8px;padding-right:8px;gap:8px;}#collectionPanel .collection-head h2{font-size:17px;}#collectionPanel.console-home .collection-head h2{font-size:15px;}#collectionPanel .console-wallet{font-size:8px;}#collectionPanel .storage-tabs .storage-tab{font-size:12px;}}
@media(max-height:650px){#collectionPanel .communicator-device>.collection-head{padding-top:7px;padding-bottom:8px;min-height:61px;}#collectionPanel #menuBack{top:7px;}#collectionPanel.console-home .collection-head h2{font-size:13px;margin-bottom:5px;}#collectionPanel .communicator-device>.storage-tabs{padding-top:8px;padding-bottom:8px;gap:7px;}#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:76px;padding:5px;gap:3px;font-size:11px;border-radius:12px;}}
@media(orientation:landscape) and (max-height:500px){#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:70px;}}

/* The reference's single status rail: chevron level, amber balance and close. */
#collectionPanel.console-home .communicator-device>.collection-head{
  display:flex;align-items:center;gap:6px;min-height:52px;padding:4px 5px 6px;
  flex:none;border-bottom:1px solid #78a6ab40;
  background:linear-gradient(180deg,#182330b3,#121b29cc);
  box-shadow:0 1px 0 #060f1b,inset 0 1px 0 #b0d9ce16;
}
#collectionPanel.console-home .collection-head>div{flex:1;min-width:0;padding:0;}
#collectionPanel.console-home .menu-eyebrow,
#collectionPanel.console-home .collection-head h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;}
#collectionPanel.console-home .console-status{display:flex;flex-wrap:nowrap;gap:8px;align-items:center;margin:0;min-width:0;}
#collectionPanel.console-home .console-level{
  position:relative;isolation:isolate;display:flex;flex:none;align-items:center;gap:5px;
  width:91px;min-height:42px;padding:4px 16px 4px 5px;box-sizing:border-box;
  border:0;border-radius:0;background:none;box-shadow:none;color:#c5ecd7;
  filter:drop-shadow(0 0 3px #82e0b24d);
}
#collectionPanel.console-home .console-level::before,
#collectionPanel.console-home .console-level::after{
  content:'';position:absolute;z-index:-1;pointer-events:none;
  clip-path:polygon(0 0,85% 0,100% 50%,85% 100%,0 100%);border-radius:18px 0 0 18px;
}
#collectionPanel.console-home .console-level::before{inset:0;background:linear-gradient(120deg,#b9e6d0,#619f91 65%,#72b6aa);}
#collectionPanel.console-home .console-level::after{inset:1.3px;background:linear-gradient(105deg,#18313a,#274e4a 65%,#17373b);box-shadow:inset 0 0 7px #8ecab629;}
#collectionPanel.console-home .console-level-orb{
  display:block;width:28px;height:28px;flex:none;border-radius:50%;border:2px solid #a3e4bd;
  background:radial-gradient(circle at 35% 25%,#305458,#102a34 75%);
  box-shadow:0 0 5px #b1f5ca73,inset 0 0 4px #b4eaca4d;
}
#collectionPanel.console-home .console-level-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;line-height:1;}
#collectionPanel.console-home .console-level-copy>span{color:#b4c8c4;font:500 9px/1.05 'Arial Narrow',Arial,sans-serif;letter-spacing:0;text-transform:none;}
#collectionPanel.console-home .console-level strong{color:#d4f7e9;font:800 19px/1 'Arial Narrow',Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:-.06em;}
#collectionPanel.console-home .console-level-lights{position:absolute;right:13px;top:7px;color:#b2e9c4;font:900 10px/.85 monospace;opacity:.8;}
#collectionPanel.console-home .console-wallet{
  display:flex;flex:1;min-width:0;align-items:center;justify-content:flex-end;gap:5px;
  font:500 10px/1.1 'Arial Narrow',Arial,sans-serif;color:#bfc3c8;white-space:nowrap;
}
#collectionPanel.console-home #menuMeritBalance{
  flex:none;min-width:35px;max-width:none;box-sizing:border-box;padding:3px 5px;
  border:1.5px solid #f6c56d;border-radius:10px;
  background:radial-gradient(ellipse at 45% 20%,#6c4823,#3a281d 78%);
  color:#ffe39b;font:800 18px/1.05 'Arial Narrow',Arial,sans-serif;font-variant-numeric:tabular-nums;
  letter-spacing:-.05em;text-shadow:0 0 4px #ffa938a6;
  box-shadow:0 0 5px #e5ad4a80,inset 0 0 0 1px #ffedaa40,inset 0 0 6px #fbaa4f35;
}
#collectionPanel #closeCollection{
  position:relative;display:grid;place-items:center;flex:none;width:44px;height:44px;min-height:44px;
  padding:0;border:2px solid #edaf68;border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#af5e38,#7c382e 48%,#52252c 85%);
  color:#ffcc82;box-shadow:0 0 6px #fa894c85,inset 0 0 0 2px #f0b56f35,inset 0 0 7px #ef9c5059;
  font:400 0/1 system-ui;touch-action:manipulation;
}
#collectionPanel #closeCollection::before,#collectionPanel #closeCollection::after{
  content:'';position:absolute;left:50%;top:50%;display:block;width:23px;height:3px;border-radius:2px;
  background:#ffd28a;box-shadow:0 0 4px #ffad5e6b;transform:translate(-50%,-50%) rotate(45deg);
}
#collectionPanel #closeCollection::after{transform:translate(-50%,-50%) rotate(-45deg);}
#collectionPanel #closeCollection:active{background:#70372c;transform:scale(.96);}
#collectionPanel #closeCollection:focus-visible{outline:2px solid #ffe0a2;outline-offset:3px;}
#collectionPanel:not(.console-home) .console-level-orb,#collectionPanel:not(.console-home) .console-level-lights{display:none;}
@media(max-width:360px){
  #collectionPanel.console-home .communicator-device>.collection-head{gap:4px;padding-inline:2px;}
  #collectionPanel.console-home .console-status{gap:4px;}
  #collectionPanel.console-home .console-level{width:75px;padding-right:12px;gap:3px;}
  #collectionPanel.console-home .console-level-orb{width:23px;height:23px;}
  #collectionPanel.console-home .console-level-lights{right:10px;}
  #collectionPanel.console-home .console-wallet{gap:3px;font-size:8px;}
  #collectionPanel.console-home #menuMeritBalance{padding-inline:4px;min-width:29px;font-size:15px;}
}
@media(orientation:landscape) and (max-height:500px){
  #collectionPanel.console-home .communicator-device>.collection-head{min-height:48px;padding-block:2px;}
}