:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#10282d;--cream:#f0e1bf;--paper:#dbcaa4;--ember:#bd4b36;--gold:#e8b75b;--fjord:#174558;--moss:#6f8955;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:#0b242d;min-height:100%;margin:0}body{color:var(--cream)}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}.play-page{overscroll-behavior:none;height:100dvh;overflow:hidden}.landing-shell{color:#f3e4c1;background:#071c24;min-height:100vh;overflow:hidden}.landing-nav{z-index:12;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.13em;background:linear-gradient(#041219d1,#04121957);border-bottom:1px solid #e8c4742e;grid-template-columns:1fr auto 1fr;align-items:center;height:92px;padding:0 clamp(22px,5vw,82px);display:grid;position:absolute;inset:0 0 auto}.brand{letter-spacing:.2em;font-family:Georgia,serif;font-size:22px;font-weight:800}.brand-lockup{align-items:center;gap:13px;width:max-content;display:inline-flex}.brand-sigil{clip-path:polygon(50% 0,93% 19%,84% 75%,50% 100%,16% 75%,7% 19%);background:linear-gradient(145deg,#f0ce7e,#8c542d 65%,#582b22);flex:0 0 39px;width:39px;height:45px;display:block;position:relative;box-shadow:0 0 25px #e2b2553d}.brand-sigil:before{content:"";clip-path:inherit;background:#0a2831;position:absolute;inset:3px}.brand-sigil i,.brand-sigil b{z-index:1;transform-origin:50% 70%;background:#dcad59;width:3px;height:26px;position:absolute;top:9px;left:50%}.brand-sigil i{transform:translate(-50%)rotate(34deg)}.brand-sigil b{transform:translate(-50%)rotate(-34deg)}.brand-word{gap:3px;display:grid}.brand-word strong{letter-spacing:.19em;font:800 21px/1 Georgia,serif}.brand-word small{color:#91a39e;letter-spacing:.2em;font-size:7px;font-weight:850}.nav-mark{color:#d8c89f;align-items:center;gap:9px;font-size:9px;font-weight:800;display:flex}.nav-mark i{background:#77ba85;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #77ba85}.nav-play{justify-self:end}.hero{isolation:isolate;background:#081f29;align-items:center;min-height:clamp(760px,100vh,980px);display:flex;position:relative;overflow:hidden}.hero-backdrop{z-index:-2;background:url(/art/eldfjara-fjord-hero.webp) 58%/cover no-repeat;position:absolute;inset:0;transform:scale(1.012)}.hero:before{content:"";z-index:-1;background:linear-gradient(90deg,#031017f7 0%,#031017e0 28%,#03101775 52%,#0310170f 78%),linear-gradient(#030f1566,#0000 40%,#030e13b8);position:absolute;inset:0}.hero-copy{z-index:3;width:min(780px,56vw);padding:150px 2vw 120px clamp(32px,7vw,122px);position:relative}.eyebrow{color:#e6b75d;letter-spacing:.22em;margin:0 0 20px;font-size:10px;font-weight:900}.hero h1,.gate-card h1,.scenario-feature h1,.scenario-command h2{font-family:Georgia,serif;font-weight:500;line-height:.94}.hero h1{color:#f4e7c8;letter-spacing:-.052em;text-shadow:0 5px 34px #00000057;max-width:760px;margin:0;font-size:clamp(58px,6.2vw,105px)}.hero h1 em{color:#d75a3f;font-weight:500}.hero-lede{color:#c1cec8;text-shadow:0 2px 12px #031015;max-width:650px;margin:30px 0;font-size:15px;line-height:1.75}.hero-actions{align-items:center;gap:24px;display:flex}.forge-button{cursor:pointer;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px);color:#fff0c9;letter-spacing:.07em;text-transform:uppercase;background:linear-gradient(#bd4935,#8f2d24);border:1px solid #e2af55;justify-content:center;align-items:center;gap:30px;min-height:59px;padding:0 27px;font-size:12px;font-weight:900;transition:filter .18s,transform .18s;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff2e,0 14px 34px #00000052}.forge-button:before{content:"";clip-path:inherit;pointer-events:none;border:1px solid #f4ce7e3d;position:absolute;inset:5px}.forge-button:hover,.forge-button:focus-visible{filter:brightness(1.12);outline:0;transform:translateY(-2px)}.forge-button b{color:#f4d38a;font-size:18px;line-height:1}.forge-button-small{min-height:42px;padding:0 19px;font-size:9px}.primary-cta{cursor:pointer;background:var(--ember);color:#fff4db;letter-spacing:.04em;border:0;justify-content:center;align-items:center;gap:32px;min-height:54px;padding:0 24px;font-weight:850;display:inline-flex;box-shadow:6px 7px #3c281a33}.primary-cta:hover{background:#a83c2d;transform:translateY(-1px)}.play-note{color:#9eb0aa;max-width:220px;font-size:10px;font-weight:650;line-height:1.55}.play-note b{color:#edcf87}.hero-facts{border-block:1px solid #e0c17d2e;gap:0;width:min(590px,100%);margin-top:38px;display:flex}.hero-facts span{color:#8fa49e;letter-spacing:.04em;flex:1;padding:14px 16px 14px 0;font-size:9px}.hero-facts strong{color:#f0d28e;margin-bottom:2px;font:500 22px Georgia,serif;display:block}.hero-roster{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#04141bad;border:1px solid #e3c47f33;display:flex;position:absolute;bottom:44px;right:clamp(24px,4vw,70px)}.hero-roster>span{border-right:1px solid #e3c47f26;grid-template-columns:auto 1fr;gap:0 9px;min-width:145px;padding:12px 15px;display:grid}.hero-roster>span:last-child{border:0}.hero-roster i{color:#c85039;grid-row:1/3;font:10px Georgia,serif}.hero-roster b{color:#f0d89f;font:500 13px Georgia,serif}.hero-roster small{color:#8fa39e;letter-spacing:.05em;text-transform:uppercase;font-size:7px}.hero-scroll{color:#748a85;letter-spacing:.18em;transform-origin:0;align-items:center;gap:12px;font-size:7px;font-weight:900;display:flex;position:absolute;bottom:38px;left:20px;transform:rotate(-90deg)}.hero-scroll i{background:#a68448;width:48px;height:1px}.landing-intro{background:#0b2831;grid-template-columns:minmax(320px,.9fr) minmax(360px,.7fr);gap:9vw;padding:100px clamp(28px,8vw,140px);display:grid}.landing-intro h2,.landing-roster-section h2{letter-spacing:-.035em;margin:0;font:500 clamp(39px,4.6vw,70px)/1.02 Georgia,serif}.landing-intro>p{color:#9eb1aa;align-self:end;margin:0;font-size:15px;line-height:1.8}.pillars{background:#081f27;border-block:1px solid #e1c0772e;grid-template-columns:repeat(3,1fr);display:grid}.pillars article{border-right:1px solid #e1c07726;grid-template-columns:118px 1fr;align-items:center;gap:20px;min-width:0;padding:42px clamp(22px,3.3vw,58px);display:grid}.pillars article:last-child{border:0}.pillars img{object-fit:cover;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);background:#102b31;border:1px solid #e1be6940;width:118px;height:118px}.pillars span{color:#c9503a;letter-spacing:.16em;font-size:10px;font-weight:900}.pillars h2{color:#ead9ae;margin:9px 0 8px;font-family:Georgia,serif;font-size:25px}.pillars p{color:#829791;margin:0;font-size:12px;line-height:1.6}.landing-roster-section{background:#071a22;grid-template-columns:1.15fr .85fr;min-height:680px;display:grid}.roster-key-art{background:linear-gradient(90deg,#0000 68%,#071a22),url(/art/eldfjara-fjord-hero.webp) 62%/cover no-repeat;min-height:680px}.roster-copy{align-self:center;padding:70px clamp(28px,7vw,115px) 70px 4vw}.roster-copy p:not(.eyebrow){color:#99aca6;line-height:1.78}.text-journey{color:#edcf85;letter-spacing:.08em;text-transform:uppercase;border-bottom:1px solid #be953f;gap:35px;margin-top:22px;padding-bottom:8px;font-size:11px;font-weight:900;display:inline-flex}.landing-footer{color:#7f928d;letter-spacing:.1em;background:#04161d;border-top:1px solid #e2c07521;justify-content:space-between;padding:30px clamp(28px,7vw,120px);font-size:9px;display:flex}.footer-brand{color:#e0bd72;letter-spacing:.22em;font:800 12px Georgia,serif}.gate-screen{background:#061c24;grid-template-columns:minmax(0,1.18fr) minmax(440px,.82fr);min-height:100dvh;display:grid;overflow:auto}.gate-scene{background:url(/art/eldfjara-fjord-hero.webp) 61%/cover no-repeat;min-height:100dvh;position:relative;overflow:hidden}.gate-scene:after{content:"";background:linear-gradient(90deg,#0310164d,#0310160d 55%,#031016e0),linear-gradient(#03101661,#0000 45%,#031016e6);position:absolute;inset:0}.gate-brand{z-index:2;position:absolute;top:36px;left:clamp(26px,4vw,68px)}.gate-scene-copy{z-index:2;max-width:620px;position:absolute;bottom:clamp(34px,7vh,90px);left:clamp(26px,5vw,82px);right:10%}.gate-scene-copy h2{color:#f1e2bd;letter-spacing:-.04em;margin:0 0 18px;font:500 clamp(42px,5.2vw,78px)/.98 Georgia,serif}.gate-scene-copy>p:not(.eyebrow){color:#b7c4be;max-width:540px;line-height:1.65}.gate-roster{gap:8px;margin-top:24px;display:flex}.gate-roster span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05181fa6;border:1px solid #e5c27338;min-width:112px;padding:10px 12px}.gate-roster b,.gate-roster small{display:block}.gate-roster b{color:#efd593;font:500 13px Georgia,serif}.gate-roster small{color:#839892;letter-spacing:.1em;text-transform:uppercase;margin-top:2px;font-size:7px}.gate-panel-wrap{background:radial-gradient(circle at 50% 20%,#264d5059,#0000 40%),#071d25;place-items:center;min-height:100dvh;padding:clamp(28px,5vw,76px);display:grid}.gate-card{clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px);background:linear-gradient(155deg,#0f2f36fa,#061a21fc);border:1px solid #efdcb03d;width:min(520px,100%);padding:clamp(32px,4vw,58px);position:relative;box-shadow:0 32px 80px #010a0d94}.gate-card:before{content:"";clip-path:inherit;pointer-events:none;border:1px solid #e2bb6114;position:absolute;inset:8px}.gate-card-rune{border:1px solid #b8863d;border-radius:50%;width:46px;height:46px;margin-bottom:28px;display:block;position:relative}.gate-card-rune:before{content:"";border-radius:inherit;border:1px solid #dcad5559;position:absolute;inset:6px}.gate-card-rune i,.gate-card-rune b{transform-origin:50% 68%;background:#e0b35b;width:2px;height:25px;position:absolute;top:10px;left:50%}.gate-card-rune i{transform:rotate(36deg)}.gate-card-rune b{transform:rotate(-36deg)}.gate-card h1{color:#f2e4c3;letter-spacing:-.035em;margin:0 0 20px;font-size:clamp(42px,4vw,59px)}.gate-card>p:not(.eyebrow){color:#adbbb5;font-size:13px;line-height:1.68}.gate-benefits{border-block:1px solid #ddbd741f;gap:0;margin:24px 0 20px;padding:0;list-style:none;display:grid}.gate-benefits li{border-bottom:1px solid #ddbd7417;grid-template-columns:31px 1fr;align-items:center;gap:11px;padding:12px 0;display:grid}.gate-benefits li:last-child{border:0}.gate-benefits li>i{color:#c84c38;font:10px Georgia,serif}.gate-benefits b,.gate-benefits small{display:block}.gate-benefits b{color:#dfcea7;font-size:11px}.gate-benefits small{color:#7f948e;margin-top:3px;font-size:8px;line-height:1.35}.google-button,.local-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:13px;width:100%;min-height:57px;margin-top:14px;font-weight:800;display:flex}.google-button{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color:#173039;background:linear-gradient(#f6ecd5,#dfcda5);position:relative;box-shadow:0 12px 30px #0000003d}.google-button:before{content:"";clip-path:inherit;border:1px solid #442c152e;position:absolute;inset:4px}.google-button.disabled{opacity:.48;cursor:not-allowed}.google-button .google-mark{color:#4285f4;background:#fff;border:1px solid #1e3b422e;border-radius:50%;place-items:center;width:30px;height:30px;font:800 16px Arial,sans-serif;display:grid}.google-button>b{letter-spacing:.035em;font-size:11px}.google-button>i{color:#9c3c2e;margin-left:auto;padding-right:18px;font:18px Georgia,serif}.local-button{background:var(--ember)}.profile-form{gap:11px;display:grid}.profile-form p{color:#b9c6bf;line-height:1.55}.profile-form label{color:#dec681;letter-spacing:.12em;text-transform:uppercase;font-size:10px;font-weight:900}.profile-form input{color:#f4ead2;background:#102d33;border:1px solid #e2be6973;outline:none;min-height:50px;padding:0 15px;font-size:17px}.profile-form input:focus{border-color:#e5bd64;box-shadow:0 0 0 3px #e5bd641f}.profile-form .local-button{color:#fff;cursor:pointer;border:1px solid #e0aa50;font-weight:850}.profile-form .form-error{color:#ef9988;text-align:left;margin:0}.text-button{color:#9bada6;cursor:pointer;background:0 0;border:0;text-decoration:underline}.gate-card small{color:#9eafa9;text-align:center;margin-top:16px;display:block}.gate-card .success-note{color:#9ddc9e}.gate-legal{color:#708781;letter-spacing:.05em;justify-content:center;gap:9px;margin-top:18px;font-size:8px;display:flex}.gate-legal a:hover{color:#ddc17c}.connection-check,.connection-fallback{margin-top:16px}.connection-check small,.connection-fallback small{margin-top:9px}.connection-progress{background:#97b0a829;border-radius:999px;height:5px;overflow:hidden}.connection-progress i{border-radius:inherit;background:linear-gradient(90deg,#b34a37,#e8b75b,#b34a37);width:45%;height:100%;animation:1.25s ease-in-out infinite connection-scan;display:block}.connection-fallback{background:#e8b75b0f;border:1px solid #e8b75b38;padding:12px 14px}.connection-fallback small{color:#d7c79f;margin:0;line-height:1.45}.connection-fallback button{color:#e8c778;cursor:pointer;background:0 0;border:1px solid #e8b75b66;margin:10px auto 0;padding:7px 12px;font-size:11px;display:block}@keyframes connection-scan{0%{transform:translate(-110%)}to{transform:translate(245%)}}.scenario-select-screen{isolation:isolate;color:#f2e3c0;background:#061820;min-height:100dvh;position:relative;overflow:auto}.scenario-select-backdrop{z-index:-3;background:url(/art/eldfjara-fjord-hero.webp) 61%/cover no-repeat;position:fixed;inset:0;transform:scale(1.012)}.scenario-select-screen:before{content:"";z-index:-2;background:linear-gradient(90deg,#020e14f2,#020e14b3 48%,#020e14e8),linear-gradient(#020d126b,#0000 42%,#020c11f0);position:fixed;inset:0}.scenario-select-screen:after{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#eecb7e0d 1px,#0000 1px),linear-gradient(90deg,#eecb7e09 1px,#0000 1px);background-size:84px 84px;position:fixed;inset:0}.scenario-select-layout{grid-template-columns:minmax(500px,1.08fr) minmax(460px,.78fr);align-items:center;gap:clamp(36px,5vw,86px);width:min(1580px,100%);min-height:100dvh;margin:0 auto;padding:128px clamp(30px,5.8vw,96px) 58px;display:grid}.scenario-feature{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#061c23f0,#072026d1);border:1px solid #e8c77b4d;min-width:0;overflow:hidden;box-shadow:0 35px 90px #0000007a}.scenario-feature-art{background:linear-gradient(#04151c1a,#04161bdb),url(/art/eldfjara-fjord-hero.webp) 58% 58%/cover no-repeat;border-bottom:1px solid #e8c77b33;min-height:clamp(300px,42vh,470px);position:relative;overflow:hidden}.scenario-feature-art:before{content:"";z-index:1;background:radial-gradient(circle at 67% 48%,#e2b55b2e,#0000 32%),linear-gradient(90deg,#031218ad,#0000 55%);position:absolute;inset:0}.scenario-feature-art:after{content:"";z-index:3;clip-path:inherit;pointer-events:none;border:1px solid #e7c26c17;position:absolute;inset:9px}.scenario-feature-art>img{z-index:2;object-fit:contain;filter:saturate(.9)contrast(1.06)drop-shadow(0 28px 23px #0000008c);width:min(58%,470px);height:auto;position:absolute;bottom:-7%;right:clamp(-20px,1vw,18px)}.scenario-feature-number{z-index:2;color:#efcd7d38;letter-spacing:-.08em;font:500 clamp(78px,10vw,150px)/1 Georgia,serif;position:absolute;top:24px;left:32px}.scenario-feature-coordinates{z-index:4;color:#9eb0aa;letter-spacing:.13em;align-items:center;gap:9px;font-size:8px;font-weight:850;display:flex;position:absolute;bottom:23px;left:31px}.scenario-feature-coordinates i{background:#d65a40;border-radius:50%;width:7px;height:7px;box-shadow:0 0 14px #d65a40c7}.scenario-feature-copy{padding:clamp(25px,3.2vw,44px)}.scenario-feature-copy .eyebrow{margin-bottom:11px}.scenario-feature h1{color:#f3e4c0;letter-spacing:-.045em;margin:0 0 16px;font-size:clamp(48px,5vw,76px)}.scenario-feature-copy>p:not(.eyebrow){color:#9eb0aa;max-width:700px;margin:0;font-size:12px;line-height:1.66}.scenario-facts{border-block:1px solid #e1c07526;grid-template-columns:1fr 1fr;gap:0;margin:24px 0 0;display:grid}.scenario-facts div{border-right:1px solid #e1c07521;padding:14px 18px 14px 0}.scenario-facts div+div{border-right:0;padding-left:18px}.scenario-facts dt{color:#6f8781;letter-spacing:.14em;text-transform:uppercase;font-size:7px;font-weight:850}.scenario-facts dd{color:#e4c87f;margin:5px 0 0;font:500 14px Georgia,serif}.scenario-command{clip-path:polygon(18px 0,100% 0,100% calc(100% - 18px),calc(100% - 18px) 100%,0 100%,0 18px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(155deg,#061c23f7,#06191fe8);border:1px solid #e8c77b4d;min-width:0;padding:clamp(26px,3.5vw,48px);box-shadow:0 35px 90px #00000080}.scenario-command-heading h2{color:#f1dfb7;letter-spacing:-.04em;margin:0 0 13px;font-size:clamp(39px,4vw,60px)}.scenario-command-heading>p:not(.eyebrow){color:#8fa49e;max-width:520px;margin:0;font-size:11px;line-height:1.62}.scenario-card-list{gap:8px;margin:28px 0 24px;display:grid}.scenario-card{width:100%;min-height:74px;color:inherit;cursor:pointer;text-align:left;background:linear-gradient(90deg,#1d41427a,#112f3447);border:1px solid #dac18529;grid-template-columns:32px 62px minmax(0,1fr) auto;align-items:center;gap:12px;padding:7px 13px 7px 8px;transition:border-color .18s,background .18s,transform .18s;display:grid}.scenario-card:hover,.scenario-card:focus-visible{background:linear-gradient(90deg,#274e4c9e,#16373a61);border-color:#e2be697a;outline:0;transform:translate(3px)}.scenario-card.active{background:linear-gradient(90deg,#81492a8c,#1a3b3b7a);border-color:#d6ad55;box-shadow:inset 3px 0 #d4543d}.scenario-card-index{color:#c0553e;text-align:center;font:500 13px Georgia,serif}.scenario-card>img{object-fit:cover;background:#102d33;border:1px solid #e7c26c29;width:62px;height:58px}.scenario-card-copy{min-width:0}.scenario-card-copy strong,.scenario-card-copy small{display:block}.scenario-card-copy strong{color:#ecd49b;font:500 17px Georgia,serif}.scenario-card-copy small{color:#7f9690;letter-spacing:.11em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;margin-top:4px;font-size:7px;font-weight:800;overflow:hidden}.scenario-card-state{color:#d4b467;letter-spacing:.11em;font-size:7px;font-weight:900}.scenario-select-actions{grid-template-columns:minmax(210px,1fr) auto;align-items:center;gap:14px;display:grid}.scenario-select-actions .forge-button{justify-content:space-between;width:100%}.scenario-back-button{color:#8ca19b;cursor:pointer;letter-spacing:.04em;background:0 0;border:0;min-height:48px;padding:0 5px;font-size:9px;font-weight:800}.scenario-back-button:hover,.scenario-back-button:focus-visible{color:#e3c477;outline:0}.main-menu-screen{isolation:isolate;color:#f2e3c0;background:#061820;min-height:100dvh;position:relative;overflow:auto}.main-menu-backdrop{z-index:-3;background:url(/art/eldfjara-fjord-hero.webp) 58%/cover no-repeat;position:fixed;inset:0;transform:scale(1.012)}.main-menu-screen:before{content:"";z-index:-2;background:linear-gradient(90deg,#020e14f7 0%,#020e14e0 28%,#020e1478 54%,#020e148a 100%),linear-gradient(#020d1252,#0000 44%,#020c11d1);position:fixed;inset:0}.main-menu-screen:after{content:"";z-index:-1;opacity:.17;pointer-events:none;background-image:linear-gradient(#eecb7e0f 1px,#0000 1px),linear-gradient(90deg,#eecb7e09 1px,#0000 1px);background-size:84px 84px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 46%);mask-image:linear-gradient(90deg,#000,#0000 46%)}.main-menu-topbar{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#031117d1,#03111733);border-bottom:1px solid #e8c4742e;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,5vw,82px);display:flex;position:absolute;inset:0 0 auto}.main-menu-profile{background:#05191fa8;border:1px solid #e2c17533;grid-template-columns:9px auto;align-items:center;gap:2px 9px;padding:10px 14px;display:grid}.main-menu-profile i{background:#74bd83;border-radius:50%;grid-row:1/3;width:7px;height:7px;box-shadow:0 0 13px #74bd83}.main-menu-profile span{color:#788d88;letter-spacing:.13em;font-size:7px;font-weight:850}.main-menu-profile strong{color:#e8d29c;font:500 13px Georgia,serif}.main-menu-layout{z-index:2;grid-template-columns:minmax(390px,.78fr) minmax(520px,1.04fr);align-items:center;gap:clamp(44px,7vw,120px);width:min(1600px,100%);min-height:100dvh;margin:0 auto;padding:132px clamp(34px,7vw,118px) 82px;display:grid;position:relative}.main-menu-hero{text-shadow:0 3px 20px #0000008c;max-width:610px;padding:38px 0}.main-menu-hero h1{color:#f5e7c6;letter-spacing:-.055em;margin:0 0 24px;font:500 clamp(68px,7vw,112px)/.78 Georgia,serif}.main-menu-hero h1 em{color:#d0573e;font-weight:500}.main-menu-hero>p:not(.eyebrow){color:#c3cfca;max-width:510px;margin:0;font-size:14px;line-height:1.72}.main-menu-actions{gap:10px;width:min(390px,100%);margin:34px 0 22px;display:grid}.main-menu-actions>button{cursor:pointer;width:100%}.main-menu-actions>button:disabled{opacity:.38;cursor:default;filter:grayscale(.35);transform:none}.main-menu-actions .forge-button{justify-content:space-between;min-height:62px}.main-menu-new-game{clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);color:#ebd6a5;text-align:left;background:linear-gradient(90deg,#071f26eb,#0a272cb8);border:1px solid #e6c5786b;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;min-height:62px;padding:0 18px;transition:border-color .18s,background .18s,transform .18s;display:grid}.main-menu-new-game:hover,.main-menu-new-game:focus-visible{background:linear-gradient(90deg,#0d3036f5,#103739d1);border-color:#e4b95e;outline:0;transform:translateY(-2px)}.main-menu-new-game .new-game-rune{color:#d75a40;border-right:1px solid #e7c26c38;place-items:center;width:34px;height:38px;font:24px Georgia,serif;display:grid}.main-menu-new-game strong,.main-menu-new-game small{display:block}.main-menu-new-game strong{color:#f0dba8;letter-spacing:.07em;text-transform:uppercase;font-size:11px}.main-menu-new-game small{color:#819792;margin-top:3px;font-size:8px}.main-menu-new-game>b{color:#d9b767;font-size:20px;font-weight:400}.main-menu-actions .recovery-button{color:#a9ddb9;background:#194c3b80;border:1px solid #74be9766;min-height:45px;font-size:10px;font-weight:800}.main-menu-save-status{color:#829792;letter-spacing:.06em;align-items:center;gap:9px;font-size:9px;display:flex}.main-menu-save-status i{background:#776f61;border-radius:50%;width:6px;height:6px}.main-menu-save-status i.active{background:#76bb83;box-shadow:0 0 10px #76bb83}.main-menu-saves{clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#051b22f5,#071f24e6);border:1px solid #e8c77b52;width:100%;max-height:min(700px,100vh - 150px);padding:clamp(27px,3vw,46px);position:relative;overflow:auto;box-shadow:0 34px 90px #0000008a,inset 0 1px #ffffff09}.main-menu-saves:before{content:"";clip-path:inherit;pointer-events:none;border:1px solid #e0be6f14;position:absolute;inset:7px}.save-panel-rune{opacity:.19;width:38px;height:44px;position:absolute;top:29px;right:31px}.save-panel-rune i,.save-panel-rune b{transform-origin:50% 72%;background:#e2b75f;width:2px;height:31px;position:absolute;top:5px;left:50%}.save-panel-rune i{transform:rotate(35deg)}.save-panel-rune b{transform:rotate(-35deg)}.menu-section-heading{z-index:1;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:24px;padding-right:54px;display:flex;position:relative}.menu-section-heading span{color:#dfba63;letter-spacing:.19em;font-size:8px;font-weight:900}.menu-section-heading h2{color:#f0dfb7;margin:5px 0 4px;font:500 clamp(27px,2.5vw,38px) Georgia,serif}.menu-section-heading p{color:#78908a;margin:0;font-size:9px}.menu-section-heading button,.menu-account-actions button{color:#a8b8b1;cursor:pointer;background:0 0;border:0}.menu-section-heading button{color:#9aaca6;letter-spacing:.05em;align-items:center;gap:5px;padding:4px 0;font-size:8px;display:flex;position:absolute;top:54px;right:0}.menu-section-heading button i{color:#d6b565;font:13px Georgia,serif}.menu-section-heading button:hover,.menu-account-actions button:hover,.menu-account-actions a:hover{color:#e6c874}.snapshot-list{gap:8px;display:grid}.snapshot-row{background:#243e3f66;border:1px solid #ccbc9126;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px 14px;display:grid}.main-menu-saves .snapshot-row{background:linear-gradient(90deg,#1e41427a,#12303542);border-color:#dac1852b;min-height:78px;padding:15px 16px}.main-menu-saves .snapshot-row:hover{background:linear-gradient(90deg,#294e4c94,#15353959);border-color:#e2be6966}.snapshot-copy{min-width:0}.snapshot-copy span,.game-menu-card>span,.save-decision-overlay span{color:#d8b666;letter-spacing:.14em;font-size:8px;font-weight:900;display:block}.snapshot-copy strong{color:#ead9ae;margin:3px 0;font:600 15px Georgia,serif;display:block}.snapshot-copy small{color:#8fa39b;text-overflow:ellipsis;white-space:nowrap;font-size:9px;display:block;overflow:hidden}.snapshot-actions{gap:6px;display:flex}.snapshot-actions button{cursor:pointer;background:#18383d;border:1px solid #526866;min-height:34px;padding:0 11px;font-size:9px}.snapshot-actions button:hover{color:#efd086;border-color:#c29d51}.snapshot-actions button.danger{color:#d99383}.save-empty{color:#8ea29b;text-align:center;border:1px dashed #ccbc9138;gap:5px;padding:30px 18px;display:grid}.save-empty strong{color:#d5c69f;font-family:Georgia,serif}.main-menu-saves .save-empty{background:radial-gradient(circle at 50% 34%,#4d725e47,#0000 30%),linear-gradient(#0d2a2f75,#081f24b3);border-style:solid;align-content:end;min-height:210px;padding:118px 24px 25px;position:relative;overflow:hidden}.main-menu-saves .save-empty:before{content:"";filter:saturate(.72)sepia(.08)drop-shadow(0 18px 16px #00000075);opacity:.7;background:url(/assets/ui/buildings/watchtower@2x.webp?v=eldfjara-v14) 50%/contain no-repeat;width:170px;height:170px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.main-menu-saves .save-empty strong,.main-menu-saves .save-empty span{z-index:1;position:relative}.main-menu-saves .save-empty strong{color:#e7d19d;font-size:17px}.main-menu-saves .save-empty span{color:#829a94;font-size:9px;line-height:1.5}.legacy-import{color:#a9bab3;cursor:pointer;background:#0a272b8c;border:1px solid #d1b87c33;width:100%;min-height:38px;margin-top:10px;font-size:9px}.menu-account-actions{color:#8da19b;letter-spacing:.04em;border-top:1px solid #d2c09424;justify-content:space-between;margin-top:22px;padding-top:17px;font-size:9px;display:flex}.main-menu-version{z-index:3;color:#6f8580;letter-spacing:.14em;align-items:center;gap:8px;font-size:7px;font-weight:850;display:flex;position:absolute;bottom:28px;left:clamp(24px,5vw,82px)}.main-menu-version i{background:#73b983;border-radius:50%;width:5px;height:5px;box-shadow:0 0 10px #73b983}.game-shell{color:#eee2c6;background:#102932;grid-template-rows:66px 1fr;grid-template-columns:218px minmax(680px,1fr) 232px;min-width:1100px;height:100vh;display:grid;overflow:hidden}.resource-bar{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#0b1f25fa,#091a20f2);border-bottom:1px solid #e2be6959;grid-column:1/-1;align-items:stretch;padding-left:18px;display:flex;box-shadow:0 8px 28px #050f1275}.resource-bar>div{border-right:1px solid #d3c3991f;justify-content:center;align-items:center;gap:10px;min-width:92px;display:flex}.resource-bar span{color:#9eada7;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.resource-bar strong{color:#f2d697;font-family:Georgia,serif;font-size:18px}.resource-bar .army-count{min-width:150px;color:inherit;cursor:pointer;background:#e2bf6b0a;border:0;border-left:1px solid #d3c3991f;justify-content:center;align-items:center;gap:10px;margin-left:auto;display:flex}.resource-bar .army-count:hover,.resource-bar .army-count:focus-visible{outline-offset:-1px;background:#e2bf6b1f;outline:1px solid #e2bf6b61}.resource-bar strong small{color:#7fa8d4}.build-panel,.detail-panel{z-index:5;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(#0c2228f7,#07191ff5);overflow:hidden}.build-panel{border-right:1px solid #4a5b5b;flex-direction:column;display:flex}.detail-panel{border-left:1px solid #4a5b5b;flex-direction:column;display:flex}.panel-heading{color:#d9c28a;letter-spacing:.16em;border-bottom:1px solid #d8c59729;justify-content:space-between;align-items:center;height:46px;padding:0 16px;font-size:10px;font-weight:900;display:flex}.panel-heading small{color:#81948e}.mobile-panel-close,.mobile-game-toolbar{display:none}.build-tabs{border-bottom:1px solid #d8c5971f;grid-template-columns:1fr 1fr;gap:5px;padding:10px;display:grid}.build-tabs button{color:#91a29c;cursor:pointer;letter-spacing:.07em;text-transform:uppercase;background:#4b65631f;border:1px solid #d6c19129;min-height:30px;font-size:9px;font-weight:850}.build-tabs button.active,.build-tabs button:hover{color:#f2d697;background:#e2bf6b1a;border-color:#e2bf6b8c}.build-list{scrollbar-width:thin;flex:1;min-height:0;padding:10px;overflow:auto}.build-list button{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-bottom-color:#ddcba01c;align-items:center;gap:11px;width:100%;min-height:55px;padding:6px;display:flex}.build-list button:hover,.build-list button.active{background:#e2bf6b1a;border-color:#e2bf6b59}.build-list button>img{object-fit:cover;background:radial-gradient(circle at 35% 28%,#405b58,#1a3438 72%);border:1px solid #e8b95e47;border-radius:3px;flex:none;width:48px;height:48px;box-shadow:inset 0 0 18px #00000040,0 3px 10px #00000038}.build-list button>span{font-size:12px;font-weight:750}.build-list button small{color:#889b95;margin-top:4px;font-size:9px;font-weight:500;display:block}.build-list button.tutorial-target{border-color:#e5bd5d8f;box-shadow:inset 3px 0 #dfb75d}.build-guidance{background:#e2bf6b14;border-top:1px solid #ddbe7247;flex:none;gap:4px;padding:11px 13px;display:grid}.build-guidance strong{color:#edcf84;font-family:Georgia,serif;font-size:13px}.build-guidance span{color:#aebdb6;font-size:9px;line-height:1.45}.canvas-wrap{background:radial-gradient(circle at 45% 35%,#809b8f,#173f4c 70%);position:relative;overflow:hidden}.selection-marquee{z-index:18;pointer-events:none;background:#d8b66624;border:1px solid #f1d477;position:absolute;box-shadow:inset 0 0 0 1px #08191da6}.game-menu-button{z-index:18;color:#ead18e;cursor:pointer;background:#081f24e0;border:1px solid #e7c4706b;min-height:38px;padding:0 14px;font-size:11px;font-weight:850;position:absolute;top:16px;right:16px;box-shadow:0 8px 24px #00000047}#game{cursor:crosshair;touch-action:none;outline:none;width:100%;height:100%;display:block}.render-loading{z-index:30;color:#ead29a;letter-spacing:.05em;background:radial-gradient(circle,#2d4c4af0,#05141afa);align-content:center;justify-items:center;gap:9px;display:grid;position:absolute;inset:0}.render-loading strong{font-family:Georgia,serif;font-size:27px;font-weight:500}.render-loading span{color:#9bafa8;letter-spacing:.15em;text-transform:uppercase;font-size:10px}.render-loading .loading-rune{color:#e8b75b;border:1px solid #e8be6480;border-radius:50%;place-items:center;width:62px;height:62px;font-size:32px;animation:1.8s ease-in-out infinite rune-pulse;display:grid}.render-loading .asset-progress{background:#010d12a6;border:1px solid #e8be644d;width:min(320px,62vw);height:5px;overflow:hidden}.render-loading .asset-progress i{background:linear-gradient(90deg,#b87a37,#f1cf77);height:100%;transition:width .18s ease-out;display:block}.render-loading>small{color:#d8bd7c;font:12px Georgia,serif}.render-error .loading-rune{color:#e27763;border-color:#9e4339;animation:none}.render-error p{color:#c4d0ca;text-align:center;max-width:360px;margin:4px 24px;font-size:13px;line-height:1.5}.render-error button{color:#fff0c9;cursor:pointer;letter-spacing:.03em;background:#a34532;border:1px solid #d4af61;min-height:44px;margin-top:8px;padding:0 22px;font-weight:850}@keyframes rune-pulse{50%{transform:scale(1.08)rotate(6deg);box-shadow:0 0 32px #e8b75b3d}}.tutorial-card{z-index:16;border-left:3px solid var(--gold);background:#0c2227f0;width:320px;max-height:calc(100% - 36px);padding:15px 17px;position:absolute;top:18px;left:18px;overflow:auto;box-shadow:0 10px 32px #06121466}.tutorial-card span,.capture-status>span,.selection-card>span{color:#d8b666;letter-spacing:.14em;font-size:9px;font-weight:900}.tutorial-card strong{margin:6px 0 3px;font-family:Georgia,serif;font-size:18px;display:block}.tutorial-card p{color:#b7c3bc;margin:0;font-size:11px;line-height:1.4}.peace-status{color:#a8d8b4;background:#3a7e5e29;border:1px solid #71be9752;margin-top:9px;padding:7px 9px;font-size:9px;font-style:normal;font-weight:800;line-height:1.35;display:block}.tutorial-card ul{color:#aab9b3;gap:4px;margin:10px 0 0;padding:0;font-size:10px;list-style:none;display:grid}.tutorial-card li.done{color:#83ba8e}.tutorial-toggle{color:#e4c678;cursor:pointer;background:#17363b;border:1px solid #e1be6947;border-radius:50%;width:28px;height:28px;position:absolute;top:8px;right:8px}.tutorial-next{color:#f0d18a;cursor:pointer;background:#d2a7482e;border:1px solid #bd9850;width:100%;margin-top:11px;padding:9px;font-weight:800}.tutorial-card.collapsed{border-left-width:2px;width:54px;height:48px;padding:0;overflow:hidden}.tutorial-card.collapsed>span,.tutorial-card.collapsed>strong{display:none}.notice-line{color:#ebd59f;pointer-events:none;background:#0d2024e0;padding:10px 16px;font-size:11px;position:absolute;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 5px 20px #030c0e4d}.notice-line.asset-warning{pointer-events:auto;border:1px solid #d35f46a6;align-items:center;gap:12px;display:flex}.notice-line.asset-warning button{color:#ebd59f;cursor:pointer;background:0 0;border:0;font-size:18px;line-height:1}.placement-hint{z-index:18;color:#f0d7a0;pointer-events:none;background:#0d2024f0;border:1px solid #dc664db3;border-radius:5px;max-width:230px;padding:7px 10px;font-size:10px;line-height:1.35;position:absolute;transform:translate(-50%,-115%);box-shadow:0 7px 22px #020a0c61}.mobile-placement-confirm{display:none}.site-legend{color:#9eb0aa;text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:6px;margin-top:9px;font-size:9px;display:flex}.site-legend i{border-radius:50%;width:8px;height:8px;box-shadow:0 0 7px}.site-legend .green{color:#62dc8d;background:#62dc8d}.site-legend .yellow{color:#f0c85e;background:#f0c85e}.site-legend .red{color:#e36b52;background:#e36b52}.build-guidance>small{color:#78918c;margin-top:7px;font-size:8px;line-height:1.4;display:block}.production-ledger{background:#081b1e7a;border:1px solid #dbc1841f;gap:5px;margin:12px 0;padding:9px;display:grid}.production-ledger>div{grid-template-columns:72px 1fr;align-items:start;gap:7px;font-size:9px;display:grid}.production-ledger b{color:#d8be7d;font-weight:700}.production-ledger span,.production-ledger strong{color:#a9bab4;font-weight:500;line-height:1.35}.production-ledger strong.running{color:#74c995}.production-ledger strong.waiting_input,.production-ledger strong.waiting_tool,.production-ledger strong.waiting_worker{color:#e0b85c}.selection-card{background:#203d3f73;border:1px solid #dbc18438;margin:18px;padding:18px}.selection-card h2{margin:8px 0;font-family:Georgia,serif;font-size:24px}.selection-card p,.selection-empty p{color:#9baba5;font-size:12px;line-height:1.5}.selection-card button{background:var(--ember);cursor:pointer;border:0;width:100%;margin-top:10px;padding:10px;font-weight:800}.selection-card .production-status{background:#05161b73;border:1px solid #dbc1842e;padding:8px}.selection-card .production-status>div{grid-template-columns:1fr 1fr;gap:6px;display:grid}.selection-card .production-status button.active{outline:2px solid #e2c476}.economy-control{gap:9px;min-width:0;margin-top:10px;display:grid}.economy-control-heading{justify-content:space-between;align-items:baseline;gap:8px;grid-template-columns:none!important;display:flex!important}.economy-control-heading strong{color:#e1c77f;font-size:10px}.economy-control-heading small{color:#81968f;text-align:right;font-size:8px}.economy-control>p{margin:0;font-size:9px}.warehouse-accept-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;display:grid!important}.warehouse-accept-grid button{color:#9eb0aa;text-align:left;background:#0e282ba3;border:1px solid #dbc18429;justify-content:space-between;align-items:center;gap:5px;min-width:0;min-height:34px;margin:0;padding:6px 7px;font-size:8px;display:flex}.warehouse-accept-grid button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.warehouse-accept-grid button small{color:#d5bd7e}.warehouse-accept-grid button.active{color:#d8eadb;background:#427e5940;border-color:#7ab58c;outline:none!important}.economy-mode{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;display:grid!important}.economy-mode button{color:#a7b4ae;background:#ddb75b12;border:1px solid #ddb75b40;min-height:36px;margin:0;padding:7px;font-size:8px}.smith-target-grid{grid-template-columns:minmax(0,1fr)!important;gap:6px!important;display:grid!important}.smith-target-grid>div{background:#081c1f7a;border:1px solid #dbc18421;min-width:0;padding:5px;display:block!important}.smith-target-grid>div.active{border-color:#e2c476a6}.smith-resource{color:#d5ded8;text-align:left;justify-content:space-between;align-items:center;gap:4px;width:100%;min-height:34px;font-size:8px;display:flex;background:0 0!important;margin:0!important;padding:5px!important}.smith-resource small{color:#80958e}.target-stepper{align-items:center;margin-top:4px;grid-template-columns:28px minmax(24px,1fr) 28px!important;gap:3px!important;display:grid!important}.target-stepper button{color:#eed08a;min-height:28px;background:#274b4e!important;width:28px!important;margin:0!important;padding:0!important}.target-stepper output{color:#f0d18a;text-align:center;font-size:11px;font-weight:850}.military-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:9px 0;display:grid}.military-product-grid button{color:#d7dfd9;background:#ddb75b14;border:1px solid #ddb75b47;min-height:40px;margin:0;padding:7px 8px;font-size:9px;line-height:1.35}.military-product-grid button.active{color:#f2d697;background:#e2c4762e;border-color:#e2c476;box-shadow:inset 0 0 0 1px #e2c47633}.selection-card button.danger-action{color:#f5dfc2;background:#6f3028}.unit-finder{background:#203d3f73;border:1px solid #dbc18440;margin:18px}.unit-finder-heading{border-bottom:1px solid #dbc18429;justify-content:space-between;align-items:center;min-height:70px;padding:13px 14px;display:flex}.unit-finder-heading span{color:#d8b666;letter-spacing:.14em;font-size:8px;font-weight:900}.unit-finder-heading h2{margin:3px 0 0;font:22px Georgia,serif}.unit-finder-heading>button{color:#d8c795;cursor:pointer;background:0 0;border:1px solid #dbc18438;border-radius:50%;width:30px;height:30px;font-size:18px}.unit-finder-row{border-bottom:1px solid #dbc1841c;grid-template-columns:minmax(0,1fr) 28px 70px;align-items:center;gap:7px;min-height:50px;padding:7px 10px;display:grid}.unit-finder-row span small{color:#849b96;margin:3px 0 0 25px;font-size:8px;font-weight:500;display:block}.unit-finder-row>span{color:#c7d1ca;min-width:0;font-size:10px;font-weight:750}.unit-finder-row i{color:#e1bd68;text-align:center;width:23px;font-style:normal;display:inline-block}.unit-finder-row strong{color:#eed18b;text-align:center;font:18px Georgia,serif}.unit-finder-row button,.unit-finder-all{color:#ebcd85;cursor:pointer;background:#ddb75b1a;border:1px solid #ddb75b66;min-height:32px;font-size:8px;font-weight:850}.unit-finder-row button:hover,.unit-finder-all:hover{background:#ddb75b33}.unit-finder-row button:disabled,.unit-finder-all:disabled{cursor:default;opacity:.35}.unit-finder-all{width:calc(100% - 20px);margin:7px 10px}.attack-alert{z-index:18;color:#fff1cf;cursor:pointer;background:#75231cf0;border:1px solid #efc067;padding:11px 16px;font-weight:900;animation:.8s ease-in-out infinite alternate attack-pulse;position:absolute;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}@keyframes attack-pulse{to{box-shadow:0 8px 34px #e04930b3}}.selection-empty{text-align:center;padding:80px 32px}.selection-empty i{color:#6e857e;font-family:Georgia,serif;font-size:58px;font-style:normal;display:block}.time-controls,.save-controls{gap:7px;margin-top:auto;padding:9px 16px;display:flex}.time-controls button,.save-controls button{cursor:pointer;background:#223f43;border:1px solid #486064;flex:1;min-height:38px}.time-controls button.active,.time-controls button:hover,.save-controls button:hover{color:#f4cf79;border-color:#ddb765}.save-controls{margin-top:0;padding-top:0}.cloud-save-panel{background:#04121747;border-top:1px solid #d8c59724;gap:4px;padding:7px 13px;display:grid}.cloud-account{justify-content:space-between;align-items:baseline;padding:2px 3px 6px;display:flex}.in-game-account{border-top:1px solid #d8c59724;margin-top:auto;padding:10px 16px}.cloud-account span{color:#e7cd8c;font:700 12px Georgia,serif}.cloud-account small{color:#769089;font-size:8px}.save-slot{grid-template-columns:minmax(0,1fr) 29px 29px 25px;align-items:center;gap:4px;display:grid}.save-slot>div{min-width:0}.save-slot strong,.save-slot small{display:block}.save-slot strong{color:#bcc9c3;font-size:9px}.save-slot small{color:#738983;text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.save-slot button{color:#d8c58d;cursor:pointer;background:#17363c;border:1px solid #40585b;width:100%;height:27px;padding:0;font-size:9px}.save-slot button:disabled{opacity:.3;cursor:default}.save-slot button:hover:not(:disabled){color:#f1ce78;border-color:#ba9952}.legacy-import{color:#d9bd76;cursor:pointer;background:#dab45b14;border:1px solid #dab45b59;min-height:29px;margin-top:3px;font-size:8px}.quality-controls{grid-template-columns:1fr 58px 68px;align-items:center;gap:5px;padding:0 16px 9px;display:grid}.quality-controls span{color:#7f948d;letter-spacing:.13em;font-size:8px;font-weight:900}.quality-controls button{color:#8fa19b;cursor:pointer;background:#17363c;border:1px solid #40585b;min-height:30px;font-size:9px}.quality-controls button.active{color:#f1ce78;background:#ba995224;border-color:#ba9952}.logout-button{color:#859892;cursor:pointer;background:0 0;border:0;margin:0 16px 10px;padding:8px;font-size:10px;text-decoration:underline}.logout-button:hover{color:#e6ce97}.account-link{color:#9db0aa;text-align:center;margin:2px 16px 0;font-size:9px;display:block}.capture-status{border-top:1px solid #d8c59729;padding:17px 16px 21px}.capture-status>div{background:#263e42;height:5px;margin:8px 0}.capture-status i{background:var(--ember);height:100%;display:block}.capture-status small{color:#829790;font-size:10px}.result-overlay{z-index:22;text-align:center;background:#071418b8;place-items:center;display:grid;position:absolute;inset:0}.result-overlay>div{background:#142f35;border:1px solid #dfbb6b;width:min(520px,80%);padding:54px}.result-overlay span{color:#dfb75d;letter-spacing:.25em;font-weight:900}.result-overlay h2{font-family:Georgia,serif;font-size:35px}.result-overlay button{background:var(--ember);cursor:pointer;border:0;padding:13px 28px;font-weight:800}.result-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.game-menu-overlay,.save-decision-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#030f13d1;place-items:center;padding:20px;display:grid;position:absolute;inset:0}.game-menu-overlay{z-index:60}.save-decision-overlay{z-index:70}.game-menu-card{background:#102f35;border:1px solid #e4bf697a;width:min(720px,100%);max-height:calc(100% - 20px);padding:clamp(24px,4vw,42px);overflow:auto;box-shadow:0 35px 90px #00000080}.game-menu-card h2,.save-decision-overlay h2{margin:7px 0 10px;font:500 clamp(28px,4vw,42px) Georgia,serif}.game-menu-card>p,.save-decision-overlay p{color:#aebeb7;line-height:1.55}.game-menu-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:22px 0;display:grid}.game-menu-actions button,.save-decision-overlay button{cursor:pointer;background:#193c41;border:1px solid #526866;min-height:44px;font-weight:800}.game-menu-actions .primary-cta,.save-decision-overlay .primary-cta{background:var(--ember);border:0}.menu-save-browser{border-top:1px solid #d8c59729;padding-top:18px}.menu-save-browser h3{color:#d8c58d;margin:0 0 10px;font:500 18px Georgia,serif}.snapshot-list.compact{max-height:240px;overflow:auto}.snapshot-list.compact .snapshot-row{padding:9px 10px}.save-decision-overlay>div{text-align:center;background:#142f35;border:1px solid #dfbb6b;width:min(480px,100%);padding:36px}.save-decision-overlay button{width:100%;margin-top:8px;display:block}.legal-shell{color:#eee2c6;background:radial-gradient(circle at 80% 0,#31565c,#0b2730 55%);min-height:100vh;padding:clamp(26px,5vw,70px)}.legal-shell>.brand{color:#e7cb83;margin-bottom:42px;display:inline-block}.legal-shell article{background:#091f24ed;border:1px solid #e8ca8440;width:min(720px,100%);padding:clamp(28px,5vw,60px);box-shadow:0 30px 70px #00000047}.legal-shell h1{margin:8px 0 25px;font:500 clamp(36px,6vw,58px)/1 Georgia,serif}.legal-shell p{color:#bdcbc4;line-height:1.7}.legal-shell a{color:#e7c774}.legal-shell dl{border-block:1px solid #dcc48b26;grid-template-columns:minmax(120px,1fr) 2fr;gap:10px 20px;padding:20px 0;display:grid}.legal-shell dt{color:#80958e;text-transform:uppercase;font-size:11px}.legal-shell dd{overflow-wrap:anywhere;margin:0}.danger-button{color:#f0a18f;cursor:pointer;background:#bd5a481f;border:1px solid #bd5a48;margin-top:18px;padding:13px 18px;font-weight:800}@media (width<=1100px){.hero-copy{width:min(760px,72vw)}.hero:before{background:linear-gradient(90deg,#031017f5,#031017c7 42%,#0310171f 80%),linear-gradient(#030f1559,#0000 42%,#030e13cc)}.hero-roster{right:24px}.hero-roster>span{min-width:118px}.landing-intro{gap:5vw}.pillars{grid-template-columns:1fr}.pillars article{border-bottom:1px solid #e1c07726;border-right:0;grid-template-columns:100px 1fr}.pillars img{width:100px;height:100px}.landing-roster-section{grid-template-columns:1fr 1fr}.roster-key-art{background-position:65%}.scenario-select-layout{grid-template-columns:minmax(430px,1fr) minmax(410px,.9fr);gap:26px;padding-inline:28px}.scenario-feature-art{min-height:330px}.scenario-feature-art>img{width:min(66%,390px)}.main-menu-layout{grid-template-columns:1fr;align-items:start;gap:12px;padding-top:128px}.main-menu-hero{max-width:650px;padding:56px 0 28px}.main-menu-hero h1{font-size:82px}.main-menu-saves{max-width:720px;max-height:none}.main-menu-screen:before{background:linear-gradient(#020e1485 0%,#020e148c 29%,#020e14f0 57%,#03141b 100%),linear-gradient(90deg,#020e14a6,#0000 72%)}}@media (width<=940px){.gate-screen{grid-template-columns:1fr}.gate-scene{min-height:420px}.gate-scene:after{background:linear-gradient(#03101633,#0310160d 35%,#071d25 100%)}.gate-scene-copy{bottom:40px}.gate-panel-wrap{min-height:auto;margin-top:-2px;padding-top:18px}}@media (width<=900px),(pointer:coarse){.mobile-placement-confirm{z-index:21;color:#f2d58b;letter-spacing:.03em;background:#264133f5;border:1px solid #e0bb65;border-radius:7px;min-width:132px;min-height:44px;font-weight:900;display:block;position:absolute;bottom:72px;left:50%;transform:translate(-50%);box-shadow:0 8px 26px #020c0e6b}.game-shell{grid-template-columns:minmax(0,1fr);grid-template-rows:52px minmax(0, 1fr) calc(64px + env(safe-area-inset-bottom));width:100%;min-width:0;height:100dvh;position:relative}.resource-bar{scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-area:1/1;min-width:0;padding:0;overflow:auto hidden}.resource-bar::-webkit-scrollbar{display:none}.resource-bar>div{flex:0 0 68px;gap:5px;min-width:68px}.resource-bar span{font-size:8px}.resource-bar strong{font-size:15px}.resource-bar .army-count{flex:0 0 92px;min-width:92px;margin-left:0}.canvas-wrap{grid-area:2/1;min-width:0;min-height:0}.game-menu-button{min-height:34px;padding:0 11px;top:8px;right:8px}#game{cursor:default}.build-panel,.detail-panel{z-index:40;left:8px;right:8px;bottom:calc(70px + env(safe-area-inset-bottom));opacity:0;pointer-events:none;border:1px solid #dcbe784d;border-radius:14px 14px 8px 8px;width:auto;height:min(58dvh,470px);transition:transform .24s,opacity .2s;position:fixed;transform:translateY(calc(100% + 90px));box-shadow:0 -18px 55px #00000085}.build-panel.mobile-panel-open,.detail-panel.mobile-panel-open{opacity:1;pointer-events:auto;transform:translateY(0)}.panel-heading{flex:0 0 48px;height:48px}.mobile-panel-close{color:#e4c981;background:#ffffff0a;border:1px solid #dcbe7838;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:8px;font-size:20px;line-height:1;display:grid}.build-tabs{grid-template-columns:repeat(4,minmax(0,1fr));padding:8px}.build-tabs button{padding:0 3px;font-size:7px}.build-list{grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:5px;padding:8px;display:grid}.build-list button{border:1px solid #ddcba01c;min-height:56px}.build-list button>img{width:42px;height:42px}.build-list button>span{min-width:0;font-size:10px}.build-list button small{white-space:normal;font-size:7px}.detail-panel{overflow-y:auto}.selection-card{margin:12px;padding:14px}.selection-card h2{font-size:21px}.selection-empty{padding:28px 22px}.selection-empty i{font-size:38px}.unit-finder{margin:12px}.unit-finder-row{grid-template-columns:minmax(0,1fr) 32px 82px;min-height:48px}.time-controls{margin-top:0}.capture-status{padding-bottom:14px}.mobile-game-toolbar{z-index:42;padding:5px 6px calc(5px + env(safe-area-inset-bottom));background:#07191ffa;border-top:1px solid #e1be695c;grid-area:3/1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;box-shadow:0 -8px 28px #0000005c}.mobile-game-toolbar button{color:#91a39e;touch-action:manipulation;background:0 0;border:1px solid #0000;border-radius:7px;min-width:0}.mobile-game-toolbar button b,.mobile-game-toolbar button span{display:block}.mobile-game-toolbar button b{color:#e3c273;font-size:18px;line-height:22px}.mobile-game-toolbar button span{letter-spacing:.04em;text-overflow:ellipsis;white-space:nowrap;font-size:8px;font-weight:800;overflow:hidden}.mobile-game-toolbar button.active{color:#f0d493;background:#e5be621a;border-color:#e5be627a}.mobile-game-toolbar button:disabled{opacity:.34}.tutorial-card{width:min(310px,100% - 18px);max-height:min(54dvh,430px);padding:12px 13px;top:9px;left:9px}.tutorial-card strong{margin:3px 0 0;font-size:15px}.tutorial-card p{margin-top:6px;font-size:10px}.tutorial-card.collapsed{width:50px;height:46px;padding:0}.notice-line{text-align:center;width:max-content;max-width:calc(100% - 18px);bottom:9px}.render-loading{text-align:center;padding:24px}.render-loading strong{font-size:22px}.result-overlay>div{width:calc(100% - 28px);padding:30px 20px}.game-menu-overlay,.save-decision-overlay{z-index:70;position:fixed}.game-menu-card{max-height:calc(100dvh - 30px);padding:22px 16px}.game-menu-actions{grid-template-columns:1fr}.snapshot-row{grid-template-columns:1fr;gap:9px}.snapshot-actions button{flex:1}}@media (width<=720px){.landing-nav{grid-template-columns:1fr auto;height:76px;padding-inline:16px}.nav-mark{display:none}.brand-lockup{gap:9px}.brand-sigil{flex-basis:31px;width:31px;height:37px}.brand-sigil i,.brand-sigil b{height:21px;top:8px}.brand-word strong{font-size:15px}.brand-word small{font-size:5px}.forge-button-small{min-height:38px;padding:0 13px;font-size:7px}.hero{align-items:flex-end;min-height:820px}.hero-backdrop{background-position:64%}.hero:before{background:linear-gradient(#03101742,#03101740 27%,#031017e6 60%,#031117 100%),linear-gradient(90deg,#03101766,#0000 75%)}.hero-copy{width:100%;padding:150px 22px 115px}.hero h1{font-size:clamp(47px,14vw,67px)}.hero-lede{color:#c7d0cc;max-width:560px;margin:22px 0;font-size:13px;line-height:1.62}.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .forge-button{width:100%}.play-note{max-width:none}.hero-facts{margin-top:26px}.hero-facts span{padding-right:8px;font-size:7px}.hero-facts strong{font-size:18px}.hero-roster,.hero-scroll{display:none}.landing-intro{grid-template-columns:1fr;gap:25px;padding:70px 24px}.landing-intro h2,.landing-roster-section h2{font-size:40px}.landing-intro>p{font-size:13px}.pillars article{grid-template-columns:82px 1fr;gap:16px;padding:26px 20px}.pillars img{width:82px;height:82px}.pillars h2{font-size:21px}.pillars p{font-size:10px}.landing-roster-section{grid-template-columns:1fr;min-height:auto}.roster-key-art{background:linear-gradient(#0000 62%,#071a22),url(/art/eldfjara-fjord-hero.webp) 65%/cover no-repeat;min-height:470px}.roster-copy{padding:10px 24px 70px}.landing-footer{flex-direction:column;gap:20px}.scenario-select-screen:before{background:linear-gradient(#020e147a,#020e14b3 30%,#03141b 64%)}.scenario-select-layout{grid-template-columns:1fr;align-items:start;gap:16px;padding:92px 16px 38px}.scenario-feature{grid-template-columns:minmax(165px,.74fr) minmax(0,1fr);display:grid}.scenario-feature-art{border-bottom:0;border-right:1px solid #e8c77b33;min-height:260px}.scenario-feature-art>img{width:min(82%,280px);bottom:0;right:-18px}.scenario-feature-number{font-size:74px;top:18px;left:19px}.scenario-feature-coordinates{font-size:6px;bottom:17px;left:18px}.scenario-feature-copy{align-self:center;padding:24px}.scenario-feature h1{font-size:44px}.scenario-command{padding:25px 22px 23px}.gate-scene{background-position:65%;min-height:232px}.gate-brand{top:20px;left:18px}.gate-scene-copy{display:none}.gate-panel-wrap{padding:0 12px calc(22px + env(safe-area-inset-bottom))}.gate-card{padding:25px 22px 24px}.gate-card h1{font-size:38px}.gate-card-rune{width:34px;height:34px;margin-bottom:14px}.gate-card-rune i,.gate-card-rune b{height:19px;top:7px}.gate-card .eyebrow{margin-bottom:13px;font-size:8px}.gate-card>p:not(.eyebrow){margin-bottom:12px;font-size:11px;line-height:1.55}.gate-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin:15px 0}.gate-benefits li{border-bottom:0;border-right:1px solid #ddbd7417;min-width:0;padding:10px 8px;display:block}.gate-benefits li>i{margin-bottom:5px;display:block}.gate-benefits b{font-size:9px;line-height:1.25}.gate-benefits small{display:none}.google-button{gap:9px;padding-left:11px}.google-button>b{font-size:10px}.scenario-select-actions{grid-template-columns:1fr}.scenario-back-button{min-height:40px}.main-menu-topbar{height:76px;padding:0 16px}.main-menu-profile{padding:8px 9px}.main-menu-profile span{display:none}.main-menu-profile strong{font-size:10px}.main-menu-profile i{grid-row:auto}.main-menu-layout{gap:16px;padding:90px 16px 48px}.main-menu-hero{padding:48px 0 15px}.main-menu-hero .eyebrow{margin-bottom:13px;font-size:8px}.main-menu-hero h1{margin-bottom:18px;font-size:clamp(58px,19vw,78px);line-height:.8}.main-menu-hero>p:not(.eyebrow){max-width:350px;font-size:12px;line-height:1.58}.main-menu-actions{width:100%;margin:26px 0 18px}.main-menu-actions .forge-button,.main-menu-new-game{min-height:58px}.main-menu-saves{clip-path:polygon(14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%,0 14px);padding:25px 17px 19px}.save-panel-rune{top:24px;right:20px}.menu-section-heading{margin-bottom:20px;padding-right:45px}.menu-section-heading h2{font-size:28px}.menu-section-heading p{font-size:8px}.menu-section-heading button{top:51px}.main-menu-saves .save-empty{min-height:185px;padding-top:105px}.main-menu-saves .save-empty:before{width:150px;height:150px}.main-menu-version{display:none}}@media (width<=620px){.scenario-select-layout{padding-top:88px}.scenario-select-topbar .brand-word small{display:none}.scenario-feature{display:block}.scenario-feature-art{border-bottom:1px solid #e8c77b33;border-right:0;min-height:210px}.scenario-feature-art>img{width:min(62%,240px);bottom:-13%;right:-5px}.scenario-feature-copy{padding:22px 20px}.scenario-feature h1{margin-bottom:12px;font-size:42px}.scenario-feature-copy>p:not(.eyebrow){font-size:10px}.scenario-facts{margin-top:17px}.scenario-facts div{padding-block:11px}.scenario-facts dd{font-size:12px}.scenario-command-heading h2{font-size:39px}.scenario-card-list{margin-block:22px 18px}.scenario-card{grid-template-columns:25px 54px minmax(0,1fr);gap:9px;min-height:68px;padding-right:9px}.scenario-card>img{width:54px;height:52px}.scenario-card-copy strong{font-size:15px}.scenario-card-state{display:none}}@media (width<=900px) and (height<=540px),(pointer:coarse) and (height<=540px){.game-shell{grid-template-rows:44px minmax(0,1fr) calc(56px + env(safe-area-inset-bottom))}.resource-bar>div{flex-basis:62px;min-width:62px}.build-panel,.detail-panel{width:min(390px,72vw);height:calc(100dvh - 62px);left:auto;bottom:calc(58px + env(safe-area-inset-bottom))}.mobile-game-toolbar{padding-top:2px}.mobile-game-toolbar button b{font-size:16px;line-height:19px}.tutorial-card{width:220px}.notice-line{bottom:8px}}