
/* Phase68 Magical Night event / 1.1. Cards share the existing Homeland palette. */
#event-center-content .magical-center {height:min(88vh,880px);background:#1d2e44;color:#f4f6ff}
#event-center-content .magical-dialog-head {padding:21px 26px;background:linear-gradient(115deg,#2a2344,#21324c);border-bottom:1px solid #516080}
#event-center-content .magical-head-copy h2 {display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:5px 0 7px;font-size:24px}
#event-center-content .magical-head-copy h2 small {font-size:15px;font-weight:600;color:#c5d2ed}
#event-center-content .magical-head-copy p {margin:0;color:#b9c8df;font-size:13px}
#event-center-content .magical-kicker {font-size:10px;font-weight:800;letter-spacing:.16em;color:#cba5ff}
#event-center-content .magical-center-content {overflow-y:auto;padding:22px 26px 27px;display:grid;gap:20px}
#event-center-content .magical-toolbar {display:flex;flex-wrap:wrap;align-items:center;gap:15px}
#event-center-content .magical-toggle {border:1px solid #8e60c0;background:#7342ae;color:#fff;border-radius:10px;padding:12px 18px;font-weight:750;min-height:43px;cursor:pointer}
#event-center-content .magical-toggle.on {background:#7342ae;border-color:#8e60c0;color:#fff}
#event-center-content .magical-recipes-check {display:flex;align-items:center;gap:11px;cursor:pointer}
#event-center-content .magical-recipes-check input {accent-color:#a86dea;width:17px;height:17px;flex-shrink:0}
#event-center-content .magical-recipes-check span {display:grid;gap:2px}
#event-center-content .magical-recipes-check small {color:#acbed6;font-size:12px}
#event-center-content .magical-overview {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#event-center-content .magical-overview>div {border:1px solid #526580;border-radius:13px;background:#24374d;padding:15px 18px;display:grid;gap:6px}
#event-center-content .magical-overview span {font-size:12px;color:#bed0e7}
#event-center-content .magical-overview strong {font-size:27px;line-height:1.15;font-variant-numeric:tabular-nums}
#event-center-content .magical-overview strong small {font-size:17px;color:#b4c6dd}
#event-center-content .magical-overview>div>small {font-size:12px;color:#abc0d6}
#event-center-content .magical-reservations,#event-center-content .magical-seed-panel,#event-center-content .magical-guide {border:1px solid #485f7a;border-radius:14px;padding:17px;background:#22344b}
#event-center-content .magical-section-heading {display:flex;align-items:end;justify-content:space-between;flex-wrap:wrap;gap:8px;margin-bottom:15px}
#event-center-content .magical-section-heading h3 {font-size:17px;margin:4px 0 0;color:#f6f7ff}
#event-center-content .magical-plan-period {font-size:12px;color:#bdcae2}
#event-center-content .magical-reserve-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#event-center-content .magical-reserve-card {border:1px solid #556885;border-radius:12px;background:#1a2b42;padding:16px;min-width:0}
#event-center-content .magical-reserve-top {display:flex;align-items:center;gap:11px}
#event-center-content .magical-reserve-top .item-icon {width:54px;height:54px;object-fit:contain;flex-shrink:0}
#event-center-content .magical-reserve-top h3 {font-size:15px;margin:0 0 3px}
#event-center-content .magical-reserve-top small {font-size:11px;color:#abc2d9}
#event-center-content .magical-reserve-input {margin-top:15px;display:flex;gap:10px;align-items:center;justify-content:space-between;font-size:12px;color:#d1deee}
#event-center-content .magical-reserve-input input {width:80px;min-width:70px;padding:9px;background:#2a3e57;color:#fff;border:1px solid #7389a8;border-radius:8px;font-size:15px}
#event-center-content .magical-reserve-card p {margin:12px 0 0;color:#bfcee5;font-size:12px}
#event-center-content .magical-reserve-card p strong {color:#d5acff}
#event-center-content .magical-hint {font-size:12px;margin:12px 1px 0;color:#aebed5}
#event-center-content .magical-seed-table {display:grid;gap:0}
#event-center-content .magical-seed-line {display:grid;grid-template-columns:44px 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #415671}
#event-center-content .magical-seed-line>.item-icon {width:42px;height:42px;object-fit:contain}
#event-center-content .magical-seed-line>span {display:grid;gap:2px;font-size:13px}
#event-center-content .magical-seed-line>span small {color:#bac9de}
#event-center-content .magical-seed-line strong,#event-center-content .magical-seed-total strong {display:inline-flex;align-items:center;gap:7px;font-variant-numeric:tabular-nums}
#event-center-content .magical-seed-total {display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 4px 4px;font-weight:700}
#event-center-content .magical-guide {padding:15px 17px}
#event-center-content .magical-guide h3 {margin:0 0 6px;font-size:15px}
#event-center-content .magical-guide p {font-size:12px;color:#bdcce0;line-height:1.6;margin:0 0 12px}
#event-center-content .magical-guide button {border:1px solid #9b86c4;color:#e1d0ff;border-radius:8px;padding:8px 14px;background:transparent;cursor:pointer}
.magical-currency-icon {width:19px;height:19px;display:inline-block;object-fit:contain;vertical-align:middle;flex:none}
.magical-nav-label {display:inline-flex!important;align-items:center;gap:6px;flex-wrap:wrap}
.magical-nav-label .magical-nav-currency {width:24px;height:24px;object-fit:contain;flex:none}
.magical-nav-label small {width:100%}
.magical-money {white-space:nowrap}
.magical-production-card {border-color:#825aab!important}
.magical-production-card h3 small {color:#e3bbff!important}
.magical-seed-cost-total {border-top:1px solid #697088}
@media (max-width:700px){#event-center-content .magical-dialog-head{padding:17px}#event-center-content .magical-center-content{padding:16px;gap:15px}#event-center-content .magical-overview,#event-center-content .magical-reserve-grid{grid-template-columns:1fr}#event-center-content .magical-head-copy h2{font-size:20px}#event-center-content .magical-section-heading{align-items:start}#event-center-content .magical-reservations,#event-center-content .magical-seed-panel{padding:13px}#event-center-content .magical-overview strong{font-size:23px}}

/* The shared item icon helper returns a plain img, not an .item-icon class. */
#event-center-content .magical-reserve-top>img {width:54px!important;height:54px!important;object-fit:contain!important;flex:0 0 54px!important;margin:0!important}
#event-center-content .magical-seed-line>img {width:42px!important;height:42px!important;object-fit:contain!important;flex:0 0 42px!important}
#event-center-content .magical-center {display:flex!important;flex-direction:column!important;overflow:hidden!important}
#event-center-content .magical-center-content {min-height:0;flex:1;overflow-x:hidden;overflow-y:auto;align-content:start}
@media(max-width:700px){#event-center-content .magical-reserve-top {align-items:center}#event-center-content .magical-reserve-card {padding:13px}#event-center-content .magical-reserve-top>img{width:46px!important;height:46px!important;flex-basis:46px!important}}
