:root{font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:#0a0e1a;color:#e8f0ff}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0a0e1a}::-webkit-scrollbar-thumb{background:#1e2d4d;border-radius:2px}.df-root{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#0d0d0d;position:relative;overflow:hidden;transition:background 1s}.df-root.phase-downloading{background:radial-gradient(ellipse at center,#0a1a0a,#060d06)}.df-root.phase-done{background:radial-gradient(ellipse at center,#0a100a,#050d05)}.df-root.phase-error{background:radial-gradient(ellipse at center,#1a0a0a,#0d0505)}.bg-particle{position:fixed;border-radius:50%;background:radial-gradient(circle,rgba(80,200,80,.6) 0%,transparent 70%);animation:floatUp linear forwards;pointer-events:none;bottom:-20px}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:.7}to{transform:translateY(-100vh) scale(.2);opacity:0}}.df-card{width:100%;max-width:580px;background:#111;border:1px solid #222;border-radius:16px;overflow:hidden;box-shadow:0 20px 80px #000c,0 0 0 1px #ffffff0a;position:relative;z-index:10}.df-header{background:linear-gradient(135deg,#1a2e1a,#142814);padding:20px 24px 16px;border-bottom:1px solid #1e3e1e;text-align:center}.df-title{font-size:1.5rem;font-weight:900;color:#4ade80;letter-spacing:2px;text-shadow:0 0 20px rgba(74,222,128,.5);position:relative}.df-title.glitch{animation:glitch .15s steps(2) forwards}@keyframes glitch{0%{transform:translate(-2px) skew(-1deg);color:#f44}25%{transform:translate(2px,-1px) skew(1deg);color:#4f4}50%{transform:translate(-1px,1px);color:#44f}to{transform:translate(0);color:#4ade80}}.df-subtitle{font-size:.72rem;color:#3a6e3a;margin-top:4px;letter-spacing:.5px}.df-idle{padding:28px 28px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.idle-pump{font-size:5rem;animation:idleBounce 2s ease-in-out infinite;filter:drop-shadow(0 0 20px rgba(74,222,128,.4))}@keyframes idleBounce{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-10px) rotate(3deg)}}.idle-text{color:#ccc;line-height:1.8;font-size:.95rem}.idle-text strong{color:#4ade80}.idle-note{margin-top:8px;font-size:.78rem;color:#4ade80;background:#4ade800f;border:1px solid rgba(74,222,128,.15);border-radius:6px;padding:6px 12px}.idle-specs{display:grid;grid-template-columns:1fr 1fr;gap:8px;width:100%}.spec-item{background:#0d1a0d;border:1px solid #1e3e1e;border-radius:8px;padding:8px 12px;font-size:.78rem;color:#8c8;display:flex;align-items:center;gap:6px}.spec-item span{font-size:1rem}.idle-disclaimer{font-size:.68rem;color:#334;font-style:italic}.df-btn-start{background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;border:none;border-radius:10px;padding:14px 36px;font-size:1.05rem;font-weight:800;cursor:pointer;letter-spacing:1px;transition:all .2s;box-shadow:0 4px 24px #16a34a66;text-transform:uppercase}.df-btn-start:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 8px 32px #16a34a99}.df-btn-secondary{background:#1a1a1a;color:#888;border:1px solid #333;border-radius:10px;padding:12px 24px;font-size:.9rem;cursor:pointer;transition:all .2s}.df-btn-secondary:hover{color:#ccc;border-color:#555}.df-downloading{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.tank-wrapper{display:flex;flex-direction:column;align-items:center;gap:6px}.tank-label{font-size:.72rem;color:#4a7e4a;text-transform:uppercase;letter-spacing:1px}.tank-body{width:220px;height:110px;background:#0a140a;border:2px solid #1e4e1e;border-radius:10px;overflow:hidden;position:relative}.tank-fill{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,#22c55e,#16a34a 60%,#15803d);transition:height .3s ease;overflow:hidden}.fuel-wave{position:absolute;top:-8px;left:-50%;width:200%;height:16px;background:#ffffff26;border-radius:50%;animation:wave 1.5s linear infinite}.fuel-wave.wave2{top:-5px;animation:wave 2s linear infinite reverse;opacity:.6}@keyframes wave{0%{transform:translate(0)}to{transform:translate(50%)}}.tank-pct{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.4rem;font-weight:900;color:#ffffffe6;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:2;pointer-events:none}.drop-zone{position:absolute;inset:0;pointer-events:none;overflow:hidden}.fuel-drop{position:absolute;top:-10px;width:7px;height:12px;background:radial-gradient(ellipse at 40% 30%,#6ee77a,#16a34a);border-radius:50% 50% 60% 60%;animation:dropFall .8s ease-in forwards}@keyframes dropFall{0%{top:-10px;opacity:1}to{top:110%;opacity:0;transform:scaleX(.6)}}.tank-liters{font-size:.8rem;color:#4ade80;font-family:Courier New,monospace;font-weight:700}.df-stats{background:#0a0a0a;border:1px solid #1a2e1a;border-radius:8px;padding:12px 16px;display:flex;flex-direction:column;gap:5px}.stat-row{display:flex;justify-content:space-between;font-size:.78rem}.stat-label{color:#4a6e4a}.stat-val{color:#8c8;font-family:Courier New,monospace;font-weight:700}.fuel-type{color:#4ade80}.server-name{color:#60a5fa;font-size:.7rem}.speed-val{color:#facc15}.progress-section{display:flex;flex-direction:column;gap:4px}.progress-track{height:18px;background:#0a0a0a;border:1px solid #1a2e1a;border-radius:20px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#15803d,#22c55e,#4ade80);background-size:200% 100%;border-radius:20px;transition:width .1s linear;position:relative;overflow:hidden;animation:progressPulse 1.5s linear infinite}@keyframes progressPulse{0%{background-position:100% 0}to{background-position:-100% 0}}.progress-shine{position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shine 1.5s linear infinite}@keyframes shine{0%{left:-60%}to{left:150%}}.progress-labels{display:flex;justify-content:space-between;font-size:.72rem;color:#4a7e4a;font-family:Courier New,monospace}.df-log{background:#050505;border:1px solid #111;border-radius:8px;padding:10px 12px;max-height:120px;overflow-y:auto;font-family:Courier New,monospace;font-size:.7rem;display:flex;flex-direction:column;gap:3px}.df-log::-webkit-scrollbar{width:3px}.df-log::-webkit-scrollbar-thumb{background:#1a3e1a;border-radius:2px}.log-entry{color:#3a6e3a;line-height:1.4}.log-latest{color:#4ade80}.log-cursor{color:#22c55e;animation:cursorBlink .8s step-end infinite;font-size:.65rem}@keyframes cursorBlink{0%,to{opacity:1}50%{opacity:0}}.df-done{padding:28px 28px 20px;display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center}.done-icon{font-size:4rem;animation:donePop .5s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes donePop{0%{transform:scale(0) rotate(-20deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.done-title{font-size:1.4rem;font-weight:900;color:#4ade80;letter-spacing:2px;text-shadow:0 0 30px rgba(74,222,128,.6)}.done-stats{display:flex;gap:20px}.done-stat{display:flex;flex-direction:column;align-items:center;gap:2px;background:#0a140a;border:1px solid #1e3e1e;border-radius:10px;padding:12px 20px}.done-stat strong{font-size:1.4rem;color:#4ade80}.done-stat span{font-size:.7rem;color:#4a7e4a}.done-msg{background:#080e08;border:1px solid #1a3a1a;border-radius:8px;padding:14px 16px;text-align:left;width:100%;font-size:.78rem;display:flex;flex-direction:column;gap:6px;color:#8c8}.done-msg code{background:#0d200d;padding:1px 5px;border-radius:3px;font-size:.72rem;color:#60a5fa}.done-warn{color:#f59e0b!important;margin-top:4px}.done-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.df-error{padding:28px;display:flex;flex-direction:column;align-items:center;gap:16px;text-align:center}.df-error h2{color:#ef4444;font-size:1.3rem;letter-spacing:2px;text-shadow:0 0 20px rgba(239,68,68,.5)}.error-icon{font-size:3.5rem;animation:shake .4s ease-in-out 3}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px) rotate(-2deg)}75%{transform:translate(8px) rotate(2deg)}}.error-msg{color:#fca5a5;font-size:.88rem}.error-log{background:#0d0505;border:1px solid #3a1010;border-radius:8px;padding:12px 16px;text-align:left;width:100%;font-family:Courier New,monospace;font-size:.7rem;color:#ef4444;display:flex;flex-direction:column;gap:4px}.df-footer{padding:10px 20px;background:#080808;border-top:1px solid #111;text-align:center;font-size:.65rem;color:#222}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;background:#0d0d0d;color:#fff;font-family:Segoe UI,system-ui,sans-serif;overflow-x:hidden}#root{min-height:100vh}