:root{color-scheme:dark;--ink:#100607;--gold:#e1bc68;--gold-bright:#f6dd99;--cream:#fff4d1}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{background:var(--ink);color:var(--cream);font-family:Georgia,"Times New Roman","Noto Serif Thai",serif}a{color:inherit;text-decoration:none}.portal-shell{min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;background:radial-gradient(circle at 50% -20%,rgba(225,188,104,.2),transparent 38%),#100607}.brand-header{z-index:20;text-align:center;width:100%;padding:.9rem 1rem .75rem;pointer-events:none;background:#100607;text-shadow:0 2px 20px #000}.brand-kicker{display:block;color:var(--gold);font-size:.72rem;letter-spacing:.22em}.brand-header h1{margin:.2rem 0 0;font-size:clamp(1.45rem,3vw,2.4rem);letter-spacing:.3em;font-weight:500}.brand-header p{margin:.25rem 0 0;color:rgba(255,244,209,.72);font-size:clamp(.75rem,1.5vw,.95rem)}.choice-stage{min-height:calc(100svh - 104px);position:relative;display:flex}.realm{position:relative;flex:1 1 50%;min-width:0;overflow:hidden;isolation:isolate;outline-offset:-6px;transition:flex-basis .5s cubic-bezier(.2,.8,.2,1)}.realm:focus-visible{outline:3px solid var(--gold-bright)}.choice-stage:has(.realm:hover) .realm{flex-basis:47%}.choice-stage:has(.realm:hover) .realm:hover{flex-basis:53%}.realm-image,.realm-shade{position:absolute;inset:0}.realm-image{z-index:-3;background-repeat:no-repeat;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s ease}.realm-prajna .realm-image{background-image:url('portal-background.png');background-size:200% 100%;background-position:left center}.realm-jataka .realm-image{background-image:url('portal-background.png');background-size:200% 100%;background-position:right center;background-color:#190723}.realm-shade{z-index:-2;background:linear-gradient(180deg,rgba(5,1,2,.12),rgba(12,2,3,.15) 36%,rgba(8,1,2,.94) 92%)}.realm:hover .realm-image{transform:scale(1.035);filter:brightness(1.08) saturate(1.08)}.realm-copy{position:absolute;z-index:2;bottom:clamp(3.6rem,9vh,7.5rem);width:min(77%,560px);display:flex;flex-direction:column;gap:.35rem}.realm-prajna .realm-copy{left:clamp(1.4rem,6vw,7rem);align-items:flex-start;text-align:left}.realm-jataka .realm-copy{right:clamp(1.4rem,6vw,7rem);align-items:flex-end;text-align:right}.realm-eyebrow{color:var(--gold);font-size:.72rem;letter-spacing:.15em}.realm-copy strong{color:var(--gold-bright);font-size:clamp(1.05rem,2vw,1.45rem);font-weight:500}.realm-title{font-size:clamp(1.75rem,4vw,3.8rem);line-height:.98}.realm-description{color:rgba(255,244,209,.78);font-family:"Noto Sans Thai",Tahoma,sans-serif;font-size:clamp(.8rem,1.35vw,1rem)}.realm-action{margin-top:.8rem;display:inline-flex;align-items:center;gap:.8rem;border:1px solid rgba(225,188,104,.68);background:rgba(18,4,5,.62);padding:.72rem 1rem;color:var(--gold-bright);font-family:"Noto Sans Thai",Tahoma,sans-serif;font-size:.84rem;backdrop-filter:blur(8px);box-shadow:0 12px 35px rgba(0,0,0,.25);transition:.25s ease}.realm:hover .realm-action{background:var(--gold);color:#1a0808;transform:translateY(-2px)}.realm-action b{font-size:1.15rem;font-weight:400}footer{position:absolute;z-index:20;bottom:.8rem;left:50%;transform:translateX(-50%);width:100%;text-align:center;color:rgba(255,244,209,.45);font:.66rem/1.4 Tahoma,sans-serif;pointer-events:none}@media(max-width:760px){.portal-shell{min-height:100svh;overflow:auto}.brand-header{padding:1rem 1rem .8rem}.brand-header p{display:none}.brand-header h1{font-size:1.35rem}.choice-stage{min-height:calc(100svh - 73px);flex-direction:column}.realm{flex:1 0 calc((100svh - 73px)/2);min-height:300px}.choice-stage:has(.realm:hover) .realm,.choice-stage:has(.realm:hover) .realm:hover{flex-basis:calc((100svh - 73px)/2)}.realm-image{transform:none!important}.realm-prajna .realm-image{background-size:auto 110%;background-position:left center}.realm-jataka .realm-image{background-size:auto 110%;background-position:right center}.realm-copy,.realm-prajna .realm-copy,.realm-jataka .realm-copy{inset:auto 1.2rem 1.45rem;width:auto;align-items:flex-start;text-align:left;gap:.22rem}.realm-jataka .realm-copy{align-items:flex-end;text-align:right}.realm-eyebrow{font-size:.62rem}.realm-copy strong{font-size:.9rem}.realm-title{font-size:clamp(1.55rem,8vw,2.2rem)}.realm-description{font-size:.75rem}.realm-action{margin-top:.45rem;min-height:44px;padding:.6rem .8rem}footer{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}