/* Visual study informed by official AION 2 artwork and guide screenshots. */
:root{--bg:#10121b;--panel:#202532;--border:#536175;--text:#f1f3f8;--muted:#b1bbc9;--teal:#9ddcec;--gold:#d7c493}
body{background:linear-gradient(180deg,#0c111b99,#10121bf2 1100px),url('assets/aion2-official-menu-background.webp') center top/100% auto}
.world-backdrop{position:absolute;top:29px;inset-inline:0;height:1030px;z-index:-1;background:linear-gradient(180deg,#12192b1f,#10121b14 40%,#10121b 95%),linear-gradient(90deg,#0a1424d9 5%,#10182980 43%,#11172720),url('assets/aion2-official-key-art.webp') center top/cover no-repeat}
.preview-strip{padding:6px 14px;background:#0c101be8;color:#afb8c8;font-size:10px;letter-spacing:.08em;border-bottom:1px solid #ffffff12}
header{max-width:1240px;padding:13px 32px;border-bottom:1px solid #bbcce533}.brand-logo{width:67px;height:57px;object-fit:contain}.brand-text{font:17px/1.3 var(--serif);letter-spacing:.08em;text-transform:uppercase}.brand-text small{margin-top:5px;font:10px/1.5 system-ui,sans-serif;color:#c1cada;letter-spacing:.04em;text-transform:none}nav{gap:7px}nav a{color:#d4dce9;padding:11px 16px;position:relative;min-height:44px;display:inline-flex;align-items:center}nav a:first-child,nav a:hover{color:#fff;text-decoration:none;background:linear-gradient(0deg,#c4e5ff19,transparent 80%)}nav a:first-child:after,nav a:hover:after{content:'';position:absolute;height:1px;bottom:-15px;left:5px;right:5px;background:linear-gradient(90deg,transparent,#d0f2ff,transparent);box-shadow:0 0 9px #8ecfff}
main{max-width:1240px}.intro{padding:44px 0 30px;min-height:250px;overflow:visible}.intro:after{display:none}.overline{color:#b5e0f0;letter-spacing:.2em}.intro h1{font-size:clamp(36px,4.5vw,60px);margin:11px 0 16px;letter-spacing:-.02em;color:#f3f8ff;text-shadow:0 2px 16px #0a1325}.intro p{max-width:580px;font-size:13px;line-height:1.85;color:#d0d9e6;text-shadow:0 1px 5px #07101c}.intro .subline{font-size:10px;gap:8px 22px;color:#bdd0e2;letter-spacing:.04em}.subline span:before{content:'✧';margin-right:8px;color:#c8edff}
.tool{background:linear-gradient(140deg,#323b4df0,#161b28f5 50%,#202433f2);border:1px solid #8597b478;box-shadow:0 14px 45px #070b1880,inset 0 0 0 4px #131929,inset 0 0 0 5px #66788b30}.tool:before{content:'';height:2px;position:absolute;top:-1px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#c6eaff,transparent);box-shadow:0 0 12px #8cd7ff80}.tool-top{padding:17px 26px;border:0;border-bottom:1px solid #7e94ac45;border-radius:0;background:linear-gradient(180deg,#72829a14,transparent)}.controls{gap:27px}.tool-top label{font-size:9px;letter-spacing:.12em;color:#a9c3d5}.controls select{background:#1b2332;border:1px solid #65799165;padding:10px 22px 10px 9px;margin-top:5px;min-width:116px;min-height:38px;border-radius:1px}.sample-tag{color:#c8c4df;border-color:#9390b452;border-radius:0;padding:4px 10px;background:#8271af12}.tool-grid{border:0;border-radius:0;background:transparent}
.countdown{padding:31px 34px 28px;background:radial-gradient(ellipse at 12% 35%,#5a9ddb14,transparent 65%)}.countdown:after{border:0;width:1px;top:25px;bottom:25px;background:linear-gradient(180deg,transparent,#90a7c775,transparent)}.tool-label{gap:10px;letter-spacing:.1em;color:#b5e0f0}.rift-seal{position:relative;display:inline-block;width:25px;height:25px;border:1px solid #b9a3df;border-radius:50%;transform:rotate(-30deg);box-shadow:0 0 12px #ac7ee84d}.rift-seal:before,.rift-seal:after{content:'';position:absolute;inset:4px;border:2px solid transparent;border-top-color:#c9b3ee;border-bottom-color:#c9b3ee;border-radius:50%;transform:rotate(45deg)}.rift-seal:after{inset:8px;transform:rotate(-40deg);border-color:#d9c8f4;border-right-color:transparent}.digits{font:400 clamp(54px,6.8vw,84px)/1.28 var(--serif);font-variant-numeric:tabular-nums lining-nums;letter-spacing:.025em;margin:15px 0 11px;color:#f2f7ff;text-shadow:0 0 28px #90bcdf38}.clock-row{flex-wrap:wrap;gap:15px 30px;margin-top:22px}.clock-row small{color:#99bccd}.trust a{color:var(--teal);text-decoration:underline;text-underline-offset:3px}
.up-next{padding:31px 28px}.up-next h2{font:18px var(--serif);margin:0 0 8px;color:#e1e9f5}.next-item{padding:13px 0;border-color:#7c90ad2c}.next-item b{font:24px var(--serif);font-variant-numeric:tabular-nums}.next-item small{font-size:10px}.up-next>a{display:inline-block;padding-top:9px}
.reminder{padding:18px 26px;border-top:1px solid #7e94ac45;background:#11162155}.reminder-buttons{gap:10px;flex-shrink:0}.button{min-height:44px;padding:10px 20px;font-size:12px;color:#fff5d5;border:1px solid #c6a456;border-radius:1px;background:linear-gradient(110deg,#7e5925,#b89849 50%,#725020);box-shadow:inset 0 1px #f9e4a552,inset 0 -1px #241707;text-shadow:0 1px 3px #3e2b16}.button.secondary{border-color:#7487a262;color:#dae5f4;background:linear-gradient(180deg,#39475d,#222c3d);box-shadow:inset 0 1px #ffffff0f}
.schedule{margin-top:24px;border-color:#788ba950;border-radius:0;background:#191e2cec}.section-heading{padding:18px 25px;border-bottom:1px solid #74849c40;background:linear-gradient(90deg,#8196af18,transparent)}.section-heading h2{font:20px var(--serif)}th{color:#99bccd;padding:11px 25px;background:#0f14213d}td{padding:13px 25px;border-color:#7c90ad25}tr:first-child td{background:#74b9e409}.ad-space{color:#94a1b5;border-color:#56627c50}
.editorial{margin-top:45px;border:1px solid #7186a452;border-radius:0;color:var(--text);background:linear-gradient(145deg,#2b3243ee,#171d29f5 65%),url('assets/aion2-official-menu-background.webp') center/cover}.editorial-head{display:block;padding:34px 40px 0;text-align:center}.editorial-head .overline{color:#b5e0f0;margin-bottom:12px}.editorial-head h2{font-size:32px;color:#eff3fa;margin:0 0 13px}.editorial-head h2 br{display:none}.editorial-head p{max-width:550px;margin:auto;color:var(--muted)}.editorial-head:after{content:'✧';display:block;width:80%;margin:19px auto 0;color:#c8eaf6;background:linear-gradient(90deg,transparent,#b5ccdf50 30%,transparent 30%,transparent 70%,#b5ccdf50 70%,transparent) center/100% 1px no-repeat}.guide-body{max-width:840px;padding:0 38px 40px}.guide-body h2{font-size:24px;margin:32px 0 13px;color:#e1e9f5}.guide-body p{color:#b8c2d1;line-height:1.9}.guide-body a{color:var(--teal)}.visual-explainer{padding:22px;border-color:#788ba94d;border-radius:0;background:#0a142033}.visual-explainer .overline{color:#b5e0f0}.timeline{height:auto;min-height:34px}.timeline .entry{background:linear-gradient(90deg,#345773,#477386);color:#e5f8ff;border:1px solid #a9e2ec5c}.timeline .activity{background:#3d35514d;border:1px solid #aaa0c34d;color:#c9c2db}.visual-explainer p{color:var(--muted)}
.concept-art{height:auto;border:1px solid #788ba950;border-radius:0;background:#1b2030}.concept-art:after{display:none}.concept-art img{display:block;height:auto;opacity:1}.concept-art figcaption{position:static;max-width:none;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:18px 24px;font:19px/1.5 var(--serif);color:#e4ebf7}.concept-art figcaption small{max-width:520px;margin:0;font:11px/1.7 system-ui,sans-serif;color:var(--muted)}.faq{max-width:840px}.faq h2{font-size:29px;text-align:center}details{border-color:#8497b53d;padding:0}summary{min-height:54px;align-items:center;padding:13px 8px}summary:after{color:#b7e2f2;font-size:18px}details p{margin:0;padding:0 8px 20px}.sources-note{border-color:#788ba94d;border-radius:0;background:#192030bf}.sources-note h2{font:20px var(--serif);margin-bottom:12px}footer{max-width:1240px;border-color:#8497b53d}
@media(max-width:760px){.world-backdrop{height:860px;background-position:center,center,60% top}header{padding:10px 18px;gap:10px;flex-wrap:wrap}.brand-logo{width:49px;height:42px}.brand-text{font-size:14px}.brand-text small{font-size:9px}nav{gap:1px;width:100%;justify-content:space-between}nav a{font-size:11px;padding:8px 10px}nav a:last-child{display:inline-flex}nav a:first-child:after,nav a:hover:after{bottom:-10px}.intro{padding:27px 0 25px;min-height:245px}.intro h1{font-size:37px}.intro p{font-size:12px;max-width:330px;background:#08101b45}.intro .subline{font-size:9px;gap:6px 11px}.tool-top{padding:15px}.controls{gap:11px}.controls select{min-width:83px;max-width:116px;font-size:11px;padding:10px 3px}.tool-top label{font-size:8px}.countdown{padding:25px 22px}.countdown:after{top:auto;left:22px;right:22px;bottom:0;height:1px;width:auto;background:linear-gradient(90deg,transparent,#90a7c775,transparent)}.digits{font-size:clamp(43px,14.6vw,57px);letter-spacing:0}.clock-row{gap:12px 17px}.clock-row b{font-size:11px}.up-next{padding:23px 22px}.reminder{padding:18px 20px}.section-heading{padding:16px 15px}.section-heading h2{font-size:18px}th,td{padding:11px 12px}table{min-width:298px}.editorial{margin-top:30px}.editorial-head{padding:27px 20px 0}.editorial-head h2{font-size:25px}.editorial-head h2 br{display:block}.guide-body{padding:0 22px 28px}.guide-body h2{font-size:23px}.visual-explainer{padding:14px}.timeline .entry{min-width:92px}.concept-art figcaption{padding:15px 18px;font-size:18px}.faq h2{font-size:27px}}