:root{background-color:#090f1f;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.4}body{background:radial-gradient(circle at top,#111c35 0,#080d19 55%);min-width:320px;margin:0}a{color:inherit}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.app{color:#d3def8;max-width:1320px;margin:0 auto;padding:1rem}header h1{color:#7de9ff;margin:0}header p{color:#94a7cf;margin:.4rem 0 1rem}.layout{grid-template-columns:1.3fr 1fr;gap:1rem;display:grid}.left-column,.right-column{flex-direction:column;gap:1rem;display:flex}.card{background:linear-gradient(160deg,#121a30,#0f1629);border:1px solid #24314f;border-radius:12px;padding:.85rem;box-shadow:inset 0 0 0 1px #567ad624}.resource-bar{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:.6rem;margin-bottom:1rem;display:grid}.resource-bar span{color:#86a0cf;font-size:.75rem;display:block}.resource-bar strong{font-size:1.02rem}.tabs{flex-wrap:wrap;gap:.5rem;display:flex}button{color:#d5e2ff;cursor:pointer;background:#1d2a47;border:1px solid #2f4f82;border-radius:8px;padding:.5rem .75rem}button:hover{background:#25385f}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}button.active{background:#2f4f82;border-color:#62e8ff}.grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.65rem;display:grid}.item-card{background:#10192f;border:1px solid #2b3a5e;border-radius:10px;padding:.7rem}.item-card h3{margin:0}.item-card p{color:#adc0e9;margin:.4rem 0}.item-card small{color:#86a0cf;margin-bottom:.5rem;display:block}.stack{flex-direction:column;gap:.5rem;display:flex}.row{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.log-list{max-height:240px;font-size:.85rem;overflow-y:auto}.log-list p{margin:.3rem 0}.danger{color:#ff7f8d}.success{color:#8af4b6}.phaser-host{width:100%;min-height:220px}.phaser-host canvas{border-radius:8px;max-width:100%}.offline-modal{background:#03060cbf;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-content{width:100%;max-width:360px}@media (width<=1000px){.layout{grid-template-columns:1fr}}