/* Club bonds: existing pixel palette, portraits and controller-friendly buttons. */
#galleryMission{flex:none;min-height:44px;padding:6px 10px;font:inherit;color:var(--ui-text);background:var(--pixel-tile);border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.bond-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:14px;min-width:0}
.bond-rail,.bond-detail{min-width:0;display:flex;flex-direction:column;gap:10px}
.bond-choice{display:flex;align-items:center;gap:10px;text-align:left;min-height:76px;width:100%;padding:10px;border:2px solid var(--pixel-edge);background:var(--pixel-tile);box-shadow:var(--pixel-bevel)}
.bond-choice[aria-pressed=true]{border-color:var(--ui-cyan);background:#224456;box-shadow:inset 4px 0 var(--ui-cyan),var(--pixel-bevel)}
.bond-choice>.pxi{flex:none;width:20px;height:20px}
.bond-choice span{min-width:0}.bond-choice b,.bond-choice small{display:block}.bond-choice small{font-size:14px;color:var(--ui-muted);margin-top:4px}
.bond-portraits{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.bond-portraits canvas,.bond-portraits img{image-rendering:pixelated;border:2px solid var(--pixel-edge);background:var(--pixel-tile);box-shadow:2px 2px var(--pixel-ink);box-sizing:border-box}
.bond-detail{padding:14px;border:2px solid var(--pixel-edge);background:#101b36;box-shadow:var(--pixel-bevel)}
.bond-detail h3{margin:0;color:var(--ui-accent);font-size:24px}.bond-detail p{margin:0;font-size:16px;line-height:1.3}
.bond-stats{display:flex;gap:8px;flex-wrap:wrap;font-size:15px;color:var(--ui-cyan)}
.bond-members{display:flex;gap:6px;flex-wrap:wrap}.bond-members button,.bond-members .bond-mem{flex:1;min-width:82px;min-height:44px;padding:6px;font-size:16px;display:flex;flex-direction:column;justify-content:center}
.bond-members .missing{border-style:dashed}
.bond-progress{appearance:none;width:100%;height:12px;border:2px solid var(--pixel-edge);border-radius:0;background:var(--pixel-panel);color:var(--ui-cyan)}
.bond-progress::-webkit-progress-bar{background:var(--pixel-panel)}
.bond-progress::-webkit-progress-value{background:var(--ui-cyan)}
.bond-progress::-moz-progress-bar{background:var(--ui-cyan)}
.bond-status{color:#a9edc1;min-height:22px}.bond-note{font-size:14px!important;color:var(--ui-muted)}
.bond-tabs{display:flex;gap:4px;margin-bottom:10px;background:#101b36;padding:2px}.bond-tabs button{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:0;min-height:44px;font:inherit;font-size:16px;padding:5px}
.bond-tabs .pxi{flex:none;width:20px;height:20px}
.bond-tabs button,.bond-members button,.bond-members .bond-mem{background:var(--pixel-tile);border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel);color:var(--ui-text)}
.bond-tabs [aria-pressed=true]{border-color:var(--ui-cyan);color:var(--ui-cyan);box-shadow:inset 0 -3px var(--ui-cyan),var(--pixel-bevel)}
.bond-detail .bond-claim{min-height:44px;margin-top:auto}
.bond-heading{margin:0 0 10px;font-size:16px;color:var(--ui-muted)}
.bond-tiers{display:flex;gap:6px;margin-bottom:10px}
.bond-tiers button{flex:1;min-width:0;min-height:44px;padding:6px;font:inherit;color:var(--ui-muted);background:var(--pixel-tile);border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.bond-tiers [aria-pressed=true]{color:var(--ui-cyan);border-color:var(--ui-cyan);box-shadow:inset 0 -3px var(--ui-cyan),var(--pixel-bevel)}
.bond-detail #bondNext{min-height:44px;padding:6px;font:inherit;color:var(--ui-text);background:var(--pixel-tile);border:2px solid var(--pixel-edge);box-shadow:var(--pixel-bevel)}
.bond-locked{border-style:dashed;color:#becae0}
.bond-rank,.bond-untradeable{color:var(--ui-accent)!important}
.bond-lock-note{color:#f6c39f}
/* Nine direct shortcuts, including Bonds, keep a regular pixel grid. */
.main-menu .menu-shortcuts{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}
.main-menu .menu-shortcuts>:is(#mGacha,#mShop,#mMarket,#mTeam,#mBonds,#mGallery,#mQuick,#mSound,#mSaves){grid-column:auto;flex-direction:column;justify-content:center;text-align:center;gap:3px;padding:5px 3px}
.main-menu .menu-shortcuts #mBonds{background:#294b48;border-color:#a9edc1}
.main-menu #mBonds .menu-icon{color:#a9edc1}
@media(max-width:799px) and (min-height:501px){
 .main-menu .page-content{grid-template-rows:64px 76px minmax(180px,1fr) 192px 43px}
 .main-menu .menu-shortcuts .ghost.big{flex-direction:row;gap:4px}
 .main-menu .menu-shortcuts small{display:none}
 .main-menu .menu-shortcuts .menu-icon,.main-menu .menu-shortcuts .scout-icon{width:20px;height:20px}
}
@media(max-height:740px) and (min-height:501px) and (max-width:799px){
 .main-menu .page-content{grid-template-rows:54px minmax(178px,1fr) 188px 38px}
}
.cutin.combo .ci-txt b{font-size:clamp(20px,6vw,38px)}
@media(max-width:600px){
 .bond-board{grid-template-columns:1fr;gap:10px}
 .bond-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
 .bond-tiers button{font-size:14px}
 .bond-choice{min-height:58px;padding:6px;gap:6px;font-size:16px}.bond-choice small{font-size:12px}
 .bond-choice canvas{display:none}
 .bond-choice>.pxi{width:14px;height:14px}.bond-choice{gap:4px}
 .bond-detail{gap:8px;padding:10px}.bond-detail h3{font-size:22px}
 .bond-detail p{font-size:15px}.bond-tabs{margin-bottom:8px}
 .team-tabs button{font-size:clamp(12px,3.1vw,16px);padding:8px 5px;min-width:0}
}