/* Character-led portal: original brand and community bar preserved. */
body{background-color:#0c1018;background-image:radial-gradient(ellipse at 50% 16%,#45547340,transparent 48%),radial-gradient(ellipse at 12% 63%,#76293828,transparent 55%),radial-gradient(ellipse at 87% 64%,#533d792d,transparent 55%),repeating-linear-gradient(115deg,#ffffff02 0 1px,transparent 1px 5px)}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 35%,transparent 20%,#05060bd9 100%)}
main{max-width:1280px}.brand{padding-bottom:27px;position:relative}.brand:before{content:'';position:absolute;width:580px;max-width:95%;height:210px;left:50%;top:10px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,#59719724,transparent 70%);pointer-events:none}.brand-logo{position:relative}
.realm-grid{gap:26px}.realm,.realm:nth-child(2),.realm:nth-child(3){--accent:#94b9d7;background:linear-gradient(145deg,#242d38,#131820 65%) padding-box,linear-gradient(135deg,#b2bfc9,#435264 32%,#1e2839 60%,#7b91a1) border-box;border:2px solid transparent;border-radius:8px;box-shadow:0 14px 28px #0009,inset 0 0 0 4px #0d121a,inset 0 0 32px #97c9ff09}
.realm:nth-child(2){--accent:#d8ac76}.realm:nth-child(3){--accent:#b6a3d5}
.realm:before{content:'';position:absolute;inset:7px;z-index:2;border:1px solid #c7d6e12c;border-radius:3px;pointer-events:none}
.art{height:300px;background:#101720;border-bottom:1px solid #b1c4d04a;box-shadow:0 8px 20px #0006}.art img{object-position:center top;transform:none!important}.art:after{background:linear-gradient(0deg,#171e29 0%,#10172300 36%),linear-gradient(90deg,#070c1244,transparent 24%,transparent 76%,#070c1244)}
.realm:nth-child(2) .art img{position:absolute;width:400%;height:auto;max-width:none;left:-72%;top:-30px}.realm:nth-child(3) .art img{position:absolute;width:190%;height:auto;max-width:none;left:-45%;top:-8px}
.realm-body{padding:0 24px 23px;margin-top:0}.version-heading{padding:14px 0 12px;border-bottom-color:#c7d6e125}.realm h2{font-size:29px;color:#f1eee8;letter-spacing:-.6px}.field-label{font-size:12px;letter-spacing:.5px;color:#a5b1bf}.experience-row{padding:11px 0;border-bottom-color:#c7d6e11b}.experience-row strong{font-size:16px;color:var(--accent)}.intro-block{padding:12px 0 17px}.realm .intro-block p{font-size:13px;line-height:1.75;min-height:46px;margin-top:5px;color:#c3cbd6}.enter{min-height:46px;border-radius:3px;background:linear-gradient(#d6dce1,#a4b2bf);border:1px solid #e6eff6;color:#172332;box-shadow:inset 0 1px #fff8,0 3px 8px #0006;font-size:14px}.realm:nth-child(2) .enter{background:linear-gradient(#e4d2b6,#bfa17a);border-color:#ecdbbc;color:#30271c}.realm:nth-child(3) .enter{background:linear-gradient(#dcd4e6,#a99abb);border-color:#e3d6ef;color:#2b2335}
.realm:hover,.realm:focus-within{border-color:var(--accent);box-shadow:0 0 23px #9ab8d438,0 20px 38px #000b,inset 0 0 0 4px #0d121a;transform:translateY(-5px)}.enter:hover{filter:brightness(1.13);color:#10151c}
@media(max-width:1000px){.realm-grid{gap:16px}.art{height:260px}.realm-body{padding:0 19px 21px}.realm h2{font-size:27px}}
@media(max-width:720px){.realm-grid{gap:24px}.art{height:300px}.realm-body{padding:0 24px 24px}.realm h2{font-size:30px}.realm .intro-block p{min-height:0}.realm:hover{transform:none}}
@media(prefers-reduced-motion:reduce){.realm{transition:none}}