:root{color:#efe8d7;font-synthesis:none;text-rendering:optimizelegibility;--ink:#efe8d7;--ink-muted:#9baaa4;--ink-faint:#6f7e79;--night:#0a1111;--night-soft:#0e1716;--panel:#121d1b;--panel-raised:#172421;--line:#dbcaa621;--line-strong:#dbcaa63d;--gold:#c89b52;--gold-light:#edc982;--moss:#6f9569;--danger:#b66b5d;--shadow:0 18px 60px #00000059;background:#0a1111;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--night);min-width:320px;min-height:100%}body{background:radial-gradient(circle at 80% -10%, #43645026, transparent 35%), var(--night);min-width:320px;min-height:100vh;margin:0;overflow:hidden}button{color:inherit;font:inherit}button:focus-visible{outline:2px solid var(--gold-light);outline-offset:3px}.session-loader{min-height:100vh;color:var(--gold-light);letter-spacing:.08em;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:28px;display:grid}.world-onboarding{background:radial-gradient(circle at 50% 10%, #5c845b38, transparent 34%), var(--night);min-height:100dvh;padding:clamp(24px,5vw,68px);overflow:auto}.world-onboarding>header{align-items:center;gap:13px;display:flex}.world-onboarding>header div{display:grid}.world-onboarding>header small{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.world-onboarding>section{width:min(100%,960px);margin:clamp(60px,10vh,120px) auto 0}.world-onboarding h1{margin:7px 0 13px;font:500 clamp(38px,6vw,64px)/1 Georgia,serif}.world-onboarding section>p{max-width:650px;color:var(--ink-muted);line-height:1.65}.world-onboarding form{gap:24px;margin-top:34px;display:grid}.faction-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.faction-card{border:1px solid var(--line);min-height:210px;color:var(--ink-muted);text-align:left;cursor:pointer;background:#ffffff06;border-radius:18px;padding:24px;display:grid}.faction-card:hover,.faction-card.selected{background:linear-gradient(145deg,#c89b521f,#ffffff06);border-color:#edc9828c}.faction-card svg{width:30px;height:30px;color:var(--gold);margin-bottom:25px}.faction-card small{color:var(--ink-faint);letter-spacing:.12em;text-transform:uppercase;font-size:9px}.faction-card strong{color:var(--ink);margin:5px 0 12px;font:24px Georgia,serif}.faction-card span{font-size:11px;line-height:1.5}.city-name{max-width:460px;color:var(--ink-muted);gap:7px;font-size:11px;display:grid}.city-name div{border:1px solid var(--line-strong);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;min-height:50px;padding:0 14px;display:flex}.city-name svg{width:17px;color:var(--gold)}.city-name input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0}.world-onboarding .auth-submit{width:min(100%,460px)}@media (width<=700px){.world-onboarding{padding:22px 16px 40px}.world-onboarding>section{margin-top:55px}.faction-grid{grid-template-columns:1fr}.faction-card{grid-template-columns:auto 1fr;column-gap:16px;min-height:145px}.faction-card svg{grid-row:1/4;margin:0}}.auth-page{background:var(--night);grid-template-columns:minmax(0,1.2fr) minmax(420px,.8fr);min-height:100dvh;display:grid;overflow:auto}.auth-story{border-right:1px solid var(--line);background:linear-gradient(135deg,#08111047,#081110eb),radial-gradient(circle at 72% 34%,#6b8e5b54,#0000 25%),linear-gradient(155deg,#20372e,#101d1a 52%,#0b1312);flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(28px,5vw,72px);display:flex}.auth-brand{align-items:center;gap:13px;font:24px Georgia,serif;display:flex}.auth-brand span{border:1px solid var(--gold);width:44px;height:44px;color:var(--gold-light);border-radius:14px;place-items:center;display:grid}.auth-story-copy{max-width:680px}.auth-story-copy h1{max-width:650px;margin:10px 0 22px;font:500 clamp(42px,6vw,76px)/1.02 Georgia,serif}.auth-story-copy p{max-width:510px;color:var(--ink-muted);font-size:16px;line-height:1.7}.auth-features{color:var(--ink-muted);gap:25px;font-size:12px;display:flex}.auth-features span{align-items:center;gap:8px;display:flex}.auth-features svg{width:17px;color:var(--gold)}.auth-panel{background:radial-gradient(circle at 50% 40%,#c89b520f,#0000 40%);place-items:center;padding:30px;display:grid}.auth-card{width:min(100%,430px)}.auth-card h2{margin:8px 0 7px;font:500 37px Georgia,serif}.auth-card>p{color:var(--ink-muted);margin:0 0 28px;font-size:13px;line-height:1.6}.auth-tabs{border:1px solid var(--line);background:#ffffff05;border-radius:13px;grid-template-columns:1fr 1fr;margin-bottom:24px;padding:4px;display:grid}.auth-tabs button{min-height:39px;color:var(--ink-faint);cursor:pointer;background:0 0;border:0;border-radius:9px}.auth-tabs button.active{color:var(--gold-light);background:#c89b521c}.auth-card form{gap:17px;display:grid}.auth-card label{color:var(--ink-muted);gap:7px;font-size:11px;display:grid}.auth-card label div{border:1px solid var(--line-strong);background:#ffffff06;border-radius:12px;align-items:center;gap:10px;min-height:49px;padding:0 14px;display:flex}.auth-card label svg{width:17px;color:var(--ink-faint)}.auth-card input{width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:0;font-size:14px}.auth-card label div:focus-within{border-color:#edc98299;box-shadow:0 0 0 3px #c89b5214}.auth-submit{color:#141816;cursor:pointer;background:linear-gradient(#edc982,#c89b52);border:1px solid #d3a85f;border-radius:12px;min-height:52px;margin-top:5px;font-weight:750}.auth-submit:disabled{opacity:.62;cursor:wait}.auth-error{color:#e39a8c;margin:0;font-size:12px}.auth-security{color:var(--ink-faint);text-align:center;margin-top:19px;font-size:10px;display:block}@media (width<=820px){.auth-page{background:linear-gradient(160deg,#14251f,#0a1111 42%);display:block}.auth-story{background:0 0;border:0;min-height:auto;padding:25px 22px 38px}.auth-story-copy{margin-top:64px}.auth-story-copy h1{font-size:clamp(35px,10vw,54px)}.auth-features{display:none}.auth-panel{place-items:start center;padding:10px 22px 45px}.auth-card h2{font-size:31px}}svg{stroke-width:1.8px}.app-shell{background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff03 1px,#0000 1px);background-size:40px 40px;grid-template:"topbar topbar"76px"sidebar workspace"minmax(0,1fr)/248px minmax(0,1fr);min-height:100vh;display:grid}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1413f0;grid-area:topbar;grid-template-columns:248px minmax(360px,1fr) auto;align-items:center;min-width:0;display:grid;position:relative;box-shadow:0 8px 30px #0000002e}.brand{border-right:1px solid var(--line);align-items:center;gap:13px;height:100%;padding:0 22px;display:flex}.brand-mark{border:1px solid var(--gold);width:39px;height:39px;color:var(--gold-light);background:linear-gradient(145deg,#c89b5224,#c89b5208);border-radius:13px;place-items:center;font-family:Georgia,Times New Roman,serif;font-size:23px;font-weight:700;display:grid;box-shadow:inset 0 0 18px #c89b5214}.brand-copy{gap:2px;display:grid}.brand-copy strong{letter-spacing:.02em;font-family:Georgia,Times New Roman,serif;font-size:19px}.brand-copy small,.profile-button small,.resource small{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:10px}.resource-strip{justify-content:center;align-items:center;gap:clamp(14px,3vw,42px);min-width:0;height:100%;padding:0 24px;display:flex}.resource{align-items:center;gap:9px;min-width:80px;display:flex}.resource>svg{width:20px;height:20px}.resource>span{gap:1px;display:grid}.resource strong{color:#f1eadc;font-variant-numeric:tabular-nums;font-size:14px}.resource.wood>svg{color:#a78057}.resource.stone>svg{color:#9ba5a2}.resource.iron>svg{color:#86a0a5}.resource.food>svg{color:#d1ad62}.topbar-actions{border-left:1px solid var(--line);align-items:center;gap:8px;height:100%;padding:0 18px;display:flex}.icon-button{width:40px;height:40px;color:var(--ink-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;place-items:center;padding:0;display:grid}.icon-button:hover{border-color:var(--line);color:var(--ink);background:#ffffff08}.icon-button svg{width:19px;height:19px}.notification-button{position:relative}.notification-dot{border:1px solid var(--night-soft);background:var(--gold);border-radius:999px;width:6px;height:6px;position:absolute;top:8px;right:8px}.profile-button{min-width:126px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:9px;padding:7px 10px;display:flex}.profile-button:hover{border-color:var(--line);background:#ffffff08}.profile-button>svg{width:25px;height:25px;color:var(--gold)}.profile-button>span{display:grid}.profile-button strong{font-size:12px}.menu-button{display:none}.sidebar{z-index:10;border-right:1px solid var(--line);background:linear-gradient(#121d1bf5,#0c1413fa);flex-direction:column;grid-area:sidebar;gap:20px;min-height:0;padding:20px 14px 16px;display:flex}.navigation{gap:4px;display:grid}.navigation-item{width:100%;min-height:46px;color:var(--ink-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:0 14px;font-size:13px;font-weight:600;display:flex;position:relative}.navigation-item:hover{color:var(--ink);background:#ffffff07}.navigation-item.active{color:var(--gold-light);background:linear-gradient(90deg,#c89b5221,#c89b5208);border-color:#c89b5230}.navigation-item.active:before{background:var(--gold);content:"";border-radius:0 4px 4px 0;width:3px;height:24px;position:absolute;left:-15px}.navigation-item svg{width:18px;height:18px}.construction-card{border:1px solid var(--line);background:#ffffff06;border-radius:15px;margin-top:auto;padding:14px}.construction-heading{align-items:center;gap:10px;display:flex}.construction-icon{width:34px;height:34px;color:var(--moss);background:#6f95691a;border-radius:10px;place-items:center;display:grid}.construction-icon svg{width:17px}.construction-heading>div{gap:2px;display:grid}.construction-heading small,.phase-label small{color:var(--ink-faint);letter-spacing:.09em;text-transform:uppercase;font-size:9px}.construction-heading strong{font-size:11px}.construction-card>button{border:0;border-top:1px solid var(--line);width:100%;color:var(--gold-light);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-top:13px;padding:8px 0 0;font-size:10px;display:flex}.construction-card>button svg{width:14px}.phase-label{color:var(--ink-faint);align-items:center;gap:10px;padding:5px 10px;display:flex}.phase-label>svg{width:17px;color:var(--gold)}.phase-label>span{display:grid}.phase-label strong{color:var(--ink-muted);letter-spacing:.11em;font-size:10px}.workspace{grid-area:workspace;grid-template-columns:minmax(0,1fr) 318px;min-width:0;min-height:0;display:grid;overflow:hidden}.map-panel{grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;padding:26px 28px 28px;display:grid}.panel-heading{justify-content:space-between;align-items:flex-end;padding:0 2px 17px;display:flex}.eyebrow{color:var(--gold);letter-spacing:.16em;text-transform:uppercase;margin-bottom:5px;font-size:9px;font-weight:700;display:block}.panel-heading h1,.details-panel h2{color:var(--ink);margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}.panel-heading h1{font-size:clamp(27px,3vw,38px)}.map-status{border:1px solid var(--line);color:var(--ink-muted);letter-spacing:.06em;text-transform:uppercase;background:#0c141394;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;display:flex}.live-indicator{background:#739d70;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #739d701a}.map-viewport{border:1px solid var(--line);min-height:0;box-shadow:var(--shadow), inset 0 0 80px #0000003d;background:linear-gradient(#e6d8b806 1px,#0000 1px) 0 0/28px 28px,linear-gradient(90deg,#e6d8b806 1px,#0000 1px) 0 0/28px 28px,radial-gradient(circle,#172922 0%,#101c1a 54%,#0c1514 100%);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.map-viewport:after{pointer-events:none;content:"";background:linear-gradient(130deg,#ffffff09,#0000 35%);position:absolute;inset:0}.map-glow{filter:blur(80px);opacity:.17;border-radius:50%;width:270px;height:270px;position:absolute}.map-glow-one{background:#547960;top:-80px;left:8%}.map-glow-two{background:#8b6b40;bottom:-100px;right:-60px}.map-board{--map-zoom:1;z-index:2;aspect-ratio:1;grid-template-columns:repeat(var(--map-columns,9), 1fr);width:min(68vh,660px,78%);transform:rotate(-2deg) scale(var(--map-zoom));gap:3px;transition:transform .18s;display:grid;position:relative}.map-tile{cursor:pointer;background:#33473d;border:1px solid #e7d8b814;border-radius:5px;min-width:0;padding:0;transition:filter .14s,transform .14s,border-color .14s;position:relative;overflow:hidden;box-shadow:inset 0 0 12px #00000040}.map-tile:hover{z-index:2;filter:brightness(1.17);border-color:#edc9828c;transform:scale(1.06)}.map-tile.selected{z-index:3;border-color:var(--gold-light);box-shadow:0 0 0 2px #c89b522e,0 0 18px #c89b5238,inset 0 0 12px #00000038}.map-tile.plains{background:linear-gradient(145deg,#50664d,#394d3d)}.map-tile.forest{background:linear-gradient(145deg,#294a38,#1d352d)}.map-tile.mountains{background:linear-gradient(145deg,#57605c,#343f3e)}.map-tile.fertile{background:linear-gradient(145deg,#6a6743,#454a35)}.map-tile.river{background:linear-gradient(135deg,#355f67 0 38%,#59808a 42% 56%,#31545a 60%)}.tile-texture{opacity:.35;background:radial-gradient(circle at 25% 28%,#ffffff26 0 2px,#0000 3px),radial-gradient(circle at 72% 64%,#00000040 0 3px,#0000 4px);position:absolute;inset:0}.map-tile.capital{background:linear-gradient(145deg,#6e5838,#3e392d)}.capital-marker{color:var(--gold-light);filter:drop-shadow(0 4px 5px #00000073);place-items:center;display:grid;position:absolute;inset:0}.capital-marker svg{width:48%;height:48%}.map-controls{z-index:4;border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a1111d1;border-radius:12px;grid-template-columns:36px 48px 36px;align-items:center;margin:0;padding:0;display:grid;position:absolute;bottom:16px;right:16px;overflow:hidden;box-shadow:0 8px 20px #0003}.map-controls button{height:36px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.map-controls button:hover{color:var(--gold-light);background:#ffffff0a}.map-controls button svg{width:15px}.map-controls span{color:var(--ink-faint);text-align:center;font-size:9px}.map-legend{z-index:4;color:var(--ink-faint);gap:14px;font-size:9px;display:flex;position:absolute;bottom:17px;left:18px}.map-legend span{align-items:center;gap:6px;display:flex}.legend-dot{border-radius:2px;width:7px;height:7px}.legend-dot.own{background:var(--gold)}.legend-dot.neutral{border:1px solid #86928d}.details-panel{z-index:8;border-left:1px solid var(--line);background:radial-gradient(circle at 80% 10%,#c89b5214,#0000 32%),linear-gradient(#14201e,#0f1918);min-height:0;padding:42px 28px 24px;position:relative;overflow:auto}.details-close{display:none;position:absolute;top:16px;right:16px}.terrain-emblem{border:1px solid var(--line-strong);width:72px;height:72px;color:var(--gold-light);border-radius:21px;place-items:center;margin:25px 0 17px;display:grid;box-shadow:inset 0 0 35px #00000038}.terrain-emblem.forest{color:#9dc093;background:linear-gradient(145deg,#456f4e59,#1a382b59)}.terrain-emblem.plains,.terrain-emblem.fertile{color:#c4bc77;background:linear-gradient(145deg,#6f6c424d,#3945314d)}.terrain-emblem.mountains{color:#b0bbb8;background:#75827e26}.terrain-emblem.river{color:#8fb9c0;background:#4270792e}.terrain-emblem svg{width:30px;height:30px}.details-panel h2{font-size:28px}.owner-label{color:var(--ink-muted);margin:7px 0 25px;font-size:11px}.territory-bonus{background:#c89b520e;border:1px solid #c89b522b;border-radius:14px;gap:7px;padding:16px;display:grid}.territory-bonus small,.territory-facts dt{color:var(--ink-faint);letter-spacing:.09em;text-transform:uppercase;font-size:9px}.territory-bonus strong{color:var(--gold-light);font-size:12px;line-height:1.5}.territory-facts{gap:0;margin:19px 0;display:grid}.territory-facts>div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 2px;display:flex}.territory-facts dd{color:var(--ink-muted);margin:0;font-size:11px}.primary-action{color:#efe8d785;background:linear-gradient(#c89b521a,#c89b520a);border:1px solid #c89b5238;border-radius:13px;width:100%;min-height:52px;padding:10px 14px;font-size:12px;display:grid}.primary-action span{color:var(--ink-faint);letter-spacing:.08em;text-transform:uppercase;font-size:8px}.prototype-note{color:var(--ink-faint);margin-top:15px;font-size:9px;line-height:1.55}.navigation-mobile,.platform-note{display:none}@media (width<=1120px){.topbar{grid-template-columns:220px minmax(300px,1fr) auto}.app-shell{grid-template-columns:220px minmax(0,1fr)}.resource-strip{gap:16px;padding:0 16px}.resource{min-width:68px}.workspace{grid-template-columns:minmax(0,1fr) 276px}.map-panel{padding:22px}.details-panel{padding-inline:22px}}@media (width<=900px){body{overflow:auto}.app-shell{grid-template:"topbar"68px"workspace"minmax(0,1fr)"mobile-nav"68px/minmax(0,1fr);min-height:100dvh}.topbar{padding-inline:max(10px, env(safe-area-inset-left)) max(10px, env(safe-area-inset-right));grid-area:topbar;grid-template-columns:auto minmax(0,1fr) auto}.menu-button{display:grid}.brand{border:0;height:auto;padding:0 8px}.brand-mark{border-radius:11px;width:34px;height:34px;font-size:20px}.brand-copy small,.profile-button,.resource-strip,.sidebar{display:none}.topbar-actions{border:0;padding:0}.workspace{grid-area:workspace;min-height:0;display:block}.map-panel{height:calc(100dvh - 136px);min-height:500px;padding:18px 14px 14px}.map-board{width:min(76vh,620px,86vw)}.details-panel{z-index:30;max-height:min(72dvh,650px);padding:30px 24px calc(22px + env(safe-area-inset-bottom));border-top:1px solid var(--line-strong);border-left:0;border-radius:24px 24px 0 0;transition:transform .22s;position:fixed;bottom:67px;left:0;right:0;transform:translateY(calc(100% + 80px));box-shadow:0 -22px 70px #00000094}.details-panel.open{transform:translateY(0)}.details-close{display:grid}.terrain-emblem{width:60px;height:60px;margin:17px 0 12px}.details-panel h2{font-size:24px}.navigation-mobile{z-index:40;padding:7px max(5px, env(safe-area-inset-right)) max(7px, env(safe-area-inset-bottom)) max(5px, env(safe-area-inset-left));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c1413f7;grid-area:mobile-nav;grid-template-columns:repeat(6,1fr);display:grid;position:sticky;bottom:0;box-shadow:0 -8px 28px #00000040}.navigation-mobile .navigation-item{text-align:center;border:0;border-radius:10px;place-items:center;gap:3px;min-height:52px;padding:3px;font-size:8px;display:grid}.navigation-mobile .navigation-item.active:before{border-radius:0 0 3px 3px;width:25px;height:2px;top:-7px;left:50%;transform:translate(-50%)}.navigation-mobile .navigation-item svg{width:19px;height:19px}}@media (width<=560px){.brand-copy strong{font-size:16px}.panel-heading{align-items:center;padding-bottom:12px}.panel-heading h1{font-size:25px}.map-status{padding:6px 8px;font-size:8px}.map-panel{min-height:430px;padding:14px 10px 10px}.map-viewport{border-radius:16px}.map-board{gap:2px;width:min(76vh,88vw)}.map-legend{display:none}.map-controls{bottom:10px;right:10px}}@media (height<=620px) and (orientation:landscape) and (width<=900px){.app-shell{grid-template-rows:58px minmax(0,1fr) 58px}.map-panel{height:calc(100dvh - 116px);min-height:330px;padding-block:10px}.panel-heading{padding-bottom:8px}.panel-heading .eyebrow{display:none}.panel-heading h1{font-size:22px}.details-panel{border-left:1px solid var(--line);border-radius:20px 0 0 20px;width:min(390px,48vw);max-height:none;inset:58px 0 58px auto;transform:translate(calc(100% + 50px))}.details-panel.open{transform:translate(0)}.navigation-mobile{min-height:58px;padding-block:3px}.navigation-mobile .navigation-item{min-height:48px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto;transition-duration:.01ms}}