/* One calm hierarchy across the toolbar, wardrobe and exchange shop. */
body:not(.sa-compact)>.ctrl{padding:8px;gap:7px;background:#211b18d9;border:1px solid #d8c09b40;border-radius:15px;backdrop-filter:blur(14px);max-width:calc(100vw - 32px)}
.ctrl #saMenuButton{display:inline-flex;align-items:center;justify-content:center}.ctrl>button{white-space:nowrap}.ctrl #saAuthButton{background:#efe3d0;color:#49372b;border:1px solid #ead4af}.ctrl #saShopBtn{font-size:12px}.sa-compact .ctrl{justify-content:center;gap:5px;padding:7px 8px;align-items:center;flex-wrap:nowrap}.sa-compact .ctrl>button{flex:1 1 0;min-width:0;padding:0 5px;font-size:11px;line-height:38px;height:38px}
.sa-nav-menu{box-sizing:border-box;width:min(620px,calc(100vw - 24px));max-width:620px;max-height:88dvh;padding:22px;background:#f7f3eb;color:#3e3b33;border:1px solid #d5cbbb;border-radius:20px;overflow:auto;box-shadow:0 24px 100px #0005;font:14px/1.5 system-ui,sans-serif}.sa-nav-menu::backdrop{background:#1523239c;backdrop-filter:blur(5px)}.sa-nav-menu header{display:flex;justify-content:space-between;align-items:center;padding:0 0 14px;gap:14px;background:inherit;position:sticky;top:0;z-index:2}.sa-nav-menu h2{font-size:22px;margin:0}.sa-nav-menu h3{font-size:11px;font-weight:600;letter-spacing:.12em;color:#827666;margin:0 0 10px}.sa-menu-groups{display:grid!important;grid-template-columns:1fr 1fr;gap:20px!important}.sa-menu-groups section{min-width:0;border-top:1px solid #dfd6c8;padding-top:14px}.sa-menu-items{display:flex;flex-direction:column;align-items:stretch;gap:7px}.sa-nav-menu button,.sa-nav-menu select{font:inherit!important;box-sizing:border-box;background:#fffdf8!important;color:#4b4437!important;border:1px solid #ded4c3!important;border-radius:10px!important;padding:10px 13px!important;min-height:42px!important;height:auto!important;text-align:left;cursor:pointer;line-height:1.5!important}.sa-nav-menu button:hover{background:#ece7dc!important;border-color:#bbaa90!important}.sa-nav-menu button[aria-pressed=true]{background:#e0eade!important;border-color:#adc1a7!important}.sa-nav-menu label{display:flex;gap:10px;align-items:center;font-size:12px}.sa-nav-menu label select{flex:1;min-width:0}.sa-nav-menu [hidden]{display:none!important}.sa-nav-menu button:disabled{opacity:.45;cursor:default}.sa-nav-menu header button{min-height:36px!important;padding:7px 12px!important}.sa-menu-exit button{color:#904d3b!important}.sa-nav-menu :focus-visible{outline:3px solid #769d89;outline-offset:2px}
#saShop .sa-shop-header{padding:18px 22px;gap:12px}#saShop .sa-shop-header h2{font-family:system-ui;font-size:25px;letter-spacing:0}#saShop .sa-shop-header small{letter-spacing:.14em;font-size:9px}#saShop .sa-wallet{min-width:92px}#saShop .sa-wallet b{font-size:25px}#saShop .sa-shop-layout{gap:22px;padding:18px 22px;grid-template-columns:240px minmax(0,1fr)}#saShop .sa-look{border:1px solid #e0d2bf}#saShop .sa-fitting-info{display:grid;gap:8px}#saShop .sa-fitting-info button{width:100%;font-size:12px;text-align:left}#saShop .sa-fitting-info small{font-size:11px;color:#8b7b68;line-height:1.65}#saShop .sa-shop-tabs{border-bottom:1px solid #deceba;padding-bottom:9px;gap:8px}#saShop .sa-shop-tabs button{min-width:80px;flex:1}#saShop .sa-search{display:flex;align-items:center;gap:10px;margin:0 0 10px;font-size:11px;color:#806657}#saShop .sa-search input{flex:1;min-width:0;padding:8px 10px;border:1px solid #d9cabb;border-radius:9px;color:#573d32;background:#fffcf7}#saShop .sa-product{padding-bottom:12px}#saShop .sa-product h3{line-height:1.5}#saShop .sa-product>p:not(.sa-acquisition){display:none}#saShop .sa-card-actions{gap:5px;margin-top:10px}#saShop .sa-acquisition{font-size:10px;line-height:1.5}.sa-fitting-info #saDecorShop{background:transparent;color:#806657;border-style:dashed}
#saGacha .sag-header{padding:18px 24px;border-bottom:1px solid #beaa812b}#saGacha .sag-title{font:23px/1.3 system-ui;letter-spacing:0}#saGacha .sag-wallet{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:14px 24px}#saGacha .sag-resource{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px 14px;border:1px solid #bdac8b36;border-radius:10px;background:#ffffff04}#saGacha .sag-resource strong{font-size:23px}#saGacha .sag-nav{display:flex;gap:6px;padding:0 24px 10px;overflow-x:auto;flex-shrink:0;scrollbar-width:thin}#saGacha .sag-nav button{white-space:nowrap;flex:1;padding:8px 12px;font-size:12px}#saGacha .sag-body{padding:0 24px 24px}#saGacha .sag-shop-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}#saGacha .sag-shop-heading h2{font:21px system-ui}#saGacha .sag-shop-heading small{font-size:11px;color:#c4b7a2}#saGacha .sag-shop-controls{display:grid;grid-template-columns:minmax(0,1fr) 130px;gap:10px;margin:10px 0 14px}#saGacha .sag-shop-controls input,#saGacha .sag-shop-controls select{font:13px system-ui;min-width:0;width:100%;border:1px solid #c3b18a55;border-radius:9px;background:#252d3f;color:#eee1c9;padding:10px}#saGacha .sag-item-card h3{font:16px/1.5 system-ui}#saGacha .sag-shop-grid{align-content:start}#saGacha .sag-item-card p{color:#cfc1a8}#saGacha .sag-empty{grid-column:1/-1;text-align:center;padding:36px 12px;color:#b8ac99}#saGacha .sag-shop-hint{font:12px/1.7 system-ui;color:#b5aa96;margin:4px 0 14px}
.seat.empty .label{color:#3b6253;background:#f7fff1df;border:1px dashed #709782}.seat.empty:hover,.seat.empty:focus-visible{outline:2px solid #d9efad;border-radius:10px;background:#eafcd31f!important}.in-room>header>.actions{gap:6px;max-width:none}.in-room>header>.actions>button{white-space:nowrap}.in-room .controls{gap:10px}.in-room .sa-focus-bar{border-left:1px solid #d8c09b40;padding-left:12px}
@media(max-width:720px){.sa-nav-menu{padding:18px}.sa-menu-groups{gap:14px!important}.sa-nav-menu h2{font-size:20px}.sa-nav-menu button{font-size:12px!important;padding:9px 10px!important}#saShop .sa-shop-header{padding:10px 55px 10px 12px!important}#saShop .sa-shop-header h2{font-size:19px!important}#saShop .sa-wallet b{font-size:21px}#saShop .sa-shop-layout{padding:10px;gap:10px;display:flex}#saShop .sa-side{gap:16px;justify-content:center;align-items:center}#saShop .sa-look{width:100px}#saShop .sa-look iframe{width:100px;height:112px}#saShop .sa-look p{font-size:8px;line-height:1.5;padding:0 5px}#saShop .sa-fitting-info{gap:5px;max-width:180px}#saShop .sa-fitting-info button{padding:6px 9px;min-height:31px;font-size:11px}#saShop .sa-fitting-info small{display:none}#saShop .sa-shop-tabs{margin-bottom:7px;padding-bottom:7px}#saShop .sa-search{gap:7px;margin-bottom:8px}#saShop .sa-search input{padding:7px 8px;font-size:12px}#saGacha .sag-header{padding:12px 14px}#saGacha .sag-title{font-size:19px}#saGacha .sag-wallet{gap:6px;padding:10px 12px}#saGacha .sag-resource{padding:8px;gap:3px}#saGacha .sag-resource strong{font-size:20px}#saGacha .sag-nav{padding:0 12px 8px;gap:4px}#saGacha .sag-nav button{flex:none;padding:7px 9px!important;font-size:11px!important}#saGacha .sag-body{padding:0 12px 16px}#saGacha .sag-shop-heading{align-items:flex-start;flex-direction:column;gap:0}#saGacha .sag-shop-heading h2{margin:10px 0 4px}#saGacha .sag-shop-controls{grid-template-columns:minmax(0,1fr) 105px;gap:6px}#saGacha .sag-shop-controls input,#saGacha .sag-shop-controls select{font-size:11px;padding:9px 7px}.in-room>header{padding:10px;gap:8px}.in-room>header>div:first-child{min-width:0;max-width:40%}.in-room>header h1{font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.in-room>header>.actions{justify-content:flex-end;max-width:60%;gap:4px}.in-room>header>.actions>button{padding:7px;font-size:10px;min-height:32px}.in-room .sa-focus-bar{border-left:0;padding-left:0}.seat.empty .label{font-size:7px}}
@media(max-height:520px) and (min-width:600px){#saShop .sa-shop-header{padding:8px 18px}#saShop .sa-shop-layout{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;padding:10px}#saShop .sa-side{gap:6px;flex-direction:column}#saShop .sa-look{width:110px}#saShop .sa-look iframe{width:110px;height:123px}#saShop .sa-fitting-info{gap:4px}#saShop .sa-fitting-info button{padding:4px 7px;font-size:10px}#saShop .sa-fitting-info small{display:none}#saShop .sa-search{margin-bottom:5px}#saShop .sa-search input{padding:5px 8px}#saShop .sa-shop-tabs{padding-bottom:4px}#saGacha .sag-header{padding:8px 16px}#saGacha .sag-wallet{padding:6px 16px}#saGacha .sag-resource{flex-direction:row;align-items:center;padding:5px 12px}#saGacha .sag-nav{padding-bottom:6px}}
.seat.empty{min-height:32px}