:root{--panel-bg:#12151ce6;--panel-bg-raised:#1b1e26;--panel-border:#6e5636;--panel-trim:#c9a227;--panel-inner-highlight:#ffebbe0f;--scrim:#06070a8c;--text-ivory:#f2ecd9;--text-secondary:#a89a7c;--text-dim:#6d6350;--text-gold:#d9a94d;--text-blue:#7fb3d9;--selected-blue:#2c4a66;--selected-blue-border:#4a90e2;--locked-dim:.45;--accent-gold:#c9982f;--accent-blue:#3d6b96;--accent-red:#8c2f2b;--accent-green:#3f6b3a;--progress-gold:#d9a94d;--progress-blue:#5b9bd5;--progress-track:#2a2d36;--resourcebar-h:60px;--bottomnav-h:68px;--radius:3px;--sep:1px solid #2a2d36;--pad:8px;--pad-lg:12px;--font-ui:"Georgia", "Times New Roman", serif;--font-body:-apple-system, "Segoe UI", Roboto, sans-serif;--font-timer:"SF Mono", "Menlo", monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body,#root{height:100%}body{color:var(--text-ivory);font-family:var(--font-body);overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#0a0b0e;font-size:14px}img.pixel,.pixel img,.pixel-art{image-rendering:pixelated;image-rendering:crisp-edges}button{color:inherit;cursor:pointer;background:0 0;border:none;font-family:inherit}.panel{background:linear-gradient(180deg, var(--panel-bg-raised), var(--panel-bg));border:1px solid var(--panel-border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--panel-inner-highlight), 0 4px 14px #00000080;outline:1px solid #0009}.panel-header{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:var(--text-gold);font-size:11px;font-weight:700}.sep{border-top:var(--sep)}.timer{font-family:var(--font-timer);font-variant-numeric:tabular-nums}.btn{border-radius:var(--radius);min-height:40px;font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-ivory);border:1px solid #000000b3;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffff1a,0 1px 2px #0009}.btn:active{transform:translateY(1px);box-shadow:inset 0 1px 3px #00000080}.btn-blue{background:linear-gradient(180deg, #4a7ba6, var(--accent-blue))}.btn-gold{background:linear-gradient(180deg, #d9a94d, var(--accent-gold));color:#241c0c}.btn-red{background:linear-gradient(180deg, #a63f3a, var(--accent-red))}.btn-green{background:linear-gradient(180deg, #56854f, var(--accent-green))}.btn-dark{border-color:var(--panel-border);background:linear-gradient(#262a34,#1b1e26)}.btn[disabled]{opacity:var(--locked-dim);pointer-events:none}.bar{background:var(--progress-track);border:1px solid #00000080;border-radius:2px;height:6px;overflow:hidden}.bar>i{border-radius:2px;height:100%;display:block}.bar-gold>i{background:linear-gradient(180deg, #e8c06a, var(--progress-gold))}.bar-blue>i{background:linear-gradient(180deg, #7ab3e0, var(--progress-blue))}.badge{background:var(--selected-blue);border:1px solid var(--selected-blue-border);min-width:16px;height:16px;color:var(--text-ivory);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;display:flex;position:absolute;top:2px;right:2px}.panel{border:8px solid #0000;image-rendering:pixelated;background:linear-gradient(#1b1e26f5,#12151cf5);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAo0lEQVR4nGPk4ub7z0BDwAIi7u30Y3h47zTD2WuqVDHUWOs2g7ySKYOS+yaIBSDDQeDGvVdUsoABbibYApDLQYZPWnUqmio2MJgthdDPIRaggWUUmh6FzGFioDFgGrWAEBgNIoJgNIgIgtEgGgFBxEKoPKeKBaA6FFTNIWoiykC0z0cwPWcr1AJQBQ2qQ+dsvUEN8xmifSTBZjIwbGJgpHWzBQCRQynh4XXfRgAAAABJRU5ErkJggg==);border-image-slice:8;border-image-width:8px;border-image-repeat:stretch;border-radius:0;outline:none;box-shadow:0 6px 18px #0000008c}.btn{border:8px solid #0000;box-shadow:none;image-rendering:pixelated;background:0 0;border-image-slice:8 fill;border-image-width:8px;border-image-repeat:stretch;border-radius:0;min-height:44px}.btn-blue{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAe0lEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoBA9qYP7dQ0fKqfANjRcAvundjKQAvAAmP8//+fthYw0NqC/zS3gIE2gGUYBdH/IZ+KGGgDWIZREP0fohYwMdAYsAz5IGKBs2htweNzu2lrwf1j62hS8TPSutkCAEMVOQlsxkVKAAAAAElFTkSuQmCC)}.btn-gold{color:#241c0c;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAc0lEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoDA/6/57dQ0nJF7ItjRcAtubLrDQAvAAmP8+/+Pthb8//d/yPvgH20t+Pf//5D3wT/aWvB/yKeif6NBhAOMZrSRlIpW7n9JWwtmbX5Bk4qfkdbNFgDM0ES1DQNxkwAAAABJRU5ErkJggg==)}.btn-red{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAeElEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoDAh+iQdmoaLrB0DdjRcAu2PH7KQAvAAmP8//9/iFvwj0ZpiQXG+M8w9IPoP20t+E/zOPj/f4hH8r/ROBj4IGIY6vng35Avrve/fE1bCzY/f0mTip+R1s0WALv4Pnm2gVM6AAAAAElFTkSuQmCC)}.btn-green{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbElEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoBAzYGidmoa3uLQB3Y03IIbh28z0AKwwBj///8f6hb8G/I++E9jC/6NBhEOMJpMCYLRZEoQjKYi4oPo4dnHDDS14N6xhzSp+Blp3WwBAPSWRWoBzTXDAAAAAElFTkSuQmCC)}.btn-dark{border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbUlEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoCAk0dkOzUN37djOdjRcAtev3zMQAvAAmP8/0+bqGAZtYCEIPrHQAvAgrBgNJIHPoj+0dqC/6MWYAWjkTyIgujThzc0t6CSFhYw0rrZAgBBM0Y10pGolAAAAABJRU5ErkJggg==)}.bar{border:4px solid #0000;height:12px;image-rendering:pixelated;background:#1a1d24;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAARklEQVR4nGPk4ub7z0ACYAER375+OkmMYi5uPnNGkA0CQmJEmf7h3SsGJgYSAdOoBiIAOOIUFNWIUctw4d0rBnDEEaUaCgBBaA2PefiyegAAAABJRU5ErkJggg==);border-image-slice:4 fill;border-image-width:4px;border-image-repeat:stretch;border-radius:0}.bar>i{border-radius:0}.build-tab,.research-tab,.reports-tab,.build-tabs>button,.research-tabs>button,.reports-tabs>button,.hs-tab{border:8px solid #0000;image-rendering:pixelated;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbUlEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoCAk0dkOzUN37djOdjRcAtev3zMQAvAAmP8/0+bqGAZtYCEIPrHQAvAgrBgNJIHPoj+0dqC/6MWYAWjkTyIgujThzc0t6CSFhYw0rrZAgBBM0Y10pGolAAAAABJRU5ErkJggg==);border-image-slice:8 fill;border-image-width:8px;border-image-repeat:stretch;background:0 0!important;border-radius:0!important}.build-tab.active,.research-tab.active,.reports-tab.active,.build-tabs>button.active,.research-tabs>button.active,.reports-tabs>button.active,.hs-tab.on{color:var(--text-ivory);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAe0lEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoBA9qYP7dQ0fKqfANjRcAvundjKQAvAAmP8//+fthYw0NqC/zS3gIE2gGUYBdH/IZ+KGGgDWIZREP0fohYwMdAYsAz5IGKBs2htweNzu2lrwf1j62hS8TPSutkCAEMVOQlsxkVKAAAAAElFTkSuQmCC)}.resourcebar{border:none;border-bottom:8px solid #0000;image-rendering:pixelated;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAeElEQVR4nGPk4ub7z0BDwAIiUrw1GDSUxKhq8I17rxjmbL0BsQBkOEiAFoAFmTNp1aloahiaF2a2FKsFULCMQvOjkDlMDDQGTKMWEAKjQUQQjAYRQTAaRCMgiFgIledUtQC5JqKqBTeg9TGokqYGADUiYICR1s0WAPGnGBpwz2b6AAAAAElFTkSuQmCC);border-image-slice:8;border-image-width:0 0 8px;border-image-repeat:stretch;background:linear-gradient(#1e222b,#12151c)!important}.bottomnav{border:none;border-top:8px solid #0000;image-rendering:pixelated;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAeElEQVR4nGPk4ub7z0BDwAIiUrw1GDSUxKhq8I17rxjmbL0BsQBkOEiAFoAFmTNp1aloahiaF2a2FKsFULCMQvOjkDlMDDQGTKMWEAKjQUQQjAYRQTAaRCMgiFgIledUtQC5JqKqBTeg9TGokqYGADUiYICR1s0WAPGnGBpwz2b6AAAAAElFTkSuQmCC);border-image-slice:8;border-image-width:8px 0 0;border-image-repeat:stretch;background:linear-gradient(#1b1e26,#0d0f14)!important}.nav-tab{border-right:1px solid #6e563659}.nav-tab.active{box-shadow:inset 0 -3px 0 var(--accent-gold), inset 0 1px 0 #e8c45c40;background:linear-gradient(#c9a22729,#6e56360f)!important}.build-btn,.tech-detail-btn,.train-queue-btn,.hz-btn{min-height:40px;color:var(--text-ivory);image-rendering:pixelated;border:8px solid #0000!important;background:0 0!important;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAe0lEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoBA9qYP7dQ0fKqfANjRcAvundjKQAvAAmP8//+fthYw0NqC/zS3gIE2gGUYBdH/IZ+KGGgDWIZREP0fohYwMdAYsAz5IGKBs2htweNzu2lrwf1j62hS8TPSutkCAEMVOQlsxkVKAAAAAElFTkSuQmCC)!important;border-image-slice:8 fill!important;border-image-width:8px!important;border-image-repeat:stretch!important;border-radius:0!important;padding:0 10px!important}.build-btn[disabled],.tech-detail-btn[disabled]{opacity:.75;border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAbUlEQVR4nGPk4ub7z0BDwAIivn39VEkLw7m4+drBFoCAk0dkOzUN37djOdjRcAtev3zMQAvAAmP8/0+bqGAZtYCEIPrHQAvAgrBgNJIHPoj+0dqC/6MWYAWjkTyIgujThzc0t6CSFhYw0rrZAgBBM0Y10pGolAAAAABJRU5ErkJggg==)!important}.login{background:radial-gradient(120% 80% at 50% 0,#16202e 0%,#0b1018 70%);place-items:center;height:100%;padding:16px;display:grid}.login-panel{background:#131a26;border:1px solid #6b5a2e;border-radius:10px;width:100%;max-width:360px;padding:20px 18px 16px;box-shadow:0 18px 50px #0000008c}.login-brand{color:#f2d16b;letter-spacing:.18em;text-align:center;font-size:24px;font-weight:800}.login-tag{color:#8b98ab;text-align:center;margin:4px 0 16px;font-size:11px}.login-tabs{gap:6px;margin-bottom:14px;display:flex}.login-tab{color:#93a0b4;background:#17202d;border:1px solid #2b3546;border-radius:6px;flex:1 1 0;min-height:40px;font-size:12px}.login-tab.on{color:#f2d16b;border-color:#d9a94d}.login-label{color:#8b98ab;letter-spacing:.1em;text-transform:uppercase;margin:10px 0 4px;font-size:10px;display:block}.login-input{box-sizing:border-box;color:#f2ecd9;background:#0e131b;border:1px solid #2b3546;border-radius:6px;width:100%;min-height:44px;padding:0 10px;font-size:14px}.login-input:focus{border-color:#d9a94d;outline:none}.login-hint{color:#d9a94d;margin-top:5px;font-size:10.5px}.login-warn{color:#d9a94d;background:#10161f;border:1px solid #4a3f22;border-radius:5px;margin-top:12px;padding:7px 8px;font-size:10.5px;line-height:1.45}.login-warn code{color:#f2d16b}.login-error{color:#ff8b7a;background:#1d1315;border:1px solid #6b3630;border-radius:5px;margin-top:12px;padding:7px 8px;font-size:11.5px}.login-go{color:#f2ecd9;letter-spacing:.08em;background:linear-gradient(#4e9c46,#3b7a36);border:1px solid #2c5c29;border-radius:6px;width:100%;min-height:46px;margin-top:16px;font-size:13px;font-weight:800}.login-go:disabled{color:#6d7787;background:#202836;border-color:#2b3546}.login-offline{color:#93a0b4;background:0 0;border:1px solid #2b3546;border-radius:6px;width:100%;min-height:40px;margin-top:10px;font-size:12px}.login-note{color:#6d7787;margin-top:8px;font-size:10px;line-height:1.45}.welcome{background:radial-gradient(120% 80% at 50% 0,#16202e 0%,#0b1018 70%);place-items:center;height:100%;padding:16px;display:grid}.welcome-panel{background:#131a26;border:1px solid #6b5a2e;border-radius:10px;width:100%;max-width:380px;padding:20px 18px 16px;box-shadow:0 18px 50px #0000008c}.welcome-brand{color:#f2d16b;letter-spacing:.18em;text-align:center;font-size:22px;font-weight:800}.welcome-intro{color:#93a0b4;margin:12px 0 16px;font-size:12px;line-height:1.6}.welcome-label{color:#8b98ab;letter-spacing:.12em;margin-bottom:8px;font-size:10px}.welcome-worlds{flex-direction:column;gap:8px;display:flex}.welcome-world{text-align:left;background:#17202d;border:1px solid #2b3546;border-radius:6px;grid-template-columns:1fr auto;gap:2px 8px;min-height:56px;padding:10px 12px;display:grid}.welcome-world.on{background:#1e2635;border-color:#d9a94d}.ww-name{color:#f2ecd9;font-size:14px;font-weight:700}.ww-status{color:#7fd18a;border:1px solid #2c5c29;border-radius:3px;align-self:center;padding:2px 6px;font-size:10px}.ww-blurb{color:#8b98ab;grid-column:1/3;font-size:10.5px}.welcome-error{color:#ff8b7a;background:#1d1315;border:1px solid #6b3630;border-radius:5px;margin-top:12px;padding:7px 8px;font-size:11.5px}.welcome-enter{color:#f2ecd9;letter-spacing:.08em;background:linear-gradient(#4e9c46,#3b7a36);border:1px solid #2c5c29;border-radius:6px;width:100%;min-height:46px;margin-top:16px;font-size:13px;font-weight:800}.welcome-enter:disabled{color:#6d7787;background:#202836;border-color:#2b3546}.welcome-signout{color:#93a0b4;background:0 0;border:1px solid #2b3546;border-radius:6px;width:100%;min-height:38px;margin-top:10px;font-size:11.5px}.welcome-name{box-sizing:border-box;color:#f2ecd9;background:#0e131b;border:1px solid #2b3546;border-radius:6px;width:100%;min-height:44px;padding:0 10px;font-size:14px}.welcome-name:focus{border-color:#d9a94d;outline:none}.welcome-namenote{color:#6d7787;margin-top:6px;font-size:10px;line-height:1.5}.resourcebar{height:var(--resourcebar-h);border-bottom:1px solid var(--panel-border);z-index:10;background:linear-gradient(#1b1e26,#101218);flex:none;justify-content:space-between;align-items:stretch;padding:0 3px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0009}.resource-item{flex:1 1 0;grid-template-rows:auto auto;grid-template-columns:auto auto;place-content:center;align-items:center;column-gap:3px;min-width:0;padding:0 1px;display:grid}.res-icon{background:var(--icon-color,#888);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);flex:none;grid-row:1/3;width:15px;height:15px}.res-icon[data-icon=food]{--icon-color:#c9a94d}.res-icon[data-icon=wood]{--icon-color:#8a5a2b}.res-icon[data-icon=stone]{--icon-color:#9a9a9a}.res-icon[data-icon=iron]{--icon-color:#c8cdd4}.res-icon[data-icon=water]{--icon-color:#4a86c9}.res-icon[data-icon=gold]{--icon-color:#e8c06a;clip-path:circle(46%)}.res-icon[data-icon=science]{--icon-color:#7fb3d9;clip-path:circle(46%)}.res-icon[data-icon=pop]{--icon-color:#b09a86;clip-path:circle(46%)}.res-amt{white-space:nowrap;color:var(--text-ivory);font-size:11.5px;font-weight:700;line-height:1.1}.res-cap{color:var(--text-secondary);font-weight:400}.res-rate{white-space:nowrap;color:var(--text-secondary);font-size:8.5px;line-height:1}.resource-item.pop .res-amt{grid-row:1}@media (width<=389px){.res-cap{display:none}}.res-icon-img{object-fit:contain;flex:none;grid-row:1/3;width:20px;height:20px}.resourcebar{container-type:inline-size}@container (width<=405px){.res-amt{letter-spacing:-.2px;font-size:10.5px}.res-rate{letter-spacing:-.2px;font-size:8px}.res-icon-img{width:16px;height:16px}.res-icon{width:13px;height:13px}.resource-item{column-gap:2px;padding:0}}.bottomnav{height:var(--bottomnav-h);border-top:1px solid var(--panel-border);z-index:10;background:linear-gradient(#1b1e26,#0e1015);flex:none;display:flex}.nav-tab{color:var(--text-secondary);border-right:1px solid #23252c;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;display:flex;position:relative}.nav-tab:last-child{border-right:none}.nav-tab.active{color:var(--text-gold);box-shadow:inset 0 -2px 0 var(--accent-gold);background:linear-gradient(#4a90e229,#2c4a660f)}.nav-icon{opacity:.9;background:currentColor;width:24px;height:24px}.nav-icon[data-glyph=castle]{clip-path:polygon(0 100%,0 35%,15% 35%,15% 20%,30% 20%,30% 35%,42% 35%,42% 12%,58% 12%,58% 35%,70% 35%,70% 20%,85% 20%,85% 35%,100% 35%,100% 100%)}.nav-icon[data-glyph=hammer]{clip-path:polygon(55% 0,100% 20%,95% 45%,65% 35%,25% 100%,5% 90%,45% 28%,40% 10%)}.nav-icon[data-glyph=book]{clip-path:polygon(0 10%,45% 0,50% 5%,55% 0,100% 10%,100% 90%,55% 100%,50% 92%,45% 100%,0 90%)}.nav-icon[data-glyph=swords]{clip-path:polygon(10% 0,25% 5%,90% 75%,100% 100%,75% 90%,5% 25%)}.nav-icon[data-glyph=compass]{clip-path:circle(48%)}.nav-icon[data-glyph=scroll]{clip-path:polygon(15% 0,85% 0,100% 8%,100% 92%,85% 100%,15% 100%,0 92%,0 8%)}.nav-label{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}.nav-icon-img{object-fit:contain;flex:none;width:26px;height:26px}.nav-tab:not(.active) .nav-icon-img{filter:saturate(.55)brightness(.8)}.realm-screen{background:#0e131b;flex-direction:column;height:100%;display:flex;overflow:hidden}.realm-head{flex:none;justify-content:space-between;align-items:center;padding:10px 12px 6px;display:flex}.realm-title{color:#f2ecd9;letter-spacing:.01em;font-size:20px;font-weight:700}.realm-sub{color:#8b98ab;margin-top:2px;font-size:11px}.realm-map-btn{min-height:44px;padding:0 14px}.realm-summary{flex-wrap:wrap;flex:none;gap:6px;padding:0 12px 8px;display:flex}.realm-summary-chip{color:#7fd18a;background:#151c26;border:1px solid #2c3644;border-radius:3px;align-items:baseline;gap:6px;padding:3px 8px;font-size:11px;display:inline-flex}.realm-summary-stock{color:#8b98ab}.realm-list{-webkit-overflow-scrolling:touch;flex:auto;margin:0 8px 8px;padding:6px;overflow-y:auto}.realm-row{border-bottom:1px solid #202836;align-items:center;gap:10px;padding:8px 6px;display:flex}.realm-row:last-child{border-bottom:none}.realm-art{width:56px;height:56px;image-rendering:pixelated;flex:0 0 56px}.realm-art-fallback{color:#d9a94d;background:#1b2330;flex:0 0 56px;place-items:center;width:56px;height:56px;font-weight:700;display:grid}.realm-info{flex:auto;min-width:0}.realm-name{color:#f2ecd9;font-size:13px;font-weight:700}.realm-lvl{color:#d9a94d}.realm-yield{color:#7fd18a;margin-top:2px;font-size:11px}.realm-yield.muted{color:#6d7787}.realm-busy{color:#d9a94d;margin-top:3px;font-size:11px}.realm-cost{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.realm-chip{color:#cfd8e6;background:#10161f;border:1px solid #2c3644;border-radius:3px;padding:2px 6px;font-size:10px}.realm-chip.short{color:#ff8b7a;border-color:#6b3630}.realm-btn{flex:none;min-width:60px;min-height:44px}.realm-open{padding:10px 6px 4px}.realm-open-title{color:#8b98ab;text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px;font-size:11px}.realm-open-tiles{flex-wrap:wrap;gap:2px;margin-bottom:8px;display:flex}.realm-open-tile{width:44px;height:44px;image-rendering:pixelated}.realm-build-btn{min-height:44px;padding:0 14px}.realm-head-btns{gap:6px;display:flex}.realm-out-btn{min-height:44px;padding:0 10px;font-size:11px}.realm-who{color:#6d7787;margin-top:3px;font-size:10px}.research-screen{background:#0e131b;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.rs-head{flex:none;padding:10px 12px 4px}.rs-title{color:#f2ecd9;letter-spacing:.08em;font-size:18px;font-weight:800}.rs-sub{color:#8b98ab;margin-top:2px;font-size:11px}.rs-branches{flex:none;grid-template-columns:repeat(5,1fr);gap:4px;padding:6px 8px 2px;display:grid}.rs-branch{text-align:center;letter-spacing:.06em;color:var(--branch);border:1px solid var(--branch);text-overflow:ellipsis;white-space:nowrap;border-radius:4px;padding:4px 2px;font-size:9px;font-weight:700;overflow:hidden}.rs-grid{-webkit-overflow-scrolling:touch;grid-template-columns:repeat(var(--cols), 1fr);flex:auto;align-content:start;gap:10px 4px;padding:8px;display:grid;overflow-y:auto}.rn{background:0 0;border:none;flex-direction:column;align-items:center;gap:2px;padding:0;display:flex}.rn-face{aspect-ratio:1/.92;background:color-mix(in srgb, var(--branch) 22%, #131a26);border:2px solid var(--branch);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);place-items:center;width:100%;display:grid}.rn-art{object-fit:contain;width:60%;height:60%;image-rendering:pixelated}.rn-name{color:#e8e4d8;text-align:center;font-size:9.5px;font-weight:700;line-height:1.15}.rn-state{font-size:8.5px}.rn-done{color:#7fd18a;font-style:normal}.rn-busy{color:#d9a94d;font-style:normal}.rn-open{color:#8fb6e0;font-style:normal}.rn-lock{color:#6d7787;font-style:normal}.rn-locked .rn-face{filter:grayscale(.85);opacity:.55}.rn-available .rn-face{box-shadow:inset 0 0 0 1px #2b3546}.rn-researching .rn-face{border-color:#d9a94d}.rn.sel .rn-face{outline-offset:2px;outline:2px solid #f2d16b}.rs-detail{background:#131a26;border:1px solid #6b5a2e;border-radius:8px;flex:none;gap:10px;margin:0 8px 8px;padding:10px;display:flex}.rs-detail-main{flex:auto;min-width:0}.rs-detail-name{color:#f2ecd9;font-size:14px;font-weight:700}.rs-detail-blurb{color:#93a0b4;margin-top:2px;font-size:11px}.rs-effects{flex-direction:column;gap:2px;margin-top:6px;display:flex}.rs-effect{color:#7fd18a;font-size:11px}.rs-effect.muted{color:#6d7787}.rs-cost{flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.rs-cost-label{color:#6d7787;font-size:10px}.rs-chip{color:#cfd8e6;background:#10161f;border:1px solid #2b3546;border-radius:3px;padding:2px 6px;font-size:10.5px}.rs-chip.short{color:#ff8b7a;border-color:#6b3630}.rs-detail-side{border-left:1px solid #2b3546;flex-direction:column;flex:0 0 132px;justify-content:center;gap:6px;padding-left:10px;display:flex}.rs-side-label{color:#d9a94d;letter-spacing:.1em;text-align:center;font-size:9.5px}.rs-timer{color:#e8e4d8;text-align:center;font-size:15px}.rs-side-done{color:#7fd18a;text-align:center;font-size:13px}.rs-blocked{color:#ff8b7a;text-align:center;font-size:10px}.rs-btn{letter-spacing:.06em;color:#cfd8e6;background:#17202d;border:1px solid #2b3546;border-radius:6px;min-height:44px;font-size:11.5px;font-weight:700}.rs-start{color:#f2ecd9;background:linear-gradient(#4e9c46,#3b7a36);border-color:#2c5c29}.rs-start.off{color:#6d7787;background:#202836;border-color:#2b3546}.rs-speed{color:#e8f0fa;background:linear-gradient(#2f5f92,#24486f);border-color:#1d3a58}.rs-cancel{color:#ff8b7a;background:#2a1b1b;border-color:#6b3630}.rs-toast{color:#f2ecd9;z-index:40;background:#0a0e14f0;border:1px solid #6b5a2e;border-radius:5px;padding:8px 14px;font-size:12px;position:absolute;bottom:96px;left:50%;transform:translate(-50%)}.army-screen{background:#0e1015;flex-direction:column;gap:10px;height:100%;padding:10px;display:flex;overflow-y:auto}.army-train{flex:1}.unit-icon{border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel-bg-raised);width:52px;height:52px;box-shadow:inset 0 1px 0 var(--panel-inner-highlight);flex:none;justify-content:center;align-items:center;padding:4px;display:flex}.unit-icon-img{object-fit:contain;width:100%;height:100%}.unit-icon-fallback{background:var(--text-dim);border-radius:50%;width:10px;height:10px}.roster-row{border-bottom:1px solid #3a322666;align-items:center;gap:10px;padding:8px 0;display:flex}.roster-row:last-child{border-bottom:none}.unit-name{color:var(--text-ivory);flex:1;font-size:15px;font-weight:600}.unit-count{color:var(--text-gold);font-size:13px;font-weight:600;font-family:var(--font-timer)}.train-row{border-bottom:1px solid #3a322666;align-items:center;gap:10px;padding:8px 0;display:flex}.train-info{flex:1;min-width:0}.train-meta{justify-content:space-between;align-items:center;margin-top:3px;display:flex}.train-cost{gap:7px;display:flex}.cost-chip{color:var(--text-ivory);align-items:center;gap:3px;font-size:12px;display:inline-flex}.cost-chip .res-icon,.cost-chip .res-icon-img{object-fit:contain;width:12px;height:12px}.train-time{color:var(--text-secondary);font-size:11px}.stepper{background:var(--panel-bg-raised);border:1px solid var(--panel-border);border-radius:14px;flex:none;align-items:center;gap:6px;padding:3px 6px;display:flex}.stepper-btn{width:24px;height:24px;color:var(--text-ivory);font-size:15px;line-height:1}.stepper-qty{text-align:center;min-width:16px;color:var(--text-ivory);font-size:13px;font-weight:600}.train-queue-bar{border-top:1px solid var(--panel-border);align-items:center;gap:12px;margin-top:10px;padding-top:10px;display:flex}.train-queue-btn{border:1px solid var(--panel-border);border-radius:4px;flex:none;min-width:90px}.train-progress{flex:1}.train-progress-label{color:var(--text-secondary);margin-bottom:3px;font-size:12px}.hexworld{touch-action:none;background:#0a1420;position:absolute;inset:0;overflow:hidden}.hexworld-canvas{width:100%;height:100%;display:block}.hexworld-zoom{flex-direction:column;gap:6px;display:flex;position:absolute;bottom:12px;right:10px}.hz-btn{border:1px solid var(--panel-border);width:44px;height:44px;color:var(--text-ivory);background:linear-gradient(#262a34,#1b1e26);border-radius:4px;font-size:20px;font-weight:700;box-shadow:0 2px 6px #00000080}.hexdetail{z-index:30;background:#161c26;border:2px solid #3a4454;border-radius:6px;padding:10px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 -6px 22px #0000008c}.hexdetail-head{align-items:center;gap:10px;display:flex}.hexdetail-art{width:56px;height:56px;image-rendering:pixelated;flex:0 0 56px}.hexdetail-title{flex:auto;min-width:0}.hexdetail-name{color:#f2ecd9;font-size:14px;font-weight:700}.hexdetail-lvl{color:#d9a94d;font-weight:600}.hexdetail-blurb{color:#93a0b4;margin-top:2px;font-size:11px}.hexdetail-close{flex:none;min-width:44px;min-height:44px}.hexdetail-yields{flex-wrap:wrap;gap:6px;margin:8px 0 0;display:flex}.hexdetail-yield{color:#7fd18a;background:#10161f;border:1px solid #2c3644;border-radius:3px;padding:2px 6px;font-size:11px}.hexdetail-building{color:#d9a94d;margin-top:10px;font-size:12px}.hexdetail-upgrade{align-items:center;gap:10px;margin-top:10px;display:flex}.hexdetail-cost{flex-wrap:wrap;flex:auto;gap:6px;display:flex}.hexdetail-cost .cost-chip{color:#cfd8e6;background:#10161f;border:1px solid #2c3644;border-radius:3px;padding:3px 7px;font-size:11px}.hexdetail-cost .cost-chip.short{color:#ff8b7a;border-color:#6b3630}.hexdetail-btn{flex:none;min-height:44px;padding:0 14px}.selsheet{z-index:30;background:#131a26;border:1px solid #3a4454;border-radius:8px;padding:10px;position:absolute;bottom:8px;left:8px;right:8px;box-shadow:0 -8px 26px #0000008c}.selsheet-head{justify-content:space-between;align-items:center;display:flex}.sel-chip{letter-spacing:.14em;border-radius:4px;padding:4px 8px;font-size:9.5px;font-weight:800}.sel-chip.own{color:#f2d16b;border:1px solid #f2d16b}.sel-chip.rival{color:#ff8b7a;border:1px solid #e04a3a}.sel-chip.neutral{color:#cfd8e6;border:1px solid #4a5668}.selsheet-close{color:#cfd8e6;background:#1b2431;border:1px solid #2b3546;border-radius:5px;min-width:38px;min-height:38px}.selsheet-body{align-items:center;gap:10px;margin-top:9px;display:flex}.selsheet-art{width:52px;height:52px;image-rendering:pixelated;flex:0 0 52px}.selsheet-info{flex:auto;min-width:0}.selsheet-name{color:#f2ecd9;font-size:14px;font-weight:700}.selsheet-blurb{color:#93a0b4;margin-top:2px;font-size:11px}.selsheet-soon{color:#6d7787;margin-top:4px;font-size:10px;font-style:italic}.selsheet-actions{flex-direction:column;flex:none;gap:5px;display:flex}.selsheet-btn{letter-spacing:.07em;border-radius:6px;min-height:40px;padding:0 14px;font-size:11px;font-weight:800}.selsheet-btn.build{color:#f2ecd9;background:linear-gradient(#4e9c46,#3b7a36);border:1px solid #2c5c29;min-height:46px}.selsheet-btn.stub{color:#6d7787;background:#17202d;border:1px solid #2b3546}.selsheet-btn.stub.danger{color:#7a534d;border-color:#4a2a26}.sel-coords{color:#6d7787;letter-spacing:.04em;margin-left:7px;font-family:SF Mono,Menlo,monospace;font-size:10px;font-weight:400}.buildsheet{z-index:30;background:#131a26;border:1px solid #6b5a2e;border-radius:8px;padding:10px 10px 12px;position:absolute;bottom:6px;left:6px;right:6px;box-shadow:0 -10px 30px #0009}.bs-head{justify-content:space-between;align-items:flex-start;display:flex}.bs-title{color:#f2ecd9;letter-spacing:.1em;font-size:15px;font-weight:800}.bs-sub{color:#8b98ab;margin-top:2px;font-size:11px}.bs-close{color:#cfd8e6;background:#1b2431;border:1px solid #34405221;border-radius:5px;min-width:34px;min-height:34px;font-size:14px}.bs-rail{-webkit-overflow-scrolling:touch;gap:8px;margin-top:10px;padding-bottom:4px;display:flex;overflow-x:auto}.bs-card{color:#cfd8e6;background:#17202d;border:1px solid #2b3546;border-radius:6px;flex-direction:column;flex:0 0 96px;align-items:center;gap:3px;padding:6px 4px 5px;display:flex;position:relative}.bs-card.on{background:#1e2635;border-color:#d9a94d}.bs-card.locked{opacity:.5}.bs-card-art{width:58px;height:58px;image-rendering:pixelated}.bs-card-name{color:#e8e4d8;font-size:11px;font-weight:700}.bs-card-cost{gap:5px;display:flex}.bs-lock{font-size:11px;position:absolute;top:4px;right:6px}.cost-chip{color:#cfd8e6;white-space:nowrap;align-items:center;gap:3px;font-size:10.5px;display:inline-flex}.cost-chip.short{color:#ff8b7a}.cost-icon{width:13px;height:13px;image-rendering:pixelated}.bs-filters{align-items:center;gap:6px;margin-top:8px;padding-bottom:2px;display:flex;overflow-x:auto}.bs-filter-label{color:#6d7787;letter-spacing:.12em;flex:none;font-size:9.5px}.bs-chip{color:#cfd8e6;background:#17202d;border:1px solid #2b3546;border-radius:5px;flex:none;min-height:32px;padding:6px 12px;font-size:11px}.bs-chip.on{color:#f2d16b;border-color:#d9a94d}.bs-detail{border-top:1px solid #2b3546;align-items:center;gap:10px;margin-top:9px;padding-top:9px;display:flex}.bs-detail-art{width:52px;height:52px;image-rendering:pixelated;flex:0 0 52px}.bs-detail-info{flex:auto;min-width:0}.bs-detail-name{color:#f2ecd9;font-size:13px;font-weight:700}.bs-detail-blurb{color:#93a0b4;margin-top:2px;font-size:10.5px}.bs-terrain{color:#d9a94d}.bs-req{color:#ff8b7a;margin-top:3px;font-size:10.5px}.bs-yield{color:#7fd18a;margin-top:3px;font-size:10.5px}.bs-detail-cost{background:#10161f;border:1px solid #2b3546;border-radius:5px;flex-direction:column;flex:none;align-items:flex-start;gap:3px;padding:5px 8px;display:flex}.bs-time{color:#8b98ab;font-size:10px}.bs-build{color:#f2ecd9;letter-spacing:.08em;background:linear-gradient(#4e9c46,#3b7a36);border:1px solid #2c5c29;border-radius:6px;flex:none;min-height:46px;padding:0 18px;font-size:13px;font-weight:800}.bs-build.off{color:#6d7787;background:#202836;border-color:#2b3546}.world-screen{background:#05070a;justify-content:center;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.world-tile{image-rendering:pixelated}.world-map{flex:none;position:relative}.world-tiles{width:100%;height:100%;display:grid}.world-tile{object-fit:cover;width:100%;height:100%;display:block}.world-tile-fallback{outline:1px solid #00000026}.world-decor{pointer-events:none;position:absolute;top:0;left:0}.world-decor-sprite{object-fit:contain;filter:drop-shadow(0 1px 2px #00000080);position:absolute;transform:translate(-50%,-100%)}.world-markers{position:absolute;inset:0}.world-placing-banner{z-index:3;border:1px solid var(--selected-blue-border);border-radius:var(--radius);color:var(--text-ivory);background:linear-gradient(#2c4a66,#1f3346);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:12.5px;display:flex;position:absolute;top:10px;left:10px;right:10px;box-shadow:0 4px 14px #00000080}.world-placing-banner b{color:#9fd6ff}.world-placing-cancel{border-radius:4px;flex:none;min-height:32px;padding:0 12px;font-size:11px}.world-toast{z-index:3;border-radius:var(--radius);color:var(--text-ivory);white-space:nowrap;background:#8c2f2beb;border:1px solid #a63f3a;padding:8px 14px;font-size:12px;position:absolute;bottom:84px;left:50%;transform:translate(-50%);box-shadow:0 4px 14px #00000080}.hex-style-toggle{border:1px solid var(--panel-border);border-radius:4px;gap:0;display:flex;position:absolute;top:10px;left:10px;overflow:hidden;box-shadow:0 2px 8px #00000080}.hs-tab{min-height:40px;color:var(--text-secondary);font-family:var(--font-ui);letter-spacing:.12em;background:linear-gradient(#1b1e26,#12151c);padding:0 14px;font-size:11px;font-weight:700}.hs-tab.on{color:var(--text-ivory);background:linear-gradient(#3f6b96,#2c4a66)}.world-sync-error{color:#ff8b7a;z-index:40;text-align:center;background:#2d1315f2;border:1px solid #6b3630;border-radius:5px;padding:7px 10px;font-size:11px;position:absolute;top:8px;left:8px;right:8px}.reports-screen{background:#0e1015;flex-direction:column;height:100%;display:flex}.reports-tabs{scrollbar-width:none;-webkit-overflow-scrolling:touch;z-index:1;background:#0e1015;border-bottom:1px solid #3a322666;flex-wrap:nowrap;flex:none;gap:6px;padding:10px 8px;display:flex;position:sticky;top:0;overflow-x:auto}.reports-tabs::-webkit-scrollbar{display:none}.reports-tabs>*{flex:none}.cat-pill{border:1px solid var(--panel-border);background:var(--panel-bg-raised);letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);border-radius:14px;flex:none;padding:7px 12px;font-size:11px;font-weight:700}.cat-pill.active{background:var(--selected-blue);border-color:var(--selected-blue-border);color:var(--text-ivory)}.reports-list{flex:1;min-height:0;margin:8px;padding:4px 10px 8px;overflow-y:auto}.report-row{border-bottom:1px solid #3a322666;align-items:center;gap:10px;padding:8px 0;display:flex}.report-row:last-child{border-bottom:none}.report-icon{border-radius:var(--radius);border:1px solid var(--panel-border);background:var(--panel-bg-raised);width:52px;height:52px;box-shadow:inset 0 1px 0 var(--panel-inner-highlight);flex:none;justify-content:center;align-items:center;padding:4px;display:flex}.report-icon-img{object-fit:contain;width:100%;height:100%}.report-icon-fallback{background:var(--text-dim);border-radius:50%;width:10px;height:10px}.report-text{color:var(--text-ivory);flex:1;font-size:13.5px}.report-ago{color:var(--text-secondary);flex:none;font-size:11.5px}.reports-empty{text-align:center;color:var(--text-secondary);padding:24px 0;font-size:13px}.shell{background:#0a0b0e;flex-direction:column;min-width:320px;max-width:430px;height:100%;margin:0 auto;display:flex;position:relative;overflow:hidden}.screen-area{flex:1;min-height:0;position:relative;overflow:hidden}.shell{padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);box-sizing:border-box}html,body{overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.app-probing{background:#0b1018;height:100vh}