@font-face{font-family:'Free Realms';src:url('/fonts/FreeRealms.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--bg:#10100e;--panel:#222019;--gold:#d9b568;--light-gold:#f6da93;--text:#eee9db;--muted:#c0baab;--line:#655334;--font:'Free Realms','Trebuchet MS','Segoe UI',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 var(--font)}img{display:block;max-width:100%;height:auto}a{color:var(--light-gold);text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3{line-height:1.22;font-weight:400}h2{font-size:2.1rem;color:var(--light-gold);margin:0 0 23px;text-shadow:0 2px 2px #0006}h3{font-size:1.35rem;color:var(--light-gold);margin:0 0 20px}p{margin:0 0 20px}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--light-gold);outline-offset:5px}::selection{background:var(--gold);color:#15130d}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:-100px;left:20px;padding:10px 20px;background:var(--gold);color:#111;z-index:50}.skip-link:focus{top:10px}

/* Compact game-site navigation, carried across the existing Legacy routes. */
.site-header{position:relative;z-index:5;width:min(930px,calc(100% - 40px));margin:auto;background:linear-gradient(#363024,#25221a);border:1px solid #8e7342;border-top:0;border-radius:0 0 22px 22px;box-shadow:0 5px 12px #0006,inset 0 -2px #17150f}.nav-shell{display:flex;align-items:center;gap:24px;padding:13px 23px}.nav-home{display:flex;align-items:center;gap:9px;font-size:1rem;color:var(--gold);letter-spacing:.08em;border-right:1px solid #756140;padding-right:22px}.nav-emblem{width:36px;height:36px;object-fit:contain;flex-shrink:0}.site-header nav{display:flex;align-items:center;gap:23px;flex:1;font-size:1rem}.site-header nav>a{color:#ebe0c7;white-space:nowrap;padding:5px 0}.site-header nav>.join-link{color:var(--light-gold)}.site-header nav>.login-link{margin-left:auto;color:#2a2112;background:linear-gradient(#f9dd95,#c59b49);border:1px solid #dfc07b;border-radius:22px;padding:5px 23px;box-shadow:inset 0 1px #fff8,0 2px 3px #0006}.menu-toggle{display:none}

/* A single logo and play action inside the scenic oval. */
.hero{padding:62px 0 65px;background:radial-gradient(ellipse at center,#33291755,transparent 70%)}.hero-window{position:relative;isolation:isolate;width:min(990px,calc(100% - 56px));height:500px;margin:auto;overflow:hidden;border-radius:50%;border:2px solid #ad8b4c;background:#262416;box-shadow:0 0 0 5px #282218,0 0 0 6px #5c492d,0 15px 45px #0008}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero-image{object-position:center 54%}.hero-shade{z-index:-1;background:radial-gradient(ellipse at center,#0c0d0baa 0%,#15140d40 65%,#16130820),linear-gradient(0deg,#100e09a6,transparent 65%)}.hero-center{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:38px;padding:28px 45px 40px}.hero h1{width:min(635px,92%);margin:0}.brand-wordmark{position:relative;display:block;width:100%;aspect-ratio:1672/520;overflow:hidden}.brand-wordmark img{position:absolute;left:0;top:50%;width:100%;height:auto;max-width:none;transform:translateY(-50%);filter:drop-shadow(0 5px 4px #000b)}.gold-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px;padding:10px 29px;border-radius:28px;border:1px solid #bf984e;background:linear-gradient(#ffe8a9,#e8c577 50%,#bd9343);color:#292012;font-size:1.0625rem;line-height:1.45;box-shadow:inset 0 2px #fff7,0 3px 0 #705122,0 5px 8px #0005;text-shadow:0 1px #fff6;transition:filter .15s,transform .15s}.gold-button:hover{text-decoration:none;filter:brightness(1.1);transform:translateY(-1px)}.gold-button:active{transform:translateY(1px)}.gold-button:disabled{cursor:wait;opacity:.65;transform:none}.hero-play{font-size:1.4rem;min-width:215px;padding:10px 38px}

/* Broad bands and alternating artwork are the homepage's main rhythm. */
.section{width:min(970px,calc(100% - 64px));margin-inline:auto}.section-band{border-block:1px solid #79603970;background:var(--panel)}.about{padding:45px 30px 43px;text-align:center}.about-copy{max-width:800px;margin:auto}.about h2{margin-bottom:21px}.about p{color:#d1cbbb;margin:0 0 15px}.about p:last-child{margin:0}.play{padding-top:68px;padding-bottom:70px}.feature-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:66px}.feature-row+.feature-row{margin-top:82px}.feature-art{position:relative;isolation:isolate;height:340px;overflow:hidden;background:#2c291d;border:1px solid #917443;border-radius:5px;box-shadow:0 6px 20px #0005}.feature-art>img{width:100%;height:100%;object-fit:cover}.feature-art>img:not(.feature-pixie){object-position:45% center}.feature-copy h2{font-size:2.25rem;margin:8px 0 20px}.feature-copy>p{color:var(--muted);margin-bottom:27px}.eyebrow{color:#c5a86c;font-size:.875rem;letter-spacing:.08em}.reverse-row .feature-art{grid-column:2;grid-row:1}.reverse-row .feature-copy{grid-column:1;grid-row:1}.character-art .feature-scene{filter:brightness(.55)}.character-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17160c80,transparent 65%);z-index:-1}.character-art>img.feature-scene{position:absolute;inset:0;z-index:-2;object-position:64% center}.character-art>img.feature-pixie{width:auto;height:90%;max-width:90%;object-fit:contain;position:absolute;bottom:0;left:50%;transform:translateX(-50%);filter:drop-shadow(0 9px 10px #000a)}.feature-copy>.feature-note{font-size:.875rem;margin:23px 0 0;color:#b4ac9a}
.downloads{padding:49px 0 48px}.download-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:64px;align-items:start}.download-title h2{font-size:2.3rem;margin:10px 0 15px}.download-title>p{color:#d0c7b5;margin-bottom:27px}.download-meta{display:block;color:#b6ac97;font-size:.875rem;margin-top:17px}.download-guide{padding-top:7px}.download-guide h3{font-size:1.35rem}.download-guide details{border-top:1px solid #78614077;border-bottom:1px solid #78614077}.download-guide ol{padding-left:22px;margin:0 0 20px}.download-guide li{color:var(--muted);padding:4px 0;overflow-wrap:anywhere}.download-guide strong{color:#e5d4b3}.download-notice{font-size:.9375rem;color:#c9c0af;margin:21px 0 0;line-height:1.75}.download-notice strong{font-weight:400;color:#f0d9a3}.questions{max-width:750px;padding-top:57px;padding-bottom:66px}.questions h2{text-align:center;font-size:1.8rem;margin-bottom:28px}.questions details{border-bottom:1px solid #69563270}summary{cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;color:#e6ddca;font-size:1rem;line-height:1.6}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--gold);font-size:1.45rem}details[open]>summary:after{content:'−'}details>p{color:var(--muted);margin:0 20px 20px 0}details a{text-decoration:underline}
footer{padding:30px 24px 33px;text-align:center;background:#090a08;border-top:1px solid #6c5632;color:#999789}footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 27px;margin-bottom:26px;font-size:.875rem}footer nav a{color:#c9bfa9}footer p{font-size:.8125rem;line-height:1.8;margin:0}.footer-wordmark{color:#c9bea7;font-size:1rem;letter-spacing:.04em;margin:0 0 13px}.footer-wordmark span{color:var(--gold)}.footer-wordmark>img{width:37px;height:37px;object-fit:contain;margin:0 auto 9px}

/* Account/help pages keep the same type, navigation, gold controls, and backdrop. */
.inner-view{background:linear-gradient(#10100f80,#10100fea 380px,#10100f 640px),url('/assets/lakeside.png') center top/cover fixed,var(--bg)}.inner-page{max-width:540px;min-height:65vh;padding:28px 34px 42px;margin-top:45px;margin-bottom:50px;border:1px solid #80663b;border-radius:12px;background:linear-gradient(#252119f2,#151410f5);box-shadow:0 15px 45px #0006}.inner-page.wide-page{max-width:820px}.inner-page h1{font-size:2.1rem;color:var(--light-gold);margin:20px 0 24px}.inner-page h2{font-size:1.4rem;margin-top:28px;margin-bottom:14px}.inner-page p,.inner-page li{color:#d0c8b9}.back-link{font-size:.875rem}.account-form{display:flex;flex-direction:column;gap:9px;padding:23px;border:1px solid #76613c;border-radius:8px;background:#15140fb8;margin:24px 0}.account-form label{color:var(--light-gold);margin-top:7px}.account-form input,.account-form select{width:100%;min-height:46px;border:1px solid #937b4e;border-radius:5px;padding:10px 12px;background:#0e100c;color:var(--text)}.account-form input[type=password]{font-family:system-ui,sans-serif}.account-form small,.inner-page .muted{color:var(--muted);font-size:.875rem}.account-form .gold-button{align-self:start;margin-top:15px}.account-form p{font-size:.875rem;margin:12px 0 0}.form-notice{padding:15px 20px;border:1px solid #c6a15d;border-radius:8px;background:#382d1e}.form-foot{margin-top:25px}.page-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px;margin:25px 0}.text-button{background:none;border:0;padding:8px 0;color:var(--light-gold);text-decoration:underline}.character-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.character-card{min-width:0;padding:25px;text-align:center;border:1px solid #76613c;border-radius:8px;background:#15140fb8}.character-card>img{width:64px;margin:auto}.character-card h2{margin:15px 0 24px;overflow-wrap:anywhere}.character-status{font-size:.875rem;margin:20px 0 0}.help-topics ol{padding-left:24px}.help-topics li{margin:12px 0}.error-page{text-align:center;padding-top:100px;padding-bottom:100px}.error-page h1{color:var(--light-gold)}

@media(max-width:850px){.nav-shell{gap:17px;padding:13px 18px}.nav-home{padding-right:17px}.site-header nav{gap:17px;font-size:.9375rem}.site-header nav>.login-link{padding-inline:18px}.hero{padding-top:47px;padding-bottom:49px}.hero-window{height:430px}.hero-center{gap:30px;padding-inline:38px}.hero h1{width:620px;max-width:90%}.section{width:calc(100% - 54px)}.feature-row{gap:35px}.feature-art{height:310px}.feature-copy h2{font-size:2rem}.download-layout{gap:37px}.about-copy{max-width:740px}}
@media(max-width:640px){.site-header{width:calc(100% - 24px);border-radius:0 0 16px 16px}.nav-shell{flex-wrap:wrap;justify-content:space-between;gap:0;padding:11px 17px}.nav-home{border:0;padding:0}.nav-emblem{width:32px;height:32px}.menu-toggle{display:flex;align-items:center;gap:10px;padding:5px 13px;min-height:38px;border:1px solid #8b7347;border-radius:17px;color:var(--light-gold);background:#242017;font-size:.9375rem}.site-header nav{flex-basis:100%;flex-wrap:wrap;gap:8px;padding-top:13px}.site-header nav>a{padding:7px 10px;font-size:1rem}.site-header nav>.login-link{margin-left:0;padding:5px 20px}.js .site-header nav{display:none}.js .site-header nav.is-open{display:flex}.hero{padding:36px 0 39px}.hero-window{width:calc(100% - 28px);height:315px;border-radius:50% / 43%;box-shadow:0 0 0 3px #282218,0 0 0 4px #5c492d,0 10px 25px #0006}.hero-center{gap:30px;padding:18px 13px 24px}.hero h1{width:100%;max-width:94%}.hero-play{min-width:165px;font-size:1.2rem;padding:9px 25px}.hero-image{object-position:54% center}.section{width:calc(100% - 40px)}.about{padding:32px 23px 30px}.about h2{font-size:1.8rem}.about p{font-size:1rem}.play{padding-top:40px;padding-bottom:44px}.feature-row{grid-template-columns:1fr;gap:26px}.feature-row+.feature-row{margin-top:46px;padding-top:39px;border-top:1px solid #69563270}.feature-art{height:285px}.feature-copy{text-align:center;padding:0 4px}.feature-copy h2{font-size:1.95rem;margin:8px 0 16px}.feature-copy>p{margin-bottom:23px}.reverse-row .feature-art,.reverse-row .feature-copy{grid-column:auto;grid-row:auto}.feature-copy>.feature-note{margin-top:20px}.download-layout{grid-template-columns:1fr;gap:32px}.downloads{padding:35px 0 37px}.download-title{text-align:center}.download-title h2{font-size:2rem}.download-title>p{margin-bottom:22px}.download-guide{padding-top:0}.download-guide h3{font-size:1.25rem}.questions{padding-top:38px;padding-bottom:44px}.questions h2{font-size:1.65rem}.inner-view{background-attachment:scroll}.inner-page{padding:24px 20px 32px;margin-top:28px;margin-bottom:32px}.inner-page h1{font-size:1.85rem}.account-form{padding:18px}.character-list{grid-template-columns:1fr}footer nav{gap:12px 20px}footer{padding-inline:20px}}
@media(max-width:360px){.hero-window{height:275px}.hero-center{gap:24px}.feature-art{height:255px}.section{width:calc(100% - 32px)}.inner-page{padding-inline:16px}.account-form{padding:14px}.gold-button{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.email-settings{overflow-wrap:anywhere}