:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-h:#1a1d24;--muted:#5c6578;--panel-border:#e1e4e8;--panel:#f4f6f9;--code-bg:#f4f3ec;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--text-h:#f3f4f6;--muted:#9ca3af;--panel-border:#2e303a;--panel:#16171d;--code-bg:#1f2028}}*,:before,:after{box-sizing:border-box}html{background:var(--panel)}body{background:var(--panel);min-height:100svh;margin:0}#root{width:100%;max-width:none;min-height:100svh;text-align:initial;background:var(--panel);border:none;margin:0}.TradingApp{--panel:#f4f6f9;--panel-border:#e1e4e8;--text:#1a1d24;--muted:#5c6578;--buy:#089981;--sell:#f23645;min-height:100svh;color:var(--text);background:var(--panel);flex-direction:column;display:flex}.TradingApp--dark{--panel:#0d0e12;--panel-border:#2a2e39;--text:#eaecef;--muted:#9aa3b5;--buy:#26a69a;--sell:#ef5350;background:#0d0e12}.TradingApp-header{border-bottom:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel) 92%, #000 8%);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1.25rem;display:flex}.TradingApp--dark .TradingApp-header{background:#131722}.TradingApp-brand{align-items:baseline;gap:.75rem;display:flex}.TradingApp-title{letter-spacing:-.02em;font-size:1.1rem;font-weight:600}.TradingApp-symbol{background:color-mix(in srgb, var(--buy) 18%, transparent);color:var(--buy);border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.TradingApp-controls{flex-wrap:wrap;gap:.5rem;display:flex}.TradingApp-main{flex:1;grid-template-columns:1fr min(360px,100%);gap:0;min-height:0;display:grid}@media (width<=900px){.TradingApp-main{grid-template-rows:minmax(280px,45vh) auto;grid-template-columns:1fr}}.ChartWrap{position:relative}.TradingApp-chart{border-right:1px solid var(--panel-border);background:#fff;min-height:420px}.TradingApp--dark .TradingApp-chart{border-right-color:var(--panel-border);background:#131722}.ChartHost{width:100%;height:min(70vh,640px);min-height:360px}@media (width<=900px){.ChartHost{height:42vh;min-height:280px}}.TradingApp-panel{background:var(--panel);flex-direction:column;gap:1.25rem;padding:1rem 1.1rem 1.5rem;display:flex;overflow-y:auto}.MatchTimerPanel{border:1px solid var(--panel-border,#e1e4e8);background:linear-gradient(145deg, color-mix(in srgb, #2962ff 12%, var(--panel,#f4f6f9)), var(--panel,#f4f6f9));border-radius:10px;flex-direction:column;align-items:stretch;gap:.2rem;padding:.75rem .85rem;display:flex}.TradingApp--dark .MatchTimerPanel{background:linear-gradient(145deg,#17254a,#16171d);border-color:#2e303a}.MatchTimer-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted,#5c6578);font-size:.65rem;font-weight:700}.MatchTimer-value{font-variant-numeric:tabular-nums;letter-spacing:.04em;color:var(--text,#1a1d24);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.65rem;font-weight:800;line-height:1.15}.TradingApp--dark .MatchTimer-value{color:#f3f4f6}.MatchTimer-meta{color:var(--muted,#5c6578);font-size:.72rem}.StatGrid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.Stat{border:1px solid var(--panel-border);background:color-mix(in srgb, var(--panel) 70%, #fff 30%);border-radius:8px;flex-direction:column;gap:.15rem;padding:.6rem .75rem;display:flex}.TradingApp--dark .Stat{background:#16171d}.Stat-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:.7rem}.Stat-value{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;font-weight:600}.Stat-value--up{color:var(--buy)}.Stat-value--down{color:var(--sell)}.PanelHeading{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 .5rem;font-size:.8rem;font-weight:600}.PositionBlock,.OrderBlock,.TradesBlock{border-top:1px solid var(--panel-border);padding-top:1rem}.PositionLine{color:var(--muted);margin:.25rem 0;font-size:.9rem}.PositionLine strong{color:var(--text);font-weight:600}.FieldLabel{color:var(--muted);margin-bottom:.35rem;font-size:.75rem;display:block}.QtyInput{box-sizing:border-box;border:1px solid var(--panel-border);width:100%;color:var(--text);background:#fff;border-radius:6px;padding:.55rem .65rem;font-family:ui-monospace,monospace;font-size:1rem}.TradingApp--dark .QtyInput{color:var(--text);background:#1e222d;border-color:#363a45}.OrderButtons{grid-template-columns:1fr 1fr;gap:.5rem;margin-top:.65rem;display:grid}.OrderButtons--four{grid-template-columns:1fr 1fr}.Btn{cursor:pointer;color:#fff;background:#2962ff;border:none;border-radius:6px;padding:.55rem .85rem;font-size:.875rem;font-weight:600}.Btn:hover{filter:brightness(1.06)}.Btn--ghost{color:var(--text);border:1px solid var(--panel-border);background:0 0}.Btn--buy{background:var(--buy);color:#fff}.Btn--sell{background:var(--sell);color:#fff}.Btn--short{color:#fff;background:linear-gradient(145deg,#d97706,#b45309)}.Btn--cover{color:#fff;background:linear-gradient(145deg,#0284c7,#0369a1)}.Btn--danger{width:100%;color:var(--sell);border:1px solid color-mix(in srgb, var(--sell) 45%, transparent);background:0 0}.FormError{color:var(--sell);margin:.5rem 0 0;font-size:.8rem}.PanelActions{margin-top:.25rem}.TradesList{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.TradesItem{border-bottom:1px solid var(--panel-border);color:var(--muted);padding:.35rem 0;font-family:ui-monospace,monospace;font-size:.78rem}.Side-buy{color:var(--buy);font-weight:700}.Side-sell{color:var(--sell);font-weight:700}.Side-short{color:#f59e0b;font-weight:700}.Side-cover{color:#38bdf8;font-weight:700}.TradingApp--dark .Side-short{color:#fbbf24}.TradingApp--dark .Side-cover{color:#7dd3fc}.TradingApp-footer{color:var(--muted);text-align:center;padding:1.5rem 1rem;font-size:.7rem}.TradingApp-backlink{color:var(--muted);margin-right:.75rem;font-size:.8rem;font-weight:600;text-decoration:none}.TradingApp-backlink:hover{color:var(--text)}.TradingApp--dark .TradingApp-backlink{color:var(--muted)}.TradingApp--dark .TradingApp-backlink:hover{color:var(--text)}.MatchMeta{color:var(--muted);font-size:.8rem;font-weight:500}.Landing{color:#0f131a;min-height:100svh;position:relative;overflow-x:hidden}.Landing-bg{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% -15%,#2962ff33,#0000 52%),radial-gradient(70% 50% at 100% 30%,#0899811f,#0000 50%),linear-gradient(185deg,#eef2f8 0%,#e8ecf4 45%,#e4e9f1 100%);position:fixed;inset:0}@media (prefers-color-scheme:dark){.Landing{color:#e8eaed}.Landing-bg{background:radial-gradient(120% 90% at 50% -15%,#2962ff52,#0000 52%),radial-gradient(70% 50% at 100% 30%,#08998124,#0000 50%),linear-gradient(185deg,#08090c 0%,#0d0e12 50%,#0a0b0f 100%)}}.Landing-inner{z-index:1;max-width:900px;margin:0 auto;padding:2.5rem 1.25rem 3.5rem;position:relative}.Landing-hero{max-width:40rem;margin-bottom:2.25rem}.Landing-kicker{letter-spacing:.2em;text-transform:uppercase;color:#2962ff;margin:0 0 .5rem;font-size:.72rem;font-weight:800}@media (prefers-color-scheme:dark){.Landing-kicker{color:#82aaff}}.Landing-title{letter-spacing:-.035em;color:inherit;margin:0 0 .65rem;font-size:clamp(1.85rem,4.5vw,2.35rem);font-weight:800;line-height:1.12}.Landing-lead{color:#4b5568;margin:0;font-size:1.05rem;line-height:1.55}@media (prefers-color-scheme:dark){.Landing-lead{color:#9aa3b5}}.Landing-grid{gap:1rem;display:grid}@media (width>=720px){.Landing-grid{grid-template-columns:1fr 1fr;align-items:stretch}.Landing-card--join{grid-column:1/-1}}.Landing-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffb8;border:1px solid #00000014;border-radius:16px;padding:1.35rem 1.4rem 1.45rem;box-shadow:0 12px 40px #0f131a0f}@media (prefers-color-scheme:dark){.Landing-card{background:#161820bf;border-color:#ffffff14;box-shadow:0 16px 48px #00000059}}.Landing-card--accent{background:linear-gradient(155deg,#2962ff1a,#ffffffb8);border-color:#2962ff59}@media (prefers-color-scheme:dark){.Landing-card--accent{background:linear-gradient(155deg,#2962ff33,#161820d9)}}.Landing-card--warn{background:#f59e0b1a;border-color:#f59e0b}.Landing-card-title{letter-spacing:-.02em;margin:0 0 .45rem;font-size:1.05rem;font-weight:700}.Landing-card-text{color:#5c6578;margin:0 0 1rem;font-size:.92rem;line-height:1.5}@media (prefers-color-scheme:dark){.Landing-card-text{color:#9aa3b5}}.Landing-badge{letter-spacing:.12em;text-transform:uppercase;color:#2962ff;background:#2962ff2e;border-radius:6px;margin-bottom:.65rem;padding:.2rem .55rem;font-size:.65rem;font-weight:800;display:inline-block}.Landing-badge--duel{color:#ef5350;background:#ef53502e}@media (prefers-color-scheme:dark){.Landing-badge{color:#82aaff}.Landing-badge--duel{color:#ff8a80}}.Landing-cta{text-align:center;box-sizing:border-box;justify-content:center;align-items:center;width:100%;text-decoration:none;display:inline-flex}.Landing-foot{text-align:center;margin-top:2.5rem}.Landing-foot-muted{color:#7a8498;font-size:.78rem}@media (prefers-color-scheme:dark){.Landing-foot-muted{color:#6b7280}}.Landing-error{text-align:center;margin-top:1rem}.DurationRow{margin-bottom:1rem}.DurationChips{flex-wrap:wrap;gap:.4rem;margin-top:.35rem;display:flex}.DurationChip{cursor:pointer;border:1px solid var(--panel-border,#e1e4e8);font-size:inherit;color:var(--text,#1a1d24);text-align:left;background:#ffffffe6;border-radius:10px;flex-direction:column;align-items:flex-start;gap:.08rem;min-width:5.5rem;padding:.45rem .75rem;display:flex}@media (prefers-color-scheme:dark){.DurationChip{color:#e8eaed;background:#1e2028f2;border-color:#363a45}}.DurationChip-name{letter-spacing:-.02em;font-size:.88rem;font-weight:800}.DurationChip-hint{opacity:.75;font-size:.65rem;font-weight:600}.DurationChip--on{color:#2962ff;background:#2962ff1f;border-color:#2962ff}@media (prefers-color-scheme:dark){.DurationChip--on{color:#82aaff;background:#2962ff38}}.JoinInput{box-sizing:border-box;border:1px solid var(--panel-border,#e1e4e8);border-radius:6px;width:100%;margin-bottom:.65rem;padding:.55rem .65rem;font-family:ui-monospace,monospace;font-size:.85rem}.InlineCode{background:var(--code-bg,#f4f3ec);border-radius:4px;padding:.1rem .35rem;font-family:ui-monospace,monospace;font-size:.85em}.MatchShell{max-width:480px;margin:0 auto;padding:2rem}.LeaderboardBar{border-bottom:1px solid var(--panel-border,#e1e4e8);background:color-mix(in srgb, var(--panel,#f4f6f9) 85%, #2962ff 15%);flex-direction:column;gap:.35rem;padding:.55rem 1.25rem;font-size:.8rem;display:flex}.TradingApp--dark .LeaderboardBar{border-bottom-color:var(--panel-border,#2a2e39);background:#1a1d2e}.LeaderboardBar-label{text-transform:uppercase;letter-spacing:.04em;color:var(--muted,#5c6578);font-size:.65rem;font-weight:600}.LeaderboardBar-scores{flex-wrap:wrap;align-items:center;gap:.75rem;font-family:ui-monospace,monospace;font-weight:700;display:flex}.Lb-vs{color:var(--muted,#5c6578);font-weight:600}.Lb-me{color:#2962ff}.LeaderboardBar-sub{color:var(--muted,#5c6578);font-size:.72rem}.MatchOverlay{z-index:50;color:#f3f4f6;text-align:center;background:#0a0c12d1;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex;position:fixed;inset:0}.MatchOverlay--result{z-index:60;background:#0a0c12eb}.MatchOverlay-title{margin:0;font-size:1.35rem;font-weight:700}.MatchOverlay-hint{color:#d1d5db;max-width:28rem;margin:0;font-size:.9rem;line-height:1.45}.MatchOverlay-equities{color:#e5e7eb;flex-direction:column;gap:.35rem;margin:0;font-size:.95rem;display:flex}.InviteUrl{overflow-wrap:anywhere;background:#00000059;border-radius:6px;max-width:100%;padding:.5rem .75rem;font-size:.75rem;display:block}.CountdownBig{font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 24px #2962ff99;font-size:4.5rem;font-weight:800;line-height:1}footer a{color:var(--muted);text-decoration:none}
