:root{--bg:#0b0d12;--bg-alt:#12151c;--surface:#171a22;--surface-hover:#1e222c;--border:#252a35;--text:#e6e9ef;--text-dim:#9aa3b2;--accent:#6ea8fe;--good:#4ade80;--warn:#facc15;--bad:#f87171;--radius:14px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit}input,select,textarea,button{font:inherit;color:inherit}.container{max-width:480px;margin:0 auto;padding:16px 16px 88px}.bottomnav{background:var(--surface);border-top:1px solid var(--border);max-width:480px;padding:6px 6px calc(6px + env(safe-area-inset-bottom));z-index:50;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.bottomnav-item{color:var(--text-dim);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 0;font-size:11px;font-weight:600;text-decoration:none;display:flex}.bottomnav-icon{font-size:20px;line-height:1}.bottomnav-item.active{color:var(--accent);background:var(--bg-alt)}.topbar{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;max-width:480px;margin:0 auto;padding:14px 16px;display:flex}.topbar a.brand{color:var(--text);font-size:1.05rem;font-weight:700;text-decoration:none}.topbar .user{color:var(--text-dim);align-items:center;gap:10px;font-size:.82rem;display:flex}.locked-list{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;overflow:hidden}.locked-row{color:var(--text-dim);border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:baseline;column-gap:8px;padding:9px 12px;display:flex}.locked-row:last-child{border-bottom:none}.locked-row .locked-icon{opacity:.7;flex:none;font-size:12px}.locked-row .locked-label{flex:none;font-size:12.5px;font-weight:600}.locked-row .locked-cond{color:var(--text-dim);flex-basis:100%;font-size:11px}.reparto-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim);margin:22px 0 10px;font-size:12px;font-weight:700}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:14px;padding:18px}.field{margin-bottom:14px}.field label{color:var(--text-dim);margin-bottom:6px;font-size:14px;display:block}.field input[type=text],.field input[type=password]{background:var(--bg-alt);border:1px solid var(--border);border-radius:8px;width:100%;padding:12px;font-size:16px}.btn{background:var(--accent);color:#0b0d12;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn.block{width:100%}.btn.secondary{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}.btn.small{padding:8px 12px;font-size:13px;font-weight:600}.btn:disabled{opacity:.6;cursor:default}.error{border:1px solid var(--bad);color:#fecaca;background:#f871711f;border-radius:8px;margin-bottom:12px;padding:10px 12px;font-size:14px}.muted{color:var(--text-dim)}.center{text-align:center}table.leaderboard{border-collapse:collapse;width:100%;font-size:14px}table.leaderboard th,table.leaderboard td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}table.leaderboard td:first-child,table.leaderboard td:last-child{white-space:nowrap}table.leaderboard td:nth-child(2){word-break:break-word}table.leaderboard th{color:var(--text-dim);text-transform:uppercase;letter-spacing:.03em;font-size:12px;font-weight:600}.achievement-grid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.achievement-tile{aspect-ratio:1;border:none;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.achievement-tile.locked{background:var(--bg-alt);color:var(--text-dim);opacity:.5;cursor:default}.achievement-tile.unlocked{background:var(--bg-alt);border:1px solid var(--accent);cursor:pointer}.era-strip{justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;text-decoration:none;display:flex}.research-node{text-align:left;background:var(--bg-alt);border:1px solid var(--border);cursor:pointer;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;width:100%;margin-bottom:6px;padding:9px 12px;display:flex}.research-node:disabled{cursor:default;opacity:.55}.research-node.preso{border-color:var(--good);opacity:1}.research-node-label{font-size:13px;font-weight:600}.research-node-effect{color:var(--text-dim);font-size:11px}:root{--sky-top-rgb:16 24 42;--sky-bottom-rgb:37 48 73;--ground:#161b26}.factory-canvas-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-alt);-webkit-overflow-scrolling:touch;margin-bottom:14px;overflow:auto hidden}.factory-canvas-wrap:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.factory-canvas{height:190px;display:block}.perche{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0 0 8px;font-size:11px}.catena{background:var(--bg-alt);border-radius:8px;margin-bottom:10px;padding:8px 10px}.catena-riga{justify-content:space-between;gap:10px;padding:2px 0;font-size:11.5px;display:flex}.catena-riga.totale{border-top:1px solid var(--border);margin-top:4px;padding-top:5px;font-weight:700}.catena-label{color:var(--text-dim)}.catena-valore{font-variant-numeric:tabular-nums;white-space:nowrap}.catena-valore.giu{color:var(--warn)}.catena-nota{color:var(--text-dim);margin:6px 0 0;font-size:11px}.mercato-riga{color:var(--text-dim);justify-content:space-between;gap:8px;margin-bottom:6px;font-size:11px;display:flex}.card.evento{border-color:var(--warn);background:linear-gradient(var(--surface), var(--surface)) padding-box}.card.evento .btn{text-align:left;flex-direction:column;align-items:flex-start;gap:1px}.minigioco{background:var(--bg-alt);border-radius:10px;margin-top:10px;padding:12px}.mg-barra{background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:8px;height:34px;margin-bottom:10px;position:relative;overflow:hidden}.mg-zona{border-left:1px solid var(--good);border-right:1px solid var(--good);background:#4ade8047;position:absolute;top:0;bottom:0}.mg-cursore{background:var(--accent);border-radius:2px;width:4px;margin-left:-2px;position:absolute;top:3px;bottom:3px}.mg-colpi{color:var(--text-dim);justify-content:center;gap:8px;margin-bottom:10px;font-size:18px;display:flex}.mg-colpi .preso{color:var(--good)}.mg-colpi .mancato{color:var(--bad)}.codici{gap:6px;margin:0;padding:0;list-style:none;display:grid}.codici li{letter-spacing:.06em;background:var(--bg-alt);border:1px solid var(--border);-webkit-user-select:all;user-select:all;border-radius:8px;padding:8px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:15px}.card.tutorial{border-color:var(--accent)}.tutorial-chiudi{color:var(--text-dim);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:0;font-size:11px;text-decoration:underline}.mg-grafico{background:var(--surface);border:1px solid var(--border);border-radius:8px;align-items:flex-end;gap:2px;height:90px;margin-bottom:10px;padding:4px;display:flex;overflow:hidden}.mg-candela{border-radius:1px;flex:1;min-width:2px}.mg-nastro{background:var(--surface);border:1px solid var(--border);border-radius:8px;height:56px;margin-bottom:10px;position:relative;overflow:hidden}.mg-nastro:after{content:"";background:var(--border);height:2px;position:absolute;bottom:12px;left:0;right:0}.mg-pezzo{border:1px solid var(--border);background:var(--bg-alt);width:30px;height:30px;color:var(--text-dim);cursor:pointer;border-radius:6px;margin-left:-15px;padding:0;font-size:15px;line-height:1;position:absolute;top:12px}.mg-pezzo.difettoso{border-color:var(--bad);color:var(--bad);transform:rotate(14deg)}.mg-pezzo.scelto{background:var(--good);border-color:var(--good);color:var(--bg);transform:none}.btn.danger{background:var(--bad);border-color:var(--bad);color:#fff}.btn.danger:disabled{opacity:.5}.collo{background:var(--bg-alt);border:none;border-left:3px solid var(--warn);text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;border-radius:8px;margin-top:12px;padding:8px 10px;display:block}.collo-vai{color:var(--accent);white-space:nowrap;font-weight:600}.testata-fabbrica{z-index:20;background:var(--bg);padding-top:10px;position:sticky;top:0}.testata-fabbrica .card{margin-bottom:10px}.selettore-vista{gap:6px;padding-bottom:12px;display:flex}.vista-tab{border:1px solid var(--border);background:var(--bg-alt);color:var(--text-dim);cursor:pointer;border-radius:8px;flex:1;padding:10px 4px;font-size:13px;font-weight:600}.vista-tab.attiva{background:var(--accent);border-color:var(--accent);color:#0b0d12}.reparti-pastiglie{scrollbar-width:none;gap:6px;padding:6px 2px 12px;display:flex;overflow-x:auto}.reparti-pastiglie::-webkit-scrollbar{display:none}.pastiglia{border:1px solid var(--border);background:var(--bg-alt);color:var(--text-dim);white-space:nowrap;cursor:pointer;border-radius:999px;flex:none;align-items:center;gap:6px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.pastiglia.attiva{background:var(--surface-hover);border-color:var(--accent);color:var(--text)}.pastiglia-conto{opacity:.75;font-size:11px;font-weight:700}.pastiglia-pallino{background:var(--good);border-radius:50%;width:7px;height:7px}.pastiglia-freno{color:var(--warn)}.card.magazzino{padding:6px}.risorsa{border-radius:8px;padding:8px 10px;position:relative;overflow:hidden}.risorsa+.risorsa{border-top:1px solid var(--border)}.risorsa-pieno{background:var(--accent);opacity:.13;pointer-events:none;position:absolute;inset:0 auto 0 0}.risorsa-riga{justify-content:space-between;align-items:center;gap:8px;min-height:26px;display:flex;position:relative}.risorsa-nome{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.risorsa-scorta{flex:none;font-size:12px}.risorsa-mercato{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;overflow:hidden}.risorsa-azioni{flex:none;gap:6px;display:flex}.risorsa-azioni .btn{padding:5px 9px;font-size:11.5px}.risorsa-auto{color:var(--good);align-self:center;font-size:11px;font-weight:700}.risorsa-manca{color:var(--text-dim);margin:2px 0 0;font-size:11px;position:relative}.risorsa-manca.ferma{color:var(--warn);font-weight:600}.striscia-vincoli{scrollbar-width:none;gap:6px;padding:6px 2px 12px;display:flex;overflow-x:auto}.striscia-vincoli::-webkit-scrollbar{display:none}.vincolo{border:1px solid var(--border);background:var(--bg-alt);color:var(--text-dim);cursor:pointer;border-radius:10px;flex-direction:column;flex:1 0 auto;align-items:center;gap:1px;padding:8px 10px;line-height:1.2;display:flex}.vincolo-valore{color:var(--text);font-size:14px;font-weight:700}.vincolo-label{white-space:nowrap;font-size:10px}.vincolo.in-crisi{border-color:var(--warn)}.vincolo.in-crisi .vincolo-valore{color:var(--warn)}.vincolo.attivo{background:var(--surface-hover);border-color:var(--accent)}.vincolo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card.edificio{margin-bottom:8px;padding:10px 12px}.card.edificio.aperto{border-color:var(--accent)}.edificio-riga{align-items:center;gap:8px;display:flex}.edificio-testa{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:none;flex:1;align-items:baseline;gap:6px;padding:4px 2px;display:flex}.edificio-icona{flex:none;font-size:15px}.edificio-nome{flex:none;font-size:14px;font-weight:700}.edificio-conto{color:var(--text-dim);font-weight:400}.edificio-ritmo{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:11.5px;overflow:hidden}.edificio-freccia{color:var(--text-dim);flex:none;font-size:9px}.edificio-compra{flex-direction:column;flex:none;gap:0;min-width:96px;padding:6px 10px;line-height:1.15}.edificio-azione{font-size:11px;font-weight:700}.edificio-prezzo{font-size:12.5px;font-weight:700}.edificio-dettagli{border-top:1px solid var(--border);margin-top:8px;padding-top:10px}.edificio-avviso{color:var(--warn);margin:6px 0 0;font-size:11.5px;line-height:1.35}.edificio-avviso.attesa{color:var(--text-dim)}.edificio-testa:focus-visible,.vista-tab:focus-visible,.pastiglia:focus-visible,.collo:focus-visible{outline:2px solid var(--accent);outline-offset:2px}