*{box-sizing:border-box}body{margin:0;background:#050911;color:#f4eedf;font:16px/1.5 system-ui}header,main,footer{max-width:1440px;margin:auto;padding:24px 32px}header,header nav,.live-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}a{color:#edcf8b}button{font:600 14px system-ui;color:#eedcb5;background:#152031;border:1px solid #736448;border-radius:24px;padding:12px 18px;cursor:pointer;min-height:44px}button:focus-visible,a:focus-visible{outline:3px solid #9adff5;outline-offset:5px}.brand{font:40px Georgia;text-decoration:none}.eyebrow{letter-spacing:.18em;color:#e4c580;font-size:14px}.intro{padding:20px 0 24px;max-width:870px}h1{font:clamp(40px,6vw,72px)/1.1 Georgia;margin:12px 0}.intro>p:not(.eyebrow){color:#bdc9d7;font-size:20px}.intro .rules{font-size:16px!important}.live-toolbar{border-top:1px solid #37404b;padding:12px 0 22px;color:#b9c9da;font-size:14px}.realm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.realm-panel{min-height:660px;border:1px solid #444a55;border-radius:18px;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:24px;isolation:isolate;background:#0c1421}.landscape,.veil{position:absolute;inset:0;z-index:-2}.landscape{background:var(--scene) center/cover;animation:drift 24s ease-in-out infinite alternate;opacity:.7}.veil{z-index:-1;background:linear-gradient(180deg,#050a1430,#08101a33 32%,#07101aed 59%,#07101a 85%)}.realm-panel[data-state=closed] .landscape,.realm-panel[data-state=full] .landscape{filter:saturate(.4);opacity:.43}.realm-panel[data-state=open]{border-color:#d6b560;animation:gate-glow 5s ease-in-out infinite}.panel-top{display:flex;flex-direction:column;gap:10px;align-items:flex-start}.realm-name{font-size:20px;font-weight:650;margin:0;color:var(--accent)}.state{font-size:14px;background:#060b17bb;padding:6px 10px;border-radius:16px;border:1px solid #708093}.realm-panel[data-state=open] .state{color:#ffdf89;border-color:#b89b50}.realm-identity{margin-top:36px;min-height:170px}.realm-identity p{font-size:12px;letter-spacing:.13em;margin:0;color:#e4d8c5}.realm-identity h2{font:34px/1.1 Georgia;margin:10px 0 24px}.realm-identity img{width:100%;height:auto;display:block;box-shadow:0 8px 25px #0008}.live-facts{margin-top:auto;padding-top:24px}.batch-label{font-size:12px;letter-spacing:.12em;color:#adbdcc;margin:0 0 6px}.batch{font-size:19px;font-weight:600}progress{display:block;width:100%;height:5px;margin:14px 0 20px;accent-color:#e1c175}.allocation{display:flex;justify-content:space-between;gap:8px;font-size:14px;color:#bccbd7}.allocation b{color:#f1e4c3}.price{font:34px Georgia;margin-top:18px;color:#f2d699}.price-note{font-size:14px;min-height:42px;color:#b7c3d0;margin:6px 0 18px}.select-realm,.primary{width:100%;background:#e4c37c;border-color:#e4c37c;color:#101522;text-align:center;font-weight:700}.preview{display:block;text-align:center;padding-top:14px;font-size:14px}.journey{margin:40px 0;padding:24px 0;border-top:1px solid #344153;color:#c5d1de}.journey h2{font:28px Georgia;color:#f2e4c7}footer{color:#a5b5c7;border-top:1px solid #273446}dialog{position:fixed;inset:0 0 0 auto;margin:0;width:min(520px,100%);height:100dvh;max-height:none;max-width:100%;padding:28px;background:#0d1725;color:#f3e8d1;border:0;border-left:1px solid #786443;overflow-y:auto;animation:drawer-in .3s ease-out}dialog::backdrop{background:#020710c9}dialog h2{font:36px Georgia;line-height:1.15}dialog img{width:100%;border-radius:10px}#close-drawer{display:block;margin-left:auto}.primary,.secondary{display:block;padding:14px 20px;border-radius:24px;text-decoration:none;margin-top:12px}.secondary{text-align:center;border:1px solid #736448}.fine{font-size:14px;color:#b6c3d1}.paused .landscape,.paused .realm-panel{animation-play-state:paused!important}@keyframes drift{from{transform:scale(1.02) translateY(0)}to{transform:scale(1.1) translateY(-10px)}}@keyframes gate-glow{50%{box-shadow:0 0 26px #c49c3236}}@keyframes drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}@media(max-width:1050px){.realm-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){header,main,footer{padding:20px}.realm-grid{grid-template-columns:1fr}.realm-panel{min-height:650px}header{align-items:flex-start}header nav{flex-direction:column;align-items:flex-end;gap:8px}.live-toolbar{align-items:flex-start}.intro{padding-top:4px}.intro>p:not(.eyebrow){font-size:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}