/* Live glass-screen controls, using the approved communicator and existing artwork. */
#collectionPanel .communicator-device::before{content:'';position:absolute;z-index:-1;inset:5.6% 8% 16.7%;border-radius:15px;pointer-events:none;background:radial-gradient(circle at 22% 28%,#54caba28 0 1px,transparent 2px),radial-gradient(circle at 75% 62%,#a478bd30 0 1px,transparent 2px),repeating-linear-gradient(0deg,#4a9aaf08 0 1px,transparent 1px 4px),radial-gradient(ellipse at 50% 100%,#124c4d88,transparent 65%),linear-gradient(125deg,#061b29,#061321 70%);background-size:41px 57px,67px 83px,auto,auto,auto;box-shadow:inset 0 0 24px #0009;}
#collectionPanel .communicator-device::after{content:'';position:absolute;z-index:-1;inset:6.5% 9% 18%;pointer-events:none;opacity:.25;border:1px solid #4fc7c0;border-radius:26px 6px 26px 6px;box-shadow:inset 5px 0 0 #061b29,inset 6px 0 0 #50abae,inset -5px 0 0 #061b29,inset -6px 0 0 #9865b2;}
#collectionPanel .communicator-device>.collection-head{padding:12px 12px 10px;border-bottom:1px solid #4a88843b;align-items:flex-start;}
#collectionPanel .collection-head>div{flex:1;}
#collectionPanel .menu-eyebrow{font:700 8px/1.4 system-ui,sans-serif;color:#79aaa8;letter-spacing:.13em;}
#collectionPanel .collection-head h2{font:800 20px/1.15 system-ui,sans-serif;text-transform:none;letter-spacing:-.02em;color:#b9e4d7;margin:5px 0;}
#collectionPanel .collection-head .muted{font:11px/1.4 system-ui,sans-serif;}
#collectionPanel #closeCollection{width:44px;height:44px;border-radius:50%;border:1px solid #ba8059;background:radial-gradient(circle at 35% 25%,#703934,#3c2028);color:#edb782;box-shadow:inset 0 1px 3px #f2c47944,0 0 9px #dba64716;font:500 28px/1 system-ui,sans-serif;}
.console-status{display:flex;align-items:center;gap:8px;margin-top:9px;flex-wrap:wrap;}
.console-level{display:flex;align-items:center;gap:7px;color:#80bab1;font:700 9px/1.2 ui-monospace,monospace;padding:5px 7px;border:1px solid #498b80;border-radius:8px;background:#143f4080;}
.console-level strong{font-size:15px;color:#b4e1c5;}
#collectionPanel .console-wallet{display:flex;align-items:center;gap:5px;margin:0;color:#a9b5b5;font:9px/1.3 system-ui,sans-serif;}
#collectionPanel #menuMeritBalance{font:800 13px/1.2 ui-monospace,monospace;color:#edc77a;padding:4px 7px;border:1px solid #9d7d44;border-radius:6px;background:#54432166;box-shadow:0 0 7px #deb55b1a;}
#collectionPanel.console-home .collection-head h2{font-size:17px;}
#collectionPanel.console-home #collectionPlayer{display:none;}
#collectionPanel .communicator-device>.storage-tabs{padding:10px 12px 14px;gap:10px;}
#collectionPanel .console-section-label{font:8px/1.4 ui-monospace,monospace;color:#648c95;margin:0;}
#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{grid-column:auto;flex-direction:column;clip-path:none;border-radius:20px 12px 20px 12px;min-height:clamp(100px,14dvh,128px);padding:8px 5px;gap:4px;border:1px solid #67a397;background:linear-gradient(145deg,#234d528c,#0b202ed9);box-shadow:inset 0 1px 2px #c7d7ac36,inset 0 0 0 3px #77baa910,0 0 10px #45d4c31c,0 4px 8px #0003;font:800 13px/1.2 system-ui,sans-serif;letter-spacing:0;text-transform:none;color:#b5e2d1;}
#collectionPanel .storage-tabs .storage-tab:nth-of-type(2),#collectionPanel .storage-tabs .storage-tab:last-of-type{border-color:#a48e61;box-shadow:inset 0 1px 2px #d4caac40,inset 0 0 0 3px #c7b78710,0 0 10px #c6ac6214;}
#collectionPanel .storage-tabs .storage-tab::before,#collectionPanel .storage-tabs .storage-tab::after{display:none;}
#collectionPanel .storage-tabs .storage-tab.active{background:linear-gradient(145deg,#234d528c,#0b202ed9);border:1px solid #67a397;}
#collectionPanel .storage-tabs .storage-tab:active{transform:scale(.97);background:#245052;}
#collectionPanel .storage-tabs .storage-tab small{font:10px/1.3 ui-monospace,monospace;color:#84aaa6;letter-spacing:0;}
#collectionPanel .console-art,#collectionPanel .storage-tab svg{display:block;width:58px;height:58px;object-fit:contain;flex:none;}
#collectionPanel .console-portrait{width:54px;height:54px;border-radius:50%;border:1px solid #559f9b;}
#collectionPanel .console-friends-art{display:flex;height:58px;align-items:center;justify-content:center;padding-left:10px;}
#collectionPanel .console-friends-art img{width:43px;height:43px;object-fit:cover;border-radius:50%;border:2px solid #264a50;}
#collectionPanel .console-friends-art img+img{margin-left:-12px;}
#collectionPanel .console-relay{position:relative;width:58px;height:58px;}
#collectionPanel .console-relay .relay-tower-art{position:absolute;bottom:0;left:50%;width:38px;height:43px;object-fit:contain;}
#collectionPanel .console-relay .relay-dish-art{width:38px;height:25px;bottom:35px;}
#collectionPanel .console-home-footer{margin-top:2px;padding-top:10px;color:#527e87;font-size:7px;}
#collectionPanel .collection-grid .collection-card,#collectionPanel .field-guide-card,#collectionPanel .settings-card,#collectionPanel .credits-card,#collectionPanel .social-friend,#collectionPanel .field-guide-progress{border-radius:13px;border-color:#38616b;background:linear-gradient(135deg,#153842bb,#081d2dcc);box-shadow:inset 0 1px 0 #74b5a619;}
#collectionPanel .companion-summary,#collectionPanel .bag-note{border-radius:10px;background:#12353c99;border:1px solid #335e62;font:11px/1.5 system-ui,sans-serif;}
#collectionPanel input:not([type=checkbox]),#collectionPanel select,#collectionPanel .collection-filter{border-radius:10px;}
#collectionPanel .bag-card{border-radius:12px;border:1px solid #38616b;background:linear-gradient(135deg,#163840b8,#091e2ac9);}
#collectionPanel .bag-card>.bag-copy strong{font-family:system-ui,sans-serif!important;color:#b6ddcf;}
#collectionPanel .bag-use,#collectionPanel .bag-discard,#collectionPanel .pet-action,#collectionPanel .field-guide-show,#collectionPanel .social-tabs button{border-radius:8px!important;font-family:system-ui,sans-serif;}
@media(max-height:650px){#collectionPanel .communicator-device>.collection-head{padding:7px 8px;}#collectionPanel .menu-eyebrow{display:none;}#collectionPanel.console-home .collection-head h2{font-size:14px;margin:0 0 5px;}.console-status{margin-top:5px;gap:5px;}#collectionPanel .console-wallet{font-size:8px;}#collectionPanel .communicator-device>.storage-tabs{gap:7px;padding:7px 8px;}#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:75px;padding:5px;gap:2px;font-size:11px;border-radius:13px 8px;}#collectionPanel .console-art,#collectionPanel .storage-tab svg{width:38px;height:38px;}#collectionPanel .console-friends-art{height:38px;}#collectionPanel .console-friends-art img{width:31px;height:31px;}#collectionPanel .console-relay .relay-tower-art{width:27px;height:30px;left:50%;}#collectionPanel .console-relay .relay-dish-art{width:27px;height:18px;bottom:24px;}#collectionPanel .console-home-footer{display:none;}#collectionPanel .storage-tabs .storage-tab small{font-size:8px;}}
@media(orientation:landscape) and (max-height:500px){#collectionPanel .storage-tabs{grid-template-columns:repeat(3,minmax(0,1fr));}#collectionPanel .console-section-label{display:none;}#collectionPanel .collection-head h2{font-size:14px;}.console-status{margin-top:2px;}#collectionPanel .storage-tabs .storage-tab,#collectionPanel .storage-tabs .storage-tab:last-of-type{min-height:70px;}}
@media(prefers-reduced-motion:reduce){#collectionPanel .console-relay .relay-dish-art{animation:none;}}

/* Scale the entire assembled relay so its mounting point never changes. */
#collectionPanel .console-relay{width:96px;height:144px;zoom:.444444;}
#collectionPanel .console-relay .relay-tower-art{width:86px;height:91px;bottom:0;}
#collectionPanel .console-relay .relay-dish-art{width:96px;height:64px;bottom:80px;}
#collectionPanel .console-friends-art{width:58px;height:58px;padding:0;}
#collectionPanel .console-friends-art img{width:58px;height:58px;margin:0;border:1px solid #659696;background:#12333e;}
#collectionPanel .console-friend-initials{display:grid;place-items:center;width:58px;height:58px;flex:none;border-radius:50%;border:1px solid #659696;background:radial-gradient(circle at 30% 20%,#285a60,#0b2633);color:#b8decd;font:800 22px/1 system-ui;}
@media(max-height:650px){#collectionPanel .console-relay{zoom:.256944;}#collectionPanel .console-friends-art,#collectionPanel .console-friends-art img,#collectionPanel .console-friend-initials{width:37px;height:37px;}#collectionPanel .console-friend-initials{font-size:16px;}}

#collectionPanel .console-connection{display:flex;gap:6px;align-items:center;color:#d3bd98;font:11px/1.4 system-ui;}
#collectionPanel .console-connection button{min-height:44px;border:1px solid #518c82;background:#11313a;color:#b8decd;border-radius:8px;}