*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--web-paper);color:var(--web-ink);letter-spacing:0;margin:0;font:15px/1.7 Leelawadee UI,Arial,Tahoma,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}svg{flex:none;width:20px;height:20px}h1,h2,h3,h4,p{margin-top:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--web-blue);outline-offset:4px}.portal-hero{text-align:center;background:url(/assets/website/realms-hero-v1.png) 50% 48%/cover no-repeat;border-bottom:4px solid #e3c892;place-items:center;height:min(760px,100svh - 150px);min-height:490px;display:grid;position:relative}.hero-copy{width:min(640px,95%);padding-top:40px;position:relative}.hero-eyebrow{color:#355c91;text-shadow:0 1px 5px #fff;margin-bottom:10px;font-size:12px;font-weight:800}.portal-hero h1{color:#26436c;text-shadow:0 2px #fff,0 0 16px #fff;margin:0;font-family:Georgia,serif;font-size:52px;line-height:1.12}.portal-hero h1 span{color:#b84951;-webkit-text-stroke:1px #f8e8ce;text-shadow:0 3px #6e3146,0 0 22px #fff;font-size:86px;display:block}.hero-tagline{color:#334c72;text-shadow:0 1px 5px #fff,0 0 9px #fff;margin:16px 0 24px;font-size:19px;font-weight:700}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.hero-actions a{border-radius:5px;justify-content:center;align-items:center;gap:9px;min-height:54px;padding:12px 22px;font-size:15px;font-weight:700;text-decoration:none;display:flex;box-shadow:0 4px #65363b33}.hero-play{color:#fff;background:#bc4053;border:2px solid #ffe0a1}.hero-register{color:#8a4c40;background:#fffaf2f5;border:1px solid #d4b884}.hero-scroll{color:#2f4c79;text-shadow:0 0 5px #fff;flex-direction:column;align-items:center;margin:34px auto 0;font-size:12px;font-weight:600;text-decoration:none;display:flex}.portal-shortcuts{border-inline:1px solid var(--web-line);background:var(--web-surface);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1160px;margin:auto;display:grid}.portal-shortcuts a{border-right:1px solid var(--web-line);justify-content:center;align-items:center;gap:22px;padding:24px 20px;text-decoration:none;display:flex}.portal-shortcuts a:last-child{border:0}.portal-shortcuts a>svg:first-child{width:32px;height:32px;color:var(--web-accent)}.portal-shortcuts small{color:var(--web-muted);font-size:9px;display:block}.portal-shortcuts strong{font-size:21px}.portal-shortcuts a>svg:last-child{color:var(--web-muted);width:16px}.portal-section{max-width:1248px;margin:auto;padding:76px 32px}.section-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.section-heading span{color:var(--web-accent);font-size:10px;font-weight:700}.section-heading h2{margin:6px 0 0;font-size:28px;line-height:1.45}.section-heading p{color:var(--web-muted);margin:0;font-size:13px}.news-filters{border-bottom:1px solid var(--web-line);gap:4px;display:flex}.news-filters button{color:var(--web-muted);background:0 0;border:0;padding:10px 16px;font-size:13px}.news-filters button[aria-pressed=true]{color:var(--web-accent);border-bottom:2px solid var(--web-accent)}.news-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.news-item{border:1px solid var(--web-line);background:var(--web-surface);border-radius:6px;overflow:hidden}.news-item>button{width:100%;color:inherit;text-align:left;background:0 0;border:0;padding:0;display:block}.news-item img{aspect-ratio:1.75;object-fit:cover;width:100%;display:block}.news-item button>div{padding:22px}.news-item span{color:var(--web-accent);font-size:10px}.news-item h3{margin:10px 0;font-family:Georgia,serif;font-size:18px}.news-item p{color:var(--web-muted);font-size:13px}.news-read{justify-content:space-between;align-items:center;display:flex}.news-item:hover{border-color:var(--web-accent)}.class-section{background:var(--web-surface);border-block:1px solid var(--web-line)}.class-tabs{border-bottom:1px solid var(--web-line);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.class-tabs button{color:var(--web-muted);background:0 0;border:0;border-bottom:3px solid #0000;justify-items:center;gap:8px;padding:14px 8px;font-size:12px;display:grid}.class-tabs button[aria-selected=true]{border-color:var(--web-accent);color:var(--web-accent);background:var(--web-paper)}.class-tabs img{object-fit:contain;width:60px;height:60px;image-rendering:pixelated}#class-detail{grid-template-columns:1fr 1fr;align-items:center;gap:60px;min-height:320px;padding-top:40px;display:grid}.class-portraits{justify-content:center;align-items:center;gap:22px;display:flex}.class-portraits img{object-fit:contain;width:180px;height:220px;image-rendering:pixelated;filter:drop-shadow(0 10px 12px #526a8a20)}.class-copy>span{color:var(--web-accent);font-size:11px}.class-copy h3{margin:6px 0;font:700 34px/1.3 Georgia,serif}.class-copy h4{color:var(--web-muted);margin:0 0 14px;font-size:16px;font-weight:500}.class-copy p{font-size:14px;line-height:1.9}.class-copy dl{gap:32px;margin:16px 0 24px;font-size:12px;display:flex}.class-copy dt{color:var(--web-muted)}.class-copy dd{margin:0;font-weight:700}.portal-command{color:var(--web-accent);background:var(--web-surface);border:1px solid var(--web-line);border-radius:4px;align-items:center;gap:14px;padding:12px 18px;font-size:13px;text-decoration:none;display:inline-flex}.world-art{background:0 0;border:0;width:100%;padding:0;display:block}.world-art img{object-fit:cover;object-position:center;border:1px solid var(--web-line);width:100%;max-height:520px;display:block}.realm-index{border-bottom:1px solid var(--web-line);grid-template-columns:repeat(3,1fr);gap:0;display:grid}.realm-index button{border:0;border-right:1px solid var(--web-line);color:var(--web-ink);background:0 0;padding:20px 12px;font-size:13px}.realm-index small{color:var(--web-muted);margin-top:6px;font-size:10px;display:block}.realm-index button:hover{background:var(--web-surface);color:var(--web-accent)}.gallery-section{background:var(--web-surface);border-block:1px solid var(--web-line)}.gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.gallery-grid button{color:var(--web-ink);text-align:left;background:0 0;border:0;padding:0}.gallery-grid img{aspect-ratio:1.5;object-fit:cover;width:100%;display:block}.gallery-grid span{justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.faq-section{max-width:950px}.faq-section details{border-bottom:1px solid var(--web-line);padding:20px 0}.faq-section summary{cursor:pointer;justify-content:space-between;gap:16px;font-size:14px;font-weight:600;list-style:none;display:flex}.faq-section summary::-webkit-details-marker{display:none}.faq-section details[open] summary svg{transform:rotate(180deg)}.faq-section details p{color:var(--web-muted);margin:16px 34px 0 0;font-size:13px;line-height:1.9}.help-links{gap:24px;margin-top:30px;display:flex}.help-links a{color:var(--web-accent);gap:12px;font-size:13px;display:flex}.portal-dialog{border:1px solid var(--web-line);background:var(--web-surface);width:min(940px,100vw - 24px);max-width:none;max-height:90svh;color:var(--web-ink);border-radius:6px;padding:32px;font-family:inherit;overflow:auto}.portal-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#151a2abb}.portal-dialog-close{border:1px solid var(--web-line);background:var(--web-surface);width:32px;height:32px;color:var(--web-ink);z-index:5;border-radius:4px;place-items:center;display:grid;position:absolute;top:10px;right:10px}.news-detail img{object-fit:cover;width:100%;max-height:380px;margin-bottom:22px}.news-detail small{color:var(--web-accent)}.news-detail h2{font-family:Georgia,serif}.news-detail p{line-height:1.9}.gallery-full{margin:12px 0}.gallery-full img{width:100%;height:auto}.gallery-full figcaption{margin-top:12px;font-size:13px}.portal-dialog.world-map-dialog{width:min(1500px,100vw - 24px);padding:0}@media (width>=761px){.portal-hero{background-position:top}}@media (width>=1900px){.portal-hero{height:calc(100svh - 200px);max-height:850px}}@media (width<=760px){.portal-hero{background-position:49%;height:calc(100svh - 170px);min-height:500px}.hero-tagline{font-size:15px}.hero-eyebrow{font-size:10px}.hero-actions{gap:8px}.hero-actions a{min-height:48px;padding:10px 14px;font-size:13px}.hero-scroll{margin-top:24px}.portal-shortcuts a{gap:8px;padding:18px 8px}.portal-shortcuts a>svg:first-child{width:22px}.portal-shortcuts strong{font-size:15px}.portal-shortcuts small{font-size:7px}.portal-shortcuts a>svg:last-child{display:none}.portal-section{padding:48px 20px}.section-heading{flex-direction:column;align-items:flex-start;gap:18px}.section-heading h2{font-size:23px}.news-grid{grid-template-columns:1fr}.news-item img{aspect-ratio:2.1}.class-tabs{grid-template-columns:repeat(3,1fr)}.class-tabs img{width:46px;height:46px}.class-tabs button{font-size:10px}#class-detail{grid-template-columns:1fr;gap:22px;padding-top:28px}.class-portraits img{width:125px;height:140px}.class-copy h3{font-size:28px}.realm-index{grid-template-columns:repeat(2,1fr)}.realm-index button{font-size:12px}.gallery-grid{grid-template-columns:1fr;gap:30px}.world-art img{aspect-ratio:1.5;object-fit:contain;max-height:none}.portal-dialog{padding:28px 18px}.hero-copy{width:100%;padding-inline:12px}.portal-hero h1{font-size:31px}.portal-hero h1 span{font-size:58px}.portal-hero{background-image:url(/assets/website/realms-hero-mobile-v1.png);background-position:50%}.hero-copy{padding-top:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}