.wardrobe-open{display:flex;align-items:center;justify-content:space-between;gap:18px;background:#fff7df;border:1px solid var(--ink);border-radius:3px;padding:6px 10px;min-height:29px;min-width:130px;font-size:10px;font-weight:800}.wardrobe-open:hover{background:var(--yellow)}.wardrobe-overlay{display:flex;align-items:center;justify-content:center;background:#163a3cc9;backdrop-filter:blur(5px);z-index:5;padding:18px}.wardrobe-panel{width:min(850px,97%);max-height:100%;display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);border-radius:9px;box-shadow:7px 7px 0 #082a3866;overflow:hidden}.wardrobe-panel>header{display:flex;align-items:center;justify-content:space-between;padding:17px 22px 10px;flex-shrink:0}.wardrobe-panel h2{font-size:36px;margin:6px 0 0}.wardrobe-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:5px 22px 13px;overflow-y:auto;overscroll-behavior:contain;min-height:0}.costume-card{position:relative;background:#e5e7d9;border:1px solid #173b3c40;border-radius:5px;padding:2px 5px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;min-width:0;transition:background .15s,border-color .15s}.costume-card:hover{background:#fff6cf;border-color:var(--ink)}.costume-card.selected{background:#f9d857;border:2px solid var(--ink);padding:1px 4px 7px}.costume-card canvas{width:70px;height:70px;position:static;object-fit:contain;flex-shrink:0}.costume-card strong{font-size:9px;line-height:1.3}.costume-card span{font-size:7px;line-height:1.3;color:#4d655c;margin-top:3px}.costume-card i{display:none;position:absolute;right:5px;top:4px;background:var(--ink);color:var(--yellow);width:16px;height:16px;border-radius:100%;font-size:11px;font-style:normal}.costume-card.selected i{display:block}.wardrobe-panel>footer{display:flex;max-width:none;width:100%;justify-content:space-between;gap:12px;align-items:center;margin:0;border-top:1px solid #173b3c30;padding:10px 22px 15px;flex-shrink:0}.wardrobe-panel>footer>span{font-size:8px;color:var(--ink);letter-spacing:.5px}.wardrobe-panel .primary{min-width:185px;padding:12px 14px;font-size:10px}.flight-alert{position:absolute;top:24%;left:50%;transform:translateX(-50%);width:max-content;max-width:90%;padding:10px 20px;background:#f9d857ee;border:2px solid var(--ink);border-radius:5px;box-shadow:3px 3px 0 #173b3c99;text-align:center;pointer-events:none;z-index:1}.flight-alert strong{display:block;font-size:14px;letter-spacing:1px}.flight-alert span{display:block;margin-top:4px;font-size:11px}.flight-alert.active{background:#ed7154f0}.arcade.flight .toast{top:69%;z-index:2}.arcade .hud{z-index:2}.arcade .panel-overlay{z-index:4}
@media(max-width:900px){.wardrobe-open{min-width:110px;min-height:24px;padding:5px 7px;font-size:9px}.wardrobe-overlay{padding:10px}.wardrobe-panel>header{padding:10px 15px 7px}.wardrobe-panel h2{font-size:28px}.wardrobe-grid{gap:5px;padding:3px 15px 8px}.costume-card canvas{width:49px;height:49px}.costume-card strong{font-size:8px}.costume-card span{display:none}.wardrobe-panel>footer{padding:8px 15px 10px}.wardrobe-panel .primary{padding:9px 12px;min-width:160px;font-size:9px}.flight-alert{padding:8px 13px}.flight-alert strong{font-size:11px}.flight-alert span{font-size:9px}}
@media(max-width:600px) and (orientation:portrait){.wardrobe-open{min-width:104px;max-width:115px;font-size:9px;gap:6px;height:31px}.menu-settings{gap:9px;padding:10px}.setting-title{font-size:6px;letter-spacing:1px}.wardrobe-overlay{padding:9px}.wardrobe-panel{width:100%;height:97%;max-height:97%}.wardrobe-panel>header{padding:14px 12px 10px;gap:5px}.wardrobe-panel .eyebrow{font-size:7px}.wardrobe-panel h2{font-size:30px}.wardrobe-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding:5px 12px 10px;gap:6px;flex:1}.costume-card canvas{width:65px;height:65px}.costume-card strong{font-size:8px}.wardrobe-panel>footer{padding:10px 12px 14px;gap:8px;display:flex}.wardrobe-panel>footer>span{font-size:7px;display:block;max-width:95px;line-height:1.6}.wardrobe-panel .primary{min-width:155px;padding:10px;font-size:9px}.flight-alert{top:24%;padding:10px 11px;width:90%}.flight-alert strong{font-size:12px;letter-spacing:.5px}.flight-alert span{font-size:10px;line-height:1.4}.arcade.flight .toast{top:72%;font-size:10px}}
@media(max-height:520px) and (orientation:landscape){.wardrobe-panel{max-width:720px}.wardrobe-panel>header{padding:9px 15px 5px}.wardrobe-panel h2{font-size:27px}.costume-card canvas{width:48px;height:48px}.costume-card span{display:none}.wardrobe-panel>footer{padding:7px 15px 9px}.wardrobe-grid{gap:5px}.flight-alert{top:25%}.flight-alert strong{font-size:11px}.flight-alert span{font-size:9px}}
@media(min-width:901px){.costume-card canvas{width:55px;height:55px}.costume-card{padding-bottom:6px}.costume-card.selected{padding-bottom:5px}}
@media(min-width:901px) and (max-width:1100px){.costume-card span{display:none}}