:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e8ee;--muted: #8b93a7;--up: #22c55e;--down: #ef4444;--accent: #3b82f6;color-scheme:dark;font-family:ui-sans-serif,system-ui,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}.app{max-width:720px;margin:0 auto;padding:2rem 1.25rem 3rem;display:flex;flex-direction:column;gap:1.25rem}.app__header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem}.app__header h1{margin:0;font-size:1.35rem;letter-spacing:-.01em}.badges{display:flex;gap:.5rem}.badge{font-size:.72rem;padding:.25rem .6rem;border-radius:999px;border:1px solid var(--border);background:var(--panel);color:var(--muted)}.badge--online,.badge--connected{color:var(--up);border-color:color-mix(in srgb,var(--up) 40%,transparent)}.badge--offline,.badge--disconnected{color:var(--down);border-color:color-mix(in srgb,var(--down) 40%,transparent)}.alert{margin:0;padding:.7rem .9rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--down) 40%,transparent);background:color-mix(in srgb,var(--down) 12%,transparent);font-size:.88rem}.field{display:flex;flex-direction:column;gap:.4rem}.field span{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}select{padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text);font-size:.95rem}select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.quote{display:flex;flex-direction:column;gap:.3rem;padding:1.25rem;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.quote__label{font-size:.78rem;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.quote__value{font-size:2.5rem;font-weight:600;font-variant-numeric:tabular-nums;transition:color .12s ease}.quote__value--up{color:var(--up)}.quote__value--down{color:var(--down)}.quote__meta{font-size:.82rem;color:var(--muted);font-variant-numeric:tabular-nums}.sparkline{width:100%;height:160px;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.sparkline--empty{display:grid;place-items:center;color:var(--muted);font-size:.88rem}.hint{margin:0;font-size:.8rem;color:var(--muted)}.muted{color:var(--muted);font-size:.85rem}.win{color:var(--up)}.lose{color:var(--down)}.history__summary{margin:0;font-size:.85rem;color:var(--muted)}.result{display:flex;flex-direction:column;gap:.3rem;padding:.6rem .75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);border-left-width:3px}.result--won{border-left-color:var(--up)}.result--lost{border-left-color:var(--down)}.result__profit{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.experiment__rules{margin:0;font-size:.82rem;color:var(--muted);line-height:1.5}.pnl{display:flex;flex-direction:column;gap:.25rem;padding:1.1rem;border-radius:12px;border:1px solid var(--border);background:var(--bg);text-align:center}.pnl--up{border-color:color-mix(in srgb,var(--up) 45%,transparent);background:color-mix(in srgb,var(--up) 10%,transparent)}.pnl--down{border-color:color-mix(in srgb,var(--down) 45%,transparent);background:color-mix(in srgb,var(--down) 10%,transparent)}.pnl__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.pnl__value{font-size:2.2rem;font-weight:700;font-variant-numeric:tabular-nums}.pnl--up .pnl__value{color:var(--up)}.pnl--down .pnl__value{color:var(--down)}.pnl__meta{font-size:.78rem;color:var(--muted)}.experiment__config{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.6rem}.round__stake{color:var(--muted);font-size:.8rem;font-variant-numeric:tabular-nums;min-width:2.6rem}.experiment__actions{display:flex;gap:.6rem}.experiment__actions .bet{flex:1}.bet--stop{background:var(--down)}.bet--ghost{flex:0 0 auto;background:transparent;border:1px solid var(--border);color:var(--muted);font-weight:500}.guardados{display:flex;flex-direction:column;gap:.5rem;padding-top:.6rem;border-top:1px solid var(--border)}.guardados__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.guardado{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.guardado--actual{border-color:color-mix(in srgb,var(--accent) 55%,transparent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.guardado__tag{margin-left:.45rem;font-size:.66rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;padding:.12rem .4rem;border-radius:4px;background:color-mix(in srgb,var(--accent) 30%,transparent);color:var(--text);vertical-align:middle}.guardado__info{display:flex;flex-direction:column;gap:.15rem;font-size:.88rem;min-width:0}.guardado__acciones{display:flex;align-items:center;gap:.6rem}.rounds{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}.round{display:flex;align-items:center;gap:.6rem;padding:.5rem .7rem;border-radius:8px;border:1px solid var(--border);border-left-width:3px;background:var(--bg);font-size:.85rem}.round--won{border-left-color:var(--up)}.round--lost{border-left-color:var(--down)}.round--pending{border-left-color:var(--muted)}.round__n{color:var(--muted);font-variant-numeric:tabular-nums}.round__digits{display:flex;gap:.2rem}.chip{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:5px;border:1px solid var(--border);background:var(--panel);color:var(--muted);font-size:.8rem;font-weight:600;font-variant-numeric:tabular-nums}.chip--hit{border-color:var(--up);background:color-mix(in srgb,var(--up) 25%,transparent);color:var(--text)}.chip--miss{border-color:var(--down);background:color-mix(in srgb,var(--down) 25%,transparent);color:var(--text)}.round__out{font-size:.82rem;color:var(--muted)}.round__out strong{color:var(--text);font-variant-numeric:tabular-nums}.round__wait{margin-left:auto}.round__profit{font-weight:700;font-variant-numeric:tabular-nums;min-width:3.4rem;text-align:right}.round--won .round__profit{color:var(--up)}.round--lost .round__profit{color:var(--down)}.trade,.portfolio{display:flex;flex-direction:column;gap:.9rem;padding:1.1rem;border-radius:12px;border:1px solid var(--border);background:var(--panel)}.trade__head,.portfolio__head{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.trade h2,.portfolio h2{margin:0;font-size:1rem}.trade__warning{font-size:.7rem;font-weight:700;letter-spacing:.08em;padding:.25rem .6rem;border-radius:999px;background:var(--down);color:#fff}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:.35rem;padding:.25rem;border-radius:8px;background:var(--bg);border:1px solid var(--border)}.tab{padding:.5rem;border-radius:6px;border:none;background:transparent;color:var(--muted);font-size:.88rem;cursor:pointer}.tab--on{background:var(--panel);color:var(--text);font-weight:600}.trade__dirs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.trade__dirs--four{grid-template-columns:repeat(4,1fr)}.trade__dirs--four .dir{padding:.6rem .3rem;font-size:.85rem}.digits{display:flex;flex-direction:column;gap:.55rem}.digits__label{font-size:.82rem;color:var(--muted)}.digits__current{display:inline-block;min-width:1.6rem;text-align:center;padding:.1rem .35rem;border-radius:5px;background:color-mix(in srgb,var(--accent) 22%,transparent);color:var(--text);font-variant-numeric:tabular-nums}.digits__grid{display:grid;grid-template-columns:repeat(10,1fr);gap:.3rem}.digit{padding:.55rem 0;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.9rem;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .12s ease}.digit--on{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 25%,transparent);font-weight:700}.digit--live{box-shadow:inset 0 -2px 0 var(--up)}.digits__actions{display:flex;gap:.9rem}.trade__result--partial{border-color:color-mix(in srgb,var(--down) 40%,transparent);background:color-mix(in srgb,var(--down) 12%,transparent)}.outcomes{list-style:none;margin:.4rem 0 0;padding:0;display:flex;flex-direction:column;gap:.2rem;font-size:.82rem;font-variant-numeric:tabular-nums}.dir{padding:.7rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--muted);font-size:.95rem;font-weight:600;cursor:pointer;transition:all .12s ease}.dir--on.dir--up{border-color:var(--up);color:var(--up);background:color-mix(in srgb,var(--up) 14%,transparent)}.dir--on.dir--down{border-color:var(--down);color:var(--down);background:color-mix(in srgb,var(--down) 14%,transparent)}.trade__inputs{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}input[type=number]{padding:.6rem .7rem;border-radius:8px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.95rem;font-variant-numeric:tabular-nums;width:100%}input[type=number]:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.trade__quote{display:flex;flex-direction:column;gap:.2rem;min-height:2.6rem;font-size:.9rem}.bet{padding:.85rem;border-radius:8px;border:none;background:var(--accent);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.bet:disabled{opacity:.45;cursor:not-allowed}.trade__longcode,.position__longcode{margin:0;font-size:.8rem;color:var(--muted);line-height:1.4}.trade__result{margin:0;padding:.7rem .9rem;border-radius:8px;border:1px solid color-mix(in srgb,var(--up) 40%,transparent);background:color-mix(in srgb,var(--up) 12%,transparent);font-size:.88rem}.link{background:none;border:none;color:var(--accent);font-size:.82rem;cursor:pointer;padding:0}.portfolio__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.6rem}.position{display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:8px;border:1px solid var(--border);background:var(--bg)}.position__main{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-size:.9rem}.tag{font-size:.7rem;font-weight:700;padding:.2rem .45rem;border-radius:4px}.tag--up{background:color-mix(in srgb,var(--up) 20%,transparent);color:var(--up)}.tag--down{background:color-mix(in srgb,var(--down) 20%,transparent);color:var(--down)}.sell{align-self:flex-start;padding:.4rem .75rem;border-radius:6px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.82rem;cursor:pointer}.sell:disabled{opacity:.5;cursor:not-allowed}.bet--ver{background:transparent;border:1px solid var(--accent);color:var(--accent)}.vista{--barra: 64px;--controles: 62px;--cabecera: calc(var(--barra) + var(--controles));position:fixed;inset:0;z-index:50;background:var(--bg);overflow:hidden}.vista__barra{position:absolute;inset:0 0 auto;height:var(--barra);display:flex;align-items:center;gap:1.25rem;padding:0 1.25rem;border-bottom:1px solid var(--border);background:var(--panel);z-index:3}.vista__titulo{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.vista__titulo h1{margin:0;font-size:1.1rem}.vista__cifras{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.vista__neto{font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums}.vista__cerrar{padding:.5rem 1rem;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text);font-size:.88rem;cursor:pointer}.vista__progreso{position:absolute;top:var(--cabecera);left:0;right:0;height:3px;background:var(--panel);z-index:3}.vista__lienzo{position:absolute;inset:calc(var(--cabecera) + 3px) 0 0 0;z-index:1}.vista__svg{width:100%;height:100%;display:block}.vista__eje{fill:var(--muted);font-size:13px}.flotante{position:absolute;top:calc(var(--cabecera) + 20px);bottom:1.25rem;width:min(330px,26vw);z-index:2;display:flex;flex-direction:column;gap:.5rem;padding:.9rem;border-radius:14px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 82%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 12px 32px #00000073;overflow:hidden}.flotante--izq{left:1.25rem}.flotante--der{right:1.25rem}.flotante__cab{display:flex;align-items:baseline;justify-content:space-between;gap:.5rem}.flotante__cab h2{margin:0;font-size:.8rem;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;overflow-y:auto;flex:1;min-height:0}.lista--corta{flex:0 0 auto;max-height:25%}.fila{display:flex;align-items:center;gap:.45rem;padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);border-left-width:3px;background:color-mix(in srgb,var(--bg) 75%,transparent);font-size:.8rem}.fila--won{border-left-color:var(--up)}.fila--lost{border-left-color:var(--down)}.fila--plan{border-left-color:var(--accent)}.fila__hora{font-variant-numeric:tabular-nums;color:var(--muted);min-width:4.2rem}.fila__profit{margin-left:auto;font-weight:700;font-variant-numeric:tabular-nums}.fila__id{margin-left:auto}.progreso__hecho{height:100%;background:var(--accent);transition:width .4s ease}@media(max-width:900px){.flotante{position:static;width:auto;max-height:38vh;margin:0 1rem 1rem}.vista{overflow-y:auto}.vista__lienzo{position:static;height:40vh;margin-top:calc(var(--cabecera) + 8px)}}.vista__controles{position:absolute;top:var(--barra);left:0;right:0;height:var(--controles);display:flex;align-items:center;gap:.9rem;padding:0 1.25rem;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 92%,transparent);z-index:3;overflow-x:auto}.control{display:flex;flex-direction:column;gap:.15rem;flex:0 0 auto}.control span{font-size:.66rem;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.control select,.control input{padding:.35rem .5rem;border-radius:6px;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.85rem;max-width:230px}.control--corto input{width:90px}.control__resumen{margin-left:auto;white-space:nowrap;font-size:.78rem}.control__accion{flex:0 0 auto;padding:.55rem 1.1rem;font-size:.9rem}@media(max-width:900px){.vista__controles{position:static;height:auto;flex-wrap:wrap;padding:.75rem 1rem;margin-top:var(--barra)}.control__resumen{margin-left:0;white-space:normal}}.vista__valor{fill:var(--text);font-size:15px;font-weight:700}.vista__espera{fill:var(--muted);font-size:20px}.vista__tabs{position:absolute;top:.75rem;left:50%;transform:translate(-50%);display:flex;gap:.25rem;padding:.25rem;border-radius:8px;border:1px solid var(--border);background:color-mix(in srgb,var(--panel) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2}.vista__precio{font-size:26px;font-weight:700}