.gateway-page{--gw-jade:#143f34;--gw-gold:#d2b577;color:#f7efd9;isolation:isolate;min-height:100svh;font-family:var(--font-body),sans-serif;background:#142c27;position:relative}.gateway-header{z-index:4;color:#214438;background:linear-gradient(#fff8e9f5,#efe2c7e8);border-bottom:2px solid #b89a5f;justify-content:space-between;align-items:center;gap:18px;min-height:74px;padding:12px clamp(16px,4vw,64px);display:flex;position:relative;box-shadow:0 4px 16px #07191130}.gateway-brand{align-items:center;gap:12px;display:flex}.gateway-brand .game-logo{width:210px;height:48px}.gateway-header .select{color:#244337;background:#fffaef;border:1px solid #bfa36f}.gateway-header-action{color:#315647;cursor:pointer;background:0 0;border:1px solid #b59a67;border-radius:4px;align-items:center;gap:8px;padding:8px 15px;font-size:13px;font-weight:700;display:inline-flex}.gateway-header-action .theme-icon{width:18px;height:18px}.gateway-stage{background:#456e63;grid-template-columns:1fr 1fr;max-width:none;min-height:calc(100svh - 152px);padding:clamp(28px,4vw,65px) max(5vw,50vw - 740px);display:grid;position:relative;overflow:hidden}.gateway-landscape{z-index:0;filter:saturate(.9);background:url(/art/landscape/sect-outer-wide-v19.webp) 50% 44%/cover;position:absolute;inset:0}.gateway-stage:before{content:"";z-index:1;background:linear-gradient(90deg,#0e2d29e8,#173d35b5 37%,#224d392b 70%,#4e4a2c1a),linear-gradient(#0000 55%,#102d2aea);position:absolute;inset:0}.gateway-story{z-index:2;align-self:center;max-width:530px;padding:8px 0;position:relative}.gateway-eyebrow{letter-spacing:.16em;color:#dec99c;font-size:12px;font-weight:600}.gateway-story h1{color:#fff5dd;text-shadow:0 3px 15px #10292280;margin:16px 0 20px;font-size:clamp(40px,4.6vw,74px);line-height:1.3}.gateway-story h1 em{color:#e6c884;font-style:normal;display:block}.gateway-intro{color:#e8e7d8;max-width:460px;margin:0 0 24px;font-size:15px;line-height:1.95}.gateway-path{border-left:2px solid #ba9b62;margin-bottom:28px;padding-left:16px}.gateway-path>span{color:#ebd398;font-size:19px;font-weight:700}.gateway-path p{color:#d1ddcf;max-width:430px;margin:7px 0 0;font-size:13px;line-height:1.9}.gateway-auth{color:#244739;background:linear-gradient(125deg,#fff9e9f7,#eee0c3f5);border:1px solid #d8bf87;border-radius:5px;max-width:400px;padding:22px 26px;scroll-margin-top:20px;position:relative;box-shadow:0 12px 35px #06201850,inset 0 0 0 5px #bfa77920}.gateway-auth-title{align-items:center;gap:8px;margin-bottom:12px;display:flex}.gateway-auth-title h2{color:#244739;margin:0;font-size:19px}.gateway-auth-note,.gateway-welcome{margin:0 0 14px;font-size:13px;line-height:1.8}.gateway-google{justify-content:center;width:100%;min-height:44px;display:flex;overflow:hidden}.gateway-loading{color:#75654a;min-height:44px;font-size:13px}.gateway-play,.gateway-realm-play{color:#fff4d5;text-align:center;cursor:pointer;background:linear-gradient(#3f8768,#15503d);border:1px solid #bc9c5d;border-radius:4px;justify-content:center;align-items:center;gap:18px;min-height:52px;padding:12px 16px;font-weight:700;text-decoration:none;display:flex;box-shadow:inset 0 1px #ffffcf45,0 3px #0c3529}.gateway-play{font-size:22px}.gateway-play:hover,.gateway-realm-play:hover{color:#fff;background:linear-gradient(#4b9677,#1a644a);text-decoration:none}.gateway-dev{color:#796a50;margin-top:12px;font-size:12px}.gateway-dev form{padding-top:10px}.gateway-dev summary{cursor:pointer}.gateway-showcase{z-index:2;flex-direction:column;justify-content:flex-end;align-items:center;min-width:0;min-height:630px;padding-bottom:0;display:flex;position:relative}.gateway-character{pointer-events:none;height:calc(100% - 36px);max-height:720px;position:absolute;bottom:125px;left:-4%;right:-12%}.gateway-character img{z-index:1;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #062a2155);width:100%;height:100%;animation:.45s ease-out gateway-appear;position:relative}.gateway-qi{background:radial-gradient(#d7ecd544,#0000 65%);border-radius:50%;width:70%;height:60%;animation:7s ease-in-out infinite gateway-breath;position:absolute;top:25%;left:15%}.race-demon .gateway-qi{background:radial-gradient(#c0826755,#0000 65%)}.race-flora .gateway-qi{background:radial-gradient(#bdcd7155,#0000 65%)}.race-beast .gateway-qi{background:radial-gradient(#d0af6855,#0000 65%)}.gateway-character-caption{z-index:2;text-align:center;text-shadow:0 2px 10px #072920;margin:0 0 12px;position:relative}.gateway-character-caption>span{letter-spacing:.12em;color:#e1d1a8;font-size:11px}.gateway-character-caption h2{color:#fff5d6;margin:5px 0;font-size:25px}.gateway-races{z-index:2;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;width:100%;max-width:440px;display:grid;position:relative}.gateway-race{color:#e9dbba;cursor:pointer;background:#173d34c9;border:1px solid #b79b607a;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-height:92px;padding:10px 5px;font-size:12px;display:flex}.gateway-race img{object-fit:contain;width:45px;height:45px}.gateway-race.selected{color:#224d3e;background:#f5e9c9;border-color:#edca7b;box-shadow:0 0 18px #e6c27730}.gateway-race:hover{border-color:#e6ca87}.gateway-footer{color:#dbcba6;background:#102b25;border-top:1px solid #ae8f505c;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 42px;min-height:78px;padding:16px 24px;display:flex;position:relative}.gateway-footer>div{align-items:center;gap:9px;font-size:13px;display:flex}.gateway-footer .theme-icon{color:#c4a66b;width:24px;height:24px}.gateway-footer .community-link{color:#efe2bf;background:0 0;border-color:#877747}.gateway-worlds{color:#294637;background:#edf1e8}.gateway-world-backdrop{z-index:-1;pointer-events:none;background:linear-gradient(#153c3750,#eaf0e4ed 600px),url(/art/landscape/sect-outer-wide-v19.webp) top/100% no-repeat;position:absolute;inset:74px 0 0}.gateway-world-content{max-width:1320px;margin:auto;padding:0 28px 35px}.gateway-world-intro{align-items:center;min-height:300px;padding:32px 24px;display:flex;position:relative;overflow:hidden}.gateway-world-intro>div:first-child{z-index:1;max-width:630px;position:relative}.gateway-world-intro .gateway-eyebrow{color:#315b49;letter-spacing:.13em}.gateway-world-intro h1{color:#1a493a;text-shadow:0 1px 10px #fffbdf;margin:13px 0;font-size:clamp(30px,3.6vw,49px);line-height:1.45}.gateway-world-intro p{color:#38594a;max-width:560px;font-size:14px;line-height:1.9}.gateway-world-welcome{font-weight:700;color:#254e3d!important;font-size:13px!important}.gateway-world-intro .gateway-character.compact{opacity:.9;width:300px;height:400px;inset:0 20px -65px auto}.gateway-world-intro .gateway-character.compact img{filter:drop-shadow(0 7px 8px #254b3530)}.gateway-world-toolbar{background:#fff7e9ed;border:1px solid #c5ad76;border-radius:5px 5px 0 0;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.gateway-world-tabs{flex-wrap:wrap;gap:6px;display:flex}.gateway-world-tabs button{color:#6d684f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;min-height:44px;padding:9px 14px;font-size:13px;font-weight:600}.gateway-world-tabs button.selected{color:#fff6df;background:#2b604b;border-color:#b79c64}.gateway-open-count{color:#416c50;align-items:center;gap:8px;font-size:12px;display:flex}.gateway-open-count i{background:#50855a;border-radius:50%;width:7px;height:7px}.gateway-realm-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:24px 0;display:grid}.gateway-realm-card{background:#fff9ecef;border:1px solid #c1a674;border-radius:5px;position:relative;overflow:hidden;box-shadow:0 5px 0 -3px #d4c3a0,0 12px 24px #33493216}.gateway-realm-card.has-sect{border-color:#689074}.gateway-realm-art{background:#5b7c61;border-bottom:1px solid #ccb37e;height:145px;position:relative;overflow:hidden}.gateway-realm-art>img{object-fit:cover;object-position:center 45%;width:100%;height:100%;transition:transform .5s}.gateway-realm-card:hover .gateway-realm-art>img{transform:scale(1.035)}.gateway-realm-art:after{content:"";pointer-events:none;background:linear-gradient(#0000 40%,#173f3245);position:absolute;inset:0}.gateway-speed-seal{z-index:1;color:#ffefc6;background:#1e4b3de8;border:2px solid #efd398;border-radius:50%;place-items:center;width:50px;height:50px;font-size:18px;font-weight:800;display:grid;position:absolute;top:14px;left:14px;box-shadow:0 0 0 3px #173c3066}.gateway-realm-state{z-index:1;position:absolute;bottom:12px;right:12px;font-size:11px!important}.gateway-realm-body{gap:12px;padding:18px 20px}.gateway-realm-body h2{color:#2b523f;line-height:1.5;font-size:21px!important}.gateway-realm-facts{color:#756d53;flex-wrap:wrap;gap:9px 14px;font-size:12px;display:flex}.gateway-realm-facts>span{align-items:center;gap:5px;display:flex}.gateway-realm-facts .theme-icon{color:#6f855e;width:17px;height:17px}.gateway-realm-population{background:#e8ddc3;border-radius:2px;height:4px;overflow:hidden}.gateway-realm-population>span{background:#76977a;height:100%;display:block}.gateway-realm-footer{border-top:1px solid #ded0ad;gap:10px;padding-top:12px;display:grid}.gateway-realm-identity{color:#8b7853;font-size:11px}.has-sect .gateway-realm-identity{color:#467458;font-weight:700}.gateway-realm-play{min-height:46px;padding:10px 8px;font-size:15px}.gateway-realm-play:disabled{box-shadow:none;color:#928771;cursor:default;background:#e5ddc9;border-color:#cdbfa1}.gateway-no-realms{text-align:center;color:#7a6d51;background:#fff9eb;border:1px solid #d6c5a1;padding:40px 20px}.gateway-world-footer{color:#6e7661;border-top:1px solid #c6b993;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-top:18px;font-size:12px;display:flex}.gateway-found-modal .race-opt.on{background:#eef4df;border-color:#689378}@keyframes gateway-breath{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:.8;transform:scale(1.05)}}@keyframes gateway-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (max-width:1100px){.gateway-stage{grid-template-columns:1fr 1fr;padding:35px 4vw}.gateway-story h1{font-size:48px}.gateway-showcase{min-height:620px}.gateway-character{max-height:680px;left:-16%;right:-22%}.gateway-realm-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.gateway-world-intro>div:first-child{max-width:65%}}@media (max-width:700px){.gateway-header{gap:8px;min-height:64px;padding:8px 14px}.gateway-brand{flex-direction:column;align-items:flex-start;gap:6px}.gateway-brand .game-logo{width:142px;height:34px}.gateway-brand .game-version{padding:1px 4px;font-size:9px}.gateway-header>.row{gap:6px}.gateway-header .select{min-height:36px;padding:6px;font-size:12px}.gateway-header-action{min-height:38px;padding:8px;font-size:11px}.gateway-header-action .theme-icon{display:none}.gateway-stage{flex-direction:column;min-height:0;padding:26px 20px 24px;display:flex;overflow:hidden}.gateway-stage:before{background:linear-gradient(#153b33b5,#143a3275 40%,#0f322cec 80%)}.gateway-landscape{background-position:60% 0}.gateway-story{display:contents}.gateway-eyebrow{letter-spacing:.09em;font-size:10px}.gateway-story h1{margin:10px 0;font-size:36px;line-height:1.3}.gateway-intro{max-width:92%;margin-bottom:0;font-size:12px;line-height:1.9}.gateway-path{order:2;margin:16px 0 20px;padding-left:12px}.gateway-path>span{font-size:17px}.gateway-path p{max-width:none;font-size:12px}.gateway-showcase{order:1;min-height:425px;margin-top:8px}.gateway-character{height:340px;max-height:none;bottom:102px;left:0;right:0}.gateway-character-caption{display:none}.gateway-races{gap:7px;max-width:400px;margin-top:auto}.gateway-race{gap:3px;min-height:76px;padding:7px 3px;font-size:11px}.gateway-race img{width:38px;height:38px}.gateway-auth{order:3;align-self:center;width:100%;max-width:none;padding:20px}.gateway-auth-title h2{font-size:18px}.gateway-footer{justify-content:center;gap:14px;padding:18px 12px}.gateway-footer>div{gap:5px;font-size:11px}.gateway-footer .theme-icon{width:18px;height:18px}.gateway-footer>.community-link{flex-basis:100%;justify-content:center;width:fit-content;max-width:220px}.gateway-world-content{padding:0 14px 24px}.gateway-world-backdrop{background-position:65% 0;background-size:auto 500px;inset:64px 0 0}.gateway-world-intro{min-height:230px;padding:26px 4px 24px}.gateway-world-intro>div:first-child{max-width:80%}.gateway-world-intro h1{margin:10px 0;font-size:30px}.gateway-world-intro p{margin-bottom:8px;font-size:12px}.gateway-world-intro .gateway-character.compact{opacity:.32;width:170px;height:260px;top:16px;bottom:auto;right:-52px}.gateway-world-toolbar{gap:7px;padding:10px}.gateway-world-tabs{gap:2px}.gateway-world-tabs button{padding:8px 9px;font-size:12px}.gateway-open-count{padding-left:8px;font-size:11px}.gateway-realm-cards{grid-template-columns:1fr;gap:18px;padding:18px 0}.gateway-realm-art{height:140px}.gateway-realm-body{padding:16px 18px}.gateway-world-footer{text-align:center;justify-content:center}.gateway-found-modal .race-pick{gap:7px}.gateway-found-modal .race-opt{padding:8px;font-size:12px}}@media (prefers-reduced-motion:reduce){.gateway-qi,.gateway-character img{animation:none}.gateway-realm-art>img{transition:none}}.gateway-realm-state.badge{color:#375f49;background:#fff5deed;border-color:#d3bb84}.gateway-realm-card.resting .gateway-realm-state.badge{color:#775125}.gateway-race-details{background:#102e28bb;border:1px solid #b99d6770;border-left:2px solid #cfb175;border-radius:0 4px 4px 0;max-width:490px;margin-bottom:22px;padding:15px 18px}.gateway-race-details h2{color:#f0d498;margin:0;font-size:18px;line-height:1.6}.gateway-race-details h3{color:#ecd3a4;margin:12px 0 5px;font-size:12px}.gateway-race-details p{max-width:none;font-size:12px;line-height:1.8}.gateway-race-details ul{color:#e6edde;margin:5px 0 10px;padding-left:19px;font-size:12px;line-height:1.9}.gateway-race-details li::marker{color:#d5b575}.gateway-race-details .gateway-race-suited{color:#f1e0bd;border-top:1px solid #e4cb8730;padding-top:9px}.gateway-race-more{color:#d9e4d5;margin-top:11px;font-size:12px}.gateway-race-more summary{cursor:pointer;color:#efd497;min-height:36px;padding:7px 0;line-height:1.8}.gateway-race-more summary:focus-visible{outline-offset:3px;outline:2px solid #e9c77f}.gateway-race-more>div{padding:0 0 3px}@media (max-width:700px){.gateway-race-details{width:100%;max-width:none;margin:16px 0 20px;padding:14px 16px}.gateway-race-details h2{font-size:16px}.gateway-race-details h3,.gateway-race-details p,.gateway-race-details ul{font-size:12px}.gateway-race-more summary{min-height:44px}}.gateway-policies{border-top:1px solid #bda56c55;border-bottom:1px solid #bda56c55;margin:0 0 16px;padding:12px 0}.gateway-policy-check{cursor:pointer;color:#244739;align-items:flex-start;gap:10px;font-size:12px;line-height:1.8;display:flex}.gateway-policy-check input{accent-color:#2b604b;flex-shrink:0;width:18px;height:18px;margin:2px 0}.gateway-policy-links{flex-wrap:wrap;align-items:center;gap:8px;margin-top:7px;display:flex}.gateway-policy-links button{color:#315c47;cursor:pointer;background:0 0;border:0;min-height:34px;padding:7px 0;font-size:12px;text-decoration:underline}.gateway-policies .gateway-policy-hint{color:#776342;margin:6px 0 0;font-size:11px;line-height:1.7}.gateway-login-locked{color:#7d735c;background:#e7dfcb;border:1px solid #c9b98f;border-radius:4px;width:100%;min-height:44px;font-size:12px}.gateway-policy-document{color:#334b3c;line-height:1.9}.gateway-policy-document h3{color:#2b5845;margin:22px 0 8px;font-size:17px}.gateway-policy-document p{white-space:pre-line;overflow-wrap:anywhere;font-size:14px}.gateway-policy-document a{color:#28694e;text-decoration:underline}.gateway-policy-modal .modal-body{background:linear-gradient(120deg,#fffaed,#f4ead1)}.gateway-stage:before,.gateway-landscape{pointer-events:none}.gateway-auth,.gateway-race-details,.gateway-story>h1,.gateway-story>.gateway-eyebrow,.gateway-story>.gateway-intro{z-index:2;position:relative}.gateway-auth{border:2px solid #d7b775;max-width:440px;box-shadow:0 12px 35px #06201860,inset 0 0 0 5px #bfa77920}.gateway-auth-title h2{font-size:24px;line-height:1.4}.gateway-auth-title .theme-icon{width:29px;height:29px}.gateway-header .gateway-login-entry{color:#fff6df;background:linear-gradient(#39765d,#1b4d3b);border-color:#be9c58;padding:10px 18px;font-size:14px;box-shadow:0 2px 4px #25473530}.gateway-policies{background:#fff5d9;border:2px solid #c7a259;border-radius:5px;margin:16px 0;padding:14px;box-shadow:0 3px 9px #8c713615}.gateway-policy-heading{color:#694d1c;margin:0 0 12px;font-size:15px;line-height:1.5}.gateway-policy-check{gap:12px;min-height:48px;font-size:14px;font-weight:600;line-height:1.8}.gateway-policy-check input{cursor:pointer;width:25px;height:25px;margin-top:1px}.gateway-policy-links{gap:5px 10px;margin-top:7px}.gateway-policy-links button{min-height:44px;font-size:12px;font-weight:600}.gateway-policies .gateway-policy-hint{margin-top:9px;font-size:12px;line-height:1.7}.gateway-policies.is-accepted{background:#e6f2df;border-color:#358062}.gateway-policies.is-accepted .gateway-policy-heading,.gateway-policies.is-accepted .gateway-policy-hint{color:#225b40}.gateway-policies.is-accepted .gateway-policy-hint{font-weight:700}.gateway-google{background:linear-gradient(#3f7a61,#214f3d);border:1px solid #bb9b5d;border-radius:5px;min-height:66px;padding:10px;box-shadow:0 3px #183a2c}.gateway-login-locked{background:#e4ddcb;border:2px solid #cbbb95;min-height:58px;font-size:14px;font-weight:600}@media (max-width:700px){.gateway-auth{max-width:none;padding:20px 16px}.gateway-auth-title h2{font-size:22px}.gateway-policies{padding:12px}.gateway-policy-heading{font-size:15px}.gateway-policy-check{font-size:13px}.gateway-header .gateway-login-entry{padding:9px 12px;font-size:12px}}.gateway-story{flex-direction:column;display:flex}.gateway-story>.gateway-auth{order:1;margin-bottom:20px}.gateway-story>.gateway-race-details{order:2;margin-bottom:0}@media (max-width:700px){.gateway-story{display:contents}.gateway-story>.gateway-auth{order:1;margin:20px 0 12px}.gateway-showcase{order:2}.gateway-story>.gateway-race-details{order:3;margin-bottom:20px}}.gateway-race-details{background:#102e28f2;padding:20px 22px}.gateway-race-details h2{color:#ffe3a4;font-size:24px;line-height:1.5}.gateway-race-details h3{color:#ffe3a4;margin:18px 0 8px;font-size:18px;line-height:1.6}.gateway-race-details p,.gateway-race-details ul{color:#f1f5e9;font-size:18px;line-height:1.9}.gateway-race-details ul{margin:8px 0 16px;padding-left:24px}.gateway-race-details li+li{margin-top:7px}.gateway-race-details .gateway-race-suited{color:#fff0cc;padding-top:14px}.gateway-race-more{font-size:18px}.gateway-race-more summary{color:#ffe3a4;min-height:48px;font-size:17px;line-height:1.8}.gateway-race-more p{margin-bottom:14px}@media (max-width:700px){.gateway-race-details{padding:18px 16px}.gateway-race-details h2{font-size:22px}.gateway-race-details h3{font-size:18px}.gateway-race-details p,.gateway-race-details ul,.gateway-race-more,.gateway-race-more summary{font-size:16px;line-height:1.85}}