.lf{--own: #4fc3f7;--enemy: #ff7a59;--gold: #ffcc4d;--line: #26304a;height:100dvh;max-width:1100px;margin:0 auto;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"top" "hud" "map" "sheet";padding:.3rem .5rem calc(.4rem + env(safe-area-inset-bottom));gap:.35rem;position:relative;overflow:hidden}body{background:#04050d}.lf-top{grid-area:top;display:flex;align-items:center;gap:.4rem}.lf-top .back{text-decoration:none;color:var(--muted);font-size:.85rem}.lf-title{margin-right:auto;margin-left:.4rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;font-size:.85rem;color:var(--gold)}.icon-btn{background:var(--panel);color:var(--text);width:2.1rem;height:2.1rem;border-radius:50%;padding:0;font-size:1rem}.icon-btn.small{width:1.9rem;height:1.9rem;font-size:.9rem;opacity:.8}.hud{grid-area:hud;display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .8rem;font-size:.82rem}.hud .chip{background:var(--panel);border-radius:999px;padding:.2rem .6rem;white-space:nowrap}.hud .score b.own{color:var(--own)}.hud .score b.enemy{color:var(--enemy)}.hud .beacon{color:var(--gold)}.pips{display:inline-flex;gap:3px;vertical-align:middle}.pip{width:9px;height:9px;border-radius:50%;border:1px solid var(--own)}.pip.on{background:var(--own)}.pip.used{background:transparent;opacity:.35}.map-wrap{grid-area:map;position:relative;min-height:0;border-radius:12px;overflow:hidden;border:1px solid var(--line)}#map{width:100%;height:100%;display:block;touch-action:none}.log{position:absolute;left:.4rem;top:.3rem;margin:0;padding:0;list-style:none;font-size:.72rem;pointer-events:none;max-width:75%;text-shadow:0 1px 2px #000}.log li{opacity:.55}.log li:last-child{opacity:1}.log .own{color:var(--own)}.log .enemy{color:var(--enemy)}.log .gold{color:var(--gold)}.map-tools{position:absolute;right:.4rem;top:.4rem}.sheet{grid-area:sheet;background:var(--panel);border-radius:14px;padding:.5rem .6rem;display:flex;flex-direction:column;gap:.45rem;font-size:.85rem}.sheet .row{display:flex;flex-wrap:wrap;gap:.35rem;align-items:center}.sheet .grow{flex:1}.sheet button{padding:.5em .75em;font-size:.85rem;border-radius:9px}.sheet button.ghost{background:#232c3e;color:var(--text);border:1px solid #33405a}.sheet button.on{outline:2px solid var(--gold)}.sheet button.flare{background:#3a2a10;color:var(--gold);border:1px solid #6a4d18}.sheet button.advance{margin-left:auto;background:var(--gold);color:#241a00;min-width:6.5rem}.card-title{font-weight:700}.card-title .own{color:var(--own)}.card-title .enemy{color:var(--enemy)}.hint{color:var(--muted);font-size:.78rem}.warn{color:var(--gold);font-size:.78rem}.coach{font-size:.78rem;color:#ffe3a3;background:#ffcc4d14;border-left:3px solid var(--gold);padding:.25rem .45rem;border-radius:6px}.sheet button small{font-weight:400;opacity:.8}.pending{display:flex;flex-wrap:wrap;gap:.3rem}.pending .tx{background:#10283a;border:1px solid #1f4d6b;color:var(--own);border-radius:999px;padding:.15rem .3rem .15rem .55rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.25rem}.pending .tx button{background:none;color:var(--muted);padding:0 .3rem;font-size:.85rem}.slider{width:100%}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#02030ad1;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:10}.overlay[hidden]{display:none}.overlay-card{background:#121829;border:1px solid var(--line);border-radius:16px;padding:1.1rem 1.2rem;max-width:30rem;width:100%;max-height:100%;overflow:auto}.overlay-card h1{margin:0 0 .2rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:1.5rem}.overlay-card h2{margin:.2rem 0 .4rem}.overlay-card .tag{color:var(--muted);font-style:italic;margin-top:0}.overlay-card p,.overlay-card li{line-height:1.4;font-size:.9rem}.overlay-card ul{padding-left:1.2rem}.choices{display:flex;flex-direction:column;gap:.5rem;margin:.8rem 0}.choices button{text-align:left;background:#1b2338;color:var(--text);border:1px solid #2c3858}.choices button small{display:block;color:var(--muted);font-weight:400}.choices button.primary{background:var(--gold);color:#241a00;border:none}.stats{display:grid;grid-template-columns:auto auto;gap:.2rem 1rem;font-size:.88rem;margin:.6rem 0}.stats span:nth-child(odd){color:var(--muted)}.win{color:var(--gold)}.loss{color:var(--enemy)}@media (orientation: landscape) and (min-width: 720px){.lf{grid-template-columns:minmax(0,1fr) 330px;grid-template-rows:auto auto minmax(0,1fr);grid-template-areas:"top top" "hud hud" "map sheet"}.sheet{overflow:auto}}.run-head{display:flex;justify-content:space-between;gap:.6rem;font-size:.85rem;color:var(--muted)}.run-head b{color:var(--text)}.run-head .conf{color:var(--gold);letter-spacing:.1em}.steps{display:flex;gap:.5rem;justify-content:center;margin:.4rem 0 .2rem;font-size:1rem;color:#3a4560}.steps .done{color:var(--own)}.steps .here{color:var(--gold);transform:scale(1.4)}.note{background:#4fc3f714;border-left:3px solid var(--own);padding:.35rem .55rem;border-radius:6px;font-size:.85rem}.kicon{margin-right:.2rem}details{margin:.5rem 0;font-size:.85rem}summary{cursor:pointer;color:var(--muted)}.roster{display:flex;flex-direction:column;gap:.35rem;margin:.4rem 0}.ship{background:#182035;border:1px solid #263150;border-radius:10px;padding:.35rem .5rem;font-size:.82rem}.ship small{color:var(--muted);font-weight:400}.ship-row{display:flex;align-items:center;gap:.4rem;margin-top:.2rem;flex-wrap:wrap}.hp{display:inline-block;width:5.5rem;height:6px;background:#0b0f1c;border-radius:3px;overflow:hidden}.hp span{display:block;height:100%}.hp .ok{background:#7ee081}.hp .mid{background:#ffcc4d}.hp .low{background:#ff5252}button.mini{padding:.25em .55em;font-size:.75rem;border-radius:7px;margin-left:auto}button.ghosty{background:#1b2338;color:var(--text);border:1px solid #2c3858}.refits,.buy{display:flex;flex-wrap:wrap;gap:.3rem;margin-top:.3rem}.refits button.mini,.buy button.mini{margin-left:0}.small{font-size:.8rem}.records{padding-left:1rem;font-size:.8rem}.records small{color:var(--muted)}
