@font-face{font-family:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-ext-wght-normal.0x9ccydb91kkt.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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(../media/dm-sans-latin-wght-normal.0fpdy-lufm69d.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}
@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-ext-wght-normal.0x_0bevfais8f.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-cyrillic-wght-normal.283rlcw9kygwg.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-greek-wght-normal.1z2_6pqe9b797.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-vietnamese-wght-normal.3f-auarlwu459.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-ext-wght-normal.2rod0ve_3h_te.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(../media/manrope-latin-wght-normal.2xs28az5j2efm.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}
.modal.tech-modal{background:#f4f6ed;width:min(1080px,100vw - 48px);height:min(850px,100dvh - 48px);max-height:none;padding:0;overflow:hidden}.tech-modal>.modal-close{z-index:2}.radial-tech{flex-direction:column;height:100%;display:flex}.tech-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:25px 74px 17px 30px;display:flex}.tech-header .eyebrow{color:#768669;font-size:8px}.tech-header h2{margin:5px 0 0;font-size:30px;line-height:1.15}.research-treasury{color:#9e7c2f;background:#eeeacb;border:1px solid #ded5a9;border-radius:9px;align-items:center;gap:8px;padding:11px 14px;display:flex}.research-treasury strong{color:#4c502d;font-size:20px;font-weight:600}.research-treasury>span{color:#817342;font-size:11px}.tech-map-viewport{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d4bc transparent;cursor:grab;flex:1;min-height:0;overflow:auto}.tech-map-viewport:active{cursor:grabbing}.tech-map{-webkit-user-select:none;user-select:none;width:100%;min-width:780px;height:100%;min-height:390px;position:relative}.tech-connections{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tech-orbit{fill:none;stroke:#e1e7d7;stroke-width:1px;stroke-dasharray:2 7}.tech-orbit.outer{opacity:.65}.tech-edge{fill:none;stroke-width:3px;stroke-linecap:round}.tech-edge.known{stroke:#759958}.tech-edge.available{stroke:#a6b996}.tech-edge.locked{stroke:#bfc9b4;stroke-width:2.5px;stroke-dasharray:5 7}.tech-edge.selected{stroke:#c09a3d;stroke-width:4px}.tech-origin{color:#f5f3d7;z-index:1;background:#4f7144;border:6px solid #d8e5ca;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:104px;height:104px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #bdcea9,0 5px 15px #44652a12}.tech-origin>strong{font-family:var(--display);letter-spacing:-.035em;font-size:14px;font-weight:600}.tech-origin>span{letter-spacing:.1em;color:#d8e4c7;font-size:8px}.tech-origin:active:not(:disabled){transform:translate(-50%,-50%)}.tech-origin:hover{background:#608551}.tech-node{z-index:1;flex-direction:column;align-items:center;gap:7px;width:128px;padding:0;display:flex;position:absolute;transform:translate(-50%,-28px)}.tech-node:active:not(:disabled){transform:translate(-50%,-28px)}.tech-node-circle{color:#718c56;background:#f9faef;border:2px solid #bdcaa9;border-radius:50%;place-items:center;width:56px;height:56px;transition:box-shadow .15s,border-color .15s,background .15s;display:grid;position:relative;box-shadow:0 3px 7px #50613b0a}.tech-node>strong{color:#526745;background:#f4f6ed;border-radius:5px;max-width:128px;padding:2px 5px;font-size:12px;font-weight:500;line-height:1.25}.tech-node.known .tech-node-circle{color:#fffde7;background:#66894e;border-color:#66894e;box-shadow:0 0 0 4px #e3ebd7}.tech-node.known>strong{color:#426237}.tech-node.available .tech-node-circle{color:#837239;background:#fbf8e8;border-color:#b9a66d}.tech-node.locked .tech-node-circle{color:#9caa8d;background:#eef1e5;border-color:#c9d0bd}.tech-node.locked>strong{color:#7c8c6e}.tech-node-badge{color:#896a21;background:#f7ecc1;border:1px solid #dbd0a4;border-radius:9px;justify-content:center;align-items:center;gap:3px;min-width:22px;height:19px;padding:0 5px;font-size:10px;font-weight:600;display:flex;position:absolute;bottom:-3px;right:-6px}.tech-node.known .tech-node-badge{color:#56793c;background:#e2efce;border-color:#c6d6b0}.tech-node.locked .tech-node-badge{color:#8f9c82;background:#e5eadd;border-color:#cbd4c0}.tech-node:hover .tech-node-circle{border-color:#8ca767;box-shadow:0 0 0 5px #dce7cc}.tech-node.selected .tech-node-circle{border-color:#b78e32;box-shadow:0 0 0 5px #ebddb3,0 4px 15px #9a772022}.tech-node.selected>strong{color:#795d22;background:#f2e8c9}.tech-node.on-path:not(.selected) .tech-node-circle{border-color:#ad9456}.tech-map-legend{color:#728365;flex-shrink:0;justify-content:center;align-items:center;gap:19px;padding:13px 24px;font-size:10px;display:flex}.tech-map-legend>span{align-items:center;gap:6px;display:inline-flex}.tech-map-legend i{border-radius:50%;width:8px;height:8px;display:inline-block}.tech-map-legend i.known{background:#729752}.tech-map-legend i.available{background:#fbf8e8;border:2px solid #b7a062}.tech-map-legend i.locked{background:#ced6c2}.tech-map-legend small{color:#91a083;font-size:9px;display:none}.tech-inspector{background:#fafbf4;border-top:1px solid #dde5d2;flex-shrink:0;align-items:center;gap:17px;min-height:118px;padding:21px 28px;display:flex}.tech-inspector-icon{color:#82995f;background:#ebf0df;border:1px solid #dbe5cc;border-radius:13px;flex-shrink:0;place-items:center;width:49px;height:49px;display:grid}.tech-inspector-icon.known{color:#618241;background:#dfeacc}.tech-inspector-copy{flex:1;min-width:0}.tech-inspector h3{letter-spacing:-.04em;margin:0 0 6px;font-size:20px}.tech-inspector p{color:#657957;font-size:12px;line-height:1.6}.tech-inspector-copy>small{color:#899978;margin-top:6px;font-size:10px;display:block}.tech-inspector-hint{color:#80936a;align-items:center;gap:7px;font-size:11px;display:inline-flex}.tech-research-control{text-align:center;flex-shrink:0;min-width:182px}.research-confirm{color:#f9fae9;background:#55783f;border-radius:9px;justify-content:center;align-items:center;gap:10px;width:100%;height:43px;padding:0 17px;font-size:12px;display:inline-flex}.research-confirm>span{color:#f4e9b3;border-left:1px solid #d9eac052;align-items:center;gap:4px;padding-left:9px;display:inline-flex}.research-confirm:hover:not(:disabled){background:#678d4c}.research-confirm:disabled{opacity:.6}.tech-research-control>small{color:#8a957c;margin-top:7px;font-size:9px;display:block}@media (max-width:850px){.tech-map-legend small{display:block}.tech-inspector{gap:13px;padding:18px 22px}.tech-inspector-hint{display:none}.tech-research-control{min-width:160px}.tech-map{min-height:480px}}@media (max-width:600px){.modal.tech-modal{border-radius:15px;width:calc(100vw - 20px);height:calc(100dvh - 20px);max-height:none;padding:0}.tech-header{gap:10px;padding:23px 52px 18px 21px}.tech-header h2{font-size:27px}.tech-header .eyebrow{letter-spacing:.15em;font-size:6px}.research-treasury{gap:6px;padding:9px 10px}.research-treasury>span{display:none}.research-treasury strong{font-size:18px}.research-treasury svg{width:15px}.tech-map{width:780px;height:max(100%,540px);min-height:540px}.tech-map-legend{flex-wrap:wrap;gap:12px;padding:11px 14px;font-size:9px}.tech-map-legend small{text-align:center;width:100%}.tech-inspector{grid-template-columns:40px 1fr;gap:12px;min-height:132px;padding:17px 20px 20px;display:grid}.tech-inspector-icon{border-radius:10px;width:40px;height:40px}.tech-inspector-icon svg{width:23px}.tech-inspector h3{margin-bottom:4px;font-size:18px}.tech-inspector p{font-size:11px}.tech-inspector-copy>small{margin-top:5px;font-size:9px}.tech-research-control{grid-column:1/-1;min-width:0}.research-confirm{height:41px}}@media (prefers-reduced-motion:reduce){.tech-node-circle{transition:none}}
:root{--ink:#283d34;--muted:#839082;--paper:#f8f8f0;--line:#e4e7db;--green:#3c6047;--blue:#4b7fb7;--gold:#ac914f;--display:"Manrope Variable", sans-serif;--body:"DM Sans Variable", sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;color:var(--ink);background:var(--paper);font-family:var(--body);margin:0;font-size:14px}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.42}button:not(:disabled):focus-visible,input:focus-visible,a:focus-visible{outline-offset:4px;outline:2px solid #709665}button:not(:disabled){transition:background .18s,color .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.06em;font-weight:600}svg{flex-shrink:0}button svg{vertical-align:middle}.eyebrow{letter-spacing:.19em;color:#67745e;font-size:9px;font-weight:700}.spin{animation:1.5s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.section-label{letter-spacing:.16em;color:#939c8d;justify-content:space-between;margin-bottom:17px;font-size:8px;font-weight:600;display:flex}.section-label>span:last-child{text-transform:uppercase}.unit-heading{align-items:center;gap:12px;display:flex}.unit-badge{color:#527a87;background:#e0e9e5;border:1px solid #d5e0d9;border-radius:12px;place-items:center;width:48px;height:48px;display:grid}.unit-badge.enemy{color:#b47b4c;background:#eee5d4}.unit-heading h2,.terrain-description h2{letter-spacing:-.035em;text-transform:capitalize;font-size:21px}.unit-heading p{color:#5e6e5d;margin-top:5px;font-size:9px}.veteran{color:#a18b4b;margin-left:6px;padding:2px 5px;font-size:11px;display:inline-block}.unit-stats{background:#f9faf2;border:1px solid #e2e7d7;border-radius:7px;gap:0;margin:17px 0 14px;padding:11px 3px;display:flex}.unit-stats>span{border-right:1px solid #e1e6d6;flex:1;justify-content:center;align-items:center;gap:4px;font-size:11px;display:flex}.unit-stats>span:first-child{flex:1.5}.unit-stats>span:last-child{border:0}.unit-stats svg{color:#8e9c83;width:12px}.unit-stats small{color:#99a090;margin-left:-4px;font-size:9px}.selection-hint{color:#62725b;margin-top:9px;font-size:10px;line-height:1.7}.city-detail{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:18px;font-size:10px;display:flex}.city-detail>span{align-items:center;gap:6px;display:flex}.city-detail>span:nth-child(2){color:#8b925f}.population-track{gap:3px;width:100%;height:5px;display:flex}.population-track i{background:#dce3d1;border-radius:1px;flex:1;height:100%}.city-detail>small{color:#65765a;font-size:9px}.terrain-description>svg{color:#96a889;margin:0 0 14px}.terrain-description p{color:#839179;margin:9px 0;font-size:11px;line-height:1.7}.terrain-description>small{color:#66745c;font-size:10px;line-height:1.7;display:block}.action{text-align:left;background:#fcfcf7;border:1px solid #dce2d1;border-radius:7px;align-items:center;gap:10px;width:100%;margin-top:10px;padding:10px 11px;display:flex}.action>span{flex:1}.action strong{font-size:11px;font-weight:500;display:block}.action small{color:#63745b;margin-top:3px;font-size:9px;line-height:1.5;display:block}.action b{color:#9e894f;align-items:center;gap:4px;font-size:11px;font-weight:500;display:flex}.empire-section{flex:1;min-height:155px;padding:8px 25px 20px}.tabs{border-bottom:1px solid var(--line);gap:20px;display:flex}.tabs button{color:#9ca38f;border-bottom:2px solid #0000;gap:6px;padding:15px 0 13px;font-size:10px;display:flex}.tabs span{background:#e7ebdb;border-radius:4px;padding:1px 5px;font-size:8px}.city-list>button{text-align:left;border-bottom:1px solid #e9ebdf;align-items:center;gap:10px;width:100%;padding:14px 0;display:flex}.city-list-icon{color:#8a956e;border:1px solid #e4e7d7;border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.city-list>button>span:nth-child(2){flex:1}.city-list strong{font-size:11px;font-weight:500}.city-list small{color:#65765a;margin-top:4px;font-size:9px;display:block}.city-list b{color:#8f986e;align-items:center;gap:4px;font-size:11px;font-weight:400;display:flex}.city-list button:hover strong,.city-list .current strong{color:#7a9761}.event-list{padding-top:9px}.event-list>div{border-bottom:1px solid #e7eadb;gap:9px;padding:9px 0;display:flex}.event-list>div>span{color:#a2ad94;padding-top:2px;font-size:8px}.room-board{flex-direction:column;min-height:230px;display:flex}.room-agents{border-bottom:1px solid var(--line);padding:9px 0}.room-agents>div{align-items:flex-start;gap:9px;padding:7px 0;display:flex}.room-agents p{flex:1;min-width:0}.room-agents strong,.room-agents small,.room-agents em{display:block}.room-agents strong{font-size:11px;font-weight:600}.room-agents small{color:#65765a;overflow-wrap:anywhere;margin-top:2px;font-size:9px}.room-agents em{color:#9b302d;margin-top:5px;font-size:9px;font-style:normal;line-height:1.45}.room-agents button{border:1px solid var(--line);align-items:center;gap:5px;padding:6px 8px;font-size:9px;display:flex}.room-agents [data-status=failed] .status-dot{background:#b53631}.room-agents [data-status=generating] .status-dot,.room-agents [data-status=waiting] .status-dot{animation:1.2s ease-in-out infinite pulse}.room-messages{flex-direction:column;gap:8px;max-height:210px;padding:12px 0;display:flex;overflow-y:auto}.room-messages article{border:1px solid var(--line);background:#edf0e2;padding:9px 10px}.room-messages article.mine{background:#e1ead5}.room-messages header{justify-content:space-between;gap:12px;margin-bottom:5px;font-size:9px;display:flex}.room-messages header span,.room-empty{color:#78866d}.room-messages article>p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;line-height:1.5}.room-empty{text-align:center;padding:20px 0;font-size:10px}.room-composer{border-top:1px solid var(--line);gap:7px;padding-top:10px;display:flex}.room-composer input{border:1px solid var(--line);min-width:0;font:11px var(--body);background:#f3f4e9;flex:1;padding:10px}.room-composer button{border:1px solid var(--line);color:#eff0df;background:#4e6d43;place-items:center;width:38px;display:grid}.city-label{white-space:nowrap;text-align:center;color:#3a5363;pointer-events:none;flex-direction:column;align-items:center;gap:3px;display:flex;transform:translateY(8px)}.city-label>span{letter-spacing:.01em;background:#f5f7e6ef;border-radius:4px;padding:4px 8px;font-size:10px;font-weight:700;box-shadow:0 1px 3px #20332b15}.city-label.enemy{color:#8d6941}.city-label.neutral>span{color:#9d976f;background:#f3f1ddd9;font-size:9px;font-weight:500}.city-pips{gap:2px;width:45px;display:flex}.city-pips i{background:#76919baa;border-radius:1px;flex:1;height:3px}.unit-health{text-align:center;pointer-events:none;background:#f8f8e9;border-radius:5px;min-width:20px;padding:3px 5px 4px;font-size:9px;font-weight:700;line-height:1;display:block;position:relative;overflow:hidden;box-shadow:0 2px 5px #253e3620}.health-line{background:currentColor;height:2px;position:absolute;bottom:0;left:0}.unit-health.target{outline:2px solid #d47657}.modal-backdrop{z-index:60;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#273b3155;justify-content:center;align-items:center;padding:25px;animation:.15s ease-out fade-in;display:flex;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:#fafaf2;border:1px solid #fefef6;border-radius:18px;width:500px;max-height:calc(100dvh - 50px);padding:37px;position:relative;overflow-y:auto;box-shadow:0 24px 90px #1f362c35}.modal-close{color:#899980;position:absolute;top:16px;right:16px}.modal h2{letter-spacing:-.055em;margin:10px 0 14px;font-size:34px;line-height:1.22}.modal h2 em,.boot em{color:#81916c;font-family:Georgia,serif;font-weight:400}.modal>p{color:#647559;font-size:12px;line-height:1.8}.modal-note{color:#66755d;border-top:1px solid #e3e8d9;margin-top:25px;padding-top:17px;font-size:10px;line-height:1.7}.help-steps{flex-direction:column;gap:17px;margin-top:24px;display:flex}.help-steps>div{gap:14px;display:flex}.help-steps>div>span{color:#91a07e;padding-top:2px;font-size:10px;font-weight:700}.help-steps p{color:#829075;font-size:11px;line-height:1.75}.help-steps strong{color:#546c48;font-weight:600}.keyboard-hints{color:#66755d;justify-content:space-between;margin-top:24px;font-size:9px;display:flex}.keyboard-hints span{align-items:center;gap:6px;display:flex}kbd{font-family:var(--body);color:#7a8e67;background:#edf0e3;border:1px solid #dce2ce;border-bottom-width:2px;border-radius:4px;padding:3px 5px;font-size:9px}.primary{color:#f6f5e3;background:#4e6d43;border-radius:8px;justify-content:center;align-items:center;gap:12px;padding:14px 20px;font-size:12px;display:inline-flex}.primary:hover:not(:disabled){background:#658553}.primary.wide{justify-content:space-between;width:100%;margin-top:25px}.input-label{letter-spacing:.15em;color:#929e84;margin-top:28px;font-size:9px;display:block}.seed-input{background:#f5f7ed;border:1px solid #dbe1cc;border-radius:8px;margin-top:9px;padding:12px;display:flex}.seed-input input{color:#49633e;background:0 0;border:0;outline:0;flex:1;min-width:0;font-size:17px}.seed-input button{color:#8fa17b}.mode-options{gap:12px;margin-top:18px;display:flex}.mode-options>button{text-align:left;color:#8ea17c;border:1px solid #e0e5d3;border-radius:10px;flex-direction:column;flex:1;align-items:flex-start;gap:10px;padding:18px;display:flex}.mode-options>button.chosen{color:#5b7949;background:#edf2e2;border-color:#8da279}.mode-options strong{color:#587048;font-size:12px;font-weight:500}.mode-options small{color:#939e87;margin-top:-4px;font-size:10px}.cli-box{background:#edf0e2;border:1px solid #e1e5d4;border-radius:8px;margin:18px 0;padding:15px}.cli-box small{letter-spacing:.12em;color:#8d9b7e;margin-bottom:10px;font-size:7px;display:block}.cli-box code{overflow-wrap:anywhere;color:#617953;font:11px/1.8 monospace}.invite-seat{border-top:1px solid #d9decc;margin-top:22px;padding-top:18px}.invite-seat>strong{margin-bottom:12px;font-size:12px;display:block}.upgrade-modal{text-align:center;width:540px}.upgrade-crown{color:#a69c58;background:#f0eed6;border:1px solid #dfdebb;border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 22px;display:grid}.reward-options{gap:14px;margin-top:28px;display:flex}.reward-options>button{background:#f4f7e9;border:1px solid #dce3cb;border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:12px;padding:23px 15px;display:flex}.reward-options>button:hover{background:#e9f0d9;border-color:#9cb182}.reward-options svg{color:#91a573}.reward-options strong{text-transform:capitalize;font-size:14px;font-weight:500}.reward-options small{color:#919f80;min-height:30px;font-size:10px;line-height:1.6}.reward-options>button>span{color:#6f8959;align-items:center;gap:7px;margin-top:9px;font-size:10px;display:flex}.combat-versus{justify-content:space-around;align-items:center;gap:20px;margin:28px 0;display:flex}.combat-versus>div{color:#6282a4;flex-direction:column;align-items:center;gap:13px;display:flex}.combat-versus>div:last-child{color:#b98e64}.combat-versus strong{font-size:14px;font-weight:500}.combat-versus>span{color:#adb7a0;font-size:24px}.combat-versus>div>span{font-size:12px}.boot{text-align:center;background:radial-gradient(at 50% 45%,#eef1df,#f9f9f0 70%);flex-direction:column;justify-content:center;align-items:center;gap:20px;height:100dvh;display:flex}.boot .brand-mark{border-radius:18px;width:60px;height:60px;margin-bottom:5px}.boot h1{font-size:47px;line-height:1.2}.boot p{color:#8e9b80;margin:10px 0;font-size:12px}.boot>svg{color:#91a77b}.floating{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fafbf1f5;border:1px solid #ffffffb3;border-radius:14px;box-shadow:0 8px 32px #061e2536,0 1px 3px #061e251a}.game-shell{background:#203940;width:100%;height:100dvh;min-height:0;position:relative;overflow:hidden}.world{isolation:isolate;position:absolute;inset:0}.world>div{touch-action:none}.hud-top{z-index:40;pointer-events:none;justify-content:space-between;align-items:flex-start;gap:16px;display:flex;position:absolute;top:24px;left:24px;right:24px}.hud-top>*{pointer-events:auto}.hud-left{align-items:center;gap:12px;display:flex}.menu-button{color:#294737;flex-shrink:0;place-items:center;width:54px;height:54px;display:grid}.menu-button:hover,.menu-button.active{background:#e7eddd}.empire-summary{align-items:center;gap:12px;height:54px;padding:0 19px 0 13px;display:flex}.empire-summary>strong{font-family:var(--display);letter-spacing:-.03em;font-size:16px;font-weight:700}.empire-crest{color:#54753d;background:#dce8d1;border-radius:50%;place-items:center;width:31px;height:31px;display:grid}.hud-divider{background:#d9dfcf;flex-shrink:0;width:1px;height:23px;margin:0 3px;display:inline-block}.star-count{color:#af882c;align-items:center;gap:7px;display:flex}.star-count b{color:#253d2e;font-size:21px;font-weight:600}.income-count{color:#57813b;font-size:14px;font-weight:600}.income-count small{color:#778568;margin-left:2px;font-size:10px;font-weight:400}.turn-status{color:#607254;align-items:center;gap:9px;height:45px;margin-top:4px;padding:0 15px;font-size:12px;display:flex}.turn-status strong{color:#2d4936;font-weight:600}.turn-status .hud-divider{height:18px;margin:0 4px}.status-dot{background:#67a445;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block;box-shadow:0 0 0 3px #7eb55c15}.status-dot.amber{background:#cd9740}.menu-dismiss{z-index:38;cursor:default;position:absolute;inset:0}.game-menu{z-index:45;width:296px;padding:9px;animation:.12s ease-out fade-in;position:absolute;top:89px;left:24px}.menu-heading{color:#406040;border-bottom:1px solid #dfe5d6;align-items:center;gap:12px;margin-bottom:6px;padding:16px 12px 20px;display:flex}.menu-heading strong{font-family:var(--display);letter-spacing:-.04em;font-size:19px;display:block}.menu-heading small{color:#6c7e60;margin-top:4px;font-size:10px;display:block}.game-menu>button{text-align:left;border-radius:8px;align-items:center;gap:12px;width:100%;padding:14px 12px;font-size:13px;display:flex}.game-menu>button>span{flex:1}.game-menu>button>svg{color:#708761}.game-menu>button:hover{background:#e9efdf}.menu-save{color:#6f7e64;border-top:1px solid #dfe5d6;align-items:center;gap:9px;margin:8px 3px 0;padding:15px 10px 9px;font-size:11px;display:flex}.action-dock{z-index:35;gap:3px;padding:6px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.action-dock>button{border-radius:9px;align-items:center;gap:9px;height:52px;padding:0 14px;font-size:12px;font-weight:500;display:flex}.action-dock>button>svg{color:#638448}.action-dock>button:hover,.action-dock>button.active{background:#e6eddc}.action-dock kbd{color:#7f8e71;background:#eef1e5;border:1px solid #dce3d1;border-radius:4px;padding:2px 5px;font-size:9px}.action-dock b{color:#61794a;background:#dde7cf;border-radius:5px;place-items:center;min-width:18px;height:18px;padding:0 4px;font-size:10px;font-weight:500;display:grid}.turn-controls{z-index:35;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:24px;right:24px}.ready-count{color:#c9d8d7;text-shadow:0 1px 4px #102b34;padding:0 5px;font-size:11px}.end-turn{color:#2a402e;background:#e4c568;border:1px solid #f5dda1;border-radius:13px;justify-content:center;align-items:center;gap:30px;min-width:162px;height:64px;padding:0 23px;font-size:14px;font-weight:600;display:flex;box-shadow:0 7px 25px #081e293b}.end-turn:hover:not(:disabled){background:#f1d57c;box-shadow:0 8px 28px #081e2955}.end-turn:disabled{opacity:.7;color:#334d3b;background:#99a798;border-color:#adb9a8}.map-tools{z-index:34;color:#d0dddb;background:#122b33b0;border-color:#b6d9dc26;border-radius:11px;flex-direction:column;padding:5px;display:flex;position:absolute;top:95px;right:24px}.map-tools>button{border-radius:6px;place-items:center;width:35px;height:36px;display:grid}.map-tools>button:hover{color:#fff;background:#cce3df20}.map-tools>button[aria-pressed=false]{opacity:.5}.map-tools i{background:#b6d9dc26;height:1px;margin:5px}.selection-card{z-index:35;scrollbar-width:thin;width:290px;max-height:calc(100dvh - 130px);animation:.12s ease-out fade-in;position:absolute;bottom:24px;left:24px;overflow-y:auto}.selection-panel{padding:23px;position:relative}.panel-close{color:#708264;z-index:1;position:absolute;top:9px;right:10px}.icon-button{border-radius:7px;place-items:center;width:30px;height:30px;display:grid}.icon-button:hover:not(:disabled){background:#dfe8d4}.section-label{color:#6b7b5f;gap:10px;margin-bottom:19px;padding-right:24px;font-size:9px}.unit-heading h2,.terrain-description h2{font-size:23px}.unit-heading p{font-size:11px;line-height:1.4}.unit-badge{color:#3e6f83;background:#dbe7e3;border-color:#c4d8d0}.unit-stats{background:#f1f5e7;border-color:#dce4d1;padding:12px 4px}.unit-stats>span{font-size:13px}.unit-stats small{font-size:10px}.unit-stats svg{color:#6d825d}.selection-hint{font-size:11px;line-height:1.6}.terrain-description p{color:#5f7452;font-size:12px}.terrain-description>small{font-size:11px}.city-detail{gap:9px;margin-top:19px;font-size:11px}.city-detail>small{font-size:10px}.population-track{height:6px}.population-track i{background:#d0dcbe}.population-track i.filled{background:#729746}.action{background:#edf3e2;border-color:#d3dfc3;border-radius:9px;padding:12px}.action strong{font-size:12px}.action small{font-size:10px;line-height:1.5}.action b{color:#93711f;font-size:13px}.action:hover:not(:disabled){background:#e0ebcb;border-color:#a4bd80}.overview-panel{z-index:35;scrollbar-width:thin;width:310px;max-height:calc(100dvh - 210px);animation:.12s ease-out fade-in;position:absolute;top:96px;left:24px;overflow-y:auto}.empire-section{min-height:0;padding:10px 22px 17px}.tabs{gap:14px;padding-right:22px}.tabs button{color:#6a7d5f;font-size:12px}.tabs button.active{color:#2b4a34;border-color:#688747}.city-list>button{padding:17px 0}.city-list strong{font-size:13px}.city-list small{font-size:11px}.city-list b{color:#698246;font-size:13px}.city-list-icon{color:#58753f;background:#e6eedb;border-color:#d8e2c8;width:35px;height:35px}.event-list>div{gap:11px;padding:12px 0}.event-list p{color:#4e6645;font-size:12px;line-height:1.5}.event-list>div>span{color:#7c916a;font-size:10px}.board-hint{z-index:5;color:#b7cbc9;pointer-events:none;text-shadow:0 1px 4px #102b34;align-items:center;gap:8px;font-size:10px;display:flex;position:absolute;bottom:29px;left:27px}.board-hint span{max-width:220px;line-height:1.5}.replay-bar{z-index:36;align-items:center;gap:14px;width:630px;max-width:calc(100% - 48px);min-height:70px;padding:12px 18px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.turn-copy{white-space:nowrap;flex-direction:column;flex:1;gap:5px;display:flex}.turn-copy strong{font-size:13px;font-weight:600}.turn-copy span{color:#718564;font-size:11px}.replay-bar>svg{color:#6c8453}.replay-bar input{accent-color:#678b41;width:25%;min-width:50px}.text-button{white-space:nowrap;align-items:center;gap:7px;padding:7px;font-size:12px;display:inline-flex}.text-button:hover{color:#759a4d}.toast{z-index:55;color:#72571e;background:#fff5d6;border:1px solid #dfbd6b;border-radius:10px;align-items:center;gap:15px;max-width:min(550px,100% - 100px);padding:15px 18px;font-size:12px;display:flex;position:absolute;top:96px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #08202a38}.toast button{margin-left:auto}.canvas-loading{color:#c4d8d4;background:#203940;justify-content:center;align-items:center;gap:14px;height:100%;font-size:13px;display:flex}.city-label>span{color:#214453;background:#fbfae9;border:1px solid #d4e6e0;border-radius:5px;padding:5px 9px;font-size:12px;box-shadow:0 2px 7px #092a3040}.city-label.enemy>span{color:#815122;border-color:#e5bc89}.city-label.neutral>span{color:#5e583d;background:#f1efd8;border-color:#d8d3b4;font-size:11px}.city-pips{gap:3px;width:52px}.city-pips i{background:#244b68;height:4px}.city-pips i.filled{background:#f8e47e}.unit-health{background:#fffdeb;border:1px solid #deead9;min-width:23px;padding:4px 6px 5px;font-size:11px;box-shadow:0 2px 6px #082c3855}.unit-health.blue{color:#1f5eb4}.unit-health.orange{color:#b45c23}.brand-mark{color:#f6f3d7;background:#466441;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.modal-backdrop{z-index:70;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#081e2b88}.modal{border-color:#fffceb;box-shadow:0 25px 95px #06192355}.modal>p{color:#627156}.modal-note{color:#6c795e}.modal-close{color:#637653}@media (max-width:1100px){.action-dock{left:24px;transform:none}.board-hint{max-width:230px;bottom:106px}.selection-card{bottom:106px}.overview-panel{max-height:calc(100dvh - 200px)}.action-dock>button{padding:0 13px}.replay-bar{flex-wrap:wrap;gap:9px;width:calc(100% - 362px);left:auto;right:24px;transform:none}.replay-bar input{flex:1}.replay-bar .turn-copy{min-width:120px}.replay-bar>svg{display:none}}@media (max-width:760px){.game-shell{height:100dvh;min-height:0;overflow:hidden}.hud-top{top:max(12px, env(safe-area-inset-top));flex-wrap:wrap;gap:8px;left:12px;right:12px}.hud-left{gap:8px}.menu-button{border-radius:12px;width:46px;height:46px}.empire-summary{border-radius:12px;gap:8px;height:46px;padding:0 12px}.empire-summary>strong{font-size:14px}.empire-crest{width:27px;height:27px}.empire-crest svg{width:17px}.star-count b{font-size:18px}.star-count svg{width:14px}.star-count{gap:5px}.income-count{font-size:12px}.income-count small{display:none}.hud-divider{height:20px;margin:0 1px}.turn-status{color:#c2d5d0;height:29px;box-shadow:none;background:#122b33ad;border-color:#bad9d627;border-radius:8px;gap:7px;margin:0;padding:0 10px;font-size:10px;position:absolute;top:54px;left:54px}.turn-status strong{color:#edf4e8;font-size:10px}.turn-status .hud-divider{background:#afc8be38;height:12px}.turn-status .status-dot{width:5px;height:5px}.map-tools{border-radius:9px;padding:3px;top:112px;right:12px}.map-tools button{width:30px;height:32px}.map-tools i{margin:3px}.map-tools button:last-child{display:none}.game-menu{border-radius:13px;width:min(296px,100% - 24px);top:68px;left:12px}.menu-heading{padding-top:12px}.action-dock{left:12px;bottom:max(14px, env(safe-area-inset-bottom));border-radius:12px;justify-content:space-around;gap:0;width:calc(100% - 145px);padding:4px}.action-dock>button{border-radius:8px;flex-direction:column;flex:1;justify-content:center;gap:5px;height:52px;padding:0 4px;font-size:9px}.action-dock>button svg{width:20px;height:20px}.action-dock kbd,.action-dock b{display:none}.turn-controls{right:12px;bottom:max(14px, env(safe-area-inset-bottom));gap:8px}.end-turn{border-radius:12px;gap:14px;min-width:113px;height:62px;padding:0 14px;font-size:12px}.end-turn svg{width:17px}.ready-count{max-width:120px;font-size:9px}.selection-card{border-radius:13px;width:auto;max-height:45dvh;bottom:98px;left:12px;right:12px}.selection-panel{padding:18px}.section-label{margin-bottom:12px;font-size:8px}.unit-heading h2,.terrain-description h2{font-size:21px}.unit-badge{width:40px;height:40px}.unit-heading p{font-size:10px}.unit-stats{margin:13px 0 9px;padding:10px 4px}.selection-hint{font-size:10px}.city-detail{margin-top:14px}.city-detail>small{font-size:10px}.action{padding:10px}.action strong{font-size:12px}.action small{font-size:10px}.overview-panel{border-radius:13px;width:auto;max-height:55dvh;inset:auto 12px 98px}.empire-section{padding:6px 18px 14px}.board-hint{display:none}.replay-bar{flex-wrap:nowrap;gap:7px;width:auto;max-width:none;padding:11px 12px;bottom:14px;left:12px;right:12px}.replay-bar .turn-copy{min-width:0}.turn-copy strong{font-size:11px}.turn-copy span{font-size:9px}.replay-bar input{width:15%;min-width:35px}.replay-bar .text-button{gap:3px;padding:3px;font-size:9px}.replay-bar .icon-button{width:22px}.toast{max-width:calc(100% - 75px);padding:12px;font-size:11px;top:106px}.city-label>span{padding:4px 7px;font-size:10px}.city-label.neutral>span{font-size:9px}.unit-health{min-width:20px;font-size:10px}.modal-backdrop{padding:13px}.modal{border-radius:14px;max-height:calc(100dvh - 26px);padding:28px 23px}.modal h2{font-size:30px}.modal>p{font-size:12px}.help-steps{gap:13px}.help-steps p{font-size:11px}.modal-note{font-size:10px}.reward-options>button{padding:18px 10px}.reward-options{gap:10px}.upgrade-crown{width:58px;height:58px;margin-bottom:20px}.upgrade-modal h2{font-size:26px}}@media (max-width:370px){.empire-crest{display:none}.empire-summary{gap:7px}.empire-summary>strong{font-size:13px}.action-dock{width:calc(100% - 132px)}.end-turn{gap:9px;min-width:102px}.action-dock>button{font-size:8px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}
@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-ext-wght-normal.2j4htzlmj3gcc.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-cyrillic-wght-normal.1zh-elm7yw814.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-symbols2-wght-normal.0j0zjzdqzpnyk.woff2)format("woff2-variations");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-vietnamese-wght-normal.1t_5gnvplukf1.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-ext-wght-normal.41xmsrsmrahbg.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:Geist Mono Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(../media/geist-mono-latin-wght-normal.29txv0wq9-da0.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}
@font-face{font-family:OT Pergamon Rough;src:url(/fonts/OTPergamon-RoughRegular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:OT Pergamon Rough;src:url(/fonts/OTPergamon-RoughSemibold.ttf)format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:OT Pergamon Rough;src:url(/fonts/OTPergamon-RoughBold.ttf)format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:OT Pergamon Rough;src:url(/fonts/OTPergamon-RoughBlack.ttf)format("truetype");font-weight:900;font-style:normal;font-display:swap}body.opentopia{--ink:#201e1a;--muted:#655f56;--paper:#c7bfb3;--line:#8e867a;--green:#3d4632;--gold:#826527;--display:"OT Pergamon Rough", "Papyrus", "Georgia", serif;--body:"Geist Mono Variable", monospace;--panel:#c7bfb3;--panel-dark:#afa395;--edge:#211f1a;--bevel:inset 2px 2px 0 #eee8dd, inset -3px -3px 0 #928b80, 4px 4px 0 #0005;font-family:var(--body);color:var(--ink)}.opentopia *{border-radius:0!important}.opentopia .opentopia-wordmark{font-family:var(--display);letter-spacing:-.065em;color:#080907;text-shadow:2px 2px #77726880;font-weight:800}.opentopia .floating,.opentopia .modal{background:var(--panel);border:2px solid var(--edge);box-shadow:var(--bevel);-webkit-backdrop-filter:none;backdrop-filter:none}.opentopia .hud-top{top:22px;left:22px;right:22px}.opentopia .menu-button{color:#24221e}.opentopia .menu-button:hover,.opentopia .menu-button.active{background:#dad2c6}.opentopia .empire-summary{gap:12px;height:54px}.opentopia .empire-summary>strong{font-family:var(--display);letter-spacing:-.035em;font-size:20px;font-weight:700}.opentopia .empire-crest{color:#494738;background:0 0;border:1px solid #8e8678}.opentopia .hud-divider{background:#92897c}.opentopia .star-count{color:#73551d}.opentopia .star-count b{color:#211e18;font-size:19px}.opentopia .income-count{color:#4c4e38}.opentopia .income-count small{color:#696255}.opentopia .turn-status{color:#5a554a;font-size:11px}.opentopia .turn-status strong{color:#24251d}.opentopia .status-dot{box-shadow:none;background:#556640}.opentopia .status-dot.amber{background:#aa652e}.opentopia .game-menu{padding:10px}.opentopia .menu-heading{color:#29291e;border-bottom:1px dashed #8f877a}.opentopia .menu-heading strong{font-size:27px}.opentopia .menu-heading small{color:#645e53;font-size:9px}.opentopia .game-menu>button{border:1px solid #0000;font-size:12px}.opentopia .game-menu>button:hover{background:#b8ad9e;border-color:#5d584f;box-shadow:inset 1px 1px #e9e1d4}.opentopia .game-menu>button>svg{color:#49473c}.opentopia .menu-save{color:#625e53;border-top:1px dashed #8f877a;font-size:10px}.opentopia .action-dock{padding:5px}.opentopia .action-dock>button{font-family:var(--display);border:1px solid #0000;font-size:17px;font-weight:600}.opentopia .action-dock>button>svg{color:#423e2d}.opentopia .action-dock>button:hover,.opentopia .action-dock>button.active{background:#b2a798;border-color:#716b5f;box-shadow:inset 1px 1px #ede5d7}.opentopia .action-dock b,.opentopia kbd{font-family:var(--body);color:#38372d;background:#afa799;border:1px solid #80796c}.opentopia .ready-count{color:#e2ded1;text-shadow:1px 1px #10100e;font-size:10px}.opentopia .end-turn,.opentopia .primary,.opentopia .research-confirm{color:#100f0c;font-family:var(--display);letter-spacing:-.025em;background:#c83132;border:2px solid #181613;font-size:21px;font-weight:700;box-shadow:inset 2px 2px #ef9590,inset -3px -3px #8d2629,3px 4px #0006}.opentopia .end-turn:hover:not(:disabled),.opentopia .primary:hover:not(:disabled),.opentopia .research-confirm:hover:not(:disabled){background:#dc3c37;box-shadow:inset 2px 2px #ffaaa0,inset -3px -3px #983130,3px 4px #0006}.opentopia .end-turn:disabled,.opentopia .primary:disabled,.opentopia .research-confirm:disabled{opacity:1;color:#625e56;background:#aaa59c;border-color:#565249;box-shadow:inset 2px 2px #d2cdc4,inset -3px -3px #8d877d,3px 4px #0004}.opentopia .map-tools{color:#2e2d24;background:#b3ab9d}.opentopia .map-tools>button:hover{color:#000;background:#d4cdbf}.opentopia .map-tools i{background:#8b8375}.opentopia .selection-card,.opentopia .overview-panel{border-width:2px}.opentopia .selection-panel{padding:23px}.opentopia .section-label{color:#645e52;font-size:9px}.opentopia .panel-close,.opentopia .modal-close{color:#454137}.opentopia .icon-button:hover:not(:disabled){background:#afa493}.opentopia .unit-heading h2,.opentopia .terrain-description h2{font-size:25px}.opentopia .unit-heading p,.opentopia .selection-hint,.opentopia .terrain-description p,.opentopia .terrain-description>small{color:#5e594e}.opentopia .unit-badge{color:#454e4d;background:#afa799;border:1px solid #777264;box-shadow:inset 2px 2px #e0d9ce,inset -2px -2px #958b7e}.opentopia .unit-badge.enemy{color:#805239;background:#b4a393}.opentopia .unit-stats{background:#b6aea0;border-color:#948b7c;box-shadow:inset 1px 1px #e0d8cb}.opentopia .unit-stats>span{border-color:#938a7b;font-size:12px}.opentopia .unit-stats svg,.opentopia .unit-stats small{color:#625e51}.opentopia .city-detail,.opentopia .city-detail>span:nth-child(2){color:#4c493b}.opentopia .city-detail>small{color:#655f51}.opentopia .population-track i{background:#8b8874;border:1px solid #767461}.opentopia .population-track i.filled{background:#d9d697}.opentopia .action{background:#b3a797;border:1px solid #655e50;box-shadow:inset 1px 1px #e6ddd0,inset -2px -2px #8e8171}.opentopia .action strong{font-family:var(--display);color:#252319;font-size:17px;font-weight:600}.opentopia .action small{color:#5a554a;font-size:10px}.opentopia .action b{color:#634a17}.opentopia .action:hover:not(:disabled){background:#ccc1af;border-color:#4e493d}.opentopia .action:disabled{opacity:.55}.opentopia .tabs{border-bottom:1px dashed #948c7d}.opentopia .tabs button{font-family:var(--display);color:#645c4c;font-size:17px}.opentopia .tabs button.active{color:#181711;border-color:#b9322c}.opentopia .tabs span{font-family:var(--body);color:#514a3d;background:#b3aa99}.opentopia .city-list>button,.opentopia .event-list>div{border-bottom:1px dashed #948c7d}.opentopia .city-list strong{font-family:var(--display);color:#2b291f;font-size:18px}.opentopia .city-list small,.opentopia .city-list b,.opentopia .event-list p,.opentopia .event-list>div>span{color:#5c584b}.opentopia .city-list-icon{color:#534c38;background:#aea595;border:1px solid #7f7666}.opentopia .board-hint{color:#d1cdbf;text-shadow:1px 1px #141511}.opentopia .replay-bar .turn-copy strong{font-family:var(--display);font-size:18px}.opentopia .turn-copy span,.opentopia .text-button,.opentopia .replay-bar>svg{color:#554f43}.opentopia .replay-bar input{accent-color:#ac322e}.opentopia .toast{color:#4b2d20;box-shadow:var(--bevel);background:#d1b69c;border:2px solid #292015}.opentopia .city-label>span{font-family:var(--display);color:#182869;background:#ddd3b9;border:1px solid #151927;padding:4px 9px;font-size:15px;box-shadow:inset 1px 1px #fff8e4,2px 2px #0006}.opentopia .city-label.enemy>span{color:#753f15;border-color:#3d2a15}.opentopia .city-label.neutral>span{color:#625c40;background:#c9c3ad;border-color:#6d674c;font-size:13px}.opentopia .unit-health{background:#e6dcc4;border:1px solid #232525;font-size:10px;box-shadow:1px 2px #0006}.opentopia .modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#746d629e}.opentopia .modal>p,.opentopia .modal-note{color:#595347}.opentopia .modal h2{color:#211e16;font-size:35px}.opentopia .modal-note{border-top:1px dashed #918878}.opentopia .eyebrow{color:#645d51}.opentopia .mode-options>button,.opentopia .reward-options>button{color:#615942;background:#b6ac9b;border:2px solid #7b7060;box-shadow:inset 2px 2px #e7ded0,inset -2px -2px #8e8476}.opentopia .mode-options>button.chosen,.opentopia .reward-options>button:hover{background:#cbbda7;border-color:#b2382f}.opentopia .mode-options strong,.opentopia .reward-options strong{font-family:var(--display);color:#312b20;font-size:19px}.opentopia .mode-options small,.opentopia .reward-options small{color:#625748}.opentopia .reward-options svg,.opentopia .reward-options>button>span{color:#6d5e36}.opentopia .input-label{color:#655d4e}.opentopia .seed-input{background:#b4a594;border:2px solid #474035;box-shadow:inset 2px 2px #807463,inset -2px -2px #e7ddcd}.opentopia .seed-input input{color:#3f3627;font-family:var(--display);font-size:30px}.opentopia .seed-input button{color:#514938}.opentopia .upgrade-crown{color:#584824;box-shadow:var(--bevel);background:#afa18a;border:2px solid #5f543e}.opentopia .help-steps strong{color:#3c3527}.opentopia .help-steps p,.opentopia .help-steps>div>span{color:#5b5446}.opentopia .cli-box{background:#afa493;border:1px solid #6f6554;box-shadow:inset 2px 2px #928572}.opentopia .cli-box code,.opentopia .cli-box small{color:#443b2a}.opentopia .boot{background:#918b83}.opentopia .boot h1{font-size:clamp(45px,8vw,82px)}.opentopia .boot p,.opentopia .boot>svg{color:#443e34}.opentopia .brand-mark{color:#393529;box-shadow:var(--bevel);background:#b8afa1;border:2px solid #29271e}.opentopia .canvas-loading{color:#d7cbb7;background:#080d17}.opentopia .modal.tech-modal{background:#c7bfb3}.opentopia .tech-header h2{font-size:35px}.opentopia .tech-header .eyebrow{color:#6b6253}.opentopia .research-treasury{color:#6c4c1e;background:#b7a990;border:1px solid #7a6847;box-shadow:inset 1px 1px #e3d5be}.opentopia .research-treasury strong,.opentopia .research-treasury>span{color:#534126}.opentopia .tech-map-viewport{scrollbar-color:#908574 #c2b8a7}.opentopia .tech-orbit{stroke:#a99f8f}.opentopia .tech-edge.known{stroke:#586f43}.opentopia .tech-edge.available{stroke:#827853}.opentopia .tech-edge.locked{stroke:#9a9385}.opentopia .tech-edge.selected{stroke:#b4392c}.opentopia .tech-origin{color:#222b16;background:#899a69;border:3px solid #3e4030;box-shadow:inset 3px 3px #cbd1ac,inset -3px -3px #5a6847,4px 4px #0003}.opentopia .tech-origin>strong{font-size:18px}.opentopia .tech-origin>span{color:#39402a}.opentopia .tech-node-circle{color:#4e422a;background:#b9ad92;border:2px solid #5a5140;box-shadow:inset 2px 2px #e5dbbe,inset -2px -2px #8b7d65,2px 2px #0002}.opentopia .tech-node.known .tech-node-circle{color:#243615;background:#889d63;border-color:#43512f;box-shadow:inset 2px 2px #c2cc9d,inset -2px -2px #5b7040,2px 2px #0002}.opentopia .tech-node.available .tech-node-circle{color:#5c4926;background:#c1b28e;border-color:#645536}.opentopia .tech-node.locked .tech-node-circle{color:#898172;background:#b8b0a2;border-color:#8c8374}.opentopia .tech-node>strong{font-family:var(--display);color:#373321;background:#c7bfb3;font-size:16px}.opentopia .tech-node.locked>strong{color:#7e7565}.opentopia .tech-node.known>strong{color:#3d4c2d}.opentopia .tech-node.selected>strong{color:#7a2c1d;background:#cdb397}.opentopia .tech-node.selected .tech-node-circle{border-color:#a63228;box-shadow:0 0 0 3px #b642333f,inset 2px 2px #eee0c7}.opentopia .tech-node.on-path:not(.selected) .tech-node-circle{border-color:#9c4932}.opentopia .tech-node-badge,.opentopia .tech-node.locked .tech-node-badge{color:#6c5130;background:#c4b697;border:1px solid #82735c}.opentopia .tech-node.known .tech-node-badge{color:#354920;background:#acba8a;border-color:#5a7040}.opentopia .tech-map-legend,.opentopia .tech-map-legend small{color:#6a614f}.opentopia .tech-map-legend i.known{background:#627b43}.opentopia .tech-map-legend i.available{background:#c3b18a;border-color:#79613e}.opentopia .tech-map-legend i.locked{background:#9f9686}.opentopia .tech-inspector{background:#b6aa99;border-top:2px solid #91816d;box-shadow:inset 0 2px #ded4c4}.opentopia .tech-inspector-icon{color:#615130;background:#afa088;border:1px solid #7f6d50;box-shadow:inset 1px 1px #d9cbb2}.opentopia .tech-inspector-icon.known{color:#42592c;background:#97a376}.opentopia .tech-inspector h3{font-size:23px}.opentopia .tech-inspector p,.opentopia .tech-inspector-copy>small,.opentopia .tech-inspector-hint,.opentopia .tech-research-control>small{color:#60543f}.opentopia .research-confirm{font-size:17px}.opentopia .research-confirm>span{color:inherit;font-family:var(--body);border-color:#5f201f70;font-size:12px}@media (max-width:760px){.opentopia .hud-top{top:max(12px, env(safe-area-inset-top));left:12px;right:12px}.opentopia .empire-summary{gap:8px;height:46px}.opentopia .empire-summary>strong{font-size:18px}.opentopia .turn-status{color:#4f4a3c;background:#aaa295}.opentopia .turn-status strong{color:#26281d}.opentopia .action-dock>button{font-family:var(--display);font-size:12px}.opentopia .end-turn{font-size:19px}.opentopia .selection-panel{padding:18px}.opentopia .unit-heading h2,.opentopia .terrain-description h2{font-size:24px}.opentopia .city-label>span{font-size:13px}.opentopia .tech-header h2{font-size:29px}.opentopia .tech-inspector h3{font-size:21px}}.opentopia .modal .opentopia-wordmark{text-align:center;-webkit-text-stroke:0;font-size:48px;line-height:1.2}.opentopia .modal[aria-label=New\ game]>p{text-align:center}.opentopia .primary.wide{justify-content:center;position:relative}.opentopia .primary.wide>svg{position:absolute;right:18px}@media (max-width:760px){.opentopia .modal .opentopia-wordmark{font-size:39px}.opentopia .action-dock{width:calc(100% - 160px)}.opentopia .end-turn{gap:8px;width:124px;min-width:124px;max-width:124px;padding:0 9px;font-size:18px}}
body.opentopia{--screen-top:max(12px, env(safe-area-inset-top));--screen-right:max(12px, env(safe-area-inset-right));--screen-bottom:max(12px, env(safe-area-inset-bottom));--screen-left:max(12px, env(safe-area-inset-left));overscroll-behavior:none;background:#080d17;overflow:hidden}body.opentopia,.opentopia *,.opentopia :before,.opentopia :after{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.board-surface{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%}.opentopia button{touch-action:manipulation}.game-controls{display:contents}.touch-hints{display:none}.opentopia .selection-card,.opentopia .overview-panel,.opentopia .game-menu,.opentopia .modal{overscroll-behavior:contain}.opentopia .tech-map-legend .icon-button{width:44px;height:44px}@media (pointer:coarse),(max-width:1100px){.opentopia .icon-button,.opentopia .map-tools>button{min-width:44px;min-height:44px}.opentopia .research-confirm{min-height:48px}}@media (max-width:760px),(max-height:500px) and (max-width:950px){.opentopia .hud-top{top:var(--screen-top);right:var(--screen-right);left:var(--screen-left)}.opentopia .hud-left{gap:8px;width:100%}.opentopia .menu-button{width:48px;height:48px}.opentopia .empire-summary{white-space:nowrap;flex:1;justify-content:center;gap:8px;min-width:0;height:48px;padding:0 10px}.opentopia .empire-summary>strong{text-overflow:ellipsis;font-size:18px;overflow:hidden}.opentopia .empire-crest,.opentopia .income-count small{display:none}.opentopia .turn-status{white-space:nowrap;gap:7px;max-width:calc(100% - 56px);height:28px;margin:0;padding:0 8px;font-size:10px;position:absolute;top:56px;left:56px}.opentopia .turn-status strong{font-size:10px}.opentopia .turn-status .hud-divider{height:12px;margin:0}.opentopia .map-tools{top:calc(var(--screen-top) + 94px);right:var(--screen-right);padding:2px}.opentopia .map-tools>button{width:44px;height:44px}.opentopia .map-tools>button:last-child{display:none}.opentopia .map-tools i{margin:2px}.opentopia .game-controls{bottom:var(--screen-bottom);left:var(--screen-left);right:var(--screen-right);z-index:36;grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:end;gap:8px;display:grid;position:absolute}.opentopia .action-dock{gap:0;width:auto;min-width:0;height:68px;padding:3px;position:static;transform:none}.opentopia .action-dock>button{white-space:nowrap;flex-direction:column;flex:1 1 0;justify-content:center;gap:6px;min-width:0;height:58px;padding:0 2px;font-size:14px;display:flex}.opentopia .action-dock>button svg{width:22px;height:22px}.opentopia .action-dock kbd,.opentopia .action-dock b{display:none}.opentopia .turn-controls{min-width:0;position:static}.opentopia .ready-count{max-width:100%;padding:0;font-size:11px;position:absolute;bottom:calc(100% + 8px);right:0}.opentopia .end-turn{white-space:nowrap;flex-direction:column;gap:5px;width:100%;min-width:0;max-width:none;height:68px;padding:0 2px;font-size:16px}.opentopia .end-turn svg{width:23px;height:23px}.opentopia .game-menu{top:calc(var(--screen-top) + 56px);left:var(--screen-left);width:min(340px, calc(100% - var(--screen-left) - var(--screen-right)));max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 64px);overflow-y:auto}.opentopia .game-menu>button{min-height:52px;font-size:14px}.opentopia .selection-card,.opentopia .overview-panel{top:auto;bottom:calc(var(--screen-bottom) + 96px);left:var(--screen-left);right:var(--screen-right);width:auto;max-height:min(42dvh,360px);scroll-padding:48px 0 12px}.opentopia .selection-panel{padding:16px}.opentopia .icon-button{flex-shrink:0;width:44px;height:44px}.opentopia .panel-close{float:right;background:var(--panel);margin:-8px -8px 0 0;position:sticky;top:0}.opentopia .overview-panel>.panel-close{z-index:2;margin:4px 4px -48px 0;top:4px}.opentopia .section-label{min-height:28px;margin-bottom:6px;padding-right:40px;font-size:10px}.opentopia .unit-heading p,.opentopia .selection-hint,.opentopia .terrain-description>small,.opentopia .city-detail,.opentopia .city-detail>small{font-size:12px;line-height:1.6}.opentopia .unit-stats{margin:12px 0}.opentopia .unit-health{min-width:24px;font-size:12px}.opentopia .city-label>span{font-size:15px}.opentopia .action{min-height:56px;padding:12px}.opentopia .action small{font-size:12px}.opentopia .empire-section{padding:8px 16px 16px}.opentopia .tabs{grid-template-columns:1fr;gap:8px;padding-right:42px;display:grid}.opentopia .tabs button{text-align:left;justify-content:flex-start;min-height:48px;font-size:16px}.opentopia .tabs button:not(.active){display:none}.opentopia .replay-bar{bottom:var(--screen-bottom);left:var(--screen-left);right:var(--screen-right);grid-template-columns:44px minmax(0,1fr) 44px;gap:6px;width:auto;max-width:none;padding:8px;display:grid;transform:none}.opentopia .replay-bar>svg{display:none}.opentopia .replay-bar .turn-copy{white-space:normal;grid-area:1/1/auto/3;min-width:0;padding-left:6px}.opentopia .replay-bar input{grid-row:2;width:100%;min-width:0;height:44px;margin:0}.opentopia .replay-bar .icon-button{grid-row:2}.opentopia .replay-bar .text-button{grid-area:1/3;justify-content:center;width:44px;height:44px;padding:0;font-size:0}.opentopia .replay-bar .text-button svg{width:20px;height:20px}.opentopia .turn-copy span{font-size:11px}.opentopia .board-hint,.opentopia .keyboard-hints{display:none}.opentopia .touch-hints{margin-top:20px;font-size:12px;line-height:1.6;display:block}.opentopia .toast{top:calc(var(--screen-top) + 94px);left:var(--screen-left);right:var(--screen-right);max-width:none;padding:8px 12px;font-size:13px;transform:none}.opentopia .toast>button{min-width:44px;min-height:44px}.opentopia .modal-backdrop{padding:var(--screen-top) var(--screen-right) var(--screen-bottom) var(--screen-left)}.opentopia .modal{width:100%;max-width:500px;max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom));padding:22px 18px;scroll-padding-block:48px}.opentopia .modal-close{background:var(--panel);z-index:3;margin:-10px -6px -4px auto;position:sticky;top:0}.opentopia .modal h2{font-size:30px}.opentopia .modal .opentopia-wordmark{font-size:clamp(29px,9vw,39px)}.opentopia .modal>p,.opentopia .help-steps p{font-size:13px}.opentopia .modal-note{font-size:12px}.opentopia .primary,.opentopia .research-confirm{min-height:48px}.opentopia .primary.wide>svg{display:none}.opentopia .seed-input{padding:6px 10px}.opentopia .seed-input button{flex-shrink:0;width:44px;min-height:44px}.opentopia .mode-options,.opentopia .reward-options{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;display:grid}.opentopia .mode-options>button,.opentopia .reward-options>button{overflow-wrap:anywhere;min-width:0;padding:14px 10px}.opentopia .mode-options strong,.opentopia .reward-options strong{font-size:18px}.opentopia .mode-options small,.opentopia .reward-options small{font-size:12px;line-height:1.5}.opentopia .modal.tech-modal{max-width:none;height:calc(100dvh - var(--screen-top) - var(--screen-bottom));padding:0}.opentopia .tech-modal>.modal-close{margin:0;position:absolute;top:8px;right:8px}.opentopia .tech-header{gap:10px;padding:18px 62px 14px 16px}.opentopia .tech-header h2{margin:5px 0 0;font-size:28px;line-height:1.1}.opentopia .tech-header .eyebrow{font-size:8px}.opentopia .tech-map-legend{flex-wrap:nowrap;justify-content:space-between;gap:10px;padding:4px 12px;font-size:10px}.opentopia .tech-map-legend>span{gap:4px}.opentopia .tech-inspector{gap:10px;min-height:0;padding:14px 16px}.opentopia .tech-inspector h3{font-size:22px}.opentopia .tech-inspector p,.opentopia .tech-inspector-copy>small,.opentopia .tech-research-control>small{font-size:12px}}@media (max-width:600px){.opentopia .tech-map{width:100%;min-width:0;height:max(100%,560px);min-height:560px}.opentopia .tech-origin{gap:4px;width:78px;height:78px}.opentopia .tech-origin>svg{width:23px;height:23px}.opentopia .tech-origin>strong{font-size:16px}.opentopia .tech-node{gap:5px;width:88px;transform:translate(-50%,-22px)}.opentopia .tech-node:active:not(:disabled){transform:translate(-50%,-22px)}.opentopia .tech-node-circle{width:44px;height:44px}.opentopia .tech-node-circle>svg{width:22px;height:22px}.opentopia .tech-node>strong{padding:1px 2px;font-size:14px}.opentopia .tech-node.locked>strong{color:#655a49}.opentopia .tech-inspector{grid-template-columns:minmax(0,1fr)}.opentopia .tech-inspector-icon{display:none}}@media (max-width:360px){.opentopia .action-dock>button{font-size:12px}.opentopia .end-turn{font-size:14px}.opentopia .tech-map-legend{gap:6px;padding-inline:8px;font-size:9px}.opentopia .research-treasury{gap:4px;padding:6px}.opentopia .tech-header h2{font-size:24px}.opentopia .tech-header .eyebrow{font-size:7px}}@media (max-height:500px) and (min-width:500px) and (max-width:950px){.opentopia .hud-left{width:auto}.opentopia .turn-status{max-width:none;height:48px;position:static}.opentopia .game-controls{width:min(380px, calc(100% - min(280px, 35vw) - var(--screen-left) - var(--screen-right) - 12px));max-width:calc(100% - var(--screen-left) - var(--screen-right));left:auto}.opentopia .selection-card,.opentopia .overview-panel{top:calc(var(--screen-top) + 60px);width:min(280px,35vw);max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 64px);bottom:auto;right:auto}.opentopia .map-tools{top:calc(var(--screen-top) + 60px)}.opentopia .radial-tech{grid-template-rows:76px minmax(0,1fr) 52px;grid-template-columns:minmax(0,1fr) 230px;display:grid}.opentopia .tech-header{grid-column:1/-1}.opentopia .tech-map-viewport{grid-area:2/1}.opentopia .tech-map-legend{grid-area:3/1}.opentopia .tech-inspector{border-top:0;border-left:2px solid #91816d;flex-direction:column;grid-area:2/2/4;align-items:stretch;display:flex;overflow-y:auto}.opentopia .tech-inspector-icon{display:none}.opentopia .tech-research-control{min-width:0}}
.opentopia .selection-card.troop-card{width:320px}.troop-panel{padding:8px 12px 10px}.troop-header{z-index:2;background:var(--panel);grid-template-columns:minmax(0,1fr) auto 44px 44px;align-items:center;gap:3px;min-height:44px;display:grid;position:sticky;top:-8px}.opentopia .troop-header h2{white-space:nowrap;text-overflow:ellipsis;font-size:21px;overflow:hidden}.opentopia .troop-header .icon-button{width:44px;height:44px}.troop-health{white-space:nowrap;align-items:center;gap:3px;font-size:12px;display:flex}.troop-health>span{color:var(--muted);margin-left:-3px}.troop-health>svg{color:#944033;margin-right:3px}.opentopia .troop-info[aria-expanded=true]{background:#b3a797;box-shadow:inset 1px 1px #e6ddd0}.troop-stats{align-items:center;gap:13px;min-height:26px;font-size:12px;display:flex}.troop-stats>span{align-items:center;gap:4px;display:inline-flex}.troop-stats svg{color:#69604f}.troop-status{color:#635b4d;white-space:nowrap;margin-left:auto;font-size:11px;font-weight:400}.troop-details:not([hidden]){color:#62594b;border-top:1px dashed #9e9485;margin-top:6px;padding:10px 0 4px;font-size:12px;line-height:1.6}.opentopia .troop-details .city-detail{margin-top:10px}.opentopia .troop-details .selection-hint{margin-top:6px;font-size:12px}.troop-actions{flex-wrap:wrap;gap:6px;display:flex}.opentopia .troop-actions .action{flex:auto;gap:12px;width:auto;min-height:44px;margin:7px 0 0;padding:8px 10px}.opentopia .troop-actions .action strong{font-size:16px}.troop-actions:not(.expanded) .action small{display:none}.troop-actions.expanded .action{flex-basis:100%}@media (max-width:760px),(max-height:500px) and (max-width:950px){.opentopia .selection-card.troop-card{width:auto}}@media (max-width:360px){.troop-panel{padding-inline:10px}.opentopia .troop-header h2{font-size:19px}.troop-stats{gap:10px}}@media (max-height:500px) and (min-width:500px) and (max-width:950px){.opentopia .selection-card.troop-card{width:min(280px,35vw)}.troop-header{grid-template-columns:minmax(0,1fr) 44px 44px}.opentopia .troop-header h2{font-size:clamp(14px,2.6vw,19px)}.troop-health{grid-area:2/1/auto/-1;padding:3px 0 6px}.troop-stats{flex-wrap:wrap;gap:8px 13px}.troop-status{flex-basis:100%}}
.opentopia .hud-top{top:var(--screen-top);left:var(--screen-left);right:var(--screen-right);flex-direction:column;align-items:flex-start;gap:8px}.opentopia .hud-left{pointer-events:none;gap:8px;width:auto}.opentopia .hud-left>button{pointer-events:auto}.opentopia .menu-button{width:44px;height:44px}.opentopia .empire-summary{flex:none;gap:8px;width:auto;height:44px;padding:0 12px}.opentopia .star-count{gap:5px}.opentopia .star-count b{font-size:17px}.opentopia .income-count{font-size:11px}.opentopia .hud-turn{white-space:nowrap;font-size:11px}.opentopia .empire-summary .hud-divider{height:16px;margin:0 2px}.opentopia .turn-status{color:#fff4de;text-shadow:0 1px 3px #080d17;pointer-events:none;max-width:100%;height:auto;margin:0;padding:3px 5px;font-size:11px;position:static}.opentopia .game-menu{top:calc(var(--screen-top) + 52px);left:var(--screen-left);max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 60px);overflow-y:auto}.opentopia .board-options{border-top:1px solid var(--line);margin-top:8px;padding:0 12px 8px}.opentopia .board-options summary{align-content:center;min-height:48px;font-size:13px}.opentopia .board-options>span{color:var(--muted);margin-top:8px;font-size:10px;display:block}.opentopia .game-menu .map-tools{box-shadow:none;background:0 0;border:0;flex-direction:row;justify-content:space-between;padding:0;display:flex;position:static}.opentopia .game-menu .map-tools>button{place-items:center;width:48px;height:44px;min-height:44px;display:grid}.opentopia .game-menu .map-tools>i{display:none}.opentopia .game-controls{inset:auto var(--screen-right) var(--screen-bottom) var(--screen-left);z-index:36;pointer-events:none;justify-content:space-between;align-items:end;gap:12px;width:auto;max-width:none;display:flex;position:absolute}.opentopia .action-dock{width:auto;height:auto;padding:0;position:static;transform:none}.opentopia .action-dock>button,.opentopia .end-turn{pointer-events:auto;flex-direction:row;flex:none;justify-content:center;align-items:center;gap:8px;width:auto;min-width:48px;max-width:none;height:48px;padding:0 14px;font-size:17px;display:flex}.opentopia .action-dock>button svg,.opentopia .end-turn svg{width:20px;height:20px}.opentopia .turn-controls{position:static}.opentopia .board-accessible-target{clip-path:inset(50%);white-space:nowrap;pointer-events:none;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.opentopia .unit-health-label{font:700 14px var(--body);color:#fff6df;text-shadow:1px 1px 2px #111c2c,-1px -1px 2px #111c2c;pointer-events:none}.opentopia .unit-health-label.target{color:#ffd1bf}.opentopia .city-label>span,.opentopia .city-label.enemy>span,.opentopia .city-label.neutral>span{color:#fff6df;box-shadow:none;text-shadow:1px 1px 2px #111c2c,-1px -1px 2px #111c2c;pointer-events:none;background:0 0;border:0;padding:2px 3px;font-size:15px}.opentopia .troop-stats[hidden]{display:none}.opentopia .selection-card{bottom:calc(var(--screen-bottom) + 60px);max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 120px)}.opentopia .selection-panel .section-label,.opentopia .selection-panel .unit-badge,.opentopia .selection-panel .terrain-description>p{display:none}.opentopia .selection-panel{padding:12px}.opentopia .selection-panel .unit-heading{margin:0 0 10px}.opentopia .selection-panel .city-detail>span:first-child{display:none}.opentopia .selection-panel h2{font-size:22px}@media (max-width:760px){.opentopia .selection-card,.opentopia .overview-panel{bottom:calc(var(--screen-bottom) + 60px)}}@media (max-width:360px){.opentopia .action-dock>button,.opentopia .end-turn{padding-inline:10px;font-size:15px}}@media (max-height:500px) and (min-width:500px) and (max-width:950px){.opentopia .selection-card,.opentopia .overview-panel{max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 120px);bottom:auto}}
body.opentopia{--red:#cd2f29;background:#09111d}.opentopia .floating,.opentopia .modal{color:var(--ink);background:var(--panel);border:2px solid var(--edge);box-shadow:var(--bevel)}.opentopia .hud-top{top:calc(var(--screen-top) + 6px);pointer-events:none;filter:drop-shadow(0 2px 4px #060b15);flex-direction:row;justify-content:center;align-items:start;gap:36px;display:flex}.opentopia .hud-top>*{pointer-events:none}.match-readout{color:#fff4df;justify-items:center;gap:4px;min-width:58px;display:grid}.match-readout>span{font:600 13px var(--display);letter-spacing:.02em}.match-readout small{font-size:12px}.match-readout>strong{font:600 30px var(--display);align-items:center;gap:6px;display:flex}.match-readout svg{color:#ffd167}.opentopia .turn-status{text-align:center;letter-spacing:.035em;background:0 0;justify-content:center;font-size:11px;position:absolute;inset:68px 0 auto}.opentopia .game-controls{z-index:46;max-width:460px;height:82px;margin:0 auto;display:block}.opentopia .game-controls:before{content:"";height:calc(138px + env(safe-area-inset-bottom));pointer-events:none;z-index:-1;background:linear-gradient(#0000,#080e19dd 65%,#080e19f5);position:fixed;inset:auto 0 0}.opentopia .action-dock{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.opentopia .action-dock>.dock-button{color:#fff4df;width:100%;min-width:0;height:82px;min-height:76px;box-shadow:none;font:600 12px var(--display);letter-spacing:.015em;background:0 0;border:0;flex-direction:column;gap:6px;padding:4px 0;display:flex}.opentopia .dock-icon{color:#30291f;background:#d2c9b8;border:2px solid #241f1c;place-items:center;width:52px;height:52px;display:grid;box-shadow:inset 2px 2px #f9efdf,inset -3px -3px #9c9180,3px 3px #0007}.opentopia .action-dock>.dock-button:hover,.opentopia .action-dock>.dock-button.active{box-shadow:none;background:0 0}.opentopia .dock-button:focus-visible{outline:none}.opentopia .dock-button:focus-visible .dock-icon{outline-offset:3px;outline:2px solid #fff4df}.opentopia .dock-icon svg{stroke-width:1.8px;width:25px;height:25px}.opentopia .dock-confirm .dock-icon{color:#fff1d9;background:var(--red);box-shadow:inset 2px 2px #ff9180,inset -3px -3px #8c1919,3px 3px #0007}.opentopia .dock-button.active .dock-icon,.opentopia .dock-button:hover:not(:disabled) .dock-icon{border-color:#fff1ce}.opentopia .game-menu{top:auto;bottom:calc(var(--screen-bottom) + 94px);max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 180px);z-index:45}.opentopia .game-menu>button{color:var(--ink);min-height:44px;padding-block:10px;font-size:13px}.opentopia .game-menu>button:hover,.opentopia .icon-button:hover,.opentopia .game-menu .map-tools>button:hover{background:#b6aa9677}.opentopia .game-menu .map-tools>button{color:var(--ink)}.opentopia .game-menu .map-tools>button[aria-pressed=true]{color:#9b241f;background:#d9bb9c}.opentopia .unit-health-label{font:700 15px var(--body);color:#fff9e7;text-shadow:0 1px 2px #101324,1px 0 2px #101324,-1px 0 2px #101324;white-space:nowrap;display:inline-block}.unit-label-anchor{display:inline-block;position:relative}.combat-damage{color:#fff2de;font:800 23px var(--body);white-space:nowrap;text-shadow:-1px -1px #811c17,1px 1px #811c17,0 2px 5px #240b08;pointer-events:none;animation:.7s ease-out both combat-damage-rise;position:absolute;bottom:calc(100% + 4px);left:50%}.combat-announcement{clip-path:inset(50%);width:1px;height:1px;position:fixed;overflow:hidden}@keyframes combat-damage-rise{0%{opacity:1;transform:translate(-50%,4px)scale(1.15)}30%{opacity:1;transform:translate(-50%,-7px)scale(1)}to{opacity:0;transform:translate(-50%,-24px)scale(1)}}@media (prefers-reduced-motion:reduce){.combat-damage{animation:none;transform:translate(-50%)}}.opentopia .unit-health-label.target{color:#fff3df;text-shadow:0 1px #650d17;background:#9d211fed;border:1px solid #ffd7a6;padding:2px 5px}.opentopia .unit-health-label.ready{color:#fff6cf}.opentopia .unit-health-label.spent{color:#b4b8bd}.unit-order-mark{background:#ffcf57;border:1px solid #694d1a;width:7px;height:7px;margin:0 6px 1px 0;display:inline-block;transform:rotate(45deg);box-shadow:0 0 0 1px #fff0b3}.unit-order-done{color:#a9afb7;margin-right:4px;font-size:11px}.opentopia .tech-node:disabled{opacity:.58;cursor:not-allowed}.opentopia .tech-node:disabled .tech-node-circle{color:#686357;background:#b2aa9c;border-color:#817c71;box-shadow:inset 1px 1px #d5cdbf,inset -1px -1px #958d7e}.opentopia .tech-node:disabled>strong{color:#625b50;background:0 0}.opentopia .tech-edge.unaffordable{stroke:#a9a295;stroke-width:2px;stroke-dasharray:3 5}.attack-result{font-weight:500}.attack-return{text-align:center;font:600 10px var(--body);padding-top:1px;display:block}.opentopia .city-label{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;width:max-content;max-width:180px;display:flex}.opentopia .city-label>span{font:600 13px var(--display);letter-spacing:.01em}.opentopia .city-level{color:#fff6e5;background:var(--team-color);text-shadow:0 1px 1px #171c35;min-height:22px;font:700 12px var(--body);border:1px solid #fff0d0;align-items:center;gap:3px;padding:2px 6px;display:inline-flex;box-shadow:1px 2px #14151999}.opentopia .city-label.neutral .city-level{color:#322d23;text-shadow:none;background:#d7cdb7;border-color:#685d48}.opentopia .city-level i{font-size:14px;font-style:normal}.opentopia .city-siege{color:#ffe079;fill:#ff7b24}.opentopia .city-pips{flex-basis:100%}.opentopia .selection-card,.opentopia .overview-panel{bottom:calc(var(--screen-bottom) + 96px);max-height:min(42dvh,360px)}.opentopia .room-messages article{background:#b6ac9b;border:1px solid #766b5c;box-shadow:inset 1px 1px #e7ded0}.opentopia .room-messages article.mine{background:#cbbda7;border-color:#76603f}.opentopia .room-composer input{color:#302a21;background:#b4a594;border:2px solid #474035}.opentopia .room-composer button{color:#fff1d9;background:var(--red);box-shadow:var(--bevel);border:2px solid #5e1716}.opentopia .selection-panel,.opentopia .troop-panel{padding:6px 10px 8px}.opentopia .selection-panel h2,.opentopia .troop-header h2{font-family:var(--display);letter-spacing:-.025em;font-size:20px;font-weight:600}.opentopia .troop-header{background:0 0;position:static}.opentopia .unit-portrait{flex-shrink:0;overflow:visible}.opentopia .troop-health,.opentopia .troop-health>svg{color:#952c29}.opentopia .selection-panel .panel-close{background:0 0}.opentopia .selection-card .action{color:#453629;background:#d1c5ad;border:1px solid #776653;flex-direction:column;flex:0 auto;justify-content:center;align-items:center;gap:6px;width:auto;min-width:88px;max-width:136px;min-height:70px;margin:6px 6px 0 0;padding:8px 12px;display:inline-flex;position:relative;box-shadow:inset 1px 1px #f2e8d5,inset -1px -1px #a99a83}.opentopia .selection-card .action strong{color:#2b251d;font:600 11px var(--display);text-align:center;letter-spacing:0;display:block}.opentopia .selection-card .action small{display:none}.opentopia .selection-card .action b{color:#765016;font:11px var(--body);align-items:center;gap:2px;display:flex;position:absolute;top:3px;right:5px}.opentopia .selection-card .action b svg{width:9px;height:9px}.opentopia .selection-card .action:hover:not(:disabled){background:#e7d5b5;border-color:#b83026}.opentopia .selection-panel>.action:has(.unit-portrait){width:calc(33.3333% - 6px);min-width:0;max-width:none;padding-inline:3px}.opentopia .selection-panel:has(>.terrain-description){align-items:center;gap:8px;display:flex}.opentopia .selection-panel:has(>.terrain-description)>.terrain-description{overflow-wrap:break-word;flex:1;order:0;min-width:0}.opentopia .selection-panel:has(>.terrain-description) h2{font-size:18px}.opentopia .selection-panel:has(>.terrain-description)>.action{order:1;min-width:76px;max-width:96px;min-height:64px;margin:0;padding:6px}.opentopia .selection-panel:has(>.terrain-description)>.panel-close{float:none;order:2;margin:0;position:static}.opentopia .population-track i.deficit{background:#c63029}.opentopia .primary,.opentopia .research-confirm{color:#fff1dc;background:var(--red);font-family:var(--display);border:2px solid #4d211c;box-shadow:inset 2px 2px #f2917c,inset -2px -2px #8b2420,2px 2px #0003}.opentopia .primary:hover:not(:disabled),.opentopia .research-confirm:hover:not(:disabled){background:#df3e30}.opentopia .tech-header h2{font-size:30px}.opentopia .modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09111db3}.opentopia .tech-map-viewport{background:radial-gradient(#e0d6c3,#c4bbaa 75%)}.opentopia .tech-node>strong{font-size:14px}.opentopia .tech-inspector h3{font-size:20px}.opentopia .toast{color:#fff1dc;background:#a22624;border-color:#f3c9a0}@media (max-width:360px){.opentopia .action-dock{gap:2px}.opentopia .dock-icon{width:48px;height:48px}.opentopia .action-dock>.dock-button{font-size:11px}}@media (max-height:500px) and (min-width:500px) and (max-width:950px){.opentopia .hud-top{top:var(--screen-top);gap:24px}.match-readout>strong{font-size:23px}.opentopia .game-controls{max-width:350px;height:70px}.opentopia .action-dock>.dock-button{height:70px;min-height:66px}.opentopia .dock-icon{width:44px;height:44px}.opentopia .selection-card,.opentopia .overview-panel{max-height:calc(100dvh - 160px);bottom:auto}}
.opentopia .unit-card-backdrop{z-index:100;padding:max(12px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));overflow:hidden}.board-keyboard-targets{clip-path:inset(50%);width:1px;height:1px;position:fixed;top:1px;left:1px;overflow:hidden}.board-keyboard-targets .board-accessible-target{top:0;left:0}.opentopia .unit-card{overscroll-behavior:contain;width:min(480px,100%);max-height:90dvh;padding:24px;position:relative;overflow-y:auto}.unit-card-heading{padding-right:32px}.opentopia .unit-card h2{font:600 36px var(--display);margin:6px 0 10px}.unit-card-heading p{font:13px/1.5 var(--body);color:var(--muted)}.opentopia .unit-card-close{z-index:2;width:44px;height:44px;position:absolute;top:10px;right:10px}.unit-card-art{background:radial-gradient(#e6d6b4,#0000 70%);height:200px;margin:10px -12px 12px}.unit-card-portrait{width:100%;height:100%}.unit-card-stats{border:1px solid #968975;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 0 20px;display:grid}.unit-card-stats>div{text-align:center;background:#b5aa972b;padding:12px 4px}.unit-card-stats dt{font:11px var(--body);color:#625440;justify-content:center;align-items:center;gap:5px;display:flex}.unit-card-stats dd{font:600 24px var(--display);color:var(--ink);margin:6px 0 0}.unit-card-abilities{gap:12px;display:grid}.unit-card-abilities>div{grid-template-columns:80px 1fr;gap:12px;display:grid}.unit-card-abilities strong{font:600 15px var(--display)}.unit-card-abilities p{font:12px/1.5 var(--body);color:#625440;margin:0}.unit-card-context{font:12px/1.5 var(--body);border-top:1px dashed #968975;margin-top:18px;padding-top:12px}.unit-card-context p{margin:6px 0}.unit-card-footer{background:var(--panel);text-align:center;gap:8px;margin-bottom:-12px;padding:16px 0 12px;display:grid;position:sticky;bottom:-24px}.opentopia .unit-card-footer .primary{width:100%;min-height:54px;font:600 19px var(--display);justify-content:space-between;align-items:center;gap:16px;display:flex}.unit-card-footer .primary span{align-items:center;gap:6px;display:flex}.unit-card-footer small{font:11px var(--body)}.opentopia .selection-panel:has(>.terrain-description):has(>.action~.action~.action){flex-wrap:wrap}.opentopia .selection-panel:has(>.terrain-description):has(>.action~.action~.action)>.terrain-description{flex-basis:calc(100% - 52px)}.opentopia .selection-panel:has(>.terrain-description):has(>.action~.action~.action)>.panel-close{order:0}.opentopia .selection-panel:has(>.terrain-description):has(>.action~.action~.action)>.action{flex:76px}.audio-toggles{gap:4px;margin-top:6px;display:grid}.opentopia .audio-toggles button{min-height:44px;box-shadow:none;color:var(--ink);font:12px var(--body);background:0 0;border:1px solid #a0937f;align-items:center;gap:8px;padding:8px;display:flex}.audio-toggles strong{margin-left:auto}.audio-toggles button[aria-pressed=true] strong{color:#476129}.music-volume{font:11px var(--body);gap:2px;margin-top:10px;display:grid}.music-volume input{width:100%;height:44px;accent-color:var(--red);padding:0}.audio-options>small{font:10px/1.6 var(--body);color:var(--muted);padding:4px 0 8px;display:block}.audio-options>p{font:11px/1.5 var(--body)}@media (max-width:480px){.opentopia .unit-card{max-height:calc(100dvh - env(safe-area-inset-top) - env(safe-area-inset-bottom) - 24px);padding:20px}.unit-card-art{height:170px}.unit-card-abilities>div{grid-template-columns:70px 1fr;gap:8px}.unit-card-footer{bottom:-20px}}@media (max-height:500px){.opentopia .unit-card{max-height:calc(100dvh - 24px)}.unit-card-art{height:150px}}
body.opentopia{--cursor-arrow:url(/cursors/arrow.svg) 4 3, default;--cursor-select:url(/cursors/select.svg) 4 3, pointer;--cursor-move:url(/cursors/move.svg) 4 3, crosshair;--cursor-attack:url(/cursors/attack.svg) 16 16, crosshair;--cursor-pan:url(/cursors/pan.svg) 16 16, grabbing;cursor:var(--cursor-arrow)}.opentopia button,.opentopia a,.opentopia summary,.opentopia input[type=range]{cursor:var(--cursor-select)}.opentopia button:disabled,.opentopia .menu-dismiss,.opentopia .board-surface{cursor:var(--cursor-arrow)}.opentopia .board-surface[data-board-cursor=select]{cursor:var(--cursor-select)}.opentopia .board-surface[data-board-cursor=move]{cursor:var(--cursor-move)}.opentopia .board-surface[data-board-cursor=attack]{cursor:var(--cursor-attack)}.opentopia .board-surface[data-board-cursor=pan],.opentopia .tech-map-viewport,.opentopia .tech-map-viewport:active{cursor:var(--cursor-pan)}.opentopia .board-surface canvas{cursor:inherit}
.lobby,.auth-page{color:#201e1a;background:#c7bfb3;height:100dvh;overflow:auto}.lobby *,.auth-page *{-webkit-user-select:auto;user-select:auto}.lobby-shell{max-width:1180px;margin:auto;padding:0 48px}.lobby-header{border-bottom:1px solid #948c80;justify-content:space-between;align-items:center;height:92px;display:flex}.lobby-brand{align-items:center;gap:12px;display:flex}.lobby-brand .opentopia-wordmark{font-size:29px}.lobby-intro{justify-content:space-between;align-items:center;padding:56px 0 48px;display:flex}.lobby-kicker{letter-spacing:.13em;font-size:9px;font-weight:500}.lobby-intro h1{margin:18px 0 22px;font-size:clamp(46px,6vw,74px);font-weight:600;line-height:.98}.lobby-intro h1 em{color:#565b43;font-style:normal}.lobby-intro p:last-child{color:#655f56;font-size:12px;line-height:1.8}.lobby-emblem{color:#655f56;place-items:center;width:240px;height:240px;margin-right:20px;display:grid;position:relative}.lobby-emblem>svg{width:220px;height:220px}.lobby-emblem span{letter-spacing:.25em;font-size:8px;position:absolute;bottom:-13px}.lobby-body{border-top:1px solid #948c80;border-bottom:1px solid #948c80;grid-template-columns:245px 1fr;min-height:400px;display:grid}.lobby-nav{border-right:1px solid #948c80;padding:24px 24px 24px 0}.lobby-nav>a{text-align:left;align-items:center;gap:14px;width:100%;padding:17px 14px;font-size:13px;display:flex}.lobby-nav>a>span{flex:1}.lobby-nav .lobby-continue{color:#eee8dd;background:#3d4632;margin-bottom:14px}.lobby-continue small{opacity:.8;margin-top:6px;font-size:9px;display:block}.lobby-nav-note{color:#777063;padding:36px 14px 0;font-size:10px;line-height:1.8}.lobby-panel{min-width:0;padding:32px 0 32px 38px}.lobby-panel-heading h2{margin:8px 0 26px;font-size:33px;font-weight:500}.lobby-empty{flex-direction:column;align-items:flex-start;gap:16px;padding:12px 0 20px;display:flex}.lobby-empty>svg{color:#655f56}.lobby-empty h3{font-size:25px;font-weight:500}.lobby-empty p{color:#655f56;max-width:440px;font-size:12px;line-height:1.8}.lobby-empty>small{color:#655f56;font-size:10px}.lobby-primary{color:#eee8dd;background:#3d4632;border:1px solid #3d4632;justify-content:center;align-items:center;gap:14px;padding:16px 21px;font-size:12px;display:inline-flex}.lobby-primary:hover{background:#2f3825}.lobby-primary>svg:last-child{margin-left:12px}.lobby-form{flex-direction:column;align-items:flex-start;gap:25px;display:flex}.lobby-form>p{color:#655f56;max-width:460px;font-size:12px;line-height:1.8}.lobby-form fieldset{border:0;width:100%;margin:0;padding:0}.lobby-form legend,.lobby-field{font-size:11px}.lobby-opponents{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.lobby-opponents label{cursor:pointer;border:1px solid #948c80;flex-direction:column;gap:11px;padding:20px 14px;display:flex;position:relative}.lobby-opponents label.chosen{background:#bdbaa9;border-color:#3d4632}.lobby-opponents input{accent-color:#3d4632;position:absolute;top:12px;right:12px}.lobby-opponents strong{font-size:12px;font-weight:500}.lobby-opponents span{color:#655f56;font-size:10px;line-height:1.7}.lobby-roster{flex-direction:column;gap:10px;margin-top:12px;display:flex}.lobby-participant{border:1px solid #948c80;padding:14px}.lobby-participant>header{align-items:center;gap:9px;margin-bottom:12px;display:flex}.lobby-participant>header>span{color:#71695d;letter-spacing:.12em;font-size:8px}.lobby-participant>header>strong{flex:1;font-size:12px;font-weight:500}.lobby-participant-actions{gap:4px;display:flex}.lobby-participant-actions button{border:1px solid #948c80;place-items:center;width:28px;height:28px;display:grid}.lobby-participant-actions button:disabled{opacity:.35}.lobby-participant-fields{grid-template-columns:.75fr 1.25fr;gap:10px;display:grid}.lobby-participant-fields>label{color:#655f56;flex-direction:column;gap:6px;font-size:9px;display:flex}.lobby-participant-fields select{color:#201e1a;background:#d4cdc1;border:1px solid #948c80;width:100%;min-width:0;padding:10px;font-size:11px}.lobby-participant-fields small{color:#777063;font-size:8px}.lobby-add-players{gap:8px;margin-top:10px;display:flex}.lobby-add-players button{border:1px solid #948c80;align-items:center;gap:7px;padding:10px 12px;font-size:10px;display:flex}.lobby-add-players button:disabled{opacity:.45}.lobby-map-types,.lobby-segments{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:12px;display:grid}.lobby-map-types label,.lobby-segments label{cursor:pointer;border:1px solid #948c80;flex-direction:column;gap:6px;padding:13px 11px;display:flex;position:relative}.lobby-map-types label.chosen,.lobby-segments label.chosen{background:#bdbaa9;border-color:#3d4632}.lobby-map-types input,.lobby-segments input{opacity:0;pointer-events:none;position:absolute}.lobby-map-types strong,.lobby-segments strong{font-size:11px;font-weight:500}.lobby-map-types span,.lobby-segments span{color:#655f56;font-size:9px;line-height:1.5}.lobby-settings{grid-template-columns:1.35fr 1fr;gap:20px;width:100%;display:grid}.lobby-settings-single{grid-template-columns:1fr}.lobby-settings .lobby-segments{grid-template-columns:repeat(4,1fr)}.lobby-settings .lobby-player-count{grid-template-columns:repeat(3,1fr)}.lobby-field{flex-direction:column;gap:9px;width:100%;display:flex}.lobby-field>span{color:#655f56;font-size:9px}.lobby-field input,.lobby-field select{color:#201e1a;background:#d4cdc1;border:1px solid #948c80;width:100%;min-width:0;padding:13px;font-size:12px}.lobby-field select{cursor:pointer}.lobby-field input::placeholder{color:#827a6d}.lobby-games{flex-direction:column;display:flex}.lobby-game{border-bottom:1px solid #aaa193;align-items:center;gap:15px;padding:18px 0;display:flex}.lobby-game:hover{background:#c0b7a9}.lobby-game-icon{color:#565b43;border:1px solid #a59b8c;place-items:center;width:45px;height:45px;display:grid}.lobby-game>div:nth-child(2){flex:1}.lobby-game strong{font-size:12px;font-weight:500}.lobby-game span{color:#655f56;margin-top:8px;font-size:9px;display:block}.lobby-game>small{color:#655f56;font-size:9px}.lobby-game>small.your-turn{color:#3d4632;background:#afb19a;padding:6px}.lobby-loading{color:#655f56;align-items:center;gap:10px;font-size:12px;display:flex}.lobby-error{color:#7a3426;border-left:2px solid #7a3426;margin-bottom:20px;padding:10px 14px;font-size:11px;line-height:1.7}.lobby-legacy{color:#655f56;border-top:1px dashed #948c80;margin-top:25px;padding-top:18px;font-size:10px}.lobby-legacy button{align-items:center;gap:10px;padding:12px 0;text-decoration:underline;display:flex}.lobby-more{padding:20px 0;font-size:11px;text-decoration:underline}.lobby-footer{color:#777063;letter-spacing:.07em;justify-content:space-between;align-items:center;padding:24px 0 30px;font-size:8px;display:flex}.auth-page{flex-direction:column;align-items:center;gap:35px;padding:50px 20px;display:flex}.auth-page>.opentopia-wordmark{font-size:32px}@media (max-width:700px){.lobby-shell{padding:0 22px}.lobby-header{height:75px}.lobby-brand .opentopia-wordmark{font-size:24px}.lobby-intro{padding:38px 0}.lobby-emblem{width:100px;height:140px;margin-right:0}.lobby-emblem>svg{width:105px;height:105px}.lobby-emblem span{display:none}.lobby-intro h1{font-size:48px}.lobby-kicker{font-size:7px}.lobby-body{display:block}.lobby-nav{border-bottom:1px solid #948c80;border-right:0;flex-wrap:wrap;gap:4px;padding:12px 0;display:flex}.lobby-nav .lobby-continue{margin:0 0 8px}.lobby-nav-note{display:none}.lobby-panel{padding:27px 0}.lobby-panel-heading h2{font-size:29px}.lobby-game{gap:9px}.lobby-game-icon{width:32px;height:38px}.lobby-game strong{font-size:10px}.lobby-footer>span:nth-child(2){text-align:right;max-width:170px;line-height:1.8}.lobby-footer>svg{display:none}}.lobby-nav>a:hover,.lobby-nav>a.selected{background:#b8b0a2}.lobby-nav>.lobby-continue:hover{background:#2f3825}.lobby-pagination{justify-content:space-between;gap:20px;display:flex}.lobby-pagination a{align-items:center;gap:8px;display:flex}.account-sign-in{align-items:center;gap:10px;font-size:12px;display:flex}.account-menu{z-index:5;font-size:12px;position:relative}.account-menu>summary{cursor:pointer;align-items:center;gap:12px;list-style:none;display:flex}.account-menu>summary::-webkit-details-marker{display:none}.account-menu>summary:focus-visible{outline:2px solid var(--green);outline-offset:5px}.account-avatar{color:#eee8dd;width:34px;height:34px;font-family:var(--display);background:#3d4632;border:1px solid #2f3825;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;display:inline-flex;overflow:hidden}.account-avatar img{object-fit:cover;width:100%;height:100%}.account-popover{background:#d4cdc1;border:1px solid #948c80;width:280px;max-width:calc(100vw - 44px);padding:8px;position:absolute;top:calc(100% + 18px);right:0;box-shadow:5px 6px #201e1a15}.account-identity{border-bottom:1px solid #aaa193;margin-bottom:6px;padding:14px 12px 18px}.account-identity strong{font-family:var(--display);font-size:22px;font-weight:500;display:block}.account-identity>span{color:#655f56;white-space:nowrap;text-overflow:ellipsis;margin-top:9px;font-size:10px;display:block;overflow:hidden}.account-popover>a,.account-popover>button{text-align:left;align-items:center;gap:12px;width:100%;padding:14px 12px;font-size:12px;display:flex}.account-popover>a:hover,.account-popover>button:hover{background:#c0b7a9}.account-popover .lobby-error{margin:10px;font-size:10px}.auth-page{justify-content:safe center;gap:28px;padding:36px 20px}.auth-page .lobby-brand .opentopia-wordmark{font-size:28px}.auth-card{background:#d0c8bb;border:1px solid #948c80;width:410px;max-width:100%;padding:35px;box-shadow:6px 7px #201e1a0c}.auth-symbol{color:#3d4632;border:1px solid #9da08a;place-items:center;width:48px;height:48px;margin-bottom:28px;display:grid}.auth-card h1{margin:12px 0 16px;font-size:39px;font-weight:500;line-height:1.1}.auth-description{color:#655f56;overflow-wrap:anywhere;margin-bottom:25px;font-size:12px;line-height:1.8}.auth-description strong{color:#201e1a;font-weight:500}.auth-card .lobby-field input{background:#e2dacc;padding:15px;font-size:14px}.auth-card .lobby-field .auth-code{letter-spacing:.35em;text-align:center;font-size:24px}.auth-submit{width:100%}.auth-card .lobby-error{margin:0}.auth-note{color:#655f56;margin-top:22px;font-size:10px;line-height:1.8}.auth-options{justify-content:space-between;gap:15px;padding-top:20px;display:flex}.auth-options>button{align-items:center;gap:6px;padding:6px 0;font-size:10px;display:inline-flex}.auth-options>button:hover:not(:disabled),.auth-back:hover{text-decoration:underline}.auth-back{color:#655f56;align-items:center;gap:9px;font-size:10px;display:flex}.profile-form{max-width:470px}.profile-portrait{align-items:center;gap:20px;display:flex}.profile-portrait .account-avatar{width:72px;height:72px;font-size:40px}.profile-upload{cursor:pointer;font-size:12px}.profile-upload input{max-width:260px;margin-top:10px;font-size:10px;display:block}.profile-upload small{color:#655f56;margin-top:8px;font-size:9px;display:block}.profile-email{font-size:11px}.profile-email>span{color:#655f56;margin-bottom:10px;display:block}.profile-email>strong{overflow-wrap:anywhere;font-weight:400}.profile-save{align-items:center;gap:18px;display:flex}.profile-save>span{color:#3d4632;align-items:center;gap:6px;font-size:11px;display:flex}@media (max-width:700px){.lobby-nav>a:not(.lobby-continue){width:calc(50% - 2px);padding:13px 8px;font-size:11px}.lobby-nav>a:not(.lobby-continue)>svg:last-child,.account-menu>summary>span:first-child{display:none}.auth-card{padding:27px}.auth-card h1{font-size:35px}.auth-card .lobby-field input{font-size:16px}.profile-upload input{max-width:190px}.lobby-map-types{grid-template-columns:1fr 1fr}.lobby-settings{grid-template-columns:1fr;gap:18px}.lobby-settings .lobby-segments,.lobby-settings .lobby-player-count{grid-template-columns:1fr 1fr}.lobby-participant-fields{grid-template-columns:1fr}}.profile-upload input::file-selector-button{font:inherit;color:#201e1a;cursor:pointer;background:#d4cdc1;border:1px solid #948c80;margin-right:10px;padding:8px 10px}@media (max-width:420px){.lobby-emblem{display:none}}
.opentopia .train-action{align-items:stretch;gap:4px;min-width:0;display:flex}.opentopia .train-action .action{flex:1;min-width:0}.opentopia .train-info{color:#4d4437;background:#c6bba8;border:1px solid #766b5c;flex:0 0 44px;place-items:center;display:grid}.opentopia .reward-options>button>small{flex:1}.opentopia .overview-panel.message-panel{height:min(72dvh,660px);max-height:calc(100dvh - var(--screen-top) - var(--screen-bottom) - 145px);flex-direction:column;display:flex;top:auto;overflow:hidden}.opentopia .message-panel>.panel-close{margin:0;position:absolute;top:8px;right:8px}.opentopia .message-panel .empire-section{flex-direction:column;flex:1;min-height:0;padding-top:14px;display:flex}.opentopia .message-panel .tabs{flex-shrink:0;padding-right:34px}.opentopia .room-board{flex:1;min-height:0;overflow:hidden}.opentopia .room-history{overscroll-behavior:contain;touch-action:pan-y;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:1;min-height:0;overflow-y:auto}.opentopia .room-messages{max-height:none;padding-right:5px;overflow:visible}.opentopia .room-composer{flex-shrink:0}.opentopia .room-composer input{min-height:44px;font-size:16px}.opentopia .room-composer button{width:44px}.opentopia .tribe-standings{border-bottom:1px solid #8c806d;flex-shrink:0;padding:12px 5px 12px 0}.opentopia .tribe-standings>div{align-items:center;gap:8px;padding:6px 0;font-size:12px;display:flex}.opentopia .tribe-standings>div>span{flex:1}.opentopia .tribe-standings i{border-radius:50%;width:9px;height:9px}.opentopia .tribe-standings .standings-heading{text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;font-size:10px}.opentopia .standings-heading span{text-align:right}.opentopia .tribe-standings small{color:#665b4b;margin-top:6px;font-size:10px;line-height:1.5;display:block}.opentopia .score-help summary{color:#665b4b;cursor:pointer;font-size:10px}.opentopia .activity-player{z-index:44;bottom:calc(var(--screen-bottom) + 100px);color:#40362a;background:#e0d2b9;border:2px solid #61513e;align-items:center;gap:5px;width:min(620px,100% - 24px);padding:10px 12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.opentopia .activity-copy{flex:1;min-width:0}.opentopia .activity-copy strong,.opentopia .activity-copy span{display:block}.opentopia .activity-copy strong{font-size:13px}.opentopia .activity-copy span{margin-top:4px;font-size:12px;line-height:1.4}.opentopia .activity-player .icon-button{flex-shrink:0;width:38px;height:44px}.opentopia .activity-player>small{font-variant-numeric:tabular-nums}.opentopia .explorer-label{color:#fff5cf;background:#5c482c;border:1px solid #e6c887;padding:3px 7px;font-size:11px;display:block}.opentopia .discovery-notice{z-index:40;top:calc(var(--screen-top) + 76px);color:#463723;background:#f3dfb5;border:2px solid #927245;align-items:center;gap:8px;width:max-content;max-width:min(520px,100% - 28px);padding:10px 14px;font-size:13px;line-height:1.5;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:2px 3px #31291e55}.opentopia .discovery-notice svg{flex-shrink:0}@media (max-width:760px){.opentopia .activity-player{bottom:calc(var(--screen-bottom) + 66px)}}
.spectator-shell .world{right:340px}.spectator-header{align-items:center;gap:16px;padding:16px 20px;display:flex;position:absolute;top:20px;left:20px;right:350px}.spectator-header a{color:inherit}.spectator-header div{gap:5px;display:grid}.spectator-header span{opacity:.7;align-items:center;gap:7px;font-size:12px;display:flex}.spectator-header small{opacity:.65;margin-left:auto;font-size:11px}.spectator-roster{width:310px;padding:22px;position:absolute;top:20px;bottom:20px;right:20px;overflow:auto}.spectator-roster h2{margin:0 0 8px;font-size:20px}.spectator-roster>p{opacity:.7;margin:0 0 20px;font-size:12px;line-height:1.6}.spectator-roster article{border:1px solid #ffffff12;border-left:3px solid;margin-bottom:10px;padding:12px}.spectator-roster article.active{background:#ffffff08}.spectator-roster article header{justify-content:space-between;gap:8px;font-size:13px;display:flex}.spectator-roster article header span{opacity:.7;font-size:11px}.spectator-roster article>small{opacity:.65;overflow-wrap:anywhere;margin-top:6px;font-size:10px;display:block}.spectator-roster dl{grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 0;display:grid}.spectator-roster dt{opacity:.65;font-size:10px}.spectator-roster dd{margin:3px 0 0;font-size:13px}.spectator-roster button{align-items:center;gap:7px;margin-top:10px;display:flex}.spectator-roster [role=alert]{color:#8c2b20;overflow-wrap:anywhere;font-size:12px}.agent-progress{gap:5px;margin-top:14px;font-size:10px;line-height:1.5;display:grid}.agent-progress strong{font-weight:500}.agent-progress span{color:var(--muted)}.agent-stream{z-index:60;flex-direction:column;height:min(520px,65vh);padding:18px;display:flex;position:absolute;bottom:20px;left:20px;right:350px}.agent-stream-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.agent-stream-heading h2{align-items:center;gap:8px;margin:0;font-size:18px;display:flex}.agent-stream button{padding:7px 10px}.agent-stream nav{flex-wrap:wrap;gap:6px;margin:14px 0 10px;display:flex}.agent-stream nav button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.agent-stream-status{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:6px 14px;padding-bottom:12px;font-size:11px;display:flex}.agent-stream-status strong{width:100%}.agent-stream-status span{color:var(--muted)}.agent-stream-log{overscroll-behavior:contain;flex:1;min-height:0;padding:4px 0;overflow:auto}.agent-stream-log article{border-bottom:1px solid var(--line);padding:12px 0}.agent-stream-log article>header{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:11px;display:flex}.agent-stream-log time{color:var(--muted);margin-left:auto;font-size:10px}.agent-stream-log article[data-status=failed],.agent-stream-log [role=alert]{color:#8c2b20}.agent-stream-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.65}.agent-stream-log details{margin-top:8px;font-size:11px}.agent-stream-log summary{cursor:pointer}.agent-stream-log pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#00000008;max-height:200px;padding:10px;font-size:10px;line-height:1.5;overflow:auto}.agent-stream-empty,.agent-stream-log [role=alert]{font-size:12px;line-height:1.6}.agent-stream footer{color:var(--muted);padding-top:10px;font-size:10px}@media (max-width:760px){.agent-stream{height:auto;padding:14px;inset:90px 12px 12px}.agent-stream nav button{padding:10px}}.spectator-messages{margin-top:20px;font-size:12px}.spectator-messages summary{cursor:pointer}.spectator-messages p{overflow-wrap:anywhere;gap:5px;line-height:1.5;display:grid}.spectator-messages span{opacity:.75}.spectator-selection{z-index:35;min-width:180px;max-width:320px;padding:18px;position:absolute;bottom:20px;left:20px;overflow:auto}.spectator-selection button{float:right;margin-left:20px}.spectator-selection p{margin:10px 0;font-size:13px}.spectator-selection small{opacity:.65}.spectator-camera{gap:4px;padding:6px;display:flex;position:absolute;bottom:90px;right:350px}.spectator-perspective{gap:8px;margin:18px 0 12px;font-size:12px;display:grid}.spectator-perspective select{width:100%;color:inherit;background:var(--panel);border:1px solid var(--line);font:inherit;padding:10px}.spectator-roster>button{margin-bottom:18px}.spectator-replay{z-index:40;align-items:center;gap:8px;padding:10px;display:flex;position:absolute;bottom:20px;left:20px;right:350px}.spectator-replay span{white-space:nowrap;font-size:11px}.spectator-replay button{padding:8px;display:flex}.spectator-replay input{flex:1;min-width:40px}.match-recap{top:calc(var(--screen-top) + 60px);left:var(--screen-left);z-index:40;align-items:center;gap:8px;padding:12px 16px;display:flex;position:absolute}.spectator-camera button{padding:10px;display:flex}@media (max-width:760px){.spectator-shell .world{bottom:32vh;right:0}.spectator-header{padding:12px;top:12px;left:12px;right:12px}.spectator-roster{width:auto;max-height:32vh;padding:16px;inset:auto 12px 12px}.spectator-roster article{vertical-align:top;width:calc(50% - 5px);margin-right:5px;display:inline-block}.spectator-roster article header{flex-wrap:wrap}.spectator-camera{bottom:calc(32vh + 92px);right:12px}.spectator-replay{gap:3px;bottom:calc(32vh + 24px);left:12px;right:12px}.spectator-replay span{white-space:normal;max-width:70px}.spectator-selection{min-width:0;max-width:calc(100vw - 175px);bottom:calc(32vh + 92px);left:12px}}