.wings-theme {
    background:
        radial-gradient(circle at 24% 38%, #4a88b52b, transparent 31%),
        radial-gradient(circle at 78% 28%, #8e6bc12b, transparent 28%),
        linear-gradient(145deg, #111823, #171724 62%, #0d1118);
}
.wings-theme .navigation-panel { padding-top: 4px; }
.wings-overview { grid-column: 1 / -1; display: grid; place-items: start center; width: 100%; }
.wings-state-card { display: grid; justify-items: center; gap: 9px; width: min(430px, 100%); padding: 18px; border: 1px solid #8fb9df66; border-radius: 15px; color: #dce2e9; text-align: center; background: linear-gradient(150deg, #1d2630ed, #11151ced 64%); box-shadow: 0 14px 34px #0008, inset 0 0 28px #77b5e70d; }
.wings-state-card > small { color: #94bae0; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.wings-state-card h2 { margin: 0; color: #f0e8dc; font: 700 21px Georgia, serif; }
.wings-state-card p { margin: 0; color: #9ba5b1; font-size: 10px; line-height: 1.5; }
.wings-emblem { display: grid; place-items: center; width: 92px; height: 78px; }
.wings-emblem-image { width: 92px; height: 78px; object-fit: contain; filter: drop-shadow(0 7px 12px #000b) drop-shadow(0 0 10px #81b8e844); }
.wings-materials { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; width: 100%; }
.wings-material { display: grid; grid-template-columns: 28px 1fr; align-items: center; gap: 2px 6px; padding: 7px; border: 1px solid #88b1d638; border-radius: 9px; text-align: left; background: #0d131b; }
.wings-material-icon { grid-row: 1 / 3; width: 28px; height: 28px; object-fit: contain; }
.wings-material small { color: #8f99a5; font-size: 8px; }
.wings-material strong { color: #dce6ef; font-size: 10px; }
.wings-material.is-missing strong { color: #d17b75; }
.wings-duration b, .wings-state-card > p b { color: #d8c187; }
.wings-state-card > button { width: 100%; min-height: 39px; border: 1px solid #82b6df80; border-radius: 9px; color: #dcecff; background: linear-gradient(135deg, #22374a, #172536); font-size: 10px; font-weight: 900; }
.wings-state-card > button:disabled { opacity: .42; }
.wings-locked-card { border-color: #ffffff21; filter: saturate(.7); }
.wings-timer { min-width: 150px; padding: 10px 16px; border: 1px solid #91bce05c; border-radius: 9px; color: #bcdcff; background: #0d141d; font-size: 16px; }
.wings-level { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 10px 12px; border: 1px solid #91bce035; border-radius: 9px; background: #0c1219; }
.wings-level span { color: #99a4b0; font-size: 10px; }
.wings-level strong { color: #d9c27e; font-size: 17px; }
.wings-exp { width: 100%; height: 7px; overflow: hidden; border-radius: 999px; background: #080c11; }
.wings-exp span { display: block; height: 100%; background: linear-gradient(90deg, #6daee0, #a584d5); }
.wings-future { padding-top: 8px; border-top: 1px solid #ffffff12; }
.wings-confirmation { position: fixed; z-index: 120; inset: 0; display: grid; place-items: center; padding: 16px; }
.wings-confirmation[hidden] { display: none; }
.wings-confirmation-backdrop { position: absolute; inset: 0; width: 100%; border: 0; background: #05080dce; backdrop-filter: blur(4px); }
.wings-confirmation-dialog { position: relative; z-index: 1; display: grid; gap: 12px; width: min(390px, 100%); padding: 16px; border: 1px solid #8ebce178; border-radius: 14px; color: #dce3ea; background: linear-gradient(150deg, #202a35, #10151d 64%); box-shadow: 0 18px 50px #000c; }
.wings-confirmation-dialog > small { color: #96bee2; font-size: 8px; font-weight: 900; letter-spacing: .14em; }
.wings-confirmation-dialog h3 { margin: 0; color: #f1e9dd; font: 700 19px Georgia, serif; }
.wings-confirmation-dialog p { margin: 0; color: #979faa; font-size: 9px; line-height: 1.5; }
.wings-confirmation-dialog p b { color: #d9c382; }
.wings-confirmation-actions { display: grid; grid-template-columns: .8fr 1.2fr; gap: 7px; }
.wings-confirmation-actions button { min-height: 38px; border: 1px solid #82b6df60; border-radius: 8px; color: #dcecff; background: #1c2d3e; font-size: 10px; font-weight: 800; }
.wings-confirmation-actions button:first-child { color: #a9b0b9; border-color: #ffffff18; background: #11161d; }
@media (max-width: 420px) {
    .wings-state-card { padding: 14px; }
    .wings-material { grid-template-columns: 23px 1fr; padding: 6px 4px; }
    .wings-material-icon { width: 23px; height: 23px; }
    .wings-material small { display: none; }
}