:root{--bg:#050812;--panel:#07111f;--line:#8bfff047;--line2:#ffd84a61;--text:#eaffff;--muted:#8fa5b8;--cyan:#8bfff0;--gold:#ffd84a;--green:#84ff9d;--red:#ff695c}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--text);background:radial-gradient(circle at 50% -20%,#268caa38,#0000 34%),linear-gradient(#07101d,#02040a);margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}body:before{content:"";pointer-events:none;opacity:.85;background-image:linear-gradient(#8bfff00b 1px,#0000 1px),linear-gradient(90deg,#8bfff00b 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0}.app{z-index:1;max-width:1500px;margin:0 auto;padding:18px 14px 90px;position:relative}.top{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px;padding:12px 0 18px;display:flex}.brand{letter-spacing:6px;color:var(--gold);text-transform:uppercase;font-size:clamp(28px,5vw,58px);font-weight:900}.sub{color:var(--muted);letter-spacing:2px;text-transform:uppercase;margin-top:8px;font-size:13px;line-height:1.55}.badge{border:1px solid var(--line2);color:var(--gold);text-transform:uppercase;letter-spacing:2px;background:#ffd84a0a;border-radius:12px;padding:11px 14px}.toolbar{flex-wrap:wrap;gap:9px;margin:10px 0 14px;display:flex}.btn,button,label.fileBtn{border:1px solid var(--line);color:var(--cyan);font:inherit;letter-spacing:1.2px;text-transform:uppercase;cursor:pointer;background:#001220d1;border-radius:14px;align-items:center;gap:8px;padding:12px 14px;font-weight:900;text-decoration:none;display:inline-flex}.btn.gold,button.gold{color:var(--gold);border-color:var(--line2);background:#ffd84a0f}button:hover,.btn:hover,label.fileBtn:hover{background:#8bfff014}input[type=file]{display:none}input,textarea{width:100%;color:var(--text);font:inherit;background:#02060c;border:1px solid #8bfff02e;border-radius:14px;padding:12px}textarea{resize:vertical;min-height:260px}.grid{grid-template-columns:360px minmax(0,1fr) 380px;gap:12px;display:grid}.grid.two{grid-template-columns:1fr 1fr;margin-top:12px}.card{border:1px solid var(--line);background:#07111fe6;border-radius:18px;margin-bottom:12px;padding:14px;box-shadow:inset 0 0 34px #8bfff009}.card h2{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;margin:0 0 10px;font-size:18px}.card h3{color:var(--gold);letter-spacing:1px;text-transform:uppercase;margin:14px 0 8px;font-size:14px}.statusRow{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.stat{background:#0000003d;border:1px solid #8bfff024;border-radius:12px;min-height:64px;padding:10px}.stat b{color:var(--muted);text-transform:uppercase;letter-spacing:1px;font-size:10px;display:block}.stat span{color:var(--green);word-break:break-word;margin-top:7px;font-size:13px;font-weight:900;display:block}.drop{text-align:center;background:#8bfff009;border:2px dashed #8bfff061;border-radius:18px;margin:10px 0;padding:24px}.log{white-space:pre-wrap;word-break:break-word;color:#dff;background:#00000059;border:1px solid #8bfff029;border-radius:16px;max-height:420px;padding:12px;font-size:12px;line-height:1.55;overflow:auto}.log.small{max-height:260px}.navPanel{border-right:1px solid var(--line);z-index:20;background:#03070efa;width:min(440px,92vw);padding:16px;transition:all .22s;position:fixed;top:0;bottom:0;left:0;overflow:auto;transform:translate(-105%)}.navPanel.open{transform:translate(0)}.navPanel.right{border-right:0;border-left:1px solid var(--line);left:auto;right:0;transform:translate(105%)}.navPanel.right.open{transform:translate(0)}.navPanel h2{color:var(--gold);letter-spacing:3px}.navItem{color:var(--text);background:#8bfff009;border:1px solid #8bfff029;border-radius:12px;margin:7px 0;padding:11px;text-decoration:none;display:block}.navItem small{color:var(--muted);margin-top:4px;display:block}.pageList{grid-template-columns:1fr;gap:8px;max-height:80vh;display:grid;overflow:auto}.pageBtn,.engineBtn{cursor:pointer;text-align:left;color:var(--text);background:#0000003d;border:1px solid #8bfff029;border-radius:12px;width:100%;padding:10px;display:block}.pageBtn b,.engineBtn b{color:var(--cyan);display:block}.pageBtn small,.engineBtn small{color:var(--muted);word-break:break-word;margin-top:4px;display:block}.engineDeck{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:8px;display:grid}.progress{background:#02060c;border:1px solid #8bfff02e;border-radius:999px;height:12px;overflow:hidden}.bar{background:linear-gradient(90deg,var(--cyan),var(--gold));height:100%;transition:all .12s}.coin{z-index:60;color:#03110c;letter-spacing:2px;background:linear-gradient(135deg,#ffe16a,#80ff9f);border-radius:999px;padding:12px 18px;font-weight:900;display:none;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 0 38px #ffd84a8c}.coin.show{animation:1.5s both bling;display:block}@keyframes bling{0%{opacity:0;transform:translate(-50%,-20px)scale(.7)}25%{opacity:1;transform:translate(-50%)scale(1.08)}70%{opacity:1}to{opacity:0;transform:translate(-50%,-8px)scale(.94)}}@media (width<=1150px){.grid,.grid.two{grid-template-columns:1fr}.statusRow{grid-template-columns:1fr 1fr}}@media (width<=640px){.statusRow{grid-template-columns:1fr}.brand{letter-spacing:3px}.toolbar .btn,.toolbar button,.toolbar label{flex:100%;justify-content:center}}
