.city-shell{max-width:1280px;height:100dvh;margin:0 auto;padding:24px;overflow:auto}.city-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.resource-card{isolation:isolate;position:relative;overflow:hidden}.resource-card-fill{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#a784441f,#c99c5540);border-right:1px solid #c99c5559;transition:width .4s;position:absolute;inset:0 auto 0 0}@media (prefers-reduced-motion:reduce){.resource-card-fill{transition:none}}.workspace.workspace-city{display:block;overflow:auto}.city-shell.city-embedded{width:100%;max-width:none;height:auto;min-height:100%;padding:26px 28px;overflow:visible}.city-resources,.city-buildings{grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px;margin:24px 0;display:grid}.city-shell article,.city-queue{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.city-shell h2{font-size:18px}.city-shell p{color:var(--ink-muted);line-height:1.6}.city-shell button{border:1px solid var(--line-strong);background:var(--panel-raised);cursor:pointer;border-radius:8px;min-height:44px;padding:10px 14px}.city-shell button:disabled{opacity:.5;cursor:default}.unit-art-placeholder{border:1px dashed var(--line-strong);height:90px;color:var(--gold);background:var(--night-soft);border-radius:10px;place-items:center;display:grid}.army-quantity{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0;display:flex}.army-quantity input{border:1px solid var(--line-strong);background:var(--night-soft);width:110px;min-height:44px;color:var(--ink);font:inherit;border-radius:10px;padding:8px 12px}.army-quantity input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.expeditions{border-top:1px solid var(--line-strong);margin-top:30px;padding-top:20px}.expedition-form{border:1px solid var(--line-strong);border-radius:12px;margin:16px 0;padding:16px}.expedition-units{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:14px;margin-bottom:16px;display:grid}.expedition-form label{color:var(--ink-muted);gap:8px;font-size:13px;display:grid}.expedition-form input,.expedition-form select{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;color:var(--ink);background:var(--night-soft);font:inherit;border-radius:8px;padding:8px}.market-navigation{flex-wrap:wrap;gap:10px;margin-block:18px;display:flex}.market-navigation button[aria-pressed=true]{border-color:var(--gold);color:var(--gold)}.army-shell{--army-accent:#c99c55}.siege-preview,.siege-result{background:#c89b520f;border:1px solid #c89b524d;border-radius:10px;padding:12px 14px}.siege-preview p,.siege-result p{margin:5px 0 0}.siege-warning{color:#e2a56f}.rally-march{background:linear-gradient(135deg,#c89b521a,#0c1c18bf);border:1px solid #c89b5259;border-radius:12px;gap:10px;padding:16px;display:grid}.rally-march header,.march-troops{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.rally-march h3,.rally-march p{margin:0}.rally-march-label{color:var(--gold);text-transform:uppercase;letter-spacing:.12em}.march-progress{background:#00000047;border:1px solid #c89b5240;border-radius:999px;height:8px;overflow:hidden}.march-progress span{background:linear-gradient(90deg,#9b6e2b,#e8c36c);height:100%;transition:width 1s linear;display:block}.march-troops{justify-content:flex-start}.march-troops span{background:#ffffff0a;border-radius:6px;padding:5px 8px}.incoming-marches{background:linear-gradient(135deg,#7a241e33,#0f1c18cc);border:1px solid #be4a3d8c;border-radius:12px;gap:10px;padding:14px;display:grid}.incoming-marches>header,.incoming-marches article{justify-content:space-between;align-items:center;gap:16px;display:flex}.incoming-marches h3,.incoming-marches small{margin:0;display:block}.incoming-marches header small{color:#df7569;letter-spacing:.12em}.incoming-marches article{border-top:1px solid #be4a3d38;padding:10px 12px}.incoming-time{text-align:right}.incoming-time span{color:#f0a299;font-weight:700}.battle-route{text-align:center;background:#c89b520f;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin:10px 0;padding:10px 12px;display:grid}.battle-route strong{color:var(--gold)}.battle-history{margin-top:28px}.battle-report{background:var(--panel);border:1px solid var(--line);border-radius:10px;margin:10px 0;padding:16px}.battle-report summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:12px;min-height:32px;display:flex}.battle-report summary:before{content:"+";color:var(--gold)}.battle-report[open] summary:before{content:"−"}.battle-report summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.battle-report time{color:var(--ink-muted);margin-left:auto;font-size:12px}.battle-win{color:#b6ce96}.battle-loss{color:#e7a097}.battle-table-wrap{overflow-x:auto}.battle-report table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.battle-report caption{text-align:left;color:var(--ink-muted);padding-bottom:12px}.battle-report th,.battle-report td{border-bottom:1px solid var(--line);padding:10px 8px}.army-shell .army-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.army-heading h1{margin:8px 0;font:36px Georgia,serif}.army-heading p{margin:0;font-size:13px}.army-shell .army-refresh{background:0 0;align-items:center;gap:8px;display:flex}.army-overview{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.army-overview>div{border:1px solid var(--line);background:linear-gradient(120deg,#1e2b23,#111b18);border-radius:12px;align-items:center;gap:16px;padding:18px;display:flex}.army-overview svg{color:var(--army-accent);flex-shrink:0;width:22px}.army-overview span{color:var(--ink-muted);font-size:12px}.army-overview strong{color:var(--ink);margin-top:7px;font-size:24px;font-weight:500;display:block}.army-overview small{color:var(--ink-muted);font-size:11px}.army-resource-ribbon{background:linear-gradient(#26332b,#121c18);border:1px solid #c99c5560;border-radius:8px;grid-template-columns:repeat(4,minmax(0,1fr));max-width:820px;margin:18px auto 24px;padding:7px;display:grid;box-shadow:0 10px 30px #02090780}.army-resource{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:10px;min-width:0;padding:7px 14px;display:flex}.army-resource:last-child{border-right:0}.army-resource svg{width:20px;color:var(--army-accent)}.army-resource span{gap:2px;display:grid}.army-resource small{color:var(--ink-muted);letter-spacing:.08em;text-transform:uppercase;font-size:9px}.army-resource strong{font-variant-numeric:tabular-nums;font-size:14px}.army-resource-wood svg{color:#b48956}.army-resource-stone svg{color:#a8b0aa}.army-resource-iron svg{color:#91a8ae}.army-resource-food svg{color:#d5b45d}.army-tactical-layout{grid-template-columns:minmax(0,1fr) 220px;align-items:start;gap:18px;display:grid}.army-tactical-main{min-width:0}.army-tabs{border-bottom:1px solid var(--line);gap:6px;margin:4px 0 20px;padding-bottom:10px;display:flex}.army-shell .army-tabs button{color:var(--ink-muted);background:0 0;border-color:#0000;align-items:center;gap:10px;display:flex}.army-shell .army-tabs button[aria-pressed=true]{color:#e6bf7a;background:#c99c5515;border-color:#c99c5545}.army-recruitment{border:1px solid var(--line);background:#14201b;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:20px;margin-bottom:18px;padding:16px 20px;display:grid}.army-recruitment .city-queue{background:0 0;border:0;padding:0}.army-recruitment h2{align-items:center;gap:9px;margin:0 0 6px;display:flex}.army-recruitment p,.army-recruitment .army-quantity{margin:0;font-size:12px}.queue-dot{background:#8ba882;border-radius:50%;width:7px;height:7px}.queue-dot.training{background:#e6bf7a}.army-unit-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.army-shell .army-unit-card{background:linear-gradient(160deg,#18251f,#111b18);min-width:0;padding:16px}.army-unit-card .unit-art-placeholder{background:radial-gradient(#c99c5514,#0000 70%);flex-direction:column;justify-content:center;gap:14px;height:120px;display:flex}.army-unit-card .unit-art-placeholder svg{stroke-width:1.25px;width:36px;height:36px}.unit-art-placeholder span{letter-spacing:1px;text-transform:uppercase;color:var(--ink-muted);font-size:9px}.army-unit-title{justify-content:space-between;align-items:center;gap:8px;margin:16px 0;display:flex}.army-unit-role{color:var(--army-accent);letter-spacing:.1em;text-transform:uppercase;margin:-10px 0 13px;font-size:9px}.army-unit-title h2{margin:0;font-family:Georgia,serif}.army-unit-title>span{color:#e6bf7a;border:1px solid #c99c5545;border-radius:6px;padding:4px 9px}.army-unit-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,1fr);gap:4px;margin:0;padding-bottom:14px;display:grid}.army-unit-stats dt{color:var(--ink-muted);font-size:10px}.army-unit-stats dd{margin:7px 0 0;font-size:16px}.army-unit-cost{color:var(--ink-muted);gap:6px;margin-top:14px;font-size:11px;display:grid}.army-unit-cost small{letter-spacing:1.3px;margin-bottom:3px;font-size:8px}.army-unit-cost b{color:#ded7bd;font-weight:500}.army-unit-card .army-unit-meta{margin:13px 0;font-size:11px}.army-shell .army-unit-card button{color:#e6bf7a;background:#c99c5515;border-color:#c99c5560;width:100%;font-size:12px}.army-garrison-rail{background:linear-gradient(165deg,#19261f,#0e1714);border:1px solid #c99c5540;border-radius:12px;padding:18px;position:sticky;top:92px}.army-garrison-rail h2{margin:6px 0 16px;font:24px Georgia,serif}.garrison-roster{gap:6px;display:grid}.garrison-row{background:#ffffff05;border-radius:7px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:38px;padding:7px 8px;display:grid}.garrison-row svg{width:17px;color:var(--army-accent)}.garrison-row span{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.garrison-row strong{font-variant-numeric:tabular-nums;font-size:15px}.army-garrison-rail footer{border-top:1px solid var(--line);color:var(--ink-muted);grid-template-columns:1fr auto;gap:7px;margin-top:16px;padding-top:14px;font-size:11px;display:grid}.army-garrison-rail footer strong{color:var(--ink);font-size:16px}.army-garrison-rail footer small{color:var(--ink-muted);grid-column:1/-1}.army-shell button:focus-visible{outline:2px solid var(--army-accent);outline-offset:3px}.army-shell .expeditions{border:0;max-width:1100px;margin:0;padding:0}.army-shell .expedition-form{background:#14201b;padding:22px}.army-shell .expedition-form>label{margin:12px 0 18px}.army-shell .expedition-units{margin-top:18px}.army-shell .expeditions>button{color:#172018;background:linear-gradient(#e6bf7a,#bf934a);border-color:#0000;min-width:220px;font-weight:600}.army-shell [hidden]{display:none}@media (width<=1200px){.army-tactical-layout{grid-template-columns:1fr}.army-garrison-rail{grid-row:1;position:static}.garrison-roster{grid-template-columns:repeat(4,minmax(0,1fr))}.army-unit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.army-overview{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.army-resource-ribbon{grid-template-columns:repeat(2,1fr)}.army-resource:nth-child(2){border-right:0}.army-resource:nth-child(-n+2){border-bottom:1px solid var(--line)}.garrison-roster{grid-template-columns:repeat(2,minmax(0,1fr))}.army-shell .army-heading{flex-direction:column;align-items:flex-start;gap:12px}.army-overview>div{gap:10px;padding:12px}.army-overview strong{font-size:20px}.army-recruitment{grid-template-columns:1fr;padding:16px}.army-unit-grid{grid-template-columns:1fr}.army-tabs{gap:2px}.army-shell .army-tabs button{padding:8px;font-size:11px}}.village-layout{grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px;display:grid}.village-scene{border:1px solid var(--line-strong);background:radial-gradient(at 45% 45%,#344537,#152720 70%,#101c1a);border-radius:20px;min-width:0;overflow:hidden}.village-scene.fields-view{background:radial-gradient(circle at 17% 22%,#72855535 0 7%,#0000 8%),radial-gradient(circle at 82% 70%,#917b4830 0 8%,#0000 9%),linear-gradient(145deg,#283f2d,#172a21 70%,#101c1a)}.village-scene.settlement-view{background:radial-gradient(at 45% 45%,#344537,#152720 70%,#101c1a)}.village-caption{gap:6px;padding:12px 18px 0;display:grid}.village-caption strong{font:22px Georgia,serif}.village-caption small{color:var(--ink-muted)}.village-terrain{isolation:isolate;width:min(100%,1050px);height:clamp(440px,100dvh - 390px,680px);margin:0 auto;position:relative}.fields-terrain:before{z-index:-2;content:"";background:linear-gradient(28deg,#0000 46%,#a99b6e1d 47% 50%,#0000 51%),linear-gradient(-34deg,#0000 47%,#a99b6e16 48% 51%,#0000 52%),radial-gradient(#596b4670,#3049322b 68%,#0000 69%);border-radius:28% 35% 30% 36%;position:absolute;inset:6% 5% 9%;box-shadow:inset 0 0 70px #101b1538}.village-boundary{z-index:-1;background:radial-gradient(#59644942,#8e986315 65%);border:7px double #77744b;border-radius:46% 48% 43% 46%;position:absolute;inset:8% 7% 7%;transform:rotate(-5deg);box-shadow:0 15px 35px #0003,inset 0 0 40px #0003}.village-river{z-index:-1;border:18px solid #365c61;border-radius:50%;width:110%;height:20%;position:absolute;bottom:-13%;left:-5%;transform:rotate(-9deg)}.field-village-center{width:118px;height:92px;color:var(--gold-light);background:radial-gradient(circle,#4a5037,#27382a 72%);border:2px solid #bc9a54aa;border-radius:46% 46% 38% 40%;place-items:center;padding:12px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 12px 28px #0005,inset 0 0 22px #d0b66b1a}.field-village-center svg{width:34px;height:34px}.field-village-center span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10px;overflow:hidden}.village-paths{pointer-events:none;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.village-paths path{fill:none;stroke:#b9a77c38;stroke-width:2px;stroke-linecap:round}.city-shell .village-plot{left:var(--plot-x);top:var(--plot-y);background:linear-gradient(145deg,#354737,#1b2d25);border:1px solid #b1b99d45;border-radius:16px;justify-items:center;gap:5px;width:120px;padding:10px 6px;transition:border-color .15s,background .15s;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 8px #08120f38,0 14px 22px #0003}.fields-view .village-plot{background:linear-gradient(145deg,#41543b,#263a2c);border-radius:44% 40% 46% 36%}.settlement-view .village-plot{border-radius:14px}.city-shell .village-plot.empty{background:#16271de0;border-style:dashed}.city-shell .village-plot:hover,.city-shell .village-plot.selected{border-color:var(--gold-light);background:#43452c}.village-building-art{height:34px;color:var(--gold-light);place-items:center;display:grid}.village-building-art svg{width:30px;height:30px}.village-plot-name{font-size:12px;font-weight:600}.village-level{color:var(--ink-muted);font-size:10px}.village-timer{color:var(--gold-light);font-size:11px}.city-shell .village-legend{margin:0;padding:10px 18px;font-size:11px}.village-detail{border:1px solid var(--line-strong);background:var(--panel);border-radius:16px;padding:16px;position:sticky;top:12px}.village-detail-art{border:1px dashed var(--line-strong);min-height:90px;color:var(--gold);background:var(--night-soft);border-radius:12px;place-items:center;gap:10px;font-size:11px;display:grid}.village-detail-art svg{width:44px;height:44px}.village-cost{grid-template-columns:1fr auto;gap:10px;font-size:13px;display:grid}.village-cost dd{color:var(--gold-light);margin:0}.city-shell .village-build{border-color:var(--gold);width:100%;color:var(--gold-light);margin-top:14px}@media (width<=1150px){.village-layout{grid-template-columns:minmax(0,1fr)}.village-detail{position:static}}@media (width<=600px){.city-shell.village-city{padding:16px 10px}.village-city .city-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.village-terrain{height:500px}.city-shell .village-plot{width:82px;padding:8px 3px}.village-plot-name{font-size:10px}.village-building-art{height:25px}.village-building-art svg{width:22px;height:22px}.village-caption{padding:18px 14px 0}}@media (prefers-reduced-motion:reduce){.city-shell .village-plot{transition:none}}.city-shell.village-city{padding:16px 24px}.village-city .city-header h1{margin:0;font:26px Georgia,serif}.village-page-title{gap:2px;margin-right:auto;display:grid}.village-page-title .eyebrow{font-size:8px}.village-city .city-resources{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 8px}.village-city .city-resources article{grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:10px 14px;display:grid}.village-city .city-resources h2{margin:0;font-size:12px}.village-city .city-resources strong{justify-self:end;font-size:13px}.village-city .city-resources p{grid-column:1/-1;margin:0;font-size:11px}.village-city .village-population{margin:6px 0;font-size:11px}.village-city .city-queue{flex-wrap:wrap;align-items:center;gap:6px 16px;margin:8px 0 12px;padding:10px 14px;display:flex}.village-city .city-queue h2,.village-city .city-queue p{margin:0;font-size:12px}.village-tabs{gap:8px;margin:12px 0;display:flex}.village-tabs button[aria-pressed=true],.village-choices button[aria-pressed=true]{border-color:var(--gold);color:var(--gold-light)}.village-choices{gap:8px;margin-bottom:16px;display:grid}.village-choices button{text-align:left}.village-choices small{color:var(--ink-muted);margin-top:5px;font-size:10px;display:block}.lobby-shell{scroll-behavior:smooth;height:100dvh;color:var(--ink);background:radial-gradient(at 50% 0,#26352e,#0000 55%),#0b1312;overflow-y:auto}.lobby-shell h1,.lobby-shell h2,.lobby-shell h3,.lobby-shell p{margin:0}.lobby-shell h1,.lobby-shell h2,.lobby-shell h3{overflow-wrap:anywhere;font-family:Georgia,serif;font-weight:400}.lobby-shell h1{margin:10px 0;font-size:clamp(30px,3vw,42px)}.lobby-shell h2{font-size:23px}.lobby-shell h3{font-size:25px;line-height:1.3}.lobby-shell p{color:#a5b2ac;font-size:14px;line-height:1.7}.lobby-shell button{cursor:pointer;border:1px solid var(--line-strong);background:#1d2b25;border-radius:6px;min-height:44px;padding:10px 18px}.lobby-shell button:disabled{cursor:default;opacity:.55}.lobby-shell a{color:inherit;text-decoration:none}.lobby-shell a:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}.lobby-header{border-bottom:1px solid var(--line);background:#0b1312e8;justify-content:space-between;align-items:center;gap:16px;min-height:84px;padding:16px clamp(20px,4vw,64px);display:flex}.lobby-brand{color:var(--gold-light);align-items:center;gap:14px;display:flex}.lobby-brand strong{font:22px Georgia,serif}.lobby-brand span{text-transform:uppercase;letter-spacing:.35em;margin-top:5px;font:10px sans-serif;display:block}.lobby-header-label{letter-spacing:.18em;text-transform:uppercase;color:#a5b2ac;font-size:11px}.lobby-header-actions{gap:10px;display:flex}.admin-panel{max-width:1560px;margin:0 auto;padding:36px 32px 64px}.admin-title{justify-content:space-between;align-items:end;gap:24px;display:flex}.admin-title h1{align-items:center;gap:12px;margin:8px 0;font:38px Georgia,serif;display:flex}.admin-title-icon,.admin-refresh-icon{width:18px}.admin-title button{align-items:center;gap:8px;display:flex}.admin-summary{grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0;display:grid}.admin-summary article,.admin-card{border:1px solid var(--line);background:#121e1b;border-radius:10px}.admin-summary article{gap:6px;padding:22px;display:grid}.admin-summary strong{color:var(--gold-light);font:32px Georgia,serif}.admin-summary span{color:#a5b2ac}.admin-grid{gap:20px;display:grid}.admin-card{min-width:0;padding:22px}.admin-card h2{margin:0 0 18px;font:24px Georgia,serif}.admin-table-wrap{overflow-x:auto}.admin-card table{border-collapse:collapse;text-align:left;width:100%}.admin-card th,.admin-card td{border-bottom:1px solid var(--line);white-space:nowrap;padding:12px}.admin-card th{color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.admin-protected-account{color:var(--ink-faint);font-size:12px}.admin-player-actions{flex-wrap:wrap;gap:6px;display:flex}.admin-create-server,.admin-diagnostics{margin-bottom:20px}.admin-dev-tools{background:linear-gradient(135deg, #c89b5214, var(--panel));border-color:#c89b5280}.admin-dev-grid{grid-template-columns:minmax(220px,2fr) repeat(3,minmax(90px,1fr));gap:12px;display:grid}.admin-dev-grid label{gap:6px;display:grid}.admin-dev-actions{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.admin-season-actions,.admin-season-form{gap:8px;min-width:150px;display:grid}.admin-season-actions summary{cursor:pointer;color:var(--gold)}.admin-danger-button{color:#e29a8f;border-color:#be4d408c}@media (width<=720px){.admin-dev-grid{grid-template-columns:1fr 1fr}}.admin-diagnostics-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.admin-health-ok{color:#9bcf98;font-size:13px}.admin-diagnostic-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.admin-diagnostic-grid article{border:1px solid var(--line);background:#0c1714;border-radius:8px;gap:5px;padding:14px;display:grid}.admin-diagnostic-grid span,.admin-map-checks{color:var(--ink-faint);font-size:12px}.admin-health-warning{color:#e3b96e}.admin-diagnostic-grid article.admin-health-warning{border-color:#b88b4080}.admin-map-checks{gap:7px;margin-top:14px;display:grid}.admin-create-server form{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.admin-create-server label{color:#a5b2ac;gap:7px;font-size:12px;display:grid}.admin-create-server input,.admin-create-server select{border:1px solid var(--line-strong);min-height:42px;color:var(--ink);background:#0c1714;border-radius:6px;padding:8px 10px}.admin-cell-note,.admin-request-note{color:var(--ink-faint);margin-top:5px;display:block}.admin-access-request{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.admin-access-request>span:last-child{gap:8px;display:flex}.lobby-world .server-kind{color:var(--gold-light);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.closed-beta-actions{gap:8px;display:grid}@media (width<=760px){.lobby-header-label{display:none}.admin-panel{padding:24px 16px 48px}.admin-title{flex-direction:column;align-items:start}.admin-summary{grid-template-columns:repeat(2,1fr)}.admin-create-server form{grid-template-columns:1fr}.admin-diagnostic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-access-request{flex-direction:column;align-items:stretch}}.lobby-layout{grid-template-columns:220px minmax(0,1fr) 260px;align-items:start;gap:28px;max-width:1560px;margin:0 auto;padding:36px 32px 64px;display:grid}.lobby-sidebar,.lobby-center,.lobby-aside{min-width:0}.lobby-profile{border:1px solid var(--line);text-align:center;background:#121e1b;border-radius:10px;padding:24px 18px;scroll-margin-top:24px}.lobby-profile h2{margin:18px 0 8px}.lobby-profile p{font-size:12px}.lobby-profile>p{border-top:1px solid var(--line);margin-top:18px;padding-top:18px}.lobby-nav{gap:6px;padding:20px 0;display:grid}.lobby-nav a{border:1px solid #0000;border-radius:6px;align-items:center;min-height:44px;padding:14px 16px;font-size:14px;display:flex}.lobby-nav a:hover{border-color:var(--line-strong);background:#27352b}.lobby-sidebar-note{border-top:1px solid var(--line);padding:24px 16px}.lobby-welcome{padding-bottom:12px}.lobby-section{margin-top:28px;scroll-margin-top:24px}.lobby-section>h2{margin-bottom:18px}.lobby-section>p{border:1px dashed var(--line-strong);border-radius:8px;padding:20px}.lobby-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,270px),1fr));gap:18px;display:grid}.lobby-world{border:1px solid var(--line-strong);background:#15221d;border-radius:10px;min-width:0;overflow:hidden}.lobby-world-body{gap:16px;padding:22px;display:grid}.lobby-world .eyebrow{color:#aed29a}.lobby-winner{color:var(--gold-light);align-items:center;gap:6px;display:flex}.lobby-winner svg{width:16px;height:16px}.lobby-world .auth-submit{color:#1a2118;background:linear-gradient(110deg,#e3c58a,#ba955c);border-color:#e3c58a;width:100%;font-weight:600}.lobby-world .auth-submit:hover:not(:disabled){filter:brightness(1.1)}.lobby-my-worlds{grid-template-columns:1fr}.lobby-my-worlds .lobby-world{border-color:#bda46b70}.lobby-art{text-align:center;color:#a6b29e;background:repeating-linear-gradient(135deg,#0000,#0000 18px,#d5dbc603 18px 19px),#1b2924;border-bottom:1px dashed #b4c0a533;flex-direction:column;justify-content:center;align-items:center;gap:9px;min-height:145px;padding:20px;display:flex}.lobby-art span{font-size:12px}.lobby-art small{color:#8e9c94;font-size:10px}.lobby-art svg{opacity:.6;width:28px;height:28px}.lobby-profile .lobby-art{border:1px dashed #b4c0a54d;border-radius:12px;width:118px;min-height:118px;margin:0 auto;padding:12px}.lobby-profile .lobby-art small{display:none}.lobby-my-worlds .lobby-art{min-height:210px}.lobby-side-card{border:1px solid var(--line);background:#121e1b;border-radius:10px;margin-bottom:22px;padding:22px;scroll-margin-top:24px}.lobby-side-card h2{margin-bottom:18px}.lobby-side-card .lobby-art{border:1px dashed #b4c0a533;border-radius:6px;min-height:110px;margin-bottom:16px}.lobby-calendar{margin:0;padding:0;list-style:none}.lobby-calendar li{border-top:1px solid var(--line);gap:8px;padding:16px 0;display:grid}.lobby-calendar time{color:var(--gold-light);font-size:12px}.lobby-calendar strong{overflow-wrap:anywhere;font-size:14px;font-weight:400}.lobby-footer{color:#8e9c94;text-align:center;padding-top:36px;font-size:11px}@media (width<=1150px){.lobby-layout{grid-template-columns:190px minmax(0,1fr);gap:22px;padding:24px}.lobby-aside{grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}}@media (width<=700px){.lobby-header{min-height:72px;padding:14px 16px}.lobby-header-label{display:none}.lobby-layout{flex-direction:column;gap:24px;padding:22px 16px 40px;display:flex}.lobby-sidebar,.lobby-center,.lobby-aside{width:100%}.lobby-sidebar{display:contents}.lobby-profile{order:3;width:100%}.lobby-sidebar-note{display:none}.lobby-nav{order:0;gap:6px;width:100%;padding:0;display:flex}.lobby-nav a{flex:1;justify-content:center;padding:12px 5px;font-size:12px}.lobby-center{order:1}.lobby-aside{order:2;display:block}.lobby-my-worlds .lobby-art{min-height:155px}.lobby-world-body{padding:18px}}@media (prefers-reduced-motion:reduce){.lobby-shell{scroll-behavior:auto}}: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}.back-to-lobby{border:1px solid var(--gold);background:var(--panel);min-height:44px;color:var(--gold-light);letter-spacing:normal;white-space:nowrap;cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:8px;padding:0 15px;font-family:inherit;font-size:13px;font-weight:600;transition:background .16s,border-color .16s;display:inline-flex}.back-to-lobby>svg{width:16px;height:16px}.back-to-lobby:hover:not(:disabled){border-color:var(--gold-light);background:var(--panel-raised)}.back-to-lobby:disabled{opacity:.5;cursor:not-allowed}.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}.session-loader-content{text-align:center;padding:24px}.session-loader-content p{color:var(--ink-muted);letter-spacing:.02em;margin:14px 0 0;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:14px}.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;min-width:0;height:100%;padding:0 18px;display:flex}.game-hud{background:linear-gradient(#2a332d 0%,#131e1a 72%,#0b1412 100%);border:1px solid #c99b5260;border-top:0;border-radius:0 0 12px 12px;grid-template-columns:repeat(4,minmax(110px,1fr));width:min(760px,100%);padding:6px 15px 8px;display:grid;position:relative;box-shadow:0 8px 24px #0008,inset 0 -1px #d7ad6550}.game-hud:before,.game-hud:after{content:"";clip-path:polygon(0 0,100% 0,60% 100%);background:linear-gradient(135deg,#8e642c,#c99b52);width:30px;height:17px;position:absolute;bottom:-8px}.game-hud:before{left:-17px}.game-hud:after{right:-17px;transform:scaleX(-1)}.hud-resource{border:0;border-right:1px solid var(--line);min-width:0;color:var(--ink);text-align:left;background:0 0;border-radius:0;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:8px;padding:3px 12px;display:grid}.hud-resource:last-child{border-right:0}.hud-resource:hover{background:#ffffff08}.hud-resource>svg{width:23px;color:var(--gold-light)}.hud-resource-copy{gap:3px;min-width:0;display:grid}.hud-resource-value{white-space:nowrap;align-items:baseline;gap:3px;display:flex}.hud-resource-value strong{font-variant-numeric:tabular-nums;font-size:13px}.hud-resource-value small{color:var(--ink-muted);font-size:9px}.hud-meter{background:#050a08;border:1px solid #ffffff18;height:4px;overflow:hidden}.hud-meter i{background:linear-gradient(90deg,#739140,#c7bd51);height:100%;display:block}.hud-production{color:#b7c0b9;font-variant-numeric:tabular-nums;text-align:center;font-size:9px}.hud-wood>svg{color:#b98a56}.hud-stone>svg{color:#adb4b0}.hud-iron>svg{color:#8fa9b0}.hud-food>svg{color:#d8b450}.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-panel{z-index:20;border:1px solid var(--line);background:#0b1714;border-radius:12px;width:min(380px,100vw - 24px);max-height:min(520px,100vh - 80px);padding:16px;position:absolute;top:58px;right:170px;overflow:auto;box-shadow:0 18px 50px #0008}.notification-panel h2{margin:0 0 10px}.notification-panel article{border-top:1px solid var(--line);gap:3px;padding:10px 0;display:grid}.notification-panel span,.notification-panel time{color:var(--ink-faint);font-size:11px}.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"114px"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-template:"menu brand actions"56px"hud hud hud"58px/auto minmax(0,1fr) auto;grid-area:topbar}.menu-button{grid-area:menu;display:grid}.brand{border:0;grid-area:brand;height:auto;padding:0 8px}.brand-mark{border-radius:11px;width:34px;height:34px;font-size:20px}.brand-copy small,.profile-button,.sidebar{display:none}.resource-strip{grid-area:hud;width:100%;padding:0 12px 6px;display:flex}.game-hud{grid-template-columns:repeat(4,minmax(0,1fr));width:100%;padding:4px 6px 6px}.hud-resource{grid-template-columns:20px minmax(0,1fr);gap:5px;padding:2px 6px}.hud-resource>svg{width:17px}.hud-resource-value strong{font-size:11px}.hud-resource-value small,.hud-production{font-size:8px}.topbar-actions{border:0;grid-area:actions;padding:0}.workspace{grid-area:workspace;min-height:0;display:block}.map-panel{height:calc(100dvh - 182px);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(8,minmax(0,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}}.map-tile.owned{border-color:var(--gold);box-shadow:inset 0 0 0 2px #c89b5273}.world-map-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.capital-objective{background:linear-gradient(90deg,#c79d431a,#0f1d1ad1);border:1px solid #c79d4352;border-radius:12px;grid-template-columns:minmax(210px,auto) 1fr auto;align-items:center;gap:18px;margin:12px 0;padding:12px 14px;display:grid}.capital-objective-title{gap:3px;display:grid}.capital-objective p{color:var(--muted);margin:0}.capital-objective button{min-height:36px;color:var(--gold-light);cursor:pointer;background:#c79d4314;border:1px solid #c79d437a;border-radius:8px;padding:0 14px}@media (width<=760px){.capital-objective{grid-template-columns:1fr;gap:9px}}.world-map-toolbar button,.world-map-toolbar input{min-height:36px;color:var(--ink);background:var(--panel);border:1px solid var(--line-strong);border-radius:6px;padding:7px 10px}.world-map-toolbar input{width:64px}.world-map-toolbar label{color:var(--ink-muted);font-size:12px}.map-panel:has(.full-world-viewport){flex-direction:column;min-height:0;display:flex;overflow:hidden}.map-viewport.full-world-viewport{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;overscroll-behavior:contain;scrollbar-width:none;border-radius:8px;flex:auto;align-self:stretch;width:100%;height:100%;min-height:420px;display:block;overflow:auto}.map-viewport.full-world-viewport::-webkit-scrollbar{display:none}.map-board.full-world-board{min-width:100%;max-width:none;transition:none;display:block;transform:none}.canvas-world-board{cursor:inherit;background:0 0;border:0;outline:0;padding:0}.canvas-world-board:focus-visible{box-shadow:inset 0 0 0 2px var(--gold-light)}.canvas-world-board canvas{pointer-events:none;width:100%;height:100%;display:block}.full-world-board .map-tile{cursor:inherit;aspect-ratio:1;border:0;border-radius:0;min-width:0;min-height:0;padding:0;box-shadow:inset 0 0 0 .5px #0003}.full-world-board .map-tile:hover{filter:brightness(1.5);transform:none}.full-world-viewport.is-dragging{cursor:grabbing}.full-world-board .map-tile.owned{box-shadow:none;background:#b99a48}.full-world-board .map-tile.foreign{background:#b27067}.full-world-board .map-tile.world-capital{z-index:2;background:#e7dfb0;outline:2px solid #d0ac65}.full-world-board .map-tile.selected{outline-offset:-1px;z-index:3;outline:2px solid #fff1b8}.full-world-board .tile-texture{display:none}.full-world-board[data-detail=medium] .tile-texture,.full-world-board[data-detail=close] .tile-texture{display:block}.full-world-board .capital-marker{border-radius:0;width:100%;height:100%}.full-world-board[data-detail=overview] .capital-marker{display:none}.full-world-board .capital-marker svg{width:85%;height:85%}.city-map-label{z-index:5;width:max-content;max-width:120px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:#0a1111e6;border:1px solid #edc98273;border-radius:4px;padding:3px 6px;font-size:9px;line-height:1.2;display:none;position:absolute;top:calc(100% + 3px);left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 4px 12px #0000004d}.full-world-board[data-detail=close] .map-tile.capital{z-index:4;overflow:visible}.full-world-board[data-detail=close] .city-map-label{display:block}.alliance-banner,.alliance-chat-heading,.alliance-chat-log article header{align-items:center;display:flex}.alliance-banner{border:1px solid var(--line);background:linear-gradient(135deg,#c89b5224,#142b24b3);border-radius:14px;gap:14px;padding:16px}.alliance-banner>span{color:var(--gold);font-family:Georgia,serif;font-size:24px}.alliance-banner h3,.alliance-banner p{margin:2px 0}.alliance-chat{border:1px solid var(--line);background:#0e1d19b8;border-radius:14px;gap:12px;margin:18px 0;padding:16px;display:grid}.alliance-chat-heading{justify-content:space-between;gap:12px}.alliance-chat-heading h3{margin:0}.alliance-chat-log{gap:8px;max-height:360px;padding-right:4px;display:grid;overflow-y:auto}.alliance-chat-log article{border:1px solid var(--line);background:#071210a6;border-radius:10px;padding:10px 12px}.alliance-chat-log article.mine{background:#c89b5214;border-color:#c89b5273}.alliance-chat-log article header{color:var(--ink-faint);flex-wrap:wrap;gap:8px;font-size:11px}.alliance-chat-log article header strong{color:var(--gold)}.alliance-chat-log article header time{margin-left:auto}.alliance-chat-log article p{overflow-wrap:anywhere;color:var(--ink);white-space:pre-wrap;margin:6px 0 0}.alliance-chat-form{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px;display:grid}.alliance-chat-form label{gap:5px;display:grid}.alliance-chat-form textarea{resize:vertical;width:100%}@media (width<=600px){.alliance-chat-form{grid-template-columns:1fr}.alliance-chat-log article header time{width:100%;margin-left:0}}:root{--page-space:clamp(12px, 2vw, 32px);--card-space:clamp(12px, 1.4vw, 20px);--page-gap:clamp(10px, 1.4vw, 20px)}body{overflow:auto}.app-shell{height:100dvh;min-height:0}.workspace{container:workspace/inline-size}.sidebar{overflow-y:auto}.workspace.workspace-city{overscroll-behavior-y:contain;scrollbar-gutter:stable}.city-shell.city-embedded,.city-shell.village-city{padding:var(--page-space);min-width:0}.city-shell :is(article,aside,fieldset),.lobby-layout>*,.army-overview>div{min-width:0}.city-shell :is(h1,h2,h3,p,strong,button,label),.lobby-shell :is(button,a),.auth-page :is(h1,p){overflow-wrap:anywhere}.city-shell :is(button,input,select){max-width:100%}.city-shell article,.city-shell .expedition-form{padding:var(--card-space)}.city-resources,.city-buildings,.army-unit-grid{gap:var(--page-gap)}.army-unit-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr))}.army-overview{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}.army-shell .army-heading{gap:var(--page-gap);flex-wrap:wrap}.army-heading h1{font-size:clamp(26px,2.5vw,36px)}.army-tabs,.village-tabs{flex-wrap:wrap}.army-unit-card .unit-art-placeholder{height:clamp(72px,12dvh,120px)}.army-shell .expeditions{max-width:none}.expedition-units{grid-template-columns:repeat(auto-fit,minmax(min(100%,130px),1fr))}.village-layout{gap:var(--page-gap);grid-template-columns:minmax(0,1fr) clamp(240px,25%,320px)}.village-scene{container:village/inline-size}.village-terrain{aspect-ratio:1.5;height:auto;min-height:330px;max-height:620px}.city-shell .village-plot{width:clamp(60px,22cqw,120px);padding:clamp(5px,1.5cqw,10px) 4px}.village-plot-name{font-size:clamp(10px,2.5cqw,12px)}.village-city .city-resources article{padding:var(--card-space);grid-template-columns:minmax(0,1fr);gap:5px}.village-city .city-resources strong{justify-self:start}.map-panel{padding:var(--page-space);overflow-y:auto}.map-viewport.full-world-viewport{width:100%;height:100%;min-height:0}.panel-heading{flex-wrap:wrap;gap:10px}.lobby-layout{padding:var(--page-space);gap:var(--page-gap)}.lobby-header,.lobby-nav{flex-wrap:wrap}.lobby-shell .lobby-world-body,.lobby-shell .lobby-side-card{padding:var(--card-space)}.auth-page,.world-onboarding{height:100dvh;min-height:0;overflow-y:auto}@container workspace (width<=850px){.village-layout{grid-template-columns:minmax(0,1fr)}.village-detail{position:static}.army-recruitment{grid-template-columns:minmax(0,1fr)}}@container workspace (width>=851px){.village-detail{position:sticky}}@container workspace (width<=520px){.village-city .city-resources,.army-overview{grid-template-columns:repeat(2,minmax(0,1fr))}.army-overview>div{flex-wrap:wrap;gap:8px;padding:12px}.city-shell .army-tabs button{flex:130px}}@media (width<=900px){.app-shell{grid-template-rows:68px minmax(0,1fr) auto}.map-panel{height:100%;min-height:0}.map-viewport.full-world-viewport{min-height:320px}.navigation-mobile{min-height:68px}.city-shell :is(input,select),.auth-page :is(input,select),.world-onboarding input{font-size:16px}}@media (width<=520px){.city-shell.village-city .city-resources{grid-template-columns:repeat(2,minmax(0,1fr))}.village-layout{grid-template-columns:minmax(0,1fr)}.village-detail{position:static}.city-header>button{flex:auto}.auth-story-copy h1{font-size:clamp(28px,8vw,42px)}}@media (height<=620px) and (width<=900px) and (orientation:landscape){.app-shell{grid-template-rows:58px minmax(0,1fr) auto}.navigation-mobile{min-height:58px}}