@layer base,layout,components,motion;
@layer components {
 .login-or{display:block;color:#91a2bf;font-size:12px;margin:16px 0}.google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #747775;border-radius:6px;background:#fff;color:#1f1f1f;font:500 14px/20px var(--font);cursor:pointer}.google-login img{width:20px;height:20px;flex:none}.google-login:hover:not(:disabled){background:#f2f4f7}.google-login:disabled{cursor:not-allowed;opacity:.55}.google-login:focus-visible{outline:2px solid #8fdbff;outline-offset:3px}#portal-google-access[hidden]{display:none}
}
@layer base {
 :root{color-scheme:dark;--bg:#080d1b;--panel:#0e162a;--text:#eef1fa;--muted:#a6b1cb;--gold:#e6c37f;--violet:#a696ff;--line:#ffffff12;--font:'Segoe UI',system-ui,-apple-system,sans-serif;font-family:var(--font);color:var(--text);background:var(--bg);scroll-behavior:smooth;scroll-padding-top:95px}
 *,*::before,*::after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a,button{touch-action:manipulation}img{max-width:100%;display:block}svg{display:block}h1,h2,h3,h4,p{margin:0}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #b8afff;outline-offset:5px}button,input{border-radius:8px}[hidden]{display:none!important}::selection{background:#66518b;color:#fff}.skip{position:fixed;top:-70px;left:20px;z-index:100;padding:14px;background:#152444}.skip:focus{top:12px}.icon-button{border:1px solid var(--line);background:#ffffff08;display:grid;place-items:center;font-size:24px;min-width:44px;min-height:44px}
}
@layer layout {
 .header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(5%,calc((100vw - 1340px)/2));min-height:82px;background:#090f22ed;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand>span{font-weight:850;letter-spacing:1px;font-size:19px}.brand>span>span{color:var(--gold)}.brand small{display:block;font-size:7px;letter-spacing:2px;font-weight:600;color:#9ba9c8;margin-top:3px}.header nav{display:flex;gap:25px;align-items:center;white-space:nowrap;font-size:12px;font-weight:550;color:#acb6cd}.header nav a{position:relative;padding:13px 0}.header nav .active{color:#fff}.header nav .active::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--gold)}.tiny-star{color:#bb9bff;font-size:13px}.menu-toggle{display:none}
 .hero{position:relative;isolation:isolate;overflow:hidden;min-height:660px;height:min(740px,calc(100vw * .5625));background:#121e37}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050b20cc 0%,#0711258a 40%,#06112710 65%),linear-gradient(0deg,#080d1b 0%,#080d1b30 30%,#080d1b05 75%)}.hero-content{position:relative;padding:190px 0 65px;margin:0 auto;width:90%;max-width:1340px}.hero h1{font-size:clamp(48px,5.4vw,78px);line-height:1.06;letter-spacing:-3px;margin:24px 0;color:#fff;font-weight:750}.hero h1 em{font-style:normal;color:#efc985}.hero p{color:#d0d8e8;font-size:16px;line-height:1.8;max-width:450px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 22px}.hero-meta{display:flex;align-items:center;gap:8px;color:#d1daef;font-size:10px;letter-spacing:1px}.hero-meta .meta-divider{margin:0 5px;color:#8292b2}.hero-meta>span:last-child{font-size:9px;color:#a8b5d4}.hero-number{position:absolute;bottom:30px;right:5%;font-size:13px;color:#e0cc9e}.hero-number span{margin-left:13px;font-size:8px;letter-spacing:2px;color:#b0bad0}.explore-link{position:absolute;bottom:30px;left:5%;font-size:9px;letter-spacing:2px;color:#c0c8da;display:flex;align-items:center;gap:20px}.explore-link span{font-size:20px;color:#e8c787}.world-strip{display:flex;align-items:center;justify-content:center;gap:65px;padding:27px 5%;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#0a1020,#121731,#0a1020);font-size:9px;letter-spacing:2px;color:#b0bad0}.world-strip b{font-size:19px;vertical-align:middle;margin-right:12px;color:#b6a1f4;font-weight:400}
 .section{max-width:1340px;margin:0 auto;padding:80px 0;width:90%}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:35px}.section-heading h2,.community h2{font-size:clamp(25px,3vw,38px);letter-spacing:-1px;line-height:1.25;margin-top:13px;font-weight:650}.section-heading h2 em,.community h2 em{font-style:normal;color:#c0aff0}.section-heading p{font-size:12px;line-height:1.8;color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.about{padding-bottom:55px}.activity-section{padding-top:45px}.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.community{position:relative;isolation:isolate;overflow:hidden;border:1px solid #8571c528;background:radial-gradient(ellipse at 85% 65%,#49347330,transparent 60%),linear-gradient(115deg,#101629,#151329);border-radius:16px;padding:55px;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;margin-top:5px;margin-bottom:80px}.community-copy{z-index:1}.community p{margin:18px 0 24px;font-size:13px;line-height:1.8;color:var(--muted)}.community .discord-info{font-size:11px;margin:13px 0 0}.community-orbit{position:absolute;z-index:-1;right:-120px;top:-90px;width:600px;height:600px;border:1px solid #9975f31a;border-radius:50%;font-size:420px;line-height:1.4;text-align:center;color:#8260c414;transform:rotate(-15deg)}.community-card{align-self:center;justify-self:end;border:1px solid #b5a0e827;border-radius:14px;transform:rotate(4deg);background:linear-gradient(145deg,#201c34,#151827);width:275px;padding:27px;box-shadow:0 25px 60px #0004}.community-card .eyebrow{font-size:8px;letter-spacing:1.4px}.community-card strong{display:block;font-size:23px;line-height:1.35;letter-spacing:-.5px;font-weight:550}.community-card>span:last-child{display:block;font-size:8px;letter-spacing:1.5px;color:#a79fc5;margin-top:20px}.large-star{display:block;font-size:66px;line-height:1.5;color:#c5a2f4}.footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding:30px 5%;border-top:1px solid var(--line);background:#080d19}.footer nav{display:flex;gap:24px;color:#adb6ca;font-size:11px}.footer p{font-size:10px;color:#7e8da9}
}
@layer components {
 .eyebrow{font-size:9px;letter-spacing:2px;font-weight:650;color:#c1cce3;display:inline-flex;align-items:center;gap:10px}.eyebrow>span{height:5px;width:5px;transform:rotate(45deg);background:var(--gold)}.eyebrow.gold{color:var(--gold)}.button{display:inline-flex;align-items:center;justify-content:center;gap:13px;min-height:50px;padding:0 23px;border:1px solid transparent;border-radius:7px;font-size:11px;font-weight:750;letter-spacing:.8px;transition:transform .2s,background-color .2s,box-shadow .2s}.button.primary{color:#191827;background:linear-gradient(110deg,#ecd09a,#cfa75d);border-color:#efdaaf;box-shadow:0 5px 30px #ba862526}.button.primary:hover{box-shadow:0 8px 32px #ba86254d;transform:translateY(-2px)}.button.glass{background:#09122599;border-color:#c2bada50;color:#e5e4f3}.button.glass:hover{background:#26213b}.button.small{min-height:38px;font-size:10px;padding:0 17px}.discord-icon{width:19px;height:16px}.discord-button{background:#7a65c1;color:#fff;border-color:#a28ade}.discord-button:hover{background:#8c75d3;transform:translateY(-2px)}.status-dot{width:6px;height:6px;display:inline-block;flex-shrink:0;border-radius:50%;background:#76c9a8;box-shadow:0 0 9px #6ddca460}.status-dot.unknown{background:#95a1ba;box-shadow:none}.status-dot.offline{background:#f69392;box-shadow:none}.status-dot.maintenance{background:#e9be76;box-shadow:none}
 .feature{position:relative;overflow:hidden;padding:27px 28px 0;border-radius:12px;border:1px solid #53699433;background:linear-gradient(145deg,#131c31,#0d1425);transition:transform .25s,border-color .25s}.feature:hover{transform:translateY(-4px);border-color:#8c7ec369}.feature.shiny-feature{background:radial-gradient(ellipse at 90% 0,#56387826,transparent 70%),linear-gradient(145deg,#181a33,#101526)}.feature-index{position:absolute;top:22px;right:22px;font-size:30px;color:#9eb4e719;letter-spacing:-1px}.feature-icon{display:flex;align-items:center;justify-content:center;width:43px;height:43px;border:1px solid #b59bdf2b;border-radius:9px;background:#878ae010;color:#c2aff3;font-size:26px;margin-bottom:22px}.tag{font-size:7px;letter-spacing:1.4px;color:#afa1d3}.feature h3{margin:10px 0 13px;font-size:19px;font-weight:600;letter-spacing:-.3px}.feature p{color:#a2afc9;line-height:1.8;font-size:12px;min-height:67px}.feature-foot{border-top:1px solid var(--line);margin-top:24px;padding:16px 0;font-size:9px;color:#8c9bb9;display:flex;justify-content:space-between;gap:8px}.feature-foot span{font-size:14px;color:#ccbcdf}.development-note{font-size:11px;color:#96a3bf;line-height:1.8;margin-top:20px;display:flex;gap:9px}.development-note>span{color:#beaae8}.feed-indicator{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:10px 12px;border-radius:7px;font-size:10px;color:#a5b3cc}.feed-panel{border:1px solid #51658d35;border-radius:12px;overflow:hidden;background:linear-gradient(140deg,#11192d,#0c1324);scroll-margin-top:110px}.feed-panel.shinies{border-color:#9c78d849;background:radial-gradient(ellipse at 100% 0,#6d409022,transparent 60%),#101629}.panel-heading{padding:24px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line)}.panel-icon{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;background:#7e90b710;border:1px solid #829ac42b;border-radius:9px;color:#c3cde2;font-size:23px}.shinies .panel-icon{color:#dbb3ff;border-color:#bf9cec3b;background:#ad72db17}.panel-heading .eyebrow{font-size:7px;letter-spacing:1.5px;color:#90a0bf}.shinies .eyebrow{color:#b696d5}.panel-heading h3{font-size:17px;font-weight:550;margin-top:6px}.panel-count{margin-left:auto;border:1px solid var(--line);border-radius:5px;padding:5px 9px;font-size:10px;color:#9faaca}.empty-state{min-height:235px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px}.empty-state>span{width:52px;height:52px;border-radius:50%;border:1px solid #8b9dc91a;display:grid;place-items:center;color:#7e8fae;font-size:25px;margin-bottom:15px}.shinies .empty-state>span{color:#b194d7;border-color:#b194d72b;background:#a76ed50a}.empty-state h4{font-size:14px;font-weight:550;color:#c2cde0}.empty-state p{font-size:11px;line-height:1.8;margin-top:9px;max-width:310px;color:#8898b9}.feed-panel>footer{border-top:1px solid var(--line);padding:15px 24px;font-size:9px;color:#8291ae;display:flex;justify-content:space-between;align-items:center;gap:12px}.feed-panel footer button{border:0;background:transparent;color:#d4b6f5;font-size:10px;padding:8px}.update-note{text-align:center;margin-top:20px;font-size:9px;letter-spacing:.3px;color:#7486a8}.event-list{max-height:570px;overflow:auto;scrollbar-color:#59496f #101629;scrollbar-width:thin}.event{display:flex;gap:15px;padding:18px 24px;border-bottom:1px solid var(--line);align-items:center;overflow-wrap:anywhere}.event:last-child{border:0}.event-image{width:64px;height:64px;object-fit:contain;flex-shrink:0;background:radial-gradient(circle,#b077f51c,transparent 70%)}.event-symbol{display:grid;place-items:center;font-size:26px;color:#af90d5}.event-copy{min-width:0;flex:1}.event h4{font-size:13px;font-weight:650;color:#d8bbf5;line-height:1.5}.event p{font-size:11px;color:#b6c3dc;line-height:1.7;margin-top:2px}.event .event-time{font-size:10px;color:#8597b8;display:flex;align-items:center;gap:8px;margin-top:7px}.event .quality{color:var(--gold);font-size:10px;margin-top:6px}.event.new{animation:event-in .6s ease both}.noscript-note{padding:20px;background:#292036;text-align:center;color:#eee}.noscript-note a{text-decoration:underline}
 dialog{border:1px solid #a98cdb66;border-radius:16px;padding:40px;width:450px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);overflow:auto;color:#edf1fb;background:radial-gradient(ellipse at 50% 0,#332c54,transparent 65%),#0e172b;box-shadow:0 30px 100px #0008;text-align:center}dialog::backdrop{background:#030818c9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;top:12px;right:12px;border:0;background:transparent;color:#b8bfd4}.login-emblem{display:grid;place-items:center;margin:0 auto 20px;width:76px;height:76px;border:1px solid #b591563b;border-radius:50%;background:#ffffff04}dialog h2{font-size:27px;letter-spacing:-.8px;margin-top:14px;line-height:1.2}.login-intro{font-size:12px;color:#a6b4ce;margin:13px 0 26px}dialog form{text-align:left}dialog label{font-size:11px;color:#c6cfe3;margin:16px 0 8px;display:block}dialog input{width:100%;height:46px;color:#f2f4fa;border:1px solid #7c90ba3d;background:#071020b8;padding:0 14px;outline-offset:3px}dialog input::placeholder{color:#7888a5;font-size:12px}.password-field{position:relative}.password-field input{padding-right:83px}.password-field button{position:absolute;right:8px;top:4px;height:38px;border:0;background:transparent;color:#b7a4e0;font-size:10px;padding:0 10px}.login-submit{width:100%;margin-top:10px}#login-message{font-size:12px;color:#f4b9b6;line-height:1.6;min-height:19px;margin-top:13px}.login-bottom{display:grid;gap:8px;border-top:1px solid var(--line);margin-top:25px;padding-top:23px;font-size:11px;color:#8e9eba}.login-bottom a{color:#d5b8ff}.login-security{display:block;font-size:9px;line-height:1.6;color:#8293b2;margin-top:17px}body:has(dialog[open]){overflow:hidden}
 @media(max-width:1120px){.header{gap:15px;padding-left:4%;padding-right:4%}.header nav{gap:17px;font-size:11px}.brand>span{font-size:16px}.hero-content{padding-top:195px}.hero h1{font-size:62px}.section-heading{align-items:flex-start}.section-heading p{max-width:280px}.world-strip{gap:35px;letter-spacing:1.2px}}
 @media(max-width:900px){.header{min-height:74px;padding:14px 5%}.menu-toggle{display:grid;order:3;font-size:20px}.header-play{margin-left:auto}.header nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:12px 5% 23px;background:#0d162b;border-bottom:1px solid #9d8ac24d;gap:0;font-size:13px}.header nav.open{display:flex}.header nav a{padding:15px}.header nav .active::after{left:15px;right:auto;width:25px}.hero{height:640px;min-height:0}.hero-art{object-position:62% center}.hero-content{padding-top:215px}.hero h1{font-size:56px}.hero-meta{letter-spacing:.5px}.world-strip{gap:24px;font-size:8px}.world-strip b{margin-right:7px}.section-heading{flex-direction:column;gap:17px}.section-heading p{max-width:none}.feature-grid{gap:12px}.feature{padding:24px 20px 0}.feature h3{font-size:16px}.panel-heading{padding:20px 16px;gap:10px}.panel-heading h3{font-size:14px}.panel-heading .eyebrow{font-size:6px;letter-spacing:1px}.community{padding:38px;grid-template-columns:1.4fr 1fr}.community-card{width:215px;padding:22px}.community-card strong{font-size:21px}.community-card .eyebrow{font-size:6px}.community h2{font-size:29px}}
 @media(max-width:650px){.brand>span{font-size:15px}.brand small{font-size:6px;letter-spacing:1.4px}.brand img{width:32px;height:32px}.header{gap:10px;min-height:70px}.header .button{font-size:9px;padding:0 12px;gap:7px;min-height:38px}.menu-toggle{min-width:38px;min-height:38px}.hero{height:auto;padding-top:0;background:#090f21;overflow:hidden}.hero-art{position:relative;height:auto;object-fit:contain;z-index:-3}.hero-shade{background:linear-gradient(0deg,#080d1b 0%,#080d1b 43%,#080d1b00 85%)}.hero-content{margin-top:-25px;padding:0 0 70px;max-width:100%;text-align:center}.hero .eyebrow{font-size:7px;letter-spacing:1.5px}.hero h1{font-size:48px;letter-spacing:-2px;margin:19px 0}.hero p{font-size:13px;margin:auto;max-width:300px}.hero-actions{justify-content:center;margin:25px 0 20px;gap:10px}.hero .button{min-height:46px;padding:0 16px;font-size:9px;gap:10px}.hero-meta{justify-content:center;flex-wrap:wrap;font-size:8px;gap:6px}.hero-meta>span:last-child{font-size:7px}.hero-number{display:none}.explore-link{left:50%;transform:translateX(-50%);bottom:20px;font-size:7px;gap:16px;white-space:nowrap}.world-strip{padding:20px 5%;display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:7px;letter-spacing:.7px;text-align:center}.world-strip span:last-child{grid-column:span 2}.world-strip b{font-size:14px}.section{padding:48px 0}.section-heading{margin-bottom:25px;gap:13px}.section-heading h2{font-size:28px;line-height:1.3;max-width:330px}.section-heading p{font-size:11px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature{padding:24px 24px 0}.feature h3{font-size:20px}.feature p{font-size:12px;min-height:0}.feature-icon{margin-bottom:16px}.feature-foot{margin-top:20px}.development-note{font-size:10px}.activity-section{padding-top:10px}.activity-grid{grid-template-columns:1fr;gap:20px}.panel-heading{padding:22px}.panel-heading h3{font-size:16px}.panel-heading .eyebrow{font-size:6px;letter-spacing:1.2px}.feed-indicator{font-size:9px}.community{padding:30px 24px;margin-top:0;margin-bottom:45px;grid-template-columns:1fr;gap:25px}.community-card{display:none}.community h2{font-size:28px}.community p{font-size:12px}.community-orbit{right:-270px;top:-80px}.community .button{font-size:10px}.footer{padding:25px 5%;gap:25px}.footer nav{font-size:10px;gap:20px;width:100%}.footer p{font-size:9px}.desktop-break{display:none}dialog{padding:35px 25px}.event{padding:16px 20px}}
 @media(max-width:360px){.header .brand small{display:none}.hero .button{padding:0 12px;font-size:8px}.hero h1{font-size:42px}.panel-heading{padding:19px 15px}}
}
@layer components{.header nav [data-discord],.footer nav [data-discord]{display:flex;align-items:center;gap:7px}.header nav [data-discord] img,.footer nav [data-discord] img{width:14px;height:14px;object-fit:contain}@media(max-width:360px){.header{gap:6px;padding-left:4%;padding-right:4%}.header .brand{gap:6px}.header .brand>span{font-size:13px}.header .button{padding:0 10px}}}
@layer motion {
 .hero-content{animation:hero-in .75s ease-out both}.particles{position:absolute;inset:0;z-index:-1;pointer-events:none}.particles i{position:absolute;left:40%;top:32%;width:3px;height:3px;border-radius:50%;background:#e2d5ff;box-shadow:0 0 10px #bd93ff;animation:drift 9s ease-in-out 3}.particles i:nth-child(2){left:67%;top:22%;animation-delay:-3s}.particles i:nth-child(3){left:87%;top:51%;animation-delay:-5s}.particles i:nth-child(4){left:21%;top:67%;animation-delay:-2s}.particles i:nth-child(5){left:54%;top:78%;animation-delay:-7s}.particles i:nth-child(6){left:74%;top:69%;animation-delay:-4s}.motion-ready .reveal{opacity:0;transform:translateY(20px);transition:opacity .6s,transform .6s,border-color .25s}.motion-ready .reveal.visible{opacity:1;transform:translateY(0)}
 @keyframes hero-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes event-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes drift{0%,100%{opacity:.15;transform:translateY(0)}50%{opacity:.8;transform:translateY(-16px)}}
 @media(max-width:650px),(prefers-reduced-motion:reduce),(update:slow){:root{scroll-behavior:auto}.particles{display:none}.hero-content,.event.new{animation:none}.motion-ready .reveal{opacity:1;transform:none;transition:none}.button,.feature{transition:none}.feature:hover,.button:hover{transform:none}dialog::backdrop,.header{backdrop-filter:none}}
 html.low-motion{scroll-behavior:auto}html.low-motion .particles{display:none}html.low-motion .hero-content,html.low-motion .event.new{animation:none}html.low-motion .reveal{opacity:1;transform:none;transition:none}
}
/* Portal only: orientation, touch, keyboard and content-sized layouts. */
@layer components{
 .hero{height:740px;min-height:720px}.hero-content{padding-top:140px;padding-bottom:100px;max-width:1340px}.hero h1{font-size:clamp(44px,4.6vw,66px);line-height:1.04;margin:18px 0;letter-spacing:-2.5px}.hero-content>p{max-width:460px;font-size:15px;line-height:1.7}.hero-actions{margin:25px 0 20px}.hero-meta{flex-wrap:wrap}
 .activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.feed-panel{min-width:0}.panel-heading{padding:22px 20px;gap:10px}.panel-heading>div:nth-child(2){min-width:0;flex:1}.panel-heading .eyebrow{font-size:7px;letter-spacing:1px;line-height:1.5}.panel-heading h3{font-size:18px;line-height:1.3}.panel-count{flex-shrink:0}.feed-panel>footer{min-height:65px;flex-wrap:wrap;line-height:1.6}.feed-panel.forges{border-color:#cda46c49;background:radial-gradient(ellipse at 100% 0,#8b58221c,transparent 65%),#111827}.forges .panel-icon{color:#e3bd82;border-color:#dbb7793b;background:#d39f5212}.forges .eyebrow{color:#d0ad79}.forges .empty-state>span{color:#d0ad79;border-color:#d0ad7933;background:#d49d4110}.forges .event h4{color:#e1bd8d}
 .feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.feature{min-width:0}.feature p,.empty-state p,.event-copy,.community-copy{overflow-wrap:anywhere}.empty-state{min-height:260px;padding:26px 22px}.empty-state h4{line-height:1.5}.access-compact{display:none}
 .menu-toggle,.header-play,.dialog-close{min-height:44px;min-width:44px}.footer nav a,.login-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer nav{flex-wrap:wrap}.password-field button{top:2px;height:44px;min-width:68px}.password-field input{height:48px}.header nav.open{max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain}.event-list{overscroll-behavior-y:contain}.event-image{width:52px;height:52px}.event{padding:18px 20px;gap:12px}.feed-panel footer button{min-height:44px}
 @media(max-width:1100px){.header{gap:14px;min-height:76px;padding:14px 5%}.menu-toggle{display:grid;order:3}.header-play{margin-left:auto}.header nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;padding:12px 5% 20px;background:#0d162b;border-bottom:1px solid #9d8ac24d;gap:0;font-size:14px}.header nav.open{display:flex}.header nav a{padding:14px 15px;min-height:46px}.header nav .active::after{left:15px;right:auto;width:25px}.hero{height:700px;min-height:700px}.hero-content{padding-top:135px}.hero h1{font-size:54px}.activity-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.panel-heading{padding:18px 14px;gap:9px}.panel-heading h3{font-size:16px}.panel-icon{width:36px;height:36px}.panel-heading .eyebrow{font-size:6px}.empty-state{min-height:280px;padding:22px 16px}.empty-state h4{font-size:13px}.empty-state p{font-size:11px}.feed-panel>footer{padding:12px 16px;font-size:9px}}
 @media(max-width:900px){.activity-grid{grid-template-columns:1fr}.feed-panel{display:block}.empty-state{min-height:195px}.panel-heading{padding:22px}.panel-heading h3{font-size:19px}.panel-heading .eyebrow{font-size:8px}.feed-panel>footer{min-height:50px;padding:10px 22px}.feature-grid{grid-template-columns:1fr}.feature p{min-height:0}.hero{height:660px;min-height:660px}.hero-content{padding-top:135px}.hero h1{font-size:48px}.community{grid-template-columns:1fr}.community-card{display:none}}
 @media(max-width:650px){.header{padding:11px 5%;gap:8px}.header .button{min-height:44px;font-size:11px;padding:0 14px}.menu-toggle{min-width:44px;min-height:44px}.hero{height:auto;min-height:0;overflow:hidden}.hero-art{position:relative;width:100%;height:auto;object-fit:contain}.hero-content{padding:12px 0 75px;margin-top:-15px;text-align:center}.hero h1{font-size:clamp(34px,9.8vw,46px);line-height:1.1;margin:18px 0;letter-spacing:-1.5px}.hero-content>p{font-size:14px;line-height:1.75;max-width:310px}.hero .button{min-height:48px;font-size:10px;padding:0 16px}.hero-actions{gap:10px;margin:23px 0 20px}.hero-meta{font-size:8px;line-height:1.8}.hero-shade{background:linear-gradient(0deg,#080d1b 0%,#080d1b 48%,#080d1b00 90%)}.panel-heading h3{font-size:19px}.empty-state h4{font-size:15px}.empty-state p{font-size:12px}.panel-heading .eyebrow{font-size:7px}.section-heading p{font-size:13px}.feature p{font-size:13px}.community p{font-size:13px}.development-note{font-size:12px}.feed-panel>footer{font-size:10px}.footer nav{gap:8px 24px;font-size:12px}dialog input{font-size:16px}dialog label{font-size:13px}.password-field button{font-size:12px}.login-bottom{font-size:12px}.login-intro{font-size:13px}}
 @media(max-width:360px){.header{gap:6px;padding-left:4%;padding-right:4%}.header .brand{gap:6px}.header .brand>span{font-size:13px}.header .brand img{width:30px;height:30px}.header [data-access-label]{display:none}.access-compact{display:inline}.header .button{padding:0 10px;gap:6px}.hero .button{font-size:9px;max-width:100%}.panel-heading{padding:20px 16px}}
 @media(max-height:500px) and (min-width:651px){.hero{height:auto;min-height:600px}.hero-content{padding-top:90px;padding-bottom:115px}.hero h1{font-size:46px}.hero-actions{margin-top:20px}.header nav.open{max-height:calc(100dvh - 76px)}dialog{padding:26px 32px;max-height:calc(100dvh - 16px)}.login-emblem{width:50px;height:50px;margin-bottom:14px}.login-emblem img{width:38px;height:38px}dialog h2{font-size:24px}.login-intro{margin:10px 0 15px}}
 @media(hover:none){.feature:hover,.button:hover{transform:none}.button.primary:hover{box-shadow:0 5px 30px #ba862526}}
}

@layer components{
 .event-media{position:relative;flex:0 0 64px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:64px}
 .event-media .event-image{width:64px;height:64px;object-fit:contain;image-rendering:pixelated;flex:none}
 .event-media .outfit-image{padding:0;background:radial-gradient(circle,#5972a52b,#0b132a00 72%)}
 .forge-stars{display:block;color:#ffcf65;letter-spacing:1px;font-size:14px;line-height:1.1;white-space:nowrap;text-shadow:0 1px 6px #b47b2833}
 .forge-result{color:#ffcf65!important;font-size:11px!important;margin:5px 0!important}
 .event-copy{min-width:0;flex:1}.event-time{flex-wrap:wrap;row-gap:2px}
 @media(max-width:360px){.event{padding:16px 14px;gap:10px}.event-media{flex-basis:56px}.event-media .event-image{width:56px;height:56px}}
 @media(min-width:651px) and (max-width:1100px){.hero-art{object-position:right center}}
}
@layer components{@media(min-width:651px) and (max-width:900px) and (orientation:portrait){.hero{height:auto;min-height:0}.hero-art{position:relative;width:100%;height:auto;object-fit:contain;object-position:center}.hero-content{margin-top:-40px;padding-top:0;padding-bottom:90px;text-align:center}.hero-content>p{margin:0 auto;max-width:450px}.hero-actions,.hero-meta{justify-content:center}.hero-shade{background:linear-gradient(0deg,#080d1b 0%,#080d1b 50%,#080d1b00 90%)}.hero-number{display:none}.explore-link{left:50%;transform:translateX(-50%);white-space:nowrap}}}
/* Public systems showcase. Icons reuse the game's profession insignia. */
@layer components{
 .systems{padding-top:35px;padding-bottom:45px;scroll-margin-top:100px}.systems .section-heading{margin-bottom:30px}.systems .section-heading h2{line-height:1.16}.systems-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:20px}
 .system-card{position:relative;isolation:isolate;overflow:hidden;border:1px solid #7f75af35;border-radius:16px;padding:30px;background:#10182a;transition:transform .28s ease,border-color .28s ease}
 .system-card::after,.expedition-card::after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 85% 0,#a787eb17,transparent 65%);opacity:.35;transition:opacity .35s;pointer-events:none}
 .system-card:hover::after,.expedition-card:hover::after{opacity:1}.system-card:hover{transform:translateY(-3px);border-color:#ad95d271}
 .system-kicker{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;color:#a7b4d1;font-size:9px;letter-spacing:1.3px;line-height:1.6;position:relative;z-index:1}
 .system-stage{font-size:8px;letter-spacing:.8px;border:1px solid #a7b4d12b;border-radius:20px;padding:5px 9px;background:#080e1b60;color:#c2cbe0}
 .system-card h3,.expedition-card h3{font-size:clamp(27px,2.5vw,36px);line-height:1.14;letter-spacing:-1px;margin-top:25px;position:relative;z-index:1;font-weight:650}
 .system-card h3 em,.expedition-card h3 em{font-style:normal;color:#c6b4f2}.system-description{font-size:13px;line-height:1.85;color:#adbbd5;margin-top:16px;position:relative;z-index:1}
 .professions-card{grid-row:span 2;display:flex;flex-direction:column;background:radial-gradient(ellipse at 100% 0,#735aa02b,transparent 55%),linear-gradient(140deg,#171b32,#0e172a)}
 .professions-card h3{font-size:clamp(32px,3vw,43px);margin-top:38px;max-width:390px}.professions-card .system-description{max-width:460px}
 .profession-orbit{position:absolute;right:24px;top:77px;width:115px;height:115px;border:1px solid #b899e929;border-radius:50%;z-index:-1;opacity:.75;display:grid;place-items:center;transform:rotate(-20deg)}.profession-orbit span{position:absolute;inset:15px;border:1px dashed #9c8dcd39;border-radius:50%}.profession-orbit img{opacity:.5;transform:rotate(20deg)}.profession-orbit i{position:absolute;top:0;left:17px;font-style:normal;color:#d6bca3;font-size:18px}
 .career-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:26px 0 14px}.career-tabs button{display:flex;align-items:center;gap:11px;text-align:left;min-width:0;min-height:58px;border:1px solid #8d9eba2b;background:#080e1b55;color:#aebbd2;padding:13px;font-size:12px;transition:background .2s,border-color .2s,color .2s}
 .career-tabs button[aria-selected=true]{background:linear-gradient(115deg,#66508c3b,#2b28484d);border-color:#c7b5f486;color:#f2ebff;box-shadow:inset 3px 0 #c5adeb}.career-tabs button:hover{border-color:#ab9dcc80;color:#eae4f7}
 .career-icon{width:26px;height:26px;flex:none;display:grid;place-items:center}.career-icon svg{width:26px;height:26px}.career-tabs [data-career=engineer] .career-icon{color:#e6c37f}.career-tabs [data-career=professor] .career-icon{color:#80d7b5}.career-tabs [data-career=stylist] .career-icon{color:#c9a1ec}.career-tabs [data-career=adventurer] .career-icon{color:#85c9e9}
 .career-panel{min-height:170px;padding:21px;border:1px solid #a797d52b;border-radius:10px;background:#0b122366;position:relative}.career-panel .eyebrow{font-size:8px;letter-spacing:1.5px;color:#b59bdc}.career-panel h4{font-size:20px;font-weight:600;margin:8px 0}.career-panel p{font-size:12px;line-height:1.8;color:#a9b9d3}.career-panel:focus-visible{outline:2px solid #b8afff;outline-offset:4px}
 .profession-progress{margin-top:auto;padding-top:30px}.profession-progress>span{font-size:8px;letter-spacing:1.5px;color:#939fbc}.rank-trail{display:flex;align-items:center;gap:8px;margin-top:14px}.rank-trail b{width:32px;height:32px;display:grid;place-items:center;border-radius:7px;border:1px solid #b299d632;color:#b7a2df;font-size:12px;font-weight:600;background:#777aa80c}.rank-trail b:last-child{color:#efd09a;border-color:#e6c37f69;background:#b7882914}.rank-trail i{height:1px;flex:1;background:linear-gradient(90deg,#9d89bc55,#c3a76555);transform-origin:left}
 .houses-card{background:radial-gradient(ellipse at 90% 10%,#86644120,transparent 60%),#151929;min-height:280px}.houses-card h3 em{color:#e7c591}.fishing-card{background:radial-gradient(ellipse at 100% 70%,#246e7b24,transparent 65%),#0d1b2a;min-height:280px}.fishing-card h3 em{color:#85d4da}.houses-card h3,.fishing-card h3{max-width:calc(100% - 105px)}
 .system-foot{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:8px;letter-spacing:1px;color:#acb8d0;margin-top:22px;padding-top:15px;border-top:1px solid #ffffff12}.system-foot>span:last-child{font-size:21px;color:#d2b994}
 .house-scene,.fishing-scene{position:absolute;right:10px;top:70px;width:160px;height:120px;z-index:-1;opacity:.65;pointer-events:none}.house-scene svg,.fishing-scene svg{width:100%;height:100%;position:relative;z-index:1}.house-halo{stroke:#bdb59c;stroke-opacity:.3}.house-roof{fill:#d6b37920;stroke:#dbc08b;stroke-width:1.3}.house-wall{fill:#dac38d0c;stroke:#cab284;stroke-width:1.4}.house-door{fill:#0b1528;stroke:#a599a8;stroke-width:1.2}.house-window{fill:#f3d28a33;stroke:#e2c18b;stroke-width:1}.house-lines{stroke:#ceb582;stroke-width:1.2}.house-scene circle{fill:#dfc18b}.house-moon{position:absolute;width:30px;height:30px;top:8px;right:30px;border-radius:50%;background:radial-gradient(circle,#dbbc872b,#d6b58a03);border:1px solid #d6b58a39}.house-star{position:absolute;right:6px;top:10px;font-size:14px;color:#ddc4a0}
 .house-scene,.fishing-scene{overflow:hidden}.house-scene{height:104px}
 .fishing-line{stroke:#8bafb6;stroke-width:1.4}.fishing-rod{stroke:#b1c5c4;stroke-width:4;stroke-linecap:round}.fishing-hook{stroke:#d3ba8b;stroke-width:2;stroke-linecap:round}.fishing-water{stroke:#84c3ce;stroke-width:1.2;stroke-opacity:.7}.fishing-glint{position:absolute;right:5px;top:14px;color:#91d4e0;font-size:17px}.water-ring{position:absolute;bottom:-9px;right:12px;width:95px;height:36px;border:1px solid #6dbdcb4d;border-radius:50%;opacity:.45}.ring-two{width:120px;height:46px;right:0;bottom:-14px;opacity:.25}.ring-three{width:150px;height:58px;right:-15px;bottom:-20px;opacity:.15}
 .expedition-card{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:35px;margin-top:20px;padding:34px;border:1px solid #8f79b348;border-radius:16px;background:radial-gradient(ellipse at 90% 50%,#70528c25,transparent 60%),linear-gradient(120deg,#15162a,#10192c)}.expedition-copy{position:relative;z-index:1}.expedition-copy .system-kicker{justify-content:flex-start;gap:18px}.expedition-stage{color:#efcd93;border-color:#d6b17b55;background:#c4a1700d}.expedition-card h3{margin-top:20px}.expedition-card h3 em{color:#cdb1ee}.expedition-card p{font-size:13px;line-height:1.85;color:#b0bcd7;max-width:490px;margin-top:16px}.expedition-card .button{margin-top:23px;min-height:44px;font-size:10px}
 .expedition-chart{position:relative;z-index:-1;min-width:0;padding:24px 0;opacity:.85}.expedition-chart svg{width:100%;height:auto}.chart-grid{stroke:#9b93c720;stroke-width:1}.chart-route{stroke:#b7a1da;stroke-width:1.7;stroke-dasharray:4 7;stroke-linecap:round}.chart-node{fill:#0e172a;stroke:#c8b2e6;stroke-width:2}.chart-destination{fill:#d5b77933;stroke:#efd09a;stroke-width:2}.chart-label{display:block;text-align:center;letter-spacing:1.5px;font-size:7px;color:#a39db9;margin-top:16px}.chart-orbit{position:absolute;z-index:-1;top:50%;left:50%;width:210px;height:210px;border:1px solid #ad91d522;border-radius:50%;transform:translate(-50%,-50%)}.orbit-two{width:320px;height:320px;border-style:dashed;border-color:#ad91d514}.systems-note{color:#91a2bf;font-size:11px;line-height:1.8;margin-top:18px;text-align:center}
 .button{position:relative;overflow:hidden}.button::after{content:'';position:absolute;inset:-40% -25%;pointer-events:none;background:linear-gradient(105deg,transparent 42%,#ffffff25 50%,transparent 58%);transform:translateX(-120%);opacity:0}.button:hover::after,.button:focus-visible::after{transform:translateX(120%);opacity:1;transition:transform .65s ease,opacity .2s}
 @media(max-width:1100px){.systems-grid{grid-template-columns:1.1fr 1fr}.system-card{padding:25px}.system-kicker{font-size:8px;letter-spacing:.8px}.system-stage{font-size:7px;padding:4px 7px}.house-scene,.fishing-scene{width:130px;right:2px;top:72px}.houses-card h3,.fishing-card h3{max-width:calc(100% - 85px)}.system-description{font-size:12px}.expedition-card{padding:28px;gap:18px}}
 @media(max-width:900px){.systems-grid{grid-template-columns:1fr 1fr}.professions-card{grid-column:1/-1;grid-row:auto}.professions-card h3{max-width:none;font-size:38px}.professions-card .system-description{max-width:550px}.career-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.career-tabs button{flex-direction:column;text-align:center;gap:8px;padding:14px 7px}.career-panel{min-height:145px}.house-scene,.fishing-scene{width:115px;top:75px;opacity:.5}.houses-card h3,.fishing-card h3{font-size:27px;max-width:calc(100% - 65px)}.expedition-card{grid-template-columns:1fr;gap:5px}.expedition-chart{max-width:420px;width:100%;justify-self:center;padding:10px 0}.expedition-card p{max-width:650px}}
 @media(max-width:650px){.systems{padding-top:15px;padding-bottom:35px}.systems-grid{grid-template-columns:1fr;gap:16px}.system-card{padding:24px}.professions-card{grid-column:auto}.professions-card h3{font-size:35px;margin-top:28px}.system-description{font-size:13px}.profession-orbit{width:95px;height:95px;top:86px;right:14px;opacity:.5}.career-tabs{grid-template-columns:1fr 1fr;gap:9px;margin-top:23px}.career-tabs button{flex-direction:row;gap:10px;font-size:12px;padding:12px;min-height:55px}.career-panel{padding:18px;min-height:175px}.career-panel p{font-size:12px}.profession-progress{padding-top:23px}.rank-trail{gap:5px}.rank-trail b{width:29px;height:29px;flex-shrink:0}.houses-card,.fishing-card{min-height:0}.houses-card h3,.fishing-card h3{font-size:29px;max-width:calc(100% - 72px);margin-top:25px}.house-scene,.fishing-scene{right:5px;top:65px;width:120px;height:115px;opacity:.55}.system-stage{font-size:7px}.expedition-card{padding:25px 24px;gap:14px;margin-top:16px}.expedition-card h3{font-size:32px}.expedition-card p{font-size:13px}.expedition-card .button{width:100%;justify-content:center;padding:0 14px;font-size:10px}.expedition-chart{padding-top:5px;max-width:320px}.chart-label{font-size:6px;letter-spacing:.8px}.chart-orbit{width:155px;height:155px}.orbit-two{width:245px;height:245px}.systems-note{text-align:left;font-size:11px}.system-foot{font-size:7px;letter-spacing:.7px}}
 @media(max-width:360px){.system-card{padding:22px 19px}.career-tabs button{padding:10px;font-size:11px;gap:8px}.career-icon,.career-icon svg{width:23px;height:23px}.system-kicker{font-size:7px}.system-stage{font-size:6px}.system-card h3{letter-spacing:-.8px}.houses-card h3,.fishing-card h3{font-size:27px}.house-scene,.fishing-scene{width:105px;right:0}.career-panel{min-height:190px}.rank-trail b{width:26px;height:26px}.expedition-card{padding:24px 20px}.expedition-card .system-kicker{gap:9px}}
 @media(hover:none){.system-card:hover{transform:none}.button::after{display:none}}
}
@layer motion{
 @media(min-width:651px) and (prefers-reduced-motion:no-preference) and (update:fast){
  html.motion-ready:not(.low-motion) .systems .reveal.visible .profession-orbit{animation:orbit-entry 1.1s ease-out both}
  html.motion-ready:not(.low-motion) .systems .reveal.visible .rank-trail i{animation:rank-entry .85s ease-out both}
  html.motion-ready:not(.low-motion) .systems .reveal.visible .water-ring{animation:water-breathe 3s ease-out 3}
  html.motion-ready:not(.low-motion) .systems .reveal.visible .ring-two{animation-delay:.45s}html.motion-ready:not(.low-motion) .systems .reveal.visible .ring-three{animation-delay:.9s}
  html.motion-ready:not(.low-motion) .systems .reveal.visible .chart-destination{animation:destination-glow 2.5s ease-in-out 3;transform-box:fill-box;transform-origin:center}
 }
 @keyframes orbit-entry{from{opacity:0;transform:rotate(-45deg) scale(.85)}to{opacity:.75;transform:rotate(-20deg) scale(1)}}
 @keyframes rank-entry{from{transform:scaleX(0);opacity:.15}to{transform:scaleX(1);opacity:1}}
 @keyframes water-breathe{0%{opacity:0;transform:scale(.7)}45%{opacity:.45}100%{opacity:0;transform:scale(1.12)}}
 @keyframes destination-glow{0%,100%{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.18)}}
 @media(prefers-reduced-motion:reduce),(update:slow){.system-card,.system-card::after,.expedition-card::after,.career-tabs button,.button::after{transition:none}.system-card:hover{transform:none}.button::after{display:none}}
 html.low-motion .system-card,html.low-motion .career-tabs button,html.low-motion .system-card::after,html.low-motion .expedition-card::after{transition:none}html.low-motion .button::after{display:none}
}
@layer components{.system-stage{font-size:10px}@media(max-width:1100px){.system-stage{font-size:9px}}@media(max-width:650px){.profession-orbit{opacity:.25}.profession-orbit img{display:none}}}