/* Night Sky Magic Academy */
.magic-detail{display:grid;gap:28px;max-width:1180px;margin:0 auto;padding:8px 0 32px}
.magic-back{justify-self:start}.magic-hero{min-height:560px;position:relative;overflow:hidden;border-radius:26px;border:1px solid rgba(225,194,126,.24);background:#0b1020;box-shadow:0 32px 90px rgba(0,0,0,.32)}
.magic-hero-art{position:absolute;inset:0;overflow:hidden;filter:saturate(.9) contrast(1.03)}
.magic-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.magic-hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,10,24,.12),rgba(5,10,24,.22) 38%,rgba(5,10,24,.94) 72%),linear-gradient(0deg,rgba(5,9,21,.88),transparent 55%)}
.magic-hero-copy{position:relative;z-index:2;margin-left:48%;min-height:560px;padding:54px 46px;display:grid;align-content:center;gap:18px;color:#f5f0df}
.magic-kicker{font-size:11px;letter-spacing:.18em;color:#dfc47e}.magic-hero h1{font-size:clamp(38px,5vw,66px);line-height:1.05;margin:0}.magic-hero p{line-height:1.9;color:#d4d4dc;margin:0}.magic-hero blockquote{margin:0;padding:14px 16px;border-left:2px solid #d6b96f;background:rgba(197,163,88,.11);color:#efe3bb}
.magic-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.magic-actions span{font-size:12px;color:#aeb5c9}
.magic-section-head{display:flex;justify-content:space-between;align-items:end;gap:24px}.magic-section-head h2{margin:6px 0 0;font-size:28px}.magic-section-head p{max-width:430px;margin:0;color:#9ea6b9;line-height:1.7}
.magic-house-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.magic-house-grid article{padding:20px;border-radius:16px;border:1px solid rgba(255,255,255,.09);background:linear-gradient(145deg,rgba(18,25,48,.92),rgba(11,16,31,.96));display:grid;gap:7px}.magic-house-grid b{font-size:21px}.magic-house-grid span,.magic-house-grid p{margin:0;color:#aeb5c4;font-size:12px;line-height:1.6}.magic-house-grid .crimson b{color:#e8a08f}.magic-house-grid .thorn b{color:#c6a4dd}.magic-house-grid .tide b{color:#8fc8ef}.magic-house-grid .moss b{color:#a9c995}
.magic-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.magic-feature-grid article{padding:18px;border-radius:14px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.07);display:grid;gap:7px}.magic-feature-grid b{color:#e8d69c}.magic-feature-grid span{font-size:13px;line-height:1.65;color:#9ea6b9}
.magic-builder-box{margin-top:18px;padding:18px;border-radius:16px;border:1px solid rgba(218,188,113,.3);background:linear-gradient(145deg,rgba(24,32,58,.97),rgba(16,22,42,.97))}.magic-builder-title{display:flex;align-items:baseline;gap:12px;margin-bottom:14px}.magic-builder-title span{font-size:10px;letter-spacing:.15em;color:#d8bd75}.magic-builder-title b{font-size:18px}.magic-confirm{margin-top:14px;padding:14px;border-radius:12px;background:rgba(199,164,87,.09);border:1px solid rgba(218,188,113,.18)}.magic-confirm b{color:#ead59d}.magic-confirm p,.magic-confirm small{display:block;margin:5px 0 0;color:#aeb4c5;line-height:1.6}
.magic-status-shell{display:grid;grid-template-columns:1.05fr .95fr;gap:12px}.magic-status-card{padding:16px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.025);display:grid;gap:11px}.magic-status-card.academy{background:linear-gradient(145deg,rgba(45,55,94,.24),rgba(255,255,255,.02))}.magic-status-card.mystery{grid-column:1/-1}.magic-status-title{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.magic-status-title span{font-size:10px;letter-spacing:.13em;color:#d8bc75}.magic-status-title b{font-size:17px}.magic-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.magic-status-grid div{display:grid;gap:4px}.magic-status-grid small{color:#8993aa}.magic-status-grid b{color:#ece4c7}.magic-status-card p{margin:0;color:#9ba3b5;font-size:12px}
.magic-skill-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.magic-meter{display:grid;gap:5px}.magic-meter>div{display:flex;justify-content:space-between;font-size:11px}.magic-meter span{color:#a5adbf}.magic-meter b{color:#e9d9a4}.magic-meter i{height:5px;background:rgba(255,255,255,.08);border-radius:999px;overflow:hidden}.magic-meter em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6677b9,#e0bd68)}
.magic-academy-turn-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:10px 0 2px}.magic-academy-turn-choices button{display:flex;gap:9px;text-align:left;align-items:flex-start;padding:11px 12px;border:1px solid rgba(211,184,116,.22);border-radius:12px;background:rgba(26,34,61,.76);color:#e5e1d5;line-height:1.5;cursor:pointer}.magic-academy-turn-choices button:hover{border-color:rgba(231,202,130,.5);background:rgba(52,63,105,.58)}.magic-academy-turn-choices button span{display:grid;place-items:center;flex:0 0 22px;height:22px;border-radius:999px;background:rgba(213,184,112,.14);color:#e6ca82;font-size:11px;font-weight:800}.magic-chat-badge{display:grid;gap:4px}.magic-chat-badge span{font-size:10px;letter-spacing:.13em;color:#d8bc75}.magic-chat-badge b{font-size:16px}
.bao-opening-nightacademy{border-color:rgba(219,187,113,.25);background:radial-gradient(circle at 86% 8%,rgba(67,88,151,.22),transparent 34%),linear-gradient(145deg,rgba(12,18,35,.98),rgba(24,30,54,.95))}.bao-opening-nightacademy .bao-opening-label{color:#ddc177}.bao-opening-nightacademy .bao-opening-post-character{border-left-color:#d6b96f;background:rgba(78,93,153,.08)}.bao-opening-nightacademy .bao-opening-choice{border-color:rgba(218,187,113,.22)}.bao-opening-nightacademy .bao-opening-choice:hover{border-color:rgba(233,207,139,.48);background:rgba(70,82,134,.16)}.bao-opening-nightacademy .bao-opening-choice span{color:#e5c879}
@media(max-width:900px){.magic-house-grid,.magic-feature-grid{grid-template-columns:1fr 1fr}.magic-status-shell{grid-template-columns:1fr}.magic-status-card.mystery{grid-column:auto}}
@media(max-width:620px){.magic-hero{min-height:650px}.magic-hero-art:after{background:linear-gradient(0deg,rgba(5,10,24,.98) 0%,rgba(5,10,24,.28) 62%,transparent 100%)}.magic-hero-copy{margin-left:0;padding:310px 20px 24px;min-height:650px}.magic-hero h1{font-size:38px}.magic-house-grid,.magic-feature-grid,.magic-academy-turn-choices{grid-template-columns:1fr}.magic-status-grid{grid-template-columns:1fr 1fr}.magic-skill-grid{grid-template-columns:1fr 1fr}}