.alchemy-theme {
    background: radial-gradient(circle at 18% 24%, #3ecf8b35, transparent 30%), radial-gradient(circle at 82% 18%, #9c55d23b, transparent 34%), linear-gradient(145deg, #07110d, #141326 58%, #07090b);
}

.alchemy-theme + .navigation-panel .location-grid {
    grid-template-columns: minmax(0, 1fr);
}

.alchemy-overview {
    grid-column: 1 / -1;
    display: grid;
    gap: 13px;
    width: 100%;
}

.alchemy-top-line {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.alchemy-wallet {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.alchemy-top-line > strong,
.alchemy-wallet span,
.alchemy-status {
    padding: 9px 11px;
    border: 1px solid #ffffff16;
    border-radius: 12px;
    background: #080d13c7;
}

.alchemy-status {
    color: #f1a16b;
    text-align: center;
}

.alchemy-table-section {
    display: grid;
    gap: 10px;
}

.alchemy-table-section > h2 {
    margin: 5px 0 0;
    font-size: 19px;
}

.alchemy-recipe-card,
.alchemy-transmutation-card,
.alchemy-process-card,
.alchemy-locked-card {
    padding: 15px;
    border: 1px solid #63d2a14a;
    border-radius: 19px;
    background: radial-gradient(circle at 88% 15%, #7655bd28, transparent 34%), #0b1218ef;
    box-shadow: 0 15px 36px #0007;
}

.alchemy-recipe-card h3,
.alchemy-transmutation-card h3,
.alchemy-process-card h3,
.alchemy-locked-card h3 {
    margin: 0 0 8px;
}

.alchemy-cost,
.alchemy-recipe-card > strong {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 10px 0;
}

.alchemy-cost span,
.alchemy-recipe-card > strong {
    padding: 6px 8px;
    border-radius: 9px;
    background: #ffffff0a;
}

.alchemy-primary,
.alchemy-mode-actions button {
    width: 100%;
    min-height: 47px;
    margin-top: 11px;
    border: 1px solid #64d6ad68;
    border-radius: 13px;
    background: linear-gradient(135deg, #176b52, #514080);
    color: #fff;
    font-weight: 900;
}

.alchemy-primary:disabled,
.alchemy-mode-actions button:disabled {
    opacity: 0.42;
}

.alchemy-process-card {
    border-color: #dfb55f69;
    text-align: center;
}

.alchemy-process-card time {
    display: block;
    margin: 14px 0;
    color: #f1ce82;
    font-size: 27px;
    font-weight: 900;
}

.alchemy-resource-selectors {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.alchemy-resource-selectors label span {
    display: block;
    margin-bottom: 5px;
    color: #9da8b6;
    font-size: 12px;
}

.alchemy-resource-selectors select {
    width: 100%;
    min-height: 43px;
    border: 1px solid #ffffff20;
    border-radius: 11px;
    background: #101722;
    color: #fff;
}

.alchemy-step-line {
    display: grid;
    grid-template-columns: 1fr 1fr 1.2fr 1fr 1fr;
    gap: 5px;
    margin: 13px 0;
}

.alchemy-step-line button,
.alchemy-step-line strong {
    display: grid;
    min-height: 41px;
    place-items: center;
    border: 1px solid #ffffff18;
    border-radius: 10px;
    background: #111a24;
    color: #fff;
}

.alchemy-exchange-preview {
    display: grid;
    gap: 7px;
    padding: 13px;
    border-radius: 13px;
    background: #05090fc2;
    text-align: center;
}

.alchemy-exchange-preview strong {
    color: #89e9c4;
    font-size: 20px;
}

.alchemy-exchange-preview.insufficient strong,
.alchemy-warning {
    color: #e78383;
}

.alchemy-mode-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}

.alchemy-confirmation {
    position: fixed;
    inset: 0;
    z-index: 120;
    display: grid;
    place-items: center;
    padding: 18px;
    background: #02060bc4;
    backdrop-filter: blur(7px);
}

.alchemy-confirmation[hidden] {
    display: none;
}

.alchemy-confirmation-card {
    width: min(100%, 390px);
    padding: 17px;
    border: 1px solid #69d5ac65;
    border-radius: 18px;
    background: #111a18;
}

.alchemy-confirmation-card div {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 14px;
}

.alchemy-confirmation-card button {
    min-height: 44px;
    border: 1px solid #ffffff24;
    border-radius: 11px;
    background: #21332d;
    color: #fff;
    font-weight: 800;
}