:root{--bg: #07120b;--panel: #102018;--panel-2: #182d21;--border: #2b4a37;--text: #e9f1e9;--muted: #88a591;--long: #5fd07a;--short: #ff4d6d;--accent: #5fbf4a;--accent-2: #3fd9a0;--seg-active: #f5a623}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 50% -10%,#163a26 0%,var(--bg) 60%);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}#root{display:flex;flex-direction:column;align-items:center;padding:16px}.app{width:100%;max-width:760px}.sound-toggle{position:fixed;top:12px;right:12px;z-index:20;width:40px;height:40px;padding:0;font-size:18px;line-height:1;color:var(--text);background:var(--panel-2);border:1px solid var(--border);border-radius:10px;cursor:pointer;opacity:.7;transition:opacity .12s ease,transform .12s ease}.sound-toggle:hover{opacity:1;transform:translateY(-1px)}.brand{text-align:center;margin:8px 0 20px;animation:enterUp .4s cubic-bezier(.2,0,0,1) both}.brand h1{margin:0;font-size:34px;letter-spacing:1px;text-wrap:balance;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:4px 0 0;color:var(--muted);font-size:13px;text-wrap:pretty}.card{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:18px;margin-bottom:14px;box-shadow:0 1px 2px #0000004d,0 6px 20px #00000040;animation:enterUp .4s cubic-bezier(.2,0,0,1) .1s both}@keyframes enterUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.how{padding-top:16px;padding-bottom:8px}.how-title{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.how-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}.how-list li{display:flex;gap:11px;align-items:baseline;font-size:13.5px;line-height:1.5;color:var(--muted);text-wrap:pretty}.how-list b{color:var(--text);font-weight:600}.how-icon{flex:none;width:20px;text-align:center;font-size:15px}.row{display:flex;gap:10px;align-items:center}.col{display:flex;flex-direction:column;gap:10px}input,button,select{font:inherit}input[type=text],input[type=password]{width:100%;padding:12px 14px;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);outline:none}input:focus{border-color:var(--accent)}label.check{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px;cursor:pointer}button{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer;transition:scale .1s ease,filter .15s ease}button:hover:not(:disabled){filter:brightness(1.15)}button:active:not(:disabled){scale:.96}button:disabled{opacity:.4;cursor:not-allowed}button.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));border:none;color:#07120b;font-weight:700}.seg{display:flex;gap:4px;padding:4px;background:var(--panel-2);border:1px solid var(--border);border-radius:12px}.seg-btn{flex:1;padding:10px 16px;border-radius:8px;border:none;background:transparent;color:var(--muted);font-weight:600}.seg-btn.active{background:var(--seg-active);color:#07120b}.muted{color:var(--muted);font-size:13px}.divider{height:1px;background:var(--border);margin:16px 0}.code-pill{font-size:28px;letter-spacing:6px;font-weight:800;font-variant-numeric:tabular-nums;text-align:center;padding:12px;background:var(--panel-2);border-radius:10px;border:1px dashed var(--border);cursor:pointer}.player{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;background:var(--panel-2);margin-bottom:8px}.dot{width:9px;height:9px;border-radius:50%;display:inline-block;margin-right:8px}.hud{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pnl{font-size:30px;font-weight:800;font-variant-numeric:tabular-nums}.pnl.pos{color:var(--long)}.pnl.neg{color:var(--short)}.timer{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums}.next-round-secs{color:var(--accent-2);font-variant-numeric:tabular-nums}.sequence{display:flex;gap:8px;justify-content:center;margin:14px 0}.step{flex:1;text-align:center;padding:10px 0;border-radius:10px;font-weight:800;border:2px solid var(--border);background:var(--panel-2);opacity:.45;position:relative}.step.long{color:var(--long)}.step.short{color:var(--short)}.step.done{opacity:1}.step.next{opacity:1;border-color:var(--accent);box-shadow:0 0 0 3px #5fbf4a4d}.step.held{opacity:1;border-color:#f5a623;box-shadow:0 0 0 3px #f5a6234d;animation:holdPulse 1.1s ease-in-out infinite}.step .hold{display:block;font-size:10px;font-weight:800;letter-spacing:.5px;color:#f5a623;margin-top:2px}@keyframes holdPulse{0%,to{box-shadow:0 0 0 3px #f5a62347}50%{box-shadow:0 0 0 5px #f5a6236b}}.step .lev{display:block;font-size:11px;color:var(--muted);font-weight:600}.fire-btn{width:100%;padding:22px;font-size:22px;font-weight:800;letter-spacing:1px;border:none;color:#07120b}.fire-btn.long{background:linear-gradient(90deg,#1fd07a,#15a862)}.fire-btn.short{background:linear-gradient(90deg,#ff4d6d,#d6294b)}.fire-btn.close{background:linear-gradient(90deg,#c2d0dc,#97a7b6);color:#0b1610}.fire-btn.done{background:var(--panel-2);color:var(--muted)}.fire-btn.locked{opacity:.45;filter:saturate(.8);cursor:default}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:90px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent);text-shadow:0 0 24px rgba(0,0,0,.55);background:radial-gradient(ellipse at center,rgba(6,14,10,.55),rgba(6,14,10,.15) 60%,transparent);border-radius:12px}.countdown-overlay.battle{color:var(--long)}.countdown-overlay.battle .count-num{animation:battleFlash .5s cubic-bezier(.16,1,.3,1) both}@keyframes battleFlash{0%{transform:scale(.6);opacity:0}35%{transform:scale(1.12);opacity:1}to{transform:scale(1);opacity:1}}canvas{width:100%;display:block;border-radius:12px;background:#0b1610;border:1px solid rgba(255,255,255,.1)}.chart-wrap{position:relative}.round{transition:box-shadow .24s ease-out}.fire-flash{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:14px;pointer-events:none;font-weight:900;font-variant-numeric:tabular-nums;animation:fireFlash .95s cubic-bezier(.16,1,.3,1) forwards}.fire-flash .ff-dir{font-size:56px;letter-spacing:3px}.fire-flash .ff-lev{font-size:42px}.fire-flash.long{color:var(--long);text-shadow:0 0 28px rgba(33,208,122,.75)}.fire-flash.short{color:var(--short);text-shadow:0 0 28px rgba(255,77,109,.75)}.fire-flash.close{color:#cdd8e2;text-shadow:0 0 28px rgba(205,216,226,.6)}@keyframes fireFlash{0%{transform:scale(.55);opacity:0}18%{transform:scale(1.12);opacity:1}40%{transform:scale(1);opacity:1}to{transform:scale(1.3);opacity:0}}.replay-charts{display:flex;flex-direction:column;gap:14px;margin-top:4px}.replay-chart-name{display:flex;align-items:center;font-weight:700;font-size:14px;margin-bottom:6px}.trade-score{margin-left:12px;display:inline-flex;align-items:baseline;gap:6px;padding:2px 9px;border-radius:999px;border:1px solid var(--border);background:var(--panel-2);animation:scoreIn .35s cubic-bezier(.16,1,.3,1) both}@keyframes scoreIn{0%{opacity:0;transform:translateY(-2px) scale(.9)}to{opacity:1;transform:none}}.trade-score .ts-label{font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--muted)}.trade-score .ts-val{font-size:15px;font-weight:900;font-variant-numeric:tabular-nums;color:var(--accent-2)}.flash-stack{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;pointer-events:none}.flash-chip{display:flex;align-items:baseline;gap:10px;font-weight:900;font-variant-numeric:tabular-nums;animation:fireFlash 1s cubic-bezier(.16,1,.3,1) forwards}.flash-chip .ff-dir{font-size:38px;letter-spacing:2px}.flash-chip .ff-lev{font-size:28px}.flash-chip.long .ff-dir,.flash-chip.long .ff-lev{color:var(--long);text-shadow:0 0 20px rgba(33,208,122,.7)}.flash-chip.short .ff-dir,.flash-chip.short .ff-lev{color:var(--short);text-shadow:0 0 20px rgba(255,77,109,.7)}.flash-chip.close .ff-dir,.flash-chip.close .ff-lev{color:#cdd8e2;text-shadow:0 0 20px rgba(205,216,226,.6)}.scoreboard .player .pnl{font-size:18px}.rank{font-weight:800;color:var(--muted);width:28px}.error{color:var(--short);font-size:13px;text-align:center;min-height:18px;margin-top:8px}.legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:13px}.legend span{display:flex;align-items:center;gap:6px}