@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-ext-wght-normal-hICkpzq7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-cyrillic-wght-normal-mKek_fSS.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-ext-wght-normal-B-I5lbAQ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Golos Text Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/golos-text-latin-wght-normal-BS5oQT7X.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;color:var(--text);background:var(--bg);--bg:#0e100e;--surface:#151714;--surface-raised:#191b18;--hover:#1b1d19;--line:#292b27;--line-strong:#3a3c36;--text:#e7e4da;--muted:#96958e;--faint:#6f706a;--accent:#b96b4a;--accent-hover:#ca7955;--accent-soft:#2b1d17;--success:#7f9d79;--warning:#b29a6b;--danger:#bb675c;--danger-soft:#291917;--danger-border:#4a2823;--danger-line:#56312a;--focus-ring:#b96b4a1f;--primary-ink:#180f0b;--label:#c7c4bb;--text-soft:#b5b2aa;--text-readable:#c2beb4;--code:#d3c6b9;--code-readable:#c8c2b7;--code-surface:#0a0b0a;--success-soft:#192219;--brand-border:#6d4432;--avatar:#a9694d;--avatar-ink:#21140f;--speculative:#a99bb3;--overlay:#090a09e8;--radius:5px;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--content:1240px;font-family:Golos Text Variable,Golos Text,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{min-width:320px;min-height:100vh;color:var(--text);background:var(--bg);margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{min-height:40px;color:var(--text);background:var(--surface-raised);border-radius:var(--radius);cursor:pointer;border:1px solid #0000;padding:.58rem .8rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s}button:hover{background:var(--hover);border-color:var(--line-strong)}button:disabled{opacity:.42;cursor:not-allowed}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary,.primary{color:var(--primary-ink);background:var(--accent);border-color:var(--accent);font-weight:600}button.primary:hover,.primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}button.secondary{color:var(--text);border-color:var(--line);background:0 0}.danger-button,.text-button,.member-kick{color:var(--danger);background:0 0;border-color:#0000}.danger-button:hover,.text-button:hover,.member-kick:hover{background:var(--danger-soft);border-color:var(--danger-border)}input,select,textarea{width:100%;min-height:42px;color:var(--text);background:var(--surface);border:1px solid #0000;border-bottom-color:var(--line-strong);border-radius:var(--radius);outline:none;padding:.62rem .72rem;transition:background-color .15s,border-color .15s,box-shadow .15s}input:hover,select:hover,textarea:hover{background:var(--surface-raised)}input:focus,select:focus,textarea:focus{background:var(--surface-raised);border-color:var(--accent);box-shadow:0 0 0 2px var(--focus-ring)}input::placeholder,textarea::placeholder{color:var(--faint)}label{color:var(--label);gap:.38rem;font-size:.82rem;font-weight:500;display:grid}label small,small{color:var(--muted);font-weight:400}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.018em;font-weight:600}h1{margin-bottom:var(--space-5);font-size:clamp(1.75rem,4vw,2.65rem);line-height:1.08}h2{margin-bottom:var(--space-4);font-size:clamp(1.08rem,2vw,1.32rem);line-height:1.2}h3{font-size:.92rem}p{color:var(--text-soft);line-height:1.55}code{color:var(--code);font-family:ui-monospace,SFMono-Regular,Consolas,monospace}summary{outline:none}.eyebrow{margin-bottom:var(--space-2);color:var(--muted);letter-spacing:.035em;font-size:.72rem;font-weight:500;display:block}.link-button,.home-action-link{border-radius:var(--radius);justify-content:center;align-items:center;min-height:40px;padding:.58rem .8rem;font-size:.84rem;font-weight:500;display:inline-flex}.home-action-link,.link-button:not(.primary){background:var(--surface-raised)}.home-action-link:hover,.link-button:not(.primary):hover{background:var(--hover)}.back-link,.text-link{color:var(--muted);font-size:.82rem}.back-link:hover,.text-link:hover{color:var(--text)}.back-link{margin-bottom:var(--space-5);display:inline-block}.danger-text,.inline-error{color:var(--danger)}.ui-section,.panel,.admin-panel{padding:var(--space-6) 0;border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;margin:0}.ui-section__header,.section-heading,.admin-panel__head{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);display:flex}.ui-section__header h2,.section-heading h2,.admin-panel__head h2{margin:0}.ui-section__header p,.admin-panel__head p{max-width:680px;margin:.3rem 0 0;font-size:.82rem}.ui-section__aside{align-items:center;gap:var(--space-3);color:var(--muted);font-size:.78rem;display:flex}.ui-divider{height:1px;margin:var(--space-5) 0;background:var(--line);border:0}.ui-status{color:var(--muted);white-space:nowrap;align-items:center;gap:.45rem;font-size:.75rem;font-weight:400;display:inline-flex}.ui-status i{background:var(--faint);border-radius:50%;width:7px;height:7px}.ui-status--success i{background:var(--success)}.ui-status--warning i{background:var(--warning)}.ui-status--danger i{background:var(--danger)}.ui-status--accent i{background:var(--accent)}.status-dot{background:var(--faint);border-radius:50%;width:8px;height:8px}.status-dot--running,.status-dot--lobby{background:var(--success)}.status-dot--paused,.status-dot--starting{background:var(--warning)}.status-dot--failed,.status-dot--archived{background:var(--danger)}.status-dot--finished{background:var(--muted)}.badge,.version,.ready-badge,.waiting-badge{color:var(--muted);background:0 0;border:0;border-radius:0;align-items:center;gap:.4rem;padding:0;font-size:.72rem;font-weight:400;display:inline-flex}.badge:before,.ready-badge:before,.waiting-badge:before{content:"";background:var(--faint);border-radius:50%;width:6px;height:6px}.badge--active,.ready-badge{color:var(--success)}.badge--active:before,.ready-badge:before{background:var(--success)}.badge--blocked{color:var(--danger)}.badge--blocked:before{background:var(--danger)}.waiting-badge{color:var(--muted)}.error-box,.success-box{margin:var(--space-4) 0;padding:var(--space-4);border-left:2px solid var(--danger);border-radius:0 var(--radius) var(--radius) 0;background:var(--danger-soft);gap:.35rem;display:grid}.success-box{border-color:var(--success);background:var(--success-soft)}.error-box button{margin-top:var(--space-2);justify-self:start}.empty{margin:var(--space-4) 0;color:var(--muted)}.empty-state{padding:var(--space-4) 0 var(--space-5);justify-items:start;gap:.35rem;display:grid}.empty-state p{margin:0 0 var(--space-2)}.empty-state>div{gap:var(--space-2);display:flex}.app-shell{min-height:100vh}.app-shell--compact{max-width:var(--content);margin:0 auto}.topbar{z-index:20;height:62px;padding:env(safe-area-inset-top) var(--space-4) 0;background:color-mix(in srgb, var(--bg) 94%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:0;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.topbar__inner{width:min(var(--content), 100%);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.wordmark{letter-spacing:.07em;align-items:center;gap:.55rem;font-size:.76rem;font-weight:600;display:flex}.wordmark__mark,.game-brand{width:28px;height:28px;color:var(--accent);border:1px solid var(--brand-border);border-radius:var(--radius);place-items:center;font-size:1rem;display:grid}.user-menu{position:relative}.user-menu__trigger{min-height:38px;color:var(--muted);background:0 0;border:0;align-items:center;gap:.55rem;padding:.2rem .35rem .2rem .2rem;display:flex}.user-menu__trigger:hover{color:var(--text);background:var(--hover);border-color:#0000}.user-menu__trigger .avatar{width:30px;height:30px;font-size:.76rem}.user-menu__name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-size:.76rem;overflow:hidden}.user-menu__popover{z-index:50;border:1px solid var(--line);background:var(--surface-raised);border-radius:8px;width:180px;padding:.35rem;display:grid;position:absolute;top:calc(100% + .4rem);right:0;box-shadow:0 16px 44px #0008}.user-menu__popover a,.user-menu__popover button{min-height:38px;color:var(--text-soft);text-align:left;background:0 0;border:0;padding:.5rem .65rem;font-size:.78rem}.user-menu__popover a:hover,.user-menu__popover button:hover{color:var(--text);background:var(--hover)}.auth-page{min-height:100vh;padding:var(--space-4);background:var(--bg);place-items:center;display:grid}.auth-card{border-radius:var(--radius);background:var(--surface);width:min(430px,100%);padding:clamp(1.5rem,5vw,2.4rem)}.auth-card h1{font-size:clamp(1.9rem,8vw,2.75rem)}.auth-card .lead{margin-bottom:var(--space-5)}.auth-card form{gap:var(--space-4);display:grid}.telegram-hint{gap:var(--space-3);margin:var(--space-5) 0;padding-top:var(--space-4);border-top:1px solid var(--line);display:flex}.telegram-hint>span{color:var(--accent)}.telegram-hint p{margin:.15rem 0 0;font-size:.82rem}.text-link{text-align:center;display:block}.dev-auth{margin:var(--space-4) 0;color:var(--muted)}.dev-auth>*{margin-top:var(--space-2)}.center-state{min-height:35vh;color:var(--muted);align-content:center;place-items:center;display:grid}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.home-page{width:min(var(--content), calc(100% - 2rem));padding:var(--space-7) 0 5rem;margin:0 auto}.home-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-5);display:flex}.home-toolbar h1{margin:0}.home-actions{gap:var(--space-2);display:flex}.home-world-sections{gap:var(--space-7);display:grid}.home-world-sections>.ui-section{padding:0}.home-page .ui-section,.lobby-page .panel,.settings-page .panel{border-top:0}.world-list{gap:var(--space-2);display:grid}.world-row{align-items:center;gap:var(--space-5);min-height:72px;padding:.9rem var(--space-4);text-align:left;background:var(--surface);border:0;border-radius:8px;grid-template-columns:minmax(0,1fr) auto auto;display:grid}.world-row:hover{background:var(--hover);border-color:#0000}.world-row>div{gap:.2rem;min-width:0;display:grid}.world-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.93rem;font-weight:500;overflow:hidden}.world-row small{font-size:.74rem}.world-row b{color:var(--accent);white-space:nowrap;font-size:.75rem;font-weight:500}.form-section{margin:0 0 var(--space-6);padding:var(--space-5);background:var(--surface);border:0;border-radius:10px}.form-grid{gap:var(--space-4);grid-template-columns:1fr 1fr;display:grid}.form-grid .fixed-options{grid-column:1/-1}.fixed-options{gap:var(--space-3);color:var(--muted);flex-wrap:wrap;font-size:.76rem;display:flex}.lobby-page,.settings-page{padding:var(--space-6) var(--space-4) 5rem}.lobby-hero{padding:var(--space-4) 0 var(--space-6)}.lobby-hero h1{margin-bottom:var(--space-3)}.lobby-meta{gap:var(--space-4);color:var(--muted);flex-wrap:wrap;font-size:.78rem;display:flex}.lobby-layout{gap:var(--space-5);grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);align-items:start;display:grid}.lobby-sidebar{gap:var(--space-4);display:grid}.lobby-members,.civilization-form,.lobby-manage{padding:var(--space-5);background:var(--surface);border-radius:10px}.member-list,.session-list{display:grid}.member-row,.session-row{align-items:center;gap:var(--space-4);border-bottom:0;grid-template-columns:auto minmax(0,1fr) auto;padding:.8rem 0;display:grid}.member-row+.member-row{border-top:1px solid color-mix(in srgb, var(--line) 55%, transparent)}.member-row>div,.session-row>div,.profile-card>div{gap:.2rem;display:grid}.avatar{width:36px;height:36px;color:var(--avatar-ink);background:var(--avatar);border-radius:50%;place-items:center;font-weight:600;display:grid}.avatar--large{width:46px;height:46px;font-size:1.05rem}.member-kick{min-height:32px;padding:.35rem .5rem;font-size:.72rem}.civilization-form,.lobby-manage{align-items:end;gap:var(--space-3);grid-template-columns:1fr;display:grid}.civilization-form .section-heading,.lobby-manage .section-heading{margin-bottom:0}.lobby-footer{align-items:center;gap:var(--space-3);margin-top:var(--space-5);padding:var(--space-4) 0;display:flex}.lobby-footer .lobby-start{min-width:180px;margin-left:auto}.profile-card{align-items:center;gap:var(--space-4);border-top:0;padding-top:0;display:flex}.browser-code{align-items:center;gap:var(--space-4);display:flex}.browser-code strong{color:var(--accent);letter-spacing:.06em;font:600 1.75rem/1 ui-monospace,monospace}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.toggle-row>span{gap:.2rem;display:grid}.toggle-row input{width:20px;min-height:20px;accent-color:var(--accent)}.dialog-backdrop{z-index:100;padding:var(--space-4);background:var(--overlay);place-items:center;display:grid;position:fixed;inset:0}.dialog-card{width:min(440px,100%);padding:var(--space-5);border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:10px;box-shadow:0 24px 80px #000b}.dialog-card h2{margin-bottom:var(--space-3)}.dialog-copy p{margin-bottom:0}.dialog-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-5);display:flex}.dialog-actions .danger-button--solid{color:var(--text);border-color:var(--danger);background:var(--danger)}.dialog-actions .danger-button--solid:hover{color:var(--text);border-color:var(--danger);background:color-mix(in srgb, var(--danger) 82%, black)}.hex-map{touch-action:none;width:100%;height:100%;min-height:460px;position:relative;overflow:hidden}.hex-map canvas{z-index:0;width:100%;height:100%;display:block;position:absolute;inset:0}.inline-actions{gap:var(--space-2);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sheet-close{float:right;min-width:32px;min-height:32px;color:var(--muted);background:0 0;padding:0}.hex-unknown{color:var(--muted);font-size:.7rem}.admin-shell{background:var(--bg);grid-template-columns:184px minmax(0,1fr);min-width:0;min-height:100vh;display:grid}.admin-sidebar{height:100vh;padding:var(--space-3);border-right:1px solid var(--line);background:var(--surface);flex-direction:column;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:.55rem;padding:.4rem .5rem;display:flex}.admin-brand>span{color:var(--accent);font-size:1.25rem}.admin-brand>div{display:grid}.admin-brand strong{letter-spacing:.055em;font-size:.7rem;font-weight:600}.admin-brand small{color:var(--faint);letter-spacing:.06em;font-size:.53rem}.admin-sidebar nav{margin-top:var(--space-5);gap:.1rem;display:grid}.admin-sidebar nav button{min-height:34px;color:var(--muted);text-align:left;background:0 0;border:0;border-left:2px solid #0000;border-radius:0;padding:.42rem .55rem;font-size:.76rem}.admin-sidebar nav button:hover{color:var(--text);background:var(--hover)}.admin-sidebar nav button.active{color:var(--accent);border-left-color:var(--accent);background:0 0}.admin-exit{color:var(--muted);margin-top:auto;padding:.55rem;font-size:.7rem}.admin-content{width:100%;min-width:0;padding:var(--space-5)}.admin-heading{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-5);display:flex}.admin-heading h1{margin:0;font-size:clamp(1.6rem,3vw,2.1rem)}.version{font-family:ui-monospace,monospace}.admin-stats{margin-bottom:var(--space-6);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.admin-stats article{padding:var(--space-4);gap:.25rem;display:grid}.admin-stats article+article{border-left:1px solid var(--line)}.admin-stats span{color:var(--muted);font-size:.72rem}.admin-stats strong{font-size:1.35rem;font-weight:600}.admin-dashboard-grid{gap:var(--space-6);grid-template-columns:minmax(0,2fr) minmax(260px,1fr);display:grid}.admin-dashboard-grid .admin-panel{border-top:0;padding-top:0}.service-grid{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.service{border-bottom:1px solid var(--line);gap:.25rem;padding:.75rem 0;display:grid}.service:nth-child(odd){padding-right:var(--space-4)}.service:nth-child(2n){padding-left:var(--space-4);border-left:1px solid var(--line)}.service small{font-size:.66rem}.admin-ticks{align-content:start;gap:var(--space-5);display:grid}.admin-ticks>div+div{padding-top:var(--space-4);border-top:1px solid var(--line)}.admin-ticks h2{margin-bottom:.4rem;font-size:.86rem}.admin-ticks p{gap:.2rem;margin:0;display:grid}.admin-panel pre{max-height:420px;padding:var(--space-3);color:var(--code-readable);border-radius:var(--radius);background:var(--code-surface);margin:0;font-size:.7rem;overflow:auto}.admin-settings-layout{gap:0 var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.admin-settings-layout .admin-panel{min-width:0}.admin-panel--wide{grid-column:1/-1}.admin-panel--danger{border-top-color:var(--danger-line)}.admin-panel__meta{margin:0 0 var(--space-3);color:var(--muted);font-size:.7rem}.admin-panel>button{margin-top:var(--space-3)}.settings-grid{gap:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.admin-search{width:min(340px,50vw);min-height:38px}.table-wrap{border-top:0;padding-top:0;overflow-x:auto}.table-wrap table{border-collapse:collapse;width:100%}.table-wrap th,.table-wrap td{border-bottom:1px solid var(--line);text-align:left;padding:.62rem .45rem;font-size:.74rem}.table-wrap th{color:var(--muted);font-weight:500}.table-wrap td:first-child{gap:.15rem;display:grid}.table-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem;display:flex}.table-actions button{min-height:30px;color:var(--muted);background:0 0;padding:.3rem .45rem;font-size:.66rem}.admin-worlds{border-top:1px solid var(--line);display:grid}.admin-world{padding:var(--space-4) 0;border-bottom:1px solid var(--line)}.admin-world__head,.admin-world__head>div{align-items:center;gap:.65rem;display:flex}.admin-world__head{justify-content:space-between}.admin-world__head>div{flex-wrap:wrap}.admin-world__head small{color:var(--muted)}.admin-world__meta{gap:.35rem var(--space-4);color:var(--muted);flex-wrap:wrap;margin:.6rem 0;font-size:.68rem;display:flex}.admin-world__actions{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.admin-world__actions>div{flex-wrap:wrap;gap:.25rem;display:flex}.admin-world__actions button{min-height:30px;color:var(--muted);background:0 0;padding:.3rem .5rem;font-size:.68rem}.admin-world__actions .reveal-button,.admin-world__revealed{color:var(--accent)}.admin-world__critical{padding-left:var(--space-3);border-left:1px solid var(--danger-line);justify-content:flex-end}.admin-world__actions .danger-button--solid{color:var(--surface);border-color:var(--danger);background:var(--danger)}.admin-world__actions .danger-button--solid:hover{color:var(--text);background:var(--danger-soft)}.database-heading{align-items:flex-start}.database-heading>div{max-width:760px}.database-heading p{color:var(--muted);margin:.55rem 0 0;font-size:.78rem}.database-overview{gap:.45rem var(--space-5);margin-bottom:var(--space-5);color:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line);flex-wrap:wrap;padding:.65rem 0;font-size:.7rem;display:flex}.database-overview strong{color:var(--text);font-weight:500}.database-tabs{margin-bottom:var(--space-5);flex-wrap:wrap;gap:.2rem;display:flex}.database-tabs button{min-height:36px;color:var(--muted);border-color:var(--line);white-space:nowrap;background:0 0;align-items:center;gap:.55rem;padding:.42rem .65rem;font-size:.72rem;display:inline-flex}.database-tabs button small{min-width:1.25rem;color:var(--faint);text-align:center}.database-tabs button.active{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.database-tabs button.active small{color:var(--accent)}.database-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start;display:grid}.database-card{min-width:0;padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.database-card__head{align-items:center;gap:var(--space-3);grid-template-columns:68px minmax(0,1fr);display:grid}.database-card__title{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.database-card__title h2{margin:0;font-size:1rem}.database-card__head code{color:var(--faint);overflow-wrap:anywhere;margin-top:.3rem;font-size:.64rem;display:block}.database-card>p{min-height:3.8em;margin:var(--space-3) 0;color:var(--text-soft);font-size:.74rem}.database-icon{width:64px;height:64px;color:var(--text);border:1px solid var(--line-strong);background:var(--surface-raised);border-radius:50%;place-items:center;font-size:1.65rem;display:grid;position:relative;overflow:hidden}.database-icon--hexes{clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%);text-shadow:0 1px 3px #000b;border:0;border-radius:0;width:62px;height:70px}.database-icon img{object-fit:contain;width:calc(100% - 6px);height:calc(100% - 6px);position:absolute;inset:3px}.database-decoration-previews{margin:0 0 var(--space-3);grid-template-columns:repeat(auto-fit,minmax(88px,1fr));gap:.5rem;display:grid}.database-decoration-previews figure{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);place-items:center;gap:.25rem;min-width:0;margin:0;padding:.4rem;display:grid}.database-decoration-previews img{object-fit:contain;width:82px;height:82px}.database-decoration-previews figcaption{color:var(--faint);font-size:.58rem}.database-building-preview{min-height:210px;margin:var(--space-3) 0;border:1px solid var(--line);border-radius:var(--radius);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 9%, var(--surface-raised)), var(--surface-raised) 72%);place-items:center;display:grid;overflow:hidden}.database-building-preview img{object-fit:contain;filter:drop-shadow(0 10px 12px #0008);width:min(100%,330px);height:220px}.database-tags{margin-bottom:var(--space-3);flex-wrap:wrap;gap:.3rem;display:flex}.database-tags span{color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.2rem .38rem;font-size:.62rem}.database-facts{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.database-facts div{border-bottom:1px solid var(--line);align-content:start;gap:.2rem;padding:.65rem 0;display:grid}.database-facts div:nth-child(odd){padding-right:.55rem}.database-facts div:nth-child(2n){border-left:1px solid var(--line);padding-left:.55rem}.database-facts dt{color:var(--muted);font-size:.62rem}.database-facts dd{color:var(--text);margin:0;font-size:.7rem;line-height:1.4}.database-section{padding-top:var(--space-3)}.database-section h3{color:var(--muted);margin:0 0 .4rem;font-size:.66rem;font-weight:500}.database-section ul{gap:.3rem var(--space-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.database-section li{color:var(--text-soft);font-size:.68rem}.database-section li:before{content:"·";color:var(--accent);margin-right:.35rem}.hex-database{padding:0;overflow:hidden}.hex-database__heading{align-items:center;gap:var(--space-4);padding:var(--space-4);grid-template-columns:72px minmax(0,1fr) auto;display:grid}.hex-database__heading>.database-icon{color:var(--surface);background:var(--accent);font-size:1.9rem}.hex-database__heading h2{margin:.15rem 0 0;font-size:1.2rem}.hex-database__heading p{color:var(--muted);margin:.35rem 0 0;font-size:.74rem}.hex-database__heading dl{border:1px solid var(--line);border-radius:var(--radius);margin:0;display:flex}.hex-database__heading dl div{gap:.15rem;min-width:112px;padding:.6rem .75rem;display:grid}.hex-database__heading dl div+div{border-left:1px solid var(--line)}.hex-database__heading dt{color:var(--muted);font-size:.58rem}.hex-database__heading dd{margin:0;font-size:.82rem}.hex-database__types{gap:var(--space-4);padding:var(--space-4);border-top:1px solid var(--line);background:var(--surface-raised);grid-template-columns:repeat(auto-fill,minmax(420px,1fr));display:grid}.hex-type-record{align-self:start}.hex-type-record .database-card__head h2{margin:0;font-size:1rem}.hex-type-record>p{min-height:0}.hex-type-record__section{margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--line)}.hex-type-record__section-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.hex-type-record__section-heading h3{margin:.15rem 0 0;font-size:.82rem}.hex-type-record__section-heading>span{color:var(--accent);font-size:.7rem}.hex-type-record__section>.empty{color:var(--faint);margin:0;font-size:.68rem}.hex-type-record__decorations{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;display:grid}.hex-decoration-record{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);min-width:0;padding:.6rem}.hex-decoration-record>div:first-child{gap:.12rem;display:grid}.hex-decoration-record strong{font-size:.72rem}.hex-decoration-record code{color:var(--faint);overflow-wrap:anywhere;font-size:.58rem}.hex-decoration-record>p{color:var(--muted);margin:.4rem 0;font-size:.6rem;line-height:1.4}.hex-decoration-record .database-tags{margin-bottom:.5rem}.hex-decoration-record .database-decoration-previews{grid-template-columns:repeat(auto-fit,minmax(58px,1fr));margin:.5rem 0}.hex-decoration-record .database-decoration-previews figure{padding:.25rem}.hex-decoration-record .database-decoration-previews img{width:56px;height:56px}.hex-decoration-record dl{gap:.35rem;margin:.5rem 0 0;display:grid}.hex-decoration-record dl div{gap:.08rem;display:grid}.hex-decoration-record dt{color:var(--muted);font-size:.56rem}.hex-decoration-record dd{color:var(--text-soft);margin:0;font-size:.62rem;line-height:1.35}.hex-type-record__parameters{margin-top:var(--space-4);border-top:1px solid var(--line)}.hex-type-record__parameters summary{justify-content:space-between;align-items:center;gap:var(--space-3);cursor:pointer;color:var(--text-soft);padding:.7rem 0 0;font-size:.72rem;display:flex}.hex-type-record__parameters summary small{color:var(--faint)}.hex-type-record__parameters>div{padding-top:var(--space-3);gap:.5rem;display:grid}.hex-type-record__parameters section{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:.6rem}.hex-type-record__parameters section>div{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.hex-type-record__parameters section strong{font-size:.7rem}.hex-type-record__parameters section code{color:var(--faint);font-size:.56rem}.hex-type-record__parameters section>p{color:var(--muted);margin:.35rem 0 .5rem;font-size:.64rem}.hex-type-record__parameters section dl{gap:.3rem;margin:0;display:grid}.hex-type-record__parameters section dl div{grid-template-columns:minmax(110px,.8fr) minmax(0,1.2fr);gap:.5rem;display:grid}.hex-type-record__parameters section dt,.hex-type-record__parameters section dd{margin:0;font-size:.61rem;line-height:1.4}.hex-type-record__parameters section dt{color:var(--muted)}.hex-type-record__parameters section dd{color:var(--text-soft)}.player-database{gap:var(--space-4);grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:start;display:grid}.player-database__heading{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.player-database__heading h2{margin:.15rem 0 0;font-size:1rem}.player-database__heading>span{color:var(--accent);font-size:.72rem}.player-database .database-card>p{min-height:0;color:var(--muted)}.camp-names-database{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;display:grid}.camp-names-database__summary,.camp-names-database__adjectives{grid-column:span 2}.camp-names-database .database-card>p{min-height:0;color:var(--muted)}.camp-names-database .table-wrap{max-height:520px;margin-top:var(--space-3);overflow:auto}.camp-name-examples,.camp-name-nouns{flex-wrap:wrap;gap:.4rem;display:flex}.camp-name-examples code,.camp-name-nouns code{color:var(--text-soft);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:.3rem .45rem;font-size:.68rem}.player-color-grid{gap:.45rem;display:grid}.player-color-grid>div{grid-template-columns:32px minmax(0,1fr);align-items:center;gap:.65rem;display:grid}.player-color-grid i{border:1px solid #fff3;border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 1px #0004}.player-color-grid code,.player-name-grid code{color:var(--text-soft);overflow-wrap:anywhere;font-size:.68rem}.player-name-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.player-name-grid code{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-raised);padding:.45rem .5rem}.audit-list details{border-bottom:1px solid var(--line)}.audit-list summary{gap:var(--space-4);cursor:pointer;grid-template-columns:150px 1fr 1fr;padding:.72rem 0;display:grid}.audit-list summary span,.audit-list summary small{color:var(--muted);font-size:.7rem}@media (max-width:1000px){.lobby-layout{grid-template-columns:minmax(0,1fr) 320px}.admin-dashboard-grid{grid-template-columns:1fr}.hex-database__heading{grid-template-columns:72px minmax(0,1fr)}.hex-database__heading dl{grid-column:1/-1}.hex-database__heading dl div{flex:1;min-width:0}.hex-database__types{grid-template-columns:minmax(0,1fr)}}@media (max-width:720px){body{padding-bottom:env(safe-area-inset-bottom)}button{min-height:44px}.topbar{height:calc(56px + env(safe-area-inset-top));padding:env(safe-area-inset-top) .75rem 0}.wordmark{gap:.45rem;font-size:.68rem}.home-page{width:min(100% - 1rem,620px);padding-top:var(--space-5)}.home-toolbar{align-items:flex-start}.home-toolbar h1{font-size:1.65rem}.home-actions{gap:.35rem}.home-actions button,.home-action-link{min-height:42px;padding:.5rem .6rem;font-size:.76rem}.ui-section,.panel{padding:var(--space-5) 0}.world-row{gap:var(--space-3);grid-template-columns:minmax(0,1fr) auto}.world-row .ui-status{display:none}.world-row b{white-space:nowrap}.form-section{padding:var(--space-4)}.form-grid{grid-template-columns:1fr}.form-grid>*{grid-column:1!important}.lobby-layout{grid-template-columns:1fr}.member-row{grid-template-columns:auto 1fr}.member-row .member-kick{grid-column:2;justify-self:start}.lobby-footer{grid-template-columns:1fr 1fr;display:grid}.lobby-footer .lobby-start{grid-area:1/1/auto/-1;width:100%;margin-left:0}.browser-code{display:grid}.admin-shell{display:block}.admin-sidebar{z-index:30;border-right:0;border-bottom:1px solid var(--line);flex-direction:row;align-items:center;width:100%;height:auto;padding:.4rem;position:sticky;top:0;overflow-x:auto}.admin-sidebar__main{display:contents}.admin-brand{flex:none}.admin-brand>div,.admin-exit{display:none}.admin-sidebar nav{gap:.1rem;margin:0;display:flex}.admin-sidebar nav button{white-space:nowrap;border-bottom:2px solid #0000;border-left:0;min-height:38px}.admin-sidebar nav button.active{border-bottom-color:var(--accent)}.admin-content{padding:var(--space-4)}.hex-database__heading{grid-template-columns:52px minmax(0,1fr)}.hex-database__heading>.database-icon{width:46px;height:52px}.hex-database__heading dl{grid-template-columns:minmax(0,1fr);display:grid}.hex-database__heading dl div{min-width:0;padding:.5rem}.admin-heading{margin-bottom:var(--space-4)}.admin-settings-layout{grid-template-columns:1fr}.admin-panel--wide{grid-column:auto}.admin-stats,.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-stats article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.admin-stats article:nth-child(4){border-top:1px solid var(--line)}.settings-grid{grid-template-columns:1fr 1fr}.admin-world__head{align-items:flex-start}.admin-world__actions{display:grid}.admin-world__critical{padding-top:var(--space-2);border-top:1px solid var(--danger-line);border-left:0;justify-content:flex-start;padding-left:0}.database-grid{grid-template-columns:1fr}.hex-database__types{padding:var(--space-3)}.player-database,.camp-names-database{grid-template-columns:1fr}.camp-names-database__summary,.camp-names-database__adjectives{grid-column:auto}.audit-list summary{grid-template-columns:100px 1fr}.audit-list summary small{grid-column:2}}@media (max-width:440px){.user-menu__name{display:none}.home-actions{display:grid}.empty-state>div{width:100%}.empty-state>div>*{flex:1}.settings-grid,.admin-stats,.service-grid,.metric-grid{grid-template-columns:1fr}.metric:nth-child(2n),.service:nth-child(2n){border-left:0;padding-left:0}.metric:nth-child(odd),.service:nth-child(odd){padding-right:0}.admin-stats article+article,.admin-stats article:nth-child(3){border-left:0;border-top:1px solid var(--line)}.admin-sidebar nav button{padding-inline:.45rem;font-size:.68rem}.admin-heading h1{font-size:1.45rem}.admin-world__meta,.database-heading{display:grid}.database-card{padding:var(--space-3)}.database-facts{grid-template-columns:1fr}.database-facts div:nth-child(odd),.database-facts div:nth-child(2n){border-left:0;padding-inline:0}.hex-type-record__decorations{grid-template-columns:1fr}.hex-type-record__parameters section dl div{grid-template-columns:1fr;gap:.1rem}.lobby-page,.settings-page{padding-inline:.6rem}.lobby-members,.civilization-form,.lobby-manage{padding:var(--space-4)}.lobby-footer{grid-template-columns:1fr}.lobby-footer .lobby-start{grid-column:1}.dialog-backdrop{align-items:end;padding:.5rem}.dialog-card{padding:var(--space-4);border-radius:10px 10px 4px 4px}.dialog-actions{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.current-game-game{background:var(--bg);height:100dvh;overflow:hidden}.current-game-header{z-index:10;align-items:center;gap:var(--space-2);height:48px;padding:0 var(--space-4);border-bottom:1px solid var(--line);background:var(--surface);grid-template-columns:auto minmax(0,1fr) repeat(7,auto);display:grid;position:relative}.current-game-resources{grid-area:1/1/auto/3;align-items:center;gap:clamp(.65rem,2vw,1.35rem);min-width:0;display:flex}.current-game-resources>div{min-width:0;color:var(--text-soft);font-variant-numeric:tabular-nums;align-items:center;gap:.3rem;font-size:.72rem;display:flex}.current-game-resources img{object-fit:contain;filter:drop-shadow(0 2px 3px #0007);width:28px;height:28px}.current-game-economy-button,.current-game-development-button,.current-game-technology-button,.current-game-politics-button,.current-game-chat-button,.current-game-events-button{width:30px;min-height:30px;color:var(--muted);border-color:var(--line);background:var(--surface-raised);border-radius:999px;grid-row:1;place-items:center;padding:0;display:grid;position:relative}.current-game-economy-button{grid-column:3}.current-game-development-button{grid-column:4}.current-game-technology-button{grid-column:5}.current-game-politics-button{grid-column:6}.current-game-chat-button{grid-column:7}.current-game-events-button{grid-column:8}.current-game-economy-button:hover,.current-game-development-button:hover,.current-game-technology-button:hover,.current-game-politics-button:hover,.current-game-chat-button:hover,.current-game-events-button:hover{color:var(--text)}.current-game-economy-button svg,.current-game-development-button svg,.current-game-technology-button svg,.current-game-politics-button svg,.current-game-chat-button svg,.current-game-events-button svg{width:17px;height:17px;fill:var(--surface);stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.current-game-chat-badge{border:2px solid var(--surface);color:#fff;box-sizing:border-box;background:#c65f48;border-radius:999px;place-items:center;min-width:17px;height:17px;padding:0 4px;font-size:.52rem;font-style:normal;font-weight:800;line-height:1;display:grid;position:absolute;top:-6px;right:-7px}.current-game-chat-badge--dot{border-width:1px;width:8px;min-width:8px;height:8px;padding:0;top:-2px;right:-2px}.current-game-header-settings{color:var(--text-soft);grid-area:1/9;justify-self:end;font-size:.72rem;position:relative}.current-game-header-settings summary{cursor:pointer;width:28px;height:28px;color:var(--text-soft);background:0 0;border:0;border-radius:0;place-items:center;padding:0;list-style:none;display:grid}.current-game-header-settings summary::-webkit-details-marker{display:none}.current-game-header-settings[open] summary{background:0 0}.current-game-header-settings>div{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--overlay);width:182px;padding:.5rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 32px #0008}.current-game-compact-menu-link{color:var(--text);border-radius:6px;padding:.45rem .55rem;font-size:.74rem;text-decoration:none;display:block}.current-game-compact-menu-link:hover{background:var(--hover)}.current-game-layout{grid-template-columns:minmax(0,1fr) 350px;height:calc(100dvh - 48px);display:grid}.current-game-map-stage{min-width:0;position:relative;overflow:hidden}.current-game-map-stage .hex-map{width:100%;height:100%;min-height:100%}.current-game-finished{z-index:5;right:var(--space-4);bottom:var(--space-4);border-left:2px solid var(--success);background:var(--overlay);gap:.2rem;padding:.75rem 1rem;display:grid;position:absolute}.current-game-finished span{color:var(--muted);font-size:.72rem}.current-game-inspector{padding:var(--space-4);border-left:1px solid var(--line);background:var(--surface);position:relative;overflow-y:auto}.current-game-inspector h2{padding-right:var(--space-5)}.current-game-inspector-title{padding-right:var(--space-5);align-items:baseline;gap:.5rem;display:flex}.current-game-inspector-title h2{margin:0;padding:0}.current-game-inspector-title code{color:var(--muted);white-space:nowrap;font-size:.68rem}.current-game-entity-stack{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.current-game-entity-stack article{gap:var(--space-3);border-top:1px solid var(--line);grid-template-columns:42px minmax(0,1fr);align-items:start;padding:.65rem 0;display:grid}.current-game-entity-stack article:last-child{border-bottom:1px solid var(--line)}.current-game-entity-stack article>span{text-align:center;font-size:1.65rem}.current-game-entity-stack article>.object-object-glyph{font-size:1.6995rem}.current-game-entity-stack article>.unit-object-glyph{font-size:1.5675rem}.camp-object-icon,.natural-object-icon,.unit-object-icon{object-fit:contain;margin:0 auto;display:block}.camp-object-icon{width:39.14px;height:39.14px}.natural-object-icon{width:44px;height:44px}.unit-object-icon{width:36.1px;height:36.1px}.current-game-entity-stack article>div{gap:.15rem;display:grid}.current-game-entity-stack small{color:var(--muted);font-size:.64rem}.current-game-entity-stack strong{font-size:.82rem}.current-game-entity-stack p{color:var(--muted);margin:.15rem 0 0;font-size:.68rem;line-height:1.4}.current-game-entity-stack .is-empty{opacity:.56}.current-game-detail-loading{margin:var(--space-3) 0;color:var(--muted);align-items:center;gap:.5rem;font-size:.7rem;display:flex}.current-game-detail-loading .spinner{border-width:1px;width:14px;height:14px}.current-game-terrain{margin:0;display:grid}.current-game-terrain>div{gap:var(--space-3);border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);padding:.4rem 0;display:grid}.current-game-terrain dt,.current-game-terrain dd{margin:0;font-size:.69rem;line-height:1.45}.current-game-terrain dt{color:var(--muted)}.current-game-terrain dd{color:var(--text-readable)}.current-game-actions{gap:var(--space-2);margin:var(--space-4) 0;display:grid}.current-game-actions>div{gap:.25rem;display:grid}.current-game-actions button{text-align:left;width:100%;min-height:38px;font-size:.72rem}.current-game-actions small{color:var(--muted);line-height:1.45}.settlement-actions-summary{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--accent) 7%, var(--surface));grid-template-columns:1fr 1fr;gap:.35rem .7rem;padding:.7rem;display:grid}.settlement-actions-summary>div{grid-column:1/-1;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.settlement-actions-summary strong{font-size:.74rem}.settlement-actions-summary span{color:var(--text-soft);font-size:.68rem}.settlement-actions-summary small{grid-column:1/-1}.settlement-actions-summary button{width:auto;min-height:28px;color:var(--muted);background:0 0;padding:.25rem .45rem}.settlement-actions-summary .settlement-open-link{border:1px solid color-mix(in srgb, var(--accent) 62%, transparent);background:color-mix(in srgb, var(--accent) 13%, transparent);min-height:38px;color:var(--text);border-radius:9px;grid-column:1/-1;justify-content:center;align-items:center;margin-top:3px;font-size:.72rem;font-weight:700;text-decoration:none;display:flex}.current-game-orders{gap:var(--space-2);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--line);display:grid}.current-game-orders>div{justify-content:space-between;font-size:.76rem;display:flex}.current-game-orders>div span{color:var(--muted)}.current-game-orders>article{align-items:center;gap:var(--space-2);border-bottom:1px solid var(--line);grid-template-columns:1fr auto;padding:.5rem 0;display:grid}.current-game-orders article>div{gap:.15rem;display:grid}.current-game-orders article strong{font-size:.72rem}.current-game-orders article small,.current-game-orders p{color:var(--muted);margin:0;font-size:.65rem}.current-game-orders article button{min-width:32px;min-height:32px;color:var(--muted);background:0 0;padding:0}.current-game-fatal{max-width:680px;padding:var(--space-4);margin:10vh auto}.economy-view{background:radial-gradient(circle at 15% 20%, #242017 0, transparent 34%), linear-gradient(135deg, var(--bg), #12130f);height:calc(100dvh - 48px);padding:clamp(1rem,3vw,2rem);overflow-y:auto}.economy-view__heading{max-width:1040px;margin:0 auto var(--space-5);align-items:center;gap:.7rem;display:flex}.economy-view__heading h1{margin:.15rem 0 0;font-size:clamp(1.25rem,2.2vw,1.65rem)}.economy-view__back{width:34px;min-width:34px;min-height:34px;color:var(--text-soft);background:var(--surface-raised);border-radius:50%;place-items:center;padding:0;display:grid}.economy-resource-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));max-width:1040px;margin:0 auto;display:grid}.economy-resource-card{align-items:center;gap:var(--space-4);border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);border-radius:12px;grid-template-columns:minmax(92px,42%) minmax(0,1fr);min-height:170px;padding:clamp(1rem,2.4vw,1.5rem);display:grid;box-shadow:0 10px 26px #0004}.economy-resource-card img{aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 8px 10px #0008);width:100%;max-width:132px}.economy-resource-card div{gap:.35rem;min-width:0;display:grid}.economy-resource-card span{color:var(--text-soft);font-size:.76rem}.economy-resource-card strong{color:var(--text);font-variant-numeric:tabular-nums;font-size:clamp(1.35rem,3vw,2rem)}.economy-resource-card small{color:var(--muted);font-size:.72rem;line-height:1.35}.economy-population-breakdown{gap:.25rem;margin:.2rem 0 0;padding:0;list-style:none;display:grid}.economy-population-breakdown li{color:var(--muted);justify-content:space-between;align-items:center;gap:.5rem;font-size:.68rem;display:flex}.economy-population-breakdown .population-value{color:var(--text-soft);font-size:.7rem}.development-system-view{background:radial-gradient(circle at 18% 22%, #251d14 0, transparent 34%), linear-gradient(135deg, var(--bg), #11130f);height:calc(100dvh - 48px);padding:clamp(1rem,3vw,2rem);overflow:auto}.development-system-view__heading{max-width:1180px;margin:0 auto var(--space-5);align-items:center;gap:.7rem;display:flex}.development-system-view__heading>button{width:34px;min-width:34px;min-height:34px;color:var(--text-soft);background:var(--surface-raised);border-radius:50%;place-items:center;padding:0;display:grid}.development-system-view__heading h1{margin:.12rem 0 0;font-size:clamp(1.25rem,2.2vw,1.65rem)}.development-system-view__error{max-width:680px;margin:var(--space-4) auto 0;border:1px solid color-mix(in srgb, var(--danger) 50%, var(--line));color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--surface));border-radius:9px;padding:.7rem 1rem;font-size:.72rem}.development-node{border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 95%, transparent);border-radius:14px;grid-template-rows:210px minmax(0,1fr);width:min(330px,78vw);min-height:430px;display:grid;overflow:hidden;box-shadow:0 14px 34px #0005}.development-node--current{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));background:linear-gradient(150deg, color-mix(in srgb, var(--accent-soft) 58%, var(--surface-raised)), var(--surface))}.development-node--active{border-color:color-mix(in srgb, #d99a48 76%, var(--line));box-shadow:0 0 0 1px #d99a4840,0 16px 36px #0006}.development-node>img{box-sizing:border-box;object-fit:contain;filter:drop-shadow(0 10px 13px #0008);width:100%;height:210px;padding:.7rem}.development-node__content{border-top:1px solid var(--line);flex-direction:column;align-items:stretch;padding:1rem;display:flex}.development-node__content>small{color:var(--accent);letter-spacing:.08em;font-size:.6rem;font-weight:700}.development-node__content h2{margin:.3rem 0 .45rem;font-size:1rem}.development-node__content p{color:var(--text-soft);margin:0 0 .7rem;font-size:.7rem;line-height:1.5}.development-node__content ul{flex-wrap:wrap;gap:.35rem;margin:0 0 .8rem;padding:0;list-style:none;display:flex}.development-node__content li{border:1px solid var(--line);color:var(--text-soft);background:var(--surface);border-radius:999px;padding:.24rem .42rem;font-size:.6rem}.development-node__content button{width:100%;min-height:38px;margin-top:auto;font-size:.7rem}.development-node__status{color:var(--accent);margin-top:auto;font-size:.69rem}.technology-tree{min-width:max-content;min-height:calc(100% - 76px);padding:var(--space-4);justify-content:center;align-items:center;gap:1rem;display:flex}.technology-tree__part{align-items:center;gap:1rem;display:flex}.development-arrow{color:var(--accent);filter:drop-shadow(0 2px 5px #0008);font-size:2rem}.politics-tree{min-width:max-content;min-height:calc(100% - 76px);padding:var(--space-4);grid-template-columns:390px 100px 390px 100px 390px;justify-content:center;align-items:center;display:grid}.politics-tree__column{align-content:center;gap:1rem;display:grid}.politics-tree .development-node{grid-template:1fr/130px minmax(0,1fr);width:390px;min-height:220px}.politics-tree .development-node>img{width:130px;height:100%;padding:.6rem}.politics-tree .development-node__content{border-top:0;border-left:1px solid var(--line)}.politics-tree__connections{align-self:stretch;min-height:100%}.politics-tree__connections svg{width:100%;height:100%;display:block;overflow:visible}.politics-tree__connections svg>path{fill:none;stroke:var(--accent);stroke-width:1.2px;vector-effect:non-scaling-stroke}.politics-tree__connections marker path{fill:var(--accent)}.population-value{font-variant-numeric:tabular-nums;align-items:center;gap:.28rem;display:inline-flex}.population-value img{object-fit:contain;filter:drop-shadow(0 2px 3px #0008);width:18px;height:18px}.current-game-entity-stack p.population-value{color:var(--text-soft)}.settlement-actions-summary>.population-value{grid-column:1/-1}.evolution-view{gap:var(--space-3);background:radial-gradient(circle at 20% 50%, #251b16 0, transparent 34%), linear-gradient(135deg, var(--bg), #11130f);grid-template-rows:auto minmax(0,1fr);height:calc(100dvh - 48px);padding:clamp(1rem,2.5vw,2rem);display:grid;overflow:hidden}.evolution-view__heading{align-items:center;gap:.55rem;display:flex}.evolution-view__back{border:1px solid var(--line);width:30px;min-height:30px;color:var(--text-soft);background:color-mix(in srgb, var(--surface) 90%, transparent);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:1rem;text-decoration:none;display:inline-flex}.evolution-view__back:hover{color:var(--text);border-color:var(--accent);background:var(--accent-soft)}.evolution-view__scroll{min-height:0;overflow:auto}.evolution-tree{--evolution-card-height:286px;--evolution-card-gap:.7rem;width:max-content;min-width:100%;min-height:100%;padding:var(--space-3) clamp(.75rem, 2.5vw, 2.5rem) var(--space-5);grid-template-columns:max-content 92px max-content 122px max-content;align-items:stretch;display:grid}.evolution-milestone{grid-template-rows:44px minmax(0,1fr);display:grid}.evolution-milestone>h2{color:var(--text-soft);letter-spacing:.075em;text-align:center;text-transform:uppercase;align-self:center;margin:0;font-size:.68rem;font-weight:650}.evolution-card{width:454px;height:var(--evolution-card-height);box-sizing:border-box;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);border-radius:12px;grid-template-columns:178px minmax(0,1fr);gap:.75rem;padding:.7rem;transition:border-color .15s,background .15s;display:grid;position:relative;box-shadow:0 9px 24px #0004}.evolution-card:hover{border-color:color-mix(in srgb, var(--accent) 56%, var(--line-strong));background:var(--hover)}.evolution-card--start{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));background:linear-gradient(145deg, color-mix(in srgb, var(--accent-soft) 70%, var(--surface-raised)), var(--surface));box-shadow:0 16px 38px #0005}.evolution-card__identity{border-right:1px solid var(--line);grid-template-rows:auto minmax(0,1fr) auto;min-width:0;padding-right:.7rem;display:grid}.evolution-card__name{text-align:center;min-height:49px}.evolution-card__name h3{margin:0;font-size:.78rem;font-weight:600;line-height:1.25}.evolution-card__name span{color:color-mix(in srgb, var(--muted) 76%, transparent);text-overflow:ellipsis;margin-top:.15rem;font-size:.58rem;font-style:italic;line-height:1.25;display:block;overflow:hidden}.evolution-card__image{object-fit:contain;filter:drop-shadow(0 10px 11px #0008);align-self:center;width:150px;height:150px;margin:0 auto}.evolution-card__chance{grid-template-columns:1fr auto;align-items:center;gap:.25rem .5rem;display:grid}.evolution-card__chance span{color:var(--muted);font-size:.61rem}.evolution-card__chance strong{color:var(--accent);font-size:.69rem}.evolution-card__chance progress{background:var(--line);appearance:none;border:0;border-radius:999px;grid-column:1/-1;width:100%;height:4px;overflow:hidden}.evolution-card__chance progress::-webkit-progress-bar{background:var(--line)}.evolution-card__chance progress::-webkit-progress-value{background:var(--accent)}.evolution-card__chance progress::-moz-progress-bar{background:var(--accent)}.evolution-card__info-title{color:var(--accent);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.28rem;font-size:.61rem;font-weight:650;display:block}.evolution-card__info dl>div{border-bottom:1px solid var(--line);grid-template-columns:70px minmax(0,1fr);gap:.42rem;padding:.43rem 0;display:grid}.evolution-card__info dl>div:last-child{border-bottom:0}@media (max-width:760px){.current-game-header{height:calc(48px + env(safe-area-inset-top));padding:env(safe-area-inset-top) var(--space-3) 0;grid-template-columns:auto minmax(0,1fr) repeat(7,auto);gap:.35rem}.current-game-resources{gap:.55rem}.current-game-resources>div{gap:.18rem;font-size:.67rem}.current-game-resources img{width:24px;height:24px}.current-game-layout{height:calc(100dvh - 48px - env(safe-area-inset-top));display:block}.current-game-map-stage,.current-game-map-stage .hex-map{height:100%;min-height:100%}.current-game-header-settings summary{width:26px;height:26px}.current-game-inspector{z-index:25;border:1px solid var(--line-strong);border-radius:var(--radius) var(--radius) 0 0;border-bottom:0;max-height:76dvh;transition:transform .2s;position:fixed;bottom:0;left:.5rem;right:.5rem;transform:translateY(110%)}.current-game-inspector--open{transform:translateY(0)}.current-game-finished{bottom:.5rem;left:.5rem;right:.5rem}.economy-view{height:calc(100dvh - 48px - env(safe-area-inset-top));padding:var(--space-3)}.economy-resource-grid{gap:var(--space-3);grid-template-columns:1fr}.economy-resource-card{grid-template-columns:84px minmax(0,1fr);min-height:108px;padding:.8rem 1rem}.economy-resource-card img{width:84px}.evolution-view{height:calc(100dvh - 48px - env(safe-area-inset-top));padding:var(--space-3) .75rem}.evolution-tree{padding-inline:var(--space-2);grid-template-columns:max-content 72px max-content 94px max-content}.evolution-card{grid-template-columns:158px minmax(0,1fr);width:410px}.evolution-card__image{width:136px;height:136px}.evolution-card__info dl>div{grid-template-columns:65px minmax(0,1fr)}}.evolution-stage-title--current strong{color:var(--accent)}.evolution-stage-title--current:after{background:var(--accent);content:"";border-radius:50%;width:5px;height:5px;margin-top:.25rem}.game-events-view{background:radial-gradient(circle at 12% 20%, #251b16 0, transparent 30%), var(--bg);height:calc(100dvh - 48px);min-height:0;padding:clamp(1rem,3vw,2rem);overflow:auto}.game-events-view__heading{align-items:center;gap:.7rem;width:min(760px,100%);margin:0 auto 1rem;display:flex}.game-events-view__heading>button{place-items:center;width:36px;min-width:36px;min-height:36px;padding:0;display:grid}.game-events-view__heading h1{margin:0;font-size:1.35rem}.game-events-view__heading small{color:var(--text-readable);font-size:.68rem}.game-events-list{gap:.55rem;width:min(760px,100%);margin:0 auto;display:grid}.game-event{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 94%, transparent);border-radius:10px;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:.8rem;min-height:82px;padding:.65rem .8rem;display:grid}.game-event__image{background:color-mix(in srgb, var(--surface) 88%, transparent);border-radius:8px;place-items:center;width:68px;height:68px;display:grid;overflow:hidden}.game-event__image img{object-fit:contain;filter:drop-shadow(0 5px 7px #0008);width:100%;height:100%}.game-event__image span{color:var(--accent);font-size:1.2rem}.game-event time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.56rem}.game-event h2{margin:.12rem 0;font-size:.82rem}.game-event p{color:var(--text-readable);margin:0;font-size:.68rem;line-height:1.4}.game-event small{color:var(--muted);font-size:.58rem;font-style:italic}.game-event--world_ended{border-color:color-mix(in srgb, var(--accent) 42%, var(--line))}.game-events-view__empty{width:min(760px,100%);color:var(--muted);text-align:center;margin:3rem auto}.world-archive-page{gap:1rem;padding-bottom:2rem;display:grid}.world-archive-page>header h1{margin:.25rem 0}.world-archive-page>header p{color:var(--text-readable);margin:0}.world-archive-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem;display:grid}.world-archive-stats article{border:1px solid var(--line);background:var(--surface);border-radius:9px;gap:.3rem;padding:.8rem;display:grid}.world-archive-stats small{color:var(--muted);text-transform:uppercase;font-size:.6rem}.world-archive-stats strong{font-size:.75rem}.world-archive-page .game-events-view{background:0 0;height:auto;padding:0;overflow:visible}.world-archive-page .game-events-view__heading{margin-inline:0}.world-archive-page .game-events-list{width:100%}@media (max-width:760px){.current-game-events-button{width:27px;min-height:27px}.game-events-view{padding:.8rem .65rem}.game-event{grid-template-columns:58px minmax(0,1fr)}.game-event__image{width:54px;height:54px}.world-archive-stats{grid-template-columns:1fr 1fr}}.evolution-view{gap:var(--space-2);min-height:0;height:calc(100dvh - 48px - env(safe-area-inset-top));padding:var(--space-3) clamp(.75rem, 2.4vw, 1.2rem);background:radial-gradient(circle at 15% 30%, #251b16 0, transparent 34%), linear-gradient(135deg, var(--bg), #11130f);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.evolution-view__heading{grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;display:grid}.evolution-view__heading h1{margin:0;font-size:clamp(1.05rem,2.1vw,1.44rem);font-weight:650}.evolution-view__back,.evolution-view__center{border-color:var(--line);height:36px;min-height:36px;padding:.22rem .6rem;font-size:.8rem}.evolution-view__back{min-width:36px;padding-inline:.45rem}.evolution-view__center{background:color-mix(in srgb, var(--surface) 70%, transparent);justify-self:end}.evolution-view__center:hover{background:var(--hover);border-color:var(--accent);color:var(--text)}.evolution-view__scroll{touch-action:none;border:1px solid var(--line-strong);border-radius:var(--radius);background:color-mix(in srgb, var(--surface) 72%, transparent);cursor:grab;min-height:0;position:relative;overflow:hidden}.evolution-view__scroll:focus-visible{outline:2px solid var(--accent);outline-offset:0}.evolution-tree--dragging,.evolution-view__scroll:active{cursor:grabbing}.evolution-tree{--evolution-card-height:220px;--evolution-card-gap:.5rem;padding:var(--space-3);transform-origin:0 0;will-change:transform;grid-template-columns:max-content 68px max-content 84px max-content;justify-content:start;align-items:start;width:max-content;height:max-content;display:grid;position:absolute;inset:0}.evolution-tree__part{display:contents}.evolution-milestone{grid-template-rows:32px minmax(0,1fr);min-width:0;display:grid}.evolution-milestone>h2{color:var(--text-soft);letter-spacing:.06em;text-transform:uppercase;text-align:center;margin:0;font-size:.64rem;font-weight:650;line-height:1.2}.evolution-milestone__list{grid-auto-rows:var(--evolution-card-height);align-content:start;gap:var(--evolution-card-gap);display:grid}.evolution-milestone--start .evolution-milestone__list{align-content:start}.evolution-card{width:360px;height:var(--evolution-card-height);box-sizing:border-box;border:1px solid var(--line-strong);background:color-mix(in srgb, var(--surface-raised) 93%, transparent);border-radius:10px;grid-template-columns:127px minmax(0,1fr);gap:.55rem;padding:.55rem;display:grid;position:relative;box-shadow:0 6px 16px #0004}.evolution-card:hover{border-color:color-mix(in srgb, var(--accent) 54%, var(--line-strong))}.evolution-card--start{border-color:color-mix(in srgb, var(--accent) 70%, var(--line));background:color-mix(in srgb, var(--accent-soft) 34%, var(--surface))}.evolution-card--active-path{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 46%, transparent), 0 6px 16px #0005}.evolution-card__identity{border-right:0;grid-template-rows:auto minmax(0,1fr);gap:.45rem;min-width:0;padding-right:0;display:grid}.evolution-card__name{gap:.2rem;min-width:0;display:grid}.evolution-card__name h3{margin:0;font-size:.79rem;line-height:1.2}.evolution-card__name span{color:color-mix(in srgb, var(--muted) 76%, transparent);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;font-style:italic;line-height:1.2;display:block;overflow:hidden}.evolution-card__chance-badge{border:1px solid var(--line-strong);height:1.24rem;color:var(--muted);border-radius:999px;justify-self:start;align-items:center;gap:.25rem;padding:.05rem .43rem .04rem;font-size:.61rem;display:inline-flex}.evolution-card__chance-badge--active-path{border-color:color-mix(in srgb, var(--accent) 66%, var(--line));color:var(--accent)}.evolution-card__image{object-fit:contain;filter:drop-shadow(0 9px 8px #0008);width:123px;height:123px;margin:.08rem auto 0}.evolution-card__info{min-width:0}.evolution-card__info dl{margin:0}.evolution-card__info dl>div{grid-template-columns:59px minmax(0,1fr);gap:.4rem;padding:.34rem 0;display:grid}.evolution-card__info dt,.evolution-card__info dd{margin:0;font-size:.6rem;line-height:1.35}.evolution-card__info dt{color:var(--muted)}.evolution-card__info dd{color:var(--text-soft)}.evolution-link{align-self:stretch;margin-top:35px;position:relative}.evolution-link__spine{top:calc(var(--evolution-card-height) / 2);bottom:calc(var(--evolution-card-height) / 2);background:color-mix(in srgb, var(--accent) 66%, var(--line-strong));width:1px;position:absolute;left:50%}.evolution-link__source{z-index:1;background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 66%, var(--line-strong)));height:1px;position:absolute;top:50%;left:0;right:50%}.evolution-link__branches{grid-auto-rows:var(--evolution-card-height);gap:var(--evolution-card-gap);height:100%;display:grid}.evolution-link__branches>span{position:relative}.evolution-link__branches>span:after{content:"";background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 66%, var(--line-strong)), var(--accent));height:1px;position:absolute;top:50%;left:50%;right:0}.evolution-link__branches i{z-index:2;border-top:1px solid var(--accent);border-right:1px solid var(--accent);width:7px;height:7px;position:absolute;top:calc(50% - 4px);right:3px;transform:rotate(45deg)}.evolution-link--mesh .evolution-link__source{display:none}.evolution-link--mesh .evolution-link__branches>span:before{content:"";background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 66%, var(--line-strong)));height:1px;position:absolute;top:50%;left:0;right:50%}@media (max-width:760px){.evolution-view{height:calc(100dvh - 48px - env(safe-area-inset-top));padding:.8rem .6rem}.evolution-view__heading{gap:.4rem}.evolution-view__heading h1{font-size:1.05rem}.evolution-view__back,.evolution-view__center{height:34px;min-height:34px}.evolution-view__center{padding-inline:.55rem}.evolution-tree{grid-template-columns:max-content 58px max-content 62px max-content;padding:.6rem}.evolution-card{--evolution-card-height:200px;grid-template-columns:118px minmax(0,1fr);width:330px}.evolution-card__image{width:103px;height:103px}.evolution-card__name h3{font-size:.74rem}.evolution-card__info dl>div{grid-template-columns:54px minmax(0,1fr)}.evolution-card__chance-badge{font-size:.58rem}.evolution-link{margin-top:31px}}.evolution-view{isolation:isolate;grid-template-rows:auto minmax(0,1fr);gap:.65rem;padding:.75rem clamp(.65rem,2vw,1rem) .8rem;position:relative;overflow:hidden}.evolution-view__heading{grid-template-columns:auto minmax(0,1fr) auto;min-width:0}.evolution-view__heading>div:nth-child(2){gap:.08rem;min-width:0;display:grid}.evolution-view__heading h1{font-size:1.18rem;line-height:1.1}.evolution-view__heading small{color:var(--text-readable);text-overflow:ellipsis;white-space:nowrap;font-size:.65rem;overflow:hidden}.evolution-view__tools{align-items:center;gap:.25rem;display:flex}.evolution-view__tools button,.evolution-view__back{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-raised) 88%, transparent);border-radius:7px;justify-content:center;align-items:center;width:32px;min-width:32px;height:32px;min-height:32px;padding:0;display:inline-flex}.evolution-view__tools output{min-width:43px;color:var(--text-readable);font-variant-numeric:tabular-nums;text-align:center;font-size:.66rem}.evolution-view__tools .evolution-view__center{width:auto;min-width:0;color:var(--text-soft);margin-left:.25rem;padding:0 .62rem;font-size:.68rem}.evolution-viewport{border:1px solid var(--line-strong);background:linear-gradient(color-mix(in srgb, var(--line) 22%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--line) 18%, transparent) 1px, transparent 1px), color-mix(in srgb, var(--surface) 78%, transparent);cursor:grab;overscroll-behavior:contain;scrollbar-color:var(--line-strong) transparent;scrollbar-width:thin;touch-action:pan-y;background-size:32px 32px;border-radius:10px;min-width:0;min-height:0;position:relative;overflow:hidden auto}.evolution-viewport--dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.evolution-viewport__hint{z-index:7;border:1px solid color-mix(in srgb, var(--line-strong) 72%, transparent);width:max-content;max-width:calc(100% - 1rem);color:var(--text-readable);background:color-mix(in srgb, var(--bg) 86%, transparent);pointer-events:none;border-radius:999px;margin:-1.65rem auto .55rem;padding:.28rem .55rem;font-size:.58rem;position:sticky;bottom:.55rem}.evolution-stage-strip,.evolution-tree{--evolution-card-width:224px;--evolution-card-height:224px;--evolution-card-gap:10px;--evolution-link-first:72px;--evolution-link-next:92px;grid-template-columns:var(--evolution-card-width) var(--evolution-link-first) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width) var(--evolution-link-next) var(--evolution-card-width);width:max-content;display:grid}.evolution-stage-strip{z-index:8;background:linear-gradient(180deg, color-mix(in srgb, var(--bg) 98%, transparent) 0 78%, transparent);height:54px;transform:translateX(var(--tree-pan-x)) scale(var(--tree-scale));transform-origin:0 0;pointer-events:none;padding:7px 0 6px;position:sticky;top:0}.evolution-stage-strip__part,.evolution-tree__part{display:contents}.evolution-stage-title{text-align:center;align-content:center;justify-items:center;gap:.12rem;padding:.28rem .55rem;display:grid}.evolution-stage-title strong{color:var(--text);letter-spacing:.08em;font-size:.66rem}.evolution-stage-title span{color:var(--text-readable);font-variant-numeric:tabular-nums;font-size:.59rem}.evolution-canvas{margin-top:-2px;position:relative;overflow:visible}.evolution-tree{transform:translateX(var(--tree-pan-x)) scale(var(--tree-scale));transform-origin:0 0;will-change:transform;align-items:stretch;padding:0 0 1rem;position:absolute;inset:0 auto auto 0}.evolution-milestone{grid-template-rows:none;grid-auto-rows:var(--evolution-card-height);align-content:start;gap:var(--evolution-card-gap);min-width:0;display:grid}.evolution-card{width:var(--evolution-card-width);height:var(--evolution-card-height);border:1px solid var(--line-strong);min-height:0;color:var(--text);background:radial-gradient(circle at 50% 54%, color-mix(in srgb, var(--accent) 7%, transparent), transparent 57%), color-mix(in srgb, var(--surface-raised) 96%, transparent);text-align:center;border-radius:10px;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:.35rem;padding:.68rem .7rem .62rem;transition:border-color .15s,background-color .15s,transform .15s;display:grid;position:relative;overflow:hidden;box-shadow:0 7px 17px #0004}.evolution-card:hover{border-color:color-mix(in srgb, var(--accent) 58%, var(--line-strong));background-color:var(--hover);transform:translateY(-1px)}.evolution-card:focus-visible{z-index:2}.evolution-card--current{border-color:color-mix(in srgb, var(--accent) 78%, var(--line));background:radial-gradient(circle at 50% 52%, color-mix(in srgb, var(--accent) 14%, transparent), transparent 62%), color-mix(in srgb, var(--accent-soft) 54%, var(--surface-raised));box-shadow:inset 3px 0 0 var(--accent), 0 7px 18px #0005}.evolution-card--selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 20%, transparent), 0 8px 20px #0006}.evolution-card__heading{gap:.13rem;min-width:0;display:grid}.evolution-card__heading strong{font-size:.75rem;font-weight:650;line-height:1.22}.evolution-card__heading em{color:var(--text-readable);white-space:normal;font-size:.58rem;font-weight:400;line-height:1.22}.evolution-card__image{object-fit:contain;filter:drop-shadow(0 8px 8px #0009);pointer-events:none;align-self:center;width:132px;height:132px;margin:-.12rem auto}.evolution-card__chance{border:1px solid color-mix(in srgb, var(--accent) 42%, var(--line-strong));background:color-mix(in srgb, var(--accent-soft) 42%, transparent);font-variant-numeric:tabular-nums;border-radius:999px;place-self:center;align-items:baseline;gap:.3rem;height:22px;min-height:22px;padding:.19rem .48rem;display:inline-flex}.evolution-card__chance small{color:var(--text-readable);letter-spacing:.08em;font-size:.53rem;font-weight:650}.evolution-card__chance b{color:var(--accent-hover);font-size:.67rem;font-weight:700}.evolution-card__chance--current{border-color:color-mix(in srgb, var(--success) 62%, var(--line));background:color-mix(in srgb, var(--success-soft) 74%, transparent);align-items:center}.evolution-card__chance--current i{color:var(--success);font-size:.65rem;font-style:normal}.evolution-card__chance--current b{color:color-mix(in srgb, var(--success) 84%, var(--text));letter-spacing:.06em;font-size:.55rem}.evolution-link{align-self:start;min-width:0;margin:0;position:relative}.evolution-link__spine{top:calc(var(--evolution-card-height) / 2);bottom:calc(var(--evolution-card-height) / 2);background:color-mix(in srgb, var(--accent) 72%, var(--line-strong));width:1px;box-shadow:0 0 8px color-mix(in srgb, var(--accent) 18%, transparent);position:absolute;left:50%}.evolution-link__branches{grid-auto-rows:var(--evolution-card-height);align-content:start;gap:var(--evolution-card-gap);display:grid;position:absolute;inset:0}.evolution-link__branches>span{height:var(--evolution-card-height);position:relative}.evolution-link__branches--source>span:after,.evolution-link__branches--target>span:after{content:"";height:1px;position:absolute;top:50%}.evolution-link__branches--source>span:after{background:linear-gradient(90deg, var(--accent), color-mix(in srgb, var(--accent) 70%, var(--line-strong)));left:0;right:50%}.evolution-link__branches--target>span:after{background:linear-gradient(90deg, color-mix(in srgb, var(--accent) 70%, var(--line-strong)), var(--accent));left:50%;right:0}.evolution-link__branches--target i{z-index:2;border-top:1px solid var(--accent-hover);border-right:1px solid var(--accent-hover);width:7px;height:7px;position:absolute;top:calc(50% - 4px);right:4px;transform:rotate(45deg)}.evolution-details-backdrop{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#090a0980;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;position:absolute;inset:0}.evolution-details-backdrop:hover{background:#090a0980;border:0}.evolution-details{z-index:41;border-left:1px solid color-mix(in srgb, var(--accent) 42%, var(--line-strong));background:color-mix(in srgb, var(--surface) 97%, var(--bg));width:min(390px,92vw);padding:1.1rem;animation:.18s ease-out evolution-details-in;position:absolute;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-18px 0 50px #0008}@keyframes evolution-details-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.evolution-details__heading{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:.75rem;display:grid}.evolution-details__heading small{color:var(--accent-hover);letter-spacing:.08em;font-size:.59rem;font-weight:650}.evolution-details__heading h2{margin:.28rem 0 .18rem;font-size:1.02rem}.evolution-details__heading p{color:var(--text-readable);margin:0;font-size:.7rem;font-style:italic}.evolution-details__heading button{border:1px solid var(--line);width:32px;min-width:32px;height:32px;min-height:32px;color:var(--text-readable);background:0 0;border-radius:50%;padding:0;font-size:1.2rem}.evolution-details__portrait{border-bottom:1px solid var(--line);background:radial-gradient(circle, color-mix(in srgb, var(--accent) 10%, transparent), transparent 63%);place-items:center;height:230px;margin:.8rem 0 .45rem;display:grid}.evolution-details__portrait img{object-fit:contain;filter:drop-shadow(0 13px 12px #000a);width:210px;height:210px}.evolution-details dl{margin:0}.evolution-details dl>div{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr);gap:.65rem;padding:.68rem 0;display:grid}.evolution-details dt,.evolution-details dd{margin:0;font-size:.72rem;line-height:1.42}.evolution-details dt{color:var(--text-readable)}.evolution-details dd{color:var(--text)}@media (max-width:760px){.evolution-view{padding:.55rem}.evolution-view__heading small,.evolution-view__tools output{display:none}.evolution-view__tools{gap:.18rem}.evolution-view__tools .evolution-view__center{margin-left:.1rem;padding-inline:.45rem;font-size:.61rem}.evolution-stage-strip,.evolution-tree{--evolution-card-width:196px;--evolution-card-height:210px;--evolution-link-first:58px;--evolution-link-next:70px}.evolution-card{width:var(--evolution-card-width);height:var(--evolution-card-height);padding-inline:.55rem}.evolution-card__image{width:120px;height:120px}.evolution-stage-strip{height:50px}.evolution-viewport__hint{display:none}.evolution-details{border-top:1px solid color-mix(in srgb, var(--accent) 42%, var(--line-strong));border-left:0;border-radius:12px 12px 0 0;width:100%;max-height:88%;padding:.9rem;top:auto}.evolution-details__portrait{height:180px}.evolution-details__portrait img{width:165px;height:165px}}.settlement-page{--settlement-biome:#6f7654;color:#f3efe3;background:radial-gradient(ellipse at 40% 42%, color-mix(in srgb, var(--settlement-biome) 30%, #20251b) 0 18%, transparent 58%), radial-gradient(circle at 8% 78%, color-mix(in srgb, var(--settlement-biome) 18%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--settlement-biome) 16%, #11150f), #171912 52%, #10130e);min-height:100dvh}.settlement-header{z-index:1000;background:color-mix(in srgb, #10130e 84%, var(--settlement-biome));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #ffffff12;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:16px;min-height:82px;padding:11px clamp(16px,3vw,42px);display:grid;position:relative;box-shadow:0 12px 36px #00000029}.settlement-header h1{margin:2px 0 0;font-size:clamp(1.35rem,2.5vw,2.15rem)}.settlement-back{color:#fff;border:1px solid #ffffff24;border-radius:50%;place-items:center;width:42px;height:42px;font-size:1.35rem;text-decoration:none;display:grid}.settlement-resources{align-items:center;gap:8px;display:flex}.settlement-resources>span{background:#00000038;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:5px;min-width:60px;padding:6px 9px;display:flex}.settlement-resources img{object-fit:contain;width:21px;height:21px}.settlement-layout{grid-template-columns:minmax(0,1fr) minmax(340px,430px);min-height:calc(100dvh - 82px);display:grid}.settlement-map{aspect-ratio:1.1494;isolation:isolate;background:radial-gradient(ellipse at 50% 47%, color-mix(in srgb, var(--settlement-biome) 34%, #4f4a31) 0 24%, color-mix(in srgb, var(--settlement-biome) 25%, #25271c) 58%, transparent 78%), radial-gradient(circle at 14% 18%, color-mix(in srgb, var(--settlement-biome) 34%, #314028), transparent 32%), radial-gradient(circle at 86% 78%, color-mix(in srgb, var(--settlement-biome) 25%, #5a482c), transparent 29%);align-self:center;width:min(100%,1000px);margin:auto;animation:.5s cubic-bezier(.2,.72,.2,1) both settlement-camera-in;position:sticky;top:0;overflow:hidden}@keyframes settlement-camera-in{0%{opacity:0;filter:blur(2px);transform:scale(1.045)}to{opacity:1;filter:none;transform:scale(1)}}.settlement-map:after{z-index:950;pointer-events:none;content:"";background:radial-gradient(at 50% 48%,#0000 48%,#0a0d0929 67%,#090b08b8 98%);position:absolute;inset:-1px}.settlement-terrain{z-index:1;background:radial-gradient(ellipse at 48% 48%, #a68e5938, transparent 32%), radial-gradient(circle at 23% 32%, color-mix(in srgb, var(--settlement-biome) 58%, #7e754e), transparent 25%), radial-gradient(circle at 77% 66%, color-mix(in srgb, var(--settlement-biome) 52%, #54472d), transparent 28%), repeating-linear-gradient(18deg, transparent 0 18px, #ffffff04 19px, transparent 21px), color-mix(in srgb, var(--settlement-biome) 68%, #4b452c);filter:saturate(.83);border-radius:49%;position:absolute;inset:1.5%;overflow:hidden;box-shadow:inset 20px 18px 70px #ffecb00f,inset -30px -35px 95px #0608057a,0 26px 80px #00000038}.settlement-terrain:before{content:"";opacity:.42;background:radial-gradient(circle at 17% 43%,#d7c08d33 0 1.2%,#0000 1.8%) 0 0/91px 73px,radial-gradient(circle at 71% 25%,#32281977 0 1%,#0000 1.6%) 0 0/117px 86px,radial-gradient(circle at 82% 69%,#d2bd8533 0 .8%,#0000 1.5%) 0 0/78px 94px,radial-gradient(circle at 39% 79%,#30241655 0 1.1%,#0000 1.8%) 0 0/132px 107px;border-radius:50%;position:absolute;inset:7% 10%}.settlement-terrain__light{filter:blur(20px);mix-blend-mode:soft-light;border-radius:50%;position:absolute}.settlement-terrain__light--one{background:#ffe5a226;width:38%;height:24%;top:11%;left:15%;transform:rotate(-13deg)}.settlement-terrain__light--two{background:#23190e52;width:32%;height:22%;bottom:10%;right:8%;transform:rotate(19deg)}.settlement-terrain__worn{filter:blur(5px);background:radial-gradient(#7f5e3447,#6c52301a 54%,#0000 72%);border-radius:50%;width:44%;height:35%;position:absolute;top:31%;left:28%}.settlement-map__ambient{z-index:2;filter:blur(19px);opacity:.38;border-radius:50%;position:absolute}.settlement-map__ambient--one{background:color-mix(in srgb, var(--settlement-biome) 72%, #172214);width:34%;height:18%;top:14%;left:-3%;transform:rotate(-18deg)}.settlement-map__ambient--two{background:color-mix(in srgb, var(--settlement-biome) 55%, #4a3922);width:31%;height:17%;bottom:10%;right:-2%;transform:rotate(13deg)}.settlement-peripheral{z-index:3;object-fit:contain;opacity:.25;pointer-events:none;filter:blur(3px)saturate(.65)brightness(.65);width:23%;height:23%;position:absolute}.settlement-peripheral--1{top:1%;left:-5%;transform:rotate(-19deg)scale(1.28)}.settlement-peripheral--2{top:14%;right:-5%;transform:rotate(17deg)scale(1.18)}.settlement-peripheral--3{bottom:-7%;right:5%;transform:rotate(-8deg)scale(1.36)}.settlement-roads{z-index:7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.settlement-road{fill:none;stroke-linecap:round}.settlement-road--soft{stroke:#251b104d;stroke-width:36px;filter:url(#settlement-road-soft)}.settlement-road--track{stroke:#84673d47;stroke-width:19px}.settlement-road--variant-1{stroke-width:16px;stroke:#94734440}.settlement-road--variant-2{stroke-width:22px;stroke:#775b3640}.settlement-cell{aspect-ratio:.866;pointer-events:none;width:18.5%;position:absolute;overflow:visible;transform:translate(-50%,-50%)}.settlement-cell__soil{z-index:0;opacity:.16;filter:blur(3px);background:radial-gradient(#b497635c,#5c46271f 52%,#0000 74%);border-radius:50%;width:136%;height:82%;position:absolute;top:8%;left:-18%;transform:rotate(-7deg)}.settlement-cell--surface-1 .settlement-cell__soil{opacity:.13;top:18%;left:-27%;transform:rotate(12deg)scale(.88)}.settlement-cell--surface-2 .settlement-cell__soil{opacity:.11;top:1%;left:-8%;transform:rotate(-19deg)scale(1.12,.78)}.settlement-cell__small-stones{left:var(--surface-x,35%);z-index:1;background:#302a1f52;border-radius:50%;width:4px;height:3px;position:absolute;top:72%;transform:rotate(12deg);box-shadow:13px -5px 0 1px #574c3938,-9px 7px #31291c3d,21px 7px #39302233}.settlement-cell__decoration{z-index:3;left:var(--decoration-x);top:var(--decoration-y);object-fit:contain;opacity:.64;width:45%;height:45%;transform:translate(-50%, -50%) rotate(var(--decoration-rotation));transform-origin:bottom;pointer-events:none;filter:drop-shadow(5px 7px 5px #0d0e094d)saturate(.82);position:absolute}.settlement-cell--ring-2 .settlement-cell__decoration{opacity:.67;filter:drop-shadow(6px 8px 6px #0a0c0857)saturate(.76)brightness(.88);width:58%;height:58%}.settlement-object-shadow{z-index:4;left:var(--object-x);bottom:calc(var(--object-bottom) - 1%);filter:blur(7px);pointer-events:none;background:#08090661;border-radius:50%;width:49%;height:13%;position:absolute;transform:translate(-44%)translate(7px,8px)rotate(7deg)}.settlement-object{z-index:5;left:var(--object-x);bottom:var(--object-bottom);object-fit:contain;object-position:center bottom;transform-origin:bottom;pointer-events:none;filter:drop-shadow(7px 10px 7px #08090657)saturate(.94);width:78%;height:78%;position:absolute;transform:translate(-50%)}.settlement-object--center.settlement-object{width:82%;height:82%}.settlement-object--center.settlement-object-shadow{width:55%;height:15%}.settlement-object--sleeping-place.settlement-object{width:70%;height:70%}.settlement-object--butchering-place.settlement-object{width:83%;height:77%}.settlement-object--stone-workshop.settlement-object{width:82%;height:77%}.settlement-object--food-gathering-place.settlement-object{width:72%;height:72%}.settlement-cell__hitbox{z-index:8;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:100%;min-height:0;box-shadow:none;pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0;transition:background .18s,filter .18s;position:absolute;inset:0}.settlement-cell__hitbox:disabled{opacity:1;pointer-events:none;cursor:default}.settlement-cell__hitbox:not(:disabled):hover{background:#eee5c511}.settlement-cell__outline{clip-path:inherit;opacity:0;-webkit-mask-composite:xor;background:#f4ecd0b3;padding:1.5px;transition:opacity .18s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.settlement-cell__hitbox:not(:disabled):hover .settlement-cell__outline{opacity:.5}.settlement-cell__hitbox.is-selected{filter:drop-shadow(0 0 7px #e8dab329);background:#f3e7bf13}.settlement-cell__hitbox.is-selected .settlement-cell__outline{opacity:.9;background:#fff8ded1}.settlement-cell__plus{z-index:2;color:#f8f2dcad;background:#14171057;border:1px solid #f6efd742;border-radius:50%;place-items:center;width:clamp(22px,3.2vw,30px);height:clamp(22px,3.2vw,30px);font-size:clamp(.85rem,1.5vw,1.12rem);font-weight:400;transition:color .18s,border-color .18s,background .18s,transform .18s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 9px #00000024}.settlement-cell__hitbox:hover .settlement-cell__plus,.settlement-cell__hitbox.is-selected .settlement-cell__plus{color:#fff8df;background:#2326198f;border-color:#fff7db94;transform:translate(-50%,-50%)scale(1.06)}.settlement-inspector{background:#10120ee0;border-left:1px solid #ffffff17;min-width:0;padding:24px;overflow-y:auto}.settlement-inspector__empty{color:#a9ad9e;text-align:center;align-content:center;place-items:center;min-height:65vh;display:grid}.settlement-inspector__empty>span{color:color-mix(in srgb, var(--settlement-biome) 40%, #e0c27d);font-size:3rem}.settlement-inspector__empty h2{color:#f3efe3;margin:12px 0 4px}.settlement-inspector__empty p{max-width:250px;margin:0}.settlement-inspector__heading h2,.settlement-feature-detail h2{margin:4px 0 8px}.settlement-inspector__heading p,.settlement-feature-detail p{color:#b9bcaf;line-height:1.5}.settlement-feature-detail>img{aspect-ratio:1.2;object-fit:contain;width:min(100%,340px);margin:0 auto 16px;display:block}.settlement-feature-detail>small{color:#aeb1a5;background:#ffffff0e;border-radius:9px;padding:12px;line-height:1.45;display:block}.settlement-building-list{gap:12px;margin-top:18px;display:grid}.settlement-building-card{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:14px;grid-template-columns:84px 1fr;gap:12px;padding:12px;display:grid}.settlement-building-card__image{object-fit:contain;filter:drop-shadow(0 6px 5px #0000004d);align-self:center;width:84px;height:84px}.settlement-building-card__body{min-width:0}.settlement-building-card h3{margin:0;font-size:.98rem}.settlement-building-card p{color:#aeb1a5;margin:5px 0 9px;font-size:.82rem;line-height:1.35}.settlement-building-card>button{grid-column:1/-1;width:100%;min-height:38px}.settlement-building-cost{flex-wrap:wrap;gap:6px;display:flex}.settlement-building-cost span{background:#00000042;border-radius:999px;align-items:center;gap:3px;padding:3px 7px;font-size:.78rem;font-weight:800;display:inline-flex}.settlement-building-cost span.missing{color:#ff9c91}.settlement-building-cost img{object-fit:contain;width:18px;height:18px}.settlement-state{color:#f3efe3;text-align:center;background:#10140e;align-content:center;place-items:center;min-height:100dvh;padding:24px;display:grid}.settlement-state p{color:#aeb1a5}@media (max-width:850px){.settlement-header{grid-template-columns:auto minmax(0,1fr)}.settlement-resources{grid-column:1/-1;justify-content:center}.settlement-layout{display:block}.settlement-map{width:min(100%,760px);position:relative}.settlement-inspector{border-top:1px solid #ffffff17;border-left:0;min-height:42vh}.settlement-inspector__empty{min-height:30vh}}@media (max-width:520px){.settlement-header{gap:10px;padding:10px 12px}.settlement-header h1{font-size:1.2rem}.settlement-resources>span{min-width:0;padding:5px 8px}.settlement-map{aspect-ratio:1.03;width:100%;min-height:390px}.settlement-cell{width:18.5%}.settlement-cell__decoration{width:52%;height:52%}.settlement-object{width:86%;height:80%}.settlement-inspector{padding:18px 14px}}.chat-view{height:calc(100dvh - 48px);min-height:0;color:var(--text);background:radial-gradient(circle at 75% 5%, #252015 0, transparent 32%), linear-gradient(135deg, var(--bg), #11130f);grid-template-columns:minmax(280px,340px) minmax(0,1fr);display:grid}.chat-view--state{align-content:center;place-items:center;gap:var(--space-3);padding:var(--space-5);text-align:center;grid-template-columns:1fr}.chat-view--state p{color:var(--text-soft);margin:0}.chat-sidebar{border-right:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);grid-template-rows:auto auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.chat-sidebar__heading{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);display:flex}.chat-sidebar__heading h2{margin:.15rem 0 0;font-size:1.08rem}.chat-total-unread{border:1px solid color-mix(in srgb, var(--accent) 55%, var(--line));min-width:28px;height:28px;color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--surface));border-radius:999px;place-items:center;padding:0 .4rem;font-size:.68rem;font-weight:800;display:grid}.chat-sidebar__actions{padding:0 var(--space-4) var(--space-3);grid-template-columns:1fr 1fr;gap:.45rem;display:grid}.chat-sidebar__actions button{min-height:34px;padding:.4rem .55rem;font-size:.66rem}.chat-conversation-list{border-top:1px solid var(--line);min-height:0;overflow-y:auto}.chat-conversation-row{width:100%;min-height:68px;padding:.65rem var(--space-4);border:0;border-bottom:1px solid var(--line);color:var(--text);text-align:left;background:0 0;border-radius:0;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.55rem;display:grid}.chat-conversation-row:hover,.chat-conversation-row.is-active{background:var(--hover)}.chat-conversation-row.is-active{box-shadow:inset 2px 0 var(--accent)}.chat-conversation-row--invitation{background:color-mix(in srgb, var(--accent) 6%, transparent)}.chat-conversation-row__mark{border:1px solid var(--line-strong);width:30px;height:30px;color:var(--accent);background:var(--surface-raised);border-radius:50%;place-items:center;font-size:.8rem;display:grid}.chat-conversation-row>span:nth-child(2){gap:.22rem;min-width:0;display:grid}.chat-conversation-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;font-style:normal;overflow:hidden}.chat-conversation-row strong i{color:var(--muted);font-style:normal}.chat-conversation-row small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:400;overflow:hidden}.chat-conversation-row time{color:var(--muted);font-size:.57rem;font-weight:400}.chat-conversation-row__meta{justify-items:end;gap:.35rem;display:grid}.chat-conversation-row__meta b{color:#fff;background:#b45f48;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 .3rem;font-size:.55rem;display:grid}.chat-room{grid-template-rows:auto auto minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.chat-room__header{border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--surface) 82%, transparent);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:.7rem;min-height:62px;padding:.65rem clamp(.7rem,2.4vw,1.35rem);display:grid}.chat-room__header>div:first-of-type{min-width:0}.chat-room__header h1{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:clamp(.92rem,2vw,1.12rem);overflow:hidden}.chat-room__header span{color:var(--muted);font-size:.61rem}.chat-room__map-back,.chat-room__mobile-back{min-height:34px;padding:.35rem .65rem;font-size:.65rem}.chat-room__mobile-back{min-width:34px;padding:0;display:none}.chat-room__controls{flex-wrap:wrap;justify-content:end;gap:.35rem;display:flex}.chat-room__controls button{min-height:30px;color:var(--text-soft);background:var(--surface-raised);padding:.3rem .5rem;font-size:.59rem}.chat-connection-state{border-bottom:1px solid var(--line);color:var(--muted);background:color-mix(in srgb, var(--surface) 65%, transparent);justify-content:space-between;gap:.7rem;padding:.35rem clamp(.75rem,2.4vw,1.5rem);font-size:.58rem;display:flex}.chat-connection-state span:first-child:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;margin-right:.35rem;display:inline-block}.chat-connection-state span.is-error:before{background:var(--danger)}.chat-message-list{scroll-behavior:smooth;min-height:0;padding:.7rem clamp(.75rem,4vw,3rem) 1rem;overflow-y:auto}.chat-message{border-bottom:1px solid color-mix(in srgb, var(--line) 72%, transparent);max-width:820px;margin:0 auto;padding:.7rem 0}.chat-message>header{grid-template-columns:9px auto minmax(0,1fr) auto;align-items:center;gap:.42rem;display:grid}.chat-message__civilization{background:var(--civilization-color);width:8px;height:8px;box-shadow:0 0 7px color-mix(in srgb, var(--civilization-color) 65%, transparent);border-radius:50%}.chat-message header strong{color:var(--text);font-size:.69rem}.chat-message header small{color:var(--civilization-color);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.chat-message header time{color:var(--muted);font-size:.57rem}.chat-message>p{color:var(--text-readable);overflow-wrap:anywhere;white-space:pre-wrap;margin:.38rem 0 0 1.35rem;font-size:.75rem;line-height:1.5}.chat-message--system{color:var(--muted);text-align:center;border:0;justify-content:center;align-items:center;gap:.5rem;margin-block:.3rem;font-size:.61rem;display:flex}.chat-message--system span{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 75%, transparent);border-radius:999px;padding:.3rem .6rem}.chat-message--system time{font-size:.54rem}.chat-message--failed{border-color:color-mix(in srgb, var(--danger) 35%, var(--line))}.chat-message__state{color:var(--muted);margin:.28rem 0 0 1.35rem;font-size:.56rem;display:block}.chat-message__retry{color:var(--danger);align-items:center;gap:.55rem;margin:.35rem 0 0 1.35rem;font-size:.59rem;display:flex}.chat-message__retry button{min-height:27px;padding:.25rem .5rem;font-size:.58rem}.chat-load-older{min-height:30px;color:var(--muted);background:var(--surface-raised);margin:0 auto .5rem;padding:.3rem .7rem;font-size:.59rem;display:block}.chat-message-list__state,.chat-message-list__empty{min-height:36vh;color:var(--muted);text-align:center;align-content:center;place-items:center;gap:.6rem;font-size:.7rem;display:grid}.chat-message-list__state{grid-template-columns:auto auto}.chat-message-list__state.is-error{color:var(--danger)}.chat-message-list__empty span,.chat-room__empty>span{color:color-mix(in srgb, var(--accent) 65%, var(--muted));font-size:2rem}.chat-message-list__empty p{margin:0}.chat-composer{padding:.65rem clamp(.75rem, 2.4vw, 1.5rem) max(.65rem, env(safe-area-inset-bottom));border-top:1px solid var(--line);background:color-mix(in srgb, var(--surface) 94%, transparent);grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid;position:relative}.chat-composer textarea{resize:vertical;min-height:48px;max-height:130px;font-size:.73rem;line-height:1.4}.chat-composer>button{align-self:stretch;min-width:92px;font-size:.68rem}.chat-composer>small{color:var(--muted);grid-column:1/-1;justify-self:end;font-size:.53rem}.chat-composer__notice,.chat-composer__cooldown{border:1px solid var(--line);color:var(--text-soft);background:var(--overlay);border-radius:999px;padding:.3rem .55rem;font-size:.57rem;position:absolute;bottom:calc(100% + .35rem);right:1rem;box-shadow:0 5px 16px #0005}.chat-composer__cooldown{color:#e3b68c}.chat-room__empty{padding:var(--space-5);color:var(--muted);text-align:center;grid-row:2/-1;align-content:center;place-items:center;gap:.45rem;display:grid}.chat-room__empty h2{color:var(--text);margin:.2rem 0 0;font-size:1rem}.chat-room__empty p{max-width:410px;margin:0 0 .5rem;font-size:.7rem;line-height:1.5}.chat-invitation-card{border:1px solid color-mix(in srgb, var(--accent) 48%, var(--line));background:color-mix(in srgb, var(--surface-raised) 94%, transparent);text-align:center;border-radius:14px;grid-row:2/-1;place-self:center;place-items:center;width:min(430px,100% - 2rem);padding:clamp(1.2rem,4vw,2rem);display:grid;box-shadow:0 18px 45px #0005}.chat-invitation-card__icon{border:1px solid var(--accent);width:48px;height:48px;color:var(--accent);border-radius:50%;place-items:center;font-size:1.4rem;display:grid}.chat-invitation-card h2{margin:.8rem 0 .25rem;font-size:1.05rem}.chat-invitation-card p{color:var(--text-soft);margin:0;font-size:.75rem;line-height:1.55}.chat-invitation-card>small{color:var(--muted);align-items:center;gap:.35rem;margin-top:.65rem;font-size:.62rem;display:flex}.chat-invitation-card>small i{border-radius:50%;width:8px;height:8px}.chat-invitation-card>div{grid-template-columns:1fr 1fr;gap:.55rem;width:100%;margin-top:1rem;display:grid}.chat-room__error{color:var(--danger)!important}.chat-dialog-backdrop{z-index:100}.chat-dialog{width:min(480px,100vw - 1rem);max-height:min(720px,100dvh - 1rem);overflow:auto}.chat-dialog>header{justify-content:space-between;align-items:start;gap:1rem;display:flex}.chat-dialog>header h2{margin:.2rem 0 0;font-size:1.05rem}.chat-dialog>header>button{min-width:32px;min-height:32px;padding:0}.chat-dialog .field{margin-top:1rem}.chat-player-picker{gap:.4rem;max-height:360px;margin:1rem 0;display:grid;overflow-y:auto}.chat-player-picker>button,.chat-player-picker>label{border:1px solid var(--line);min-height:52px;color:var(--text);background:var(--surface);text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:12px minmax(0,1fr);align-items:center;gap:.12rem .55rem;padding:.55rem .7rem;display:grid}.chat-player-picker>label{grid-template-columns:auto 12px minmax(0,1fr)}.chat-player-picker>button>span,.chat-player-picker>label>span{border-radius:50%;grid-row:1/3;width:9px;height:9px}.chat-player-picker>label>input{grid-row:1/3}.chat-player-picker strong{font-size:.7rem}.chat-player-picker small{color:var(--muted);grid-column:2;font-size:.58rem}.chat-player-picker>label small{grid-column:3}.chat-dialog__error{color:var(--danger);font-size:.65rem}@media (max-width:760px){.chat-view{height:calc(100dvh - 48px - env(safe-area-inset-top));grid-template-columns:1fr}.chat-sidebar{border-right:0}.chat-room,.chat-view--conversation .chat-sidebar{display:none}.chat-view--conversation .chat-room{display:grid}.chat-room__header{grid-template-columns:auto auto minmax(0,1fr);min-height:58px;padding:.55rem .65rem}.chat-room__mobile-back{display:block}.chat-room__map-back{color:#0000;width:34px;min-width:34px;padding:0;overflow:hidden}.chat-room__map-back:before{color:var(--text-soft);content:"⌂";place-items:center;font-size:.9rem;display:grid}.chat-room__controls{flex-wrap:nowrap;grid-column:1/-1;justify-content:start;overflow-x:auto}.chat-room__controls button{white-space:nowrap}.chat-message-list{padding-inline:.75rem}.chat-message>p{font-size:.72rem}.chat-composer{padding-inline:.65rem}.chat-composer>button{min-width:78px;padding-inline:.6rem}.chat-sidebar__heading{padding-top:var(--space-3)}.chat-conversation-row{padding-inline:var(--space-3)}.current-game-resources{gap:.3rem;overflow:hidden}.current-game-resources>div{flex:0 auto}.current-game-resources img{width:21px;height:21px}.current-game-economy-button,.current-game-development-button,.current-game-technology-button,.current-game-politics-button,.current-game-chat-button{width:27px;min-height:27px}.development-system-view{height:calc(100dvh - 48px - env(safe-area-inset-top));padding:.75rem .6rem}.development-system-view__heading{margin-bottom:.75rem}.technology-tree{flex-direction:column;min-width:0;padding:.5rem}.technology-tree__part{flex-direction:column}.development-arrow{transform:rotate(90deg)}.development-node{grid-template-rows:180px minmax(0,1fr);width:min(330px,88vw);min-height:390px}.development-node>img{height:180px}.politics-tree{grid-template-columns:1fr;min-width:0;padding:.5rem}.politics-tree__connections{place-items:center;min-height:54px;display:grid}.politics-tree__connections:before{color:var(--accent);content:"↓";font-size:1.8rem}.politics-tree__connections svg{display:none}.politics-tree .development-node{grid-template:160px minmax(0,1fr)/1fr;width:min(390px,88vw);min-height:380px}.politics-tree .development-node>img{width:100%;height:160px}.politics-tree .development-node__content{border-top:1px solid var(--line);border-left:0}}