:root{--bg:#140e0c;--panel:#0a1020b8;--green:#2ecc71;--red:#e74c3c;--gold:#f1c40f;--text:#f4f7ff;--muted:#9aa8c7;--stroke:#ffffff1f;color:var(--text);background:var(--bg);font-family:Space Grotesk,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{-webkit-text-size-adjust:100%;background:radial-gradient(at 50% 15%,#2a1810 0%,#140e0c 70%);width:100%;height:100dvh;margin:0;overflow:hidden}#game-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#game-canvas:active{cursor:grabbing}#hud{pointer-events:none;z-index:2;position:absolute;inset:0}#hud button,#hud select{pointer-events:auto;cursor:pointer}#float-layer{pointer-events:none;z-index:3;position:absolute;inset:0;overflow:hidden}.float-sol{letter-spacing:.04em;text-shadow:0 2px #000,0 0 12px;white-space:nowrap;font-family:Bangers,cursive;font-size:1.35rem;position:absolute;top:0;left:0}.float-sol.green,.float-sol.bull{color:var(--green)}.float-sol.red,.float-sol.bear{color:var(--red)}.hud-top{pointer-events:none;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.2rem;display:flex;position:relative}.brand{flex-direction:column;gap:.15rem;display:flex}.logo{letter-spacing:.08em;text-shadow:0 3px #000;font-family:Bangers,cursive;font-size:2rem;line-height:1}.status-row{pointer-events:auto;align-items:center;gap:.55rem;display:flex}.top-right{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.45rem;max-width:min(100%,22rem);margin-left:auto;display:flex}.feed-live-row{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.top-meta{pointer-events:auto;flex-direction:column;align-items:flex-end;gap:.4rem;display:flex}.source-picker{pointer-events:auto;background:var(--panel);border:1px solid var(--stroke);letter-spacing:.04em;color:var(--muted);border-radius:10px;align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:.72rem;display:flex}.source-picker .source-label{text-transform:uppercase;color:var(--muted);font-weight:700}.source-picker select{appearance:none;color:var(--text);border:1px solid var(--stroke);font:inherit;cursor:pointer;background:#0d1528;background-image:linear-gradient(45deg, transparent 50%, var(--muted) 50%), linear-gradient(135deg, var(--muted) 50%, transparent 50%);background-position:calc(100% - 10px) 55%,calc(100% - 6px) 55%;background-repeat:no-repeat;background-size:4px 4px,4px 4px;border-radius:6px;padding:.25rem 1.4rem .25rem .45rem;font-weight:600}.source-picker select:focus{outline:1px solid var(--gold)}.source-picker .source-active{color:var(--gold);white-space:nowrap;font-weight:600}.badge{letter-spacing:.08em;border:1px solid var(--stroke);background:#334;border-radius:999px;padding:.35rem .65rem;font-size:.72rem;font-weight:700}.badge.live-dot.live{color:var(--green);background:#2ecc7133;box-shadow:0 0 12px #2ecc7159}.badge.live-dot.live:before{content:"";background:var(--green);width:.45rem;height:.45rem;box-shadow:0 0 6px var(--green);vertical-align:middle;border-radius:50%;margin-right:.35rem;display:inline-block}.badge.reconnecting,.badge.connecting{color:var(--gold);background:#f1c40f26}.badge.offline{color:var(--red);background:#e74c3c26}.ca-chip{background:var(--panel);border:1px solid var(--stroke);color:var(--text);font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-radius:10px;flex-direction:column;align-items:flex-end;gap:.1rem;max-width:min(280px,70vw);padding:.45rem .7rem;display:flex}.ca-chip:hover{border-color:#ffffff47}.ca-label{letter-spacing:.1em;color:var(--muted);font-size:.65rem;font-weight:700}.ca-value{font-variant-numeric:tabular-nums;color:var(--gold);font-family:ui-monospace,monospace;font-size:.85rem}.ca-tip{color:var(--muted);font-size:.62rem}.hud-tools{pointer-events:auto;z-index:3;gap:.4rem;display:flex;position:absolute;bottom:12.5rem;left:1.2rem}button.ghost{border:1px solid var(--stroke);color:var(--text);font:inherit;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#ffffff0f;border-radius:999px;padding:.4rem .75rem;font-size:.75rem}.bars{pointer-events:none;position:absolute;top:4.8rem;left:1.2rem;right:1.2rem}.vs-bar{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;max-width:720px;margin:0 auto;padding:.75rem 1rem .65rem}.vs-labels{grid-template-columns:1fr auto 1fr;align-items:end;gap:.75rem;margin-bottom:.45rem;display:grid}.vs-side{flex-direction:column;gap:.1rem;display:flex}.vs-side.bear{text-align:right;align-items:flex-end}.vs-name{letter-spacing:.06em;font-size:.78rem;font-weight:700}.vs-side.bull .vs-name{color:var(--green)}.vs-side.bear .vs-name{color:var(--red)}.vs-pct{letter-spacing:.04em;text-shadow:0 2px #000;font-family:Bangers,cursive;font-size:1.45rem;line-height:1}.vs-side.bull .vs-pct{color:var(--green)}.vs-side.bear .vs-pct{color:var(--red)}.vs-share{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.68rem}.vs-center{color:var(--gold);text-shadow:0 2px #000;padding-bottom:.15rem;font-family:Bangers,cursive;font-size:1.4rem}.vs-track{background:linear-gradient(90deg,#922b21 0%,#c0392b 100%);border:1px solid #ffffff26;border-radius:999px;height:18px;position:relative;overflow:hidden;box-shadow:inset 0 2px 6px #00000073}.vs-fill{background:linear-gradient(90deg,#1e8449,#2ecc71 70%,#58d68d);width:50%;transition:width .2s ease-out;position:absolute;inset:0 auto 0 0}.vs-marker{z-index:2;background:#fff;border-radius:2px;width:4px;margin-left:-2px;transition:left .2s ease-out;position:absolute;top:-3px;bottom:-3px;left:50%;box-shadow:0 0 8px #fffc,0 0 2px #000}.vs-vols{justify-content:space-between;gap:1rem;margin-top:.4rem;display:flex}.vs-vols .vol{margin-top:0;font-size:.72rem}.vs-vols .vol.buy{color:var(--green)}.vs-vols .vol.sell{color:var(--red)}.camp-bar{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:12px;padding:.7rem .85rem}.camp-label{margin-bottom:.35rem;font-size:.78rem;font-weight:700}.camp-bar.green .camp-label{color:var(--green)}.camp-bar.red .camp-label{color:var(--red)}.hp-track{background:#00000073;border-radius:999px;height:10px;overflow:hidden}.hp-fill{border-radius:inherit;width:100%;height:100%;transition:width .25s}.camp-bar.green .hp-fill{background:linear-gradient(90deg, #1e8449, var(--green))}.camp-bar.red .hp-fill{background:linear-gradient(90deg, #922b21, var(--red))}.vol{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.35rem;font-size:.75rem}.feed-panel{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:14px;width:min(280px,42vw);padding:.75rem;position:absolute;bottom:1.2rem;right:1.2rem}.feed-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 .5rem;font-size:.8rem}.feed-panel ul{flex-direction:column;gap:.35rem;max-height:220px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.feed-panel li{background:#ffffff08;border-radius:8px;grid-template-columns:48px 1fr auto auto;align-items:center;gap:.4rem;padding:.35rem .4rem;font-size:.72rem;display:grid}.feed-panel li.buy .side{color:var(--green);font-weight:700}.feed-panel li.sell .side{color:var(--red);font-weight:700}.feed-panel .sol{font-variant-numeric:tabular-nums}.feed-panel .weapon{color:var(--gold)}.feed-panel .sig{color:var(--muted);font-family:ui-monospace,monospace}.score-panel{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:14px;width:min(240px,36vw);padding:.7rem .75rem;position:absolute;top:9.5rem;right:1.2rem}.score-head{justify-content:space-between;align-items:baseline;gap:.5rem;margin-bottom:.45rem;display:flex}.score-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.score-totals{color:var(--gold);font-variant-numeric:tabular-nums;font-size:.72rem;font-weight:700}.score-panel ul{flex-direction:column;gap:.3rem;max-height:180px;margin:0;padding:0;list-style:none;display:flex;overflow:hidden}.score-panel li{background:#ffffff08;border-radius:8px;grid-template-columns:1fr auto auto;align-items:center;gap:.35rem;padding:.3rem .35rem;font-size:.7rem;display:grid}.score-panel li.buy .side{color:var(--green);font-weight:700}.score-panel li.sell .side{color:var(--red);font-weight:700}.score-panel li.muted{color:var(--muted);display:block}.chart-panel{background:var(--panel);border:1px solid var(--stroke);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;border-radius:14px;width:min(380px,46vw);padding:.7rem .75rem .55rem;position:absolute;bottom:1.2rem;left:1.2rem}.chart-head{justify-content:space-between;align-items:baseline;gap:.75rem;margin-bottom:.35rem;display:flex}.chart-panel h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.75rem}.chart-net{font-variant-numeric:tabular-nums;color:var(--muted);font-size:.72rem;font-weight:700}.chart-net.pos{color:var(--green)}.chart-net.neg{color:var(--red)}.chart-panel canvas{background:#00000040;border-radius:8px;width:100%;height:140px;display:block}.chart-legend{color:var(--muted);gap:.85rem;margin-top:.35rem;font-size:.68rem;display:flex}.chart-legend .lg:before{content:"";vertical-align:middle;border-radius:2px;width:8px;height:8px;margin-right:.3rem;display:inline-block}.chart-legend .buy:before{background:var(--green)}.chart-legend .sell:before{background:var(--red)}.chart-legend .net:before{background:var(--gold);border-radius:999px}@media (width<=720px){.hud-top{padding:.65rem .7rem;padding-top:max(.65rem, env(safe-area-inset-top));padding-right:max(.7rem, env(safe-area-inset-right));padding-left:max(.7rem, env(safe-area-inset-left));align-items:flex-start;gap:.5rem}.logo{letter-spacing:.05em;max-width:42vw;font-size:1.25rem;line-height:1.05}.top-right{gap:.35rem;max-width:58vw}.feed-live-row{gap:.3rem}.source-picker{border-radius:8px;gap:.3rem;padding:.3rem .4rem;font-size:.65rem}.source-picker .source-active{display:none}.source-picker select{max-width:5.8rem;min-height:1.75rem;padding:.3rem 1.2rem .3rem .35rem}.badge{white-space:nowrap;padding:.3rem .5rem;font-size:.62rem}.ca-chip{border-radius:8px;min-height:2.4rem;padding:.35rem .5rem}.ca-value{font-size:.75rem}.ca-tip{display:none}.bars{top:5.6rem;left:.55rem;right:.55rem}.vs-pct{font-size:1.05rem}.vs-bar{border-radius:12px;padding:.5rem .6rem}.vs-name,.vs-share,.vol{font-size:.65rem}.vs-center{font-size:.85rem}.feed-panel,.score-panel{display:none}.chart-panel{left:.55rem;right:.55rem;bottom:max(.55rem, env(safe-area-inset-bottom));border-radius:12px;width:auto;padding:.5rem .55rem .4rem}.chart-panel canvas{height:88px}.chart-panel h2,.chart-net,.chart-legend{font-size:.62rem}.hud-tools{top:auto;left:.55rem;right:auto;bottom:calc(7.2rem + env(safe-area-inset-bottom,0px))}button.ghost{min-height:2.2rem;padding:.45rem .85rem;font-size:.72rem}}@media (width<=420px){.logo{max-width:36vw;font-size:1.05rem}.source-picker .source-label{display:none}.bars{top:5.1rem}.vs-labels{gap:.35rem}.chart-panel canvas{height:72px}.hud-tools{bottom:calc(6.2rem + env(safe-area-inset-bottom,0px))}}.win-splash{z-index:20;pointer-events:none;opacity:0;background:radial-gradient(#00000026 0%,#000000b8 75%);place-items:center;transition:opacity .35s;display:grid;position:absolute;inset:0;overflow:hidden}.win-splash.show{opacity:1}.win-splash.hide{opacity:0;transition:opacity .4s}.win-burst{filter:blur(40px);opacity:.55;border-radius:50%;width:min(70vw,520px);height:min(70vw,520px);animation:1.4s ease-in-out infinite win-pulse;position:absolute}.win-splash.green .win-burst{background:radial-gradient(circle,#2ecc71 0%,#0000 70%)}.win-splash.red .win-burst{background:radial-gradient(circle,#e74c3c 0%,#0000 70%)}.win-rings{pointer-events:none;width:min(55vw,420px);height:min(55vw,420px);position:absolute}.win-rings span{opacity:0;border:2px solid;border-radius:50%;animation:1.8s ease-out infinite win-ring;position:absolute;inset:0}.win-splash.green .win-rings span{border-color:#2ecc71b3}.win-splash.red .win-rings span{border-color:#e74c3cb3}.win-rings span:nth-child(2){animation-delay:.35s}.win-rings span:nth-child(3){animation-delay:.7s}.win-card{z-index:2;text-align:center;opacity:0;filter:blur(8px);position:relative;transform:scale(.4)rotate(-8deg)}.win-splash.show .win-card{animation:.85s cubic-bezier(.16,1.2,.3,1) forwards win-slam}.win-eyebrow{letter-spacing:.28em;text-transform:uppercase;color:#ffffffb3;margin-bottom:.35rem;font-size:clamp(.75rem,2vw,1rem);font-weight:700}.win-title{letter-spacing:.04em;text-shadow:0 6px #000,0 0 40px,0 0 80px;font-family:Bangers,cursive;font-size:clamp(4rem,16vw,9rem);line-height:.9;animation:.9s ease-in-out .7s infinite alternate win-shimmy}.win-splash.green .win-title{color:#2ecc71}.win-splash.red .win-title{color:#e74c3c}.win-title span{color:#f1c40f;animation:.6s cubic-bezier(.2,1.4,.3,1) .35s both win-pop;display:inline-block}.win-sub{color:#ffffffd9;letter-spacing:.04em;text-shadow:0 2px 8px #000;margin-top:.85rem;font-size:clamp(.85rem,2.2vw,1.15rem)}.win-sparks{pointer-events:none;position:absolute;inset:0}.win-spark{opacity:0;border-radius:2px;width:10px;height:10px;margin:-5px;position:absolute;top:50%;left:50%;transform:translate(0)rotate(0)scale(.4)}.win-splash.green .win-spark{background:linear-gradient(135deg,#82e0aa,#f1c40f)}.win-splash.red .win-spark{background:linear-gradient(135deg,#f1948a,#f1c40f)}.win-splash.show .win-spark{animation:win-spark 1.1s ease-out var(--delay,0s) forwards}@keyframes win-slam{0%{opacity:0;filter:blur(10px);transform:scale(.35)rotate(-12deg)}55%{opacity:1;filter:blur();transform:scale(1.12)rotate(2deg)}75%{transform:scale(.96)rotate(-1deg)}to{opacity:1;filter:blur();transform:scale(1)rotate(0)}}@keyframes win-pop{0%{opacity:0;transform:scale(.2)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes win-shimmy{0%{transform:translateY(0)scale(1)}to{transform:translateY(-6px)scale(1.03)}}@keyframes win-pulse{0%,to{opacity:.35;transform:scale(.85)}50%{opacity:.65;transform:scale(1.15)}}@keyframes win-ring{0%{opacity:.8;transform:scale(.35)}to{opacity:0;transform:scale(1.35)}}@keyframes win-spark{0%{opacity:0;transform:translate(0)rotate(0)scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(220deg) scale(1.2)}}body.ca-page{color:#f4f7ff;background:radial-gradient(at 50% 0,#2a1810 0%,#140e0c 70%);min-height:100vh;margin:0;font-family:Space Grotesk,system-ui,sans-serif;overflow:auto}.ca-shell{max-width:480px;margin:4rem auto;padding:0 1.2rem 3rem}.ca-shell h1{margin:0 0 .35rem;font-size:1.8rem}.ca-sub{color:#9aa8c7;margin:0 0 1.5rem;font-size:.9rem}.ca-card{background:#0a1020b8;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;gap:.85rem;padding:1.1rem 1.2rem;display:flex}.ca-card.hidden{display:none}.ca-card label{letter-spacing:.06em;text-transform:uppercase;color:#9aa8c7;flex-direction:column;gap:.35rem;font-size:.78rem;font-weight:700;display:flex}.ca-card input{font:inherit;letter-spacing:normal;text-transform:none;color:#f4f7ff;background:#00000059;border:1px solid #ffffff26;border-radius:10px;padding:.65rem .75rem;font-size:.95rem;font-weight:400}.ca-card button[type=submit]{font:inherit;cursor:pointer;color:#0a140f;background:#2ecc71;border:none;border-radius:10px;padding:.7rem 1rem;font-weight:700}.ca-actions{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.ghost-link{color:#9aa8c7;font-size:.85rem;text-decoration:none}.ghost-link:hover{color:#f4f7ff}.ca-msg{color:#e74c3c;min-height:1.2em;margin:0;font-size:.82rem}.ca-msg.ok{color:#2ecc71}