/* Magic World palette sampled from the supplied poster. */
:root{--poster-blue:#182860;--royal-blue:#203070;--gold:#e2be82;--light-gold:#fff0c6;--gold-shadow:#9d7445}
body{background-color:var(--poster-blue)!important;background-image:url('../assets/star-field.svg'),radial-gradient(ellipse at 50% 15%,#304c99 0%,#203070 40%,#142351 100%)!important;background-size:1440px 1000px,cover!important;background-attachment:scroll,fixed!important;color:#fff3d8}
body:before{content:'';position:fixed;inset:9px;z-index:9;border:1px solid #e2be8288;box-shadow:inset 0 0 0 3px #182860,inset 0 0 0 4px #bd975b66;pointer-events:none}
header{background:linear-gradient(100deg,#182860f5,#263e7ef5,#182860f5)!important;border-bottom:2px solid #d5ae71;box-shadow:0 5px 24px #07133366}.brand b{color:#ffedbc;text-shadow:0 2px 2px #0c163b}.nav{max-width:1360px}.wrap{max-width:1280px}nav a{opacity:1;color:#f9e7c6}nav a:hover{color:white;text-shadow:0 0 12px #ffe2a3}nav a[aria-current=page]{border-bottom:2px solid #f6d99d}
h1,h2,h3{color:#ffe6ad!important;text-shadow:0 2px 2px #080f2b,0 0 20px #d4a35b22}h1{background:linear-gradient(#fff4d5 12%,#e5bd7e 52%,#fff0c1 65%,#c59a5b);background-clip:text;-webkit-background-clip:text;color:transparent!important;filter:drop-shadow(0 3px 1px #091536);text-shadow:none;letter-spacing:-.035em}.slogan{color:#fff1cd;text-shadow:0 2px 3px #0b1537}.sub,.intro,.card p{color:#e1e7f9!important}.eyebrow{color:#f0cf92;letter-spacing:.2em}
.hero{position:relative;min-height:620px;gap:45px}.hero>div{position:relative;isolation:isolate;padding:30px 15px}.hero>div:before{content:'';position:absolute;z-index:-1;inset:-55px -100px;background:url('../assets/magic-portal.svg') center/contain no-repeat;opacity:.65;pointer-events:none}.hero h1{font-size:clamp(65px,7.5vw,104px)}.poster{border:3px solid #d6b078;outline:1px solid #ffebba;outline-offset:5px;box-shadow:0 0 0 9px #122353,0 20px 60px #020a2f77,0 0 32px #e6bb6629}.hero .poster{transform:rotate(-1deg)}.meta{background:#15265cd9;border:1px solid #d0a66d80;padding:16px 20px;box-shadow:inset 0 0 18px #e5bd7e10}.meta b{color:#ffe4a4}
.button{background:linear-gradient(110deg,#c89952,#fff0bc 48%,#d8b072);border:1px solid #fff0bf;color:#182850;box-shadow:0 3px 12px #050d3460}.button:hover{filter:brightness(1.1);transform:translateY(-2px)}.button.outline{background:#172c64b8;color:#ffedc2;border-color:#dabb80}.button,.card{transition:transform .2s,filter .2s}.block{position:relative;border-top:0!important;padding-top:70px!important}.block:before{content:'✧';position:absolute;top:8px;left:0;right:0;text-align:center;color:#ffe1a2;font-size:32px;background:linear-gradient(90deg,transparent,#d6b078,transparent) center/100% 1px no-repeat;text-shadow:0 0 18px #ffc86c}.grid{gap:22px;border:0;align-items:stretch}.card{position:relative;padding:32px 24px 45px;border:1px solid #e3bd7b!important;border-radius:55px 55px 18px 18px;background:linear-gradient(145deg,#3d58a4,#19316c 65%,#122454);box-shadow:inset 0 0 0 5px #142453,inset 0 0 0 6px #e3bd7b80,0 10px 30px #07113366;text-align:center}.card:before{content:'✦';display:block;color:#ffdf96;font-size:27px;line-height:1;margin-bottom:15px}.card:after{content:'✦ ✧ ✦';position:absolute;bottom:13px;left:0;right:0;color:#e5c183;letter-spacing:8px}.card:nth-child(2){background:linear-gradient(145deg,#993a51,#601d35 70%,#361a35)}.card:nth-child(3){background:linear-gradient(145deg,#307269,#124746 70%,#13333e)}.card:nth-child(4){background:linear-gradient(145deg,#d3a158,#91612e 60%,#573e2b)}.card:hover{transform:translateY(-6px);filter:brightness(1.12)}.card .num{font-size:18px;color:#f7d796;letter-spacing:.14em}.card small{color:#fff0c9}.arrow{color:#fff0c6}.panel{background:linear-gradient(135deg,#263c7bf0,#172b61ed);border:1px solid #d8b474;box-shadow:inset 0 0 0 4px #182a5c,inset 0 0 0 5px #d8b47444,0 10px 30px #08113244;padding:30px}.timeline li{border-color:#d7b77a66}.timeline b{color:#ffe1a3}.notice{background:#091c4a66;border-color:#e9c285;color:#eef0fb}.detailhero{position:relative;padding:60px 150px 35px 0;border-bottom:1px solid #d8b47466;margin-bottom:20px}.detailhero:after{content:'';position:absolute;right:0;top:12px;width:170px;height:200px;background:url('../assets/magic-portal.svg') center/contain no-repeat;opacity:.9;pointer-events:none}.detailhero h1{font-size:clamp(42px,6vw,70px)}.foot{border-color:#d8b47488;color:#d7e0f8}.foot strong{color:#ffe7ad}.banksection,.practice,.wordtools,.banktools{background:#1b3270!important}.wordrow{background:#203870!important}.wordrow:nth-child(even){background:#192e61!important}.wordrow.learned{background:#245656!important}.resource{color:#f7dba3}.magic-credit{font-size:11px;opacity:.75}
@media(max-width:850px){body:before{inset:5px}.hero{min-height:0}.hero>div{padding:15px 0}.hero>div:before{inset:-20px 0;opacity:.45}.hero .poster{transform:none}.grid{gap:20px}.detailhero{padding-right:80px}.detailhero:after{width:110px;opacity:.4}.card{border-radius:45px 45px 18px 18px}.meta{flex-wrap:wrap}.hero{padding-bottom:45px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}