:root{--bg:#111;--panel:#181818;--fg:#ddd;--muted:#888;--dim:#555;--line:#333;--accent:#fff;--warn:#e0a040;--menu-width:15rem;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:ui-monospace,Menlo,Consolas,monospace}body{background:var(--bg);color:var(--fg);margin:0}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.layout{grid-template:"header""content"1fr"footer"/1fr;min-height:100dvh;display:grid}.header{z-index:2;background:var(--panel);border-bottom:1px solid var(--line);grid-area:header;position:sticky;top:0}.topbar{align-items:center;gap:.75rem;padding:.5rem 1rem;display:flex}.menu-button{margin-left:-.5rem;padding:.25rem .5rem;font-size:1.4rem;line-height:1}h1{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:1.1rem;font-weight:400}.planet{color:var(--muted);margin-left:auto}.resources{grid-template-columns:repeat(3,1fr);gap:.35rem 1rem;margin:0;padding:0 1rem .5rem;list-style:none;display:grid}.resources li{flex-direction:column;min-width:0;display:flex}.resources .name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75em;overflow:hidden}.resources .amount{font-variant-numeric:tabular-nums}.resources .detail{color:var(--dim);white-space:nowrap;font-size:.7em}.resources .warn .amount,.resources .warn .detail{color:var(--warn)}.menu{z-index:4;width:var(--menu-width);box-sizing:border-box;background:var(--panel);border-right:1px solid var(--line);max-width:80vw;padding:1rem;transition:transform .2s ease-out;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.menu-open .menu{transform:none}.backdrop{z-index:3;opacity:0;pointer-events:none;background:#0009;transition:opacity .2s;position:fixed;inset:0}.menu-open .backdrop{opacity:1;pointer-events:auto}.menu-items{margin:0 0 1rem;padding:0;list-style:none}.menu-items a{color:var(--fg);border-left:2px solid #0000;padding:.6rem .5rem;text-decoration:none;display:block}.menu-items a[aria-current=page]{color:var(--accent);border-left-color:var(--accent);background:#222}.footer{border-top:1px solid var(--line);background:var(--panel);color:var(--muted);flex-wrap:wrap;grid-area:footer;justify-content:space-between;align-items:center;gap:.5rem 1rem;padding:.6rem 1rem;font-size:.8rem;display:flex}.server-status.online:before{content:"● ";color:#4c4}.server-status.offline:before{content:"● ";color:#c44}.account{align-items:center;gap:1rem;min-width:0;display:flex}.account-name{overflow-wrap:anywhere}.link-button{color:var(--fg);padding:0;text-decoration:underline}.login{max-width:24rem;margin:0 auto;padding:3rem 1rem}.login h1{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:1.5rem}.login-tagline{color:var(--muted);margin:.25rem 0 2rem}.login-box{border:1px solid var(--line);background:var(--panel);flex-direction:column;gap:.9rem;padding:1rem;display:flex}.login-box label{color:var(--muted);flex-direction:column;gap:.3rem;display:flex}.login-box input{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--line);padding:.5rem;font-size:max(1rem,16px)}.login-box .build-button,.login-box .link-button{text-align:left;align-self:flex-start}.login-box .build-button:disabled{color:var(--dim);border-color:var(--dim)}.login-box p{margin:0}.login-hint{color:var(--muted);font-size:.8rem}.login-error{color:var(--warn)}.login-loading{text-align:center;color:var(--muted);padding:3rem 1rem}.locked-group summary{cursor:pointer;color:var(--muted);padding:.4rem .5rem}.locked-items{gap:.4rem;margin:.25rem 0 0;padding:0;list-style:none;display:grid}.locked-item{border:1px dashed var(--dim);color:var(--dim);flex-direction:column;padding:.4rem .5rem;display:flex}.locked-requires{font-size:.75em}.content{grid-area:content;padding:1rem}h2{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .75rem;font-size:1rem;font-weight:400}@media (width>=600px){.resources{grid-template-columns:repeat(6,1fr)}}@media (orientation:landscape) and (width>=640px){.layout{grid-template-columns:var(--menu-width) 1fr;grid-template-areas:"header header""menu content""footer footer"}.menu-button,.backdrop{display:none}.menu{z-index:auto;background:0 0;grid-area:menu;max-width:none;transition:none;position:static;transform:none}.topbar{padding:.5rem 1.5rem .25rem}.resources{padding:0 1.5rem .5rem}.content{padding:1rem 1.5rem}.footer{padding:.6rem 1.5rem}}.buildings{gap:.75rem;margin:0 0 1rem;padding:0;list-style:none;display:grid}.building{border:1px solid var(--line);background:var(--panel);padding:.6rem .75rem}.building-head{justify-content:space-between;gap:.5rem;display:flex}.building-level{color:var(--muted);white-space:nowrap}.building-description{color:var(--muted);margin:.25rem 0 .5rem;font-size:.85em}.building-next{flex-direction:column;gap:.15rem;font-size:.85em;display:flex}.building-next-title{color:var(--muted)}.building-gains{color:var(--dim)}@media (orientation:landscape) and (width>=900px){.buildings{grid-template-columns:repeat(auto-fill,minmax(20rem,1fr))}}.build-queue{border:1px solid var(--line);margin:0 0 .75rem;padding:.5rem .75rem;font-size:.85em}.build-queue-time{color:var(--accent);font-variant-numeric:tabular-nums}.build-queue-next{color:var(--muted)}.building-action{align-items:center;gap:.75rem;margin-top:.5rem;display:flex}.build-button{border:1px solid var(--fg);color:var(--accent);padding:.4rem 1rem}.build-button:disabled{border-color:var(--dim);color:var(--dim);cursor:default}.build-reason{color:var(--dim);font-size:.8em}.build-error{color:var(--warn);margin:0 0 .75rem;font-size:.85em}