*{box-sizing:border-box}body{margin:0;background:#080b0a;color:#e8eee9;font:13px Inter,ui-monospace,SFMono-Regular,monospace}header{height:66px;border-bottom:1px solid #263029;display:flex;align-items:center;padding:0 22px;gap:25px;background:#0c100e}.brand{font:bold 20px Arial}.brand i{color:#8bd3ff;font-style:normal}.brand small{display:block;font:9px monospace;color:#657168;letter-spacing:2px}.goal{margin:auto;color:#859087}.goal b{color:#8bd3ff}button,input,select{font:inherit;color:inherit;background:#111713;border:1px solid #303a33;padding:10px;border-radius:4px}button{cursor:pointer}button:hover{border-color:#8bd3ff}header button,.primary{background:#8bd3ff;color:#0a0c0a;border:0;font-weight:bold}main{display:grid;grid-template-columns:235px minmax(400px,1fr) 300px;height:calc(100vh - 110px)}aside{border-right:1px solid #263029;padding:15px;overflow:auto}aside.trade{border-left:1px solid #263029;border-right:0}label{display:block;color:#78827a;font-size:10px;letter-spacing:1.5px;margin:12px 0 7px}input,select{width:100%}select{margin-top:7px}.fav-filter{display:flex;align-items:center;gap:8px}.fav-filter input{width:auto}.market{display:grid;grid-template-columns:28px 45px 1fr;align-items:center;padding:7px 2px;border-bottom:1px solid #19201b}.market span{text-align:right;font-size:9px;color:#7f8a81}.market.active,.market:hover{color:#8bd3ff;background:#111713}.star{border:0;background:none;padding:4px;color:#8bd3ff}.ticker{height:58px;padding:10px 17px;border-bottom:1px solid #263029;display:flex;align-items:center;gap:16px}.ticker h2{font-size:17px}.ticker b{font-size:19px;color:#8bd3ff}.ticker span{color:#69736b;font-size:10px}#chart{height:48vh}.positions{border-top:1px solid #263029;padding:0 14px}.scroll{overflow:auto;max-height:27vh}table{width:100%;border-collapse:collapse;font-size:11px}th,td{text-align:left;padding:9px;border-bottom:1px solid #1e2620;white-space:nowrap}th{color:#657168}.long,.profit{color:#59e89c}.short,.loss{color:#ff5374}.sides,.quick,.modal-actions{display:flex;gap:6px;flex-wrap:wrap}.sides button,.quick button,.modal-actions button{flex:1}.sides .active{border-color:#8bd3ff;color:#8bd3ff}.estimate,.mission{margin:15px 0;padding:13px;background:#0d120f;border:1px solid #263029;line-height:1.8}.estimate div{display:flex;justify-content:space-between}.primary,#claim{width:100%}.fine{color:#657168;font-size:10px}.mission b{display:block;margin:8px 0}progress{width:100%;accent-color:#ff294d}footer{height:44px;border-top:1px solid #263029;padding:14px 20px;color:#9ba79e;word-spacing:12px;overflow:hidden}#toast{display:none;position:fixed;bottom:60px;left:50%;transform:translateX(-50%);background:#e8eee9;color:#080b0a;padding:12px 20px;z-index:20}dialog{background:#0d120f;color:#eef5ef;border:1px solid #445046;border-radius:10px;max-width:720px;width:92%;padding:24px}dialog::backdrop{background:#000c}.close{float:right;font-size:22px}canvas{width:100%;height:auto;border:1px solid #263029;margin:10px 0 18px}#rektFX{display:none;position:fixed;inset:0;z-index:50;pointer-events:none;background:#f000;place-items:center;overflow:hidden}#rektFX.liquidated,#rektFX.loss{display:grid;animation:flash 1.6s ease-out}#rektFX strong{font:bold clamp(45px,12vw,150px) Arial;color:#fff;text-shadow:0 0 20px #f00;z-index:3;animation:slam .55s both}.doom-candle{position:absolute;width:8vw;min-width:55px;height:75vh;background:#ed163c;box-shadow:0 0 100px #f20;animation:candle 1s both}.shards i{position:absolute;left:50%;top:50%;width:18px;height:8px;background:#ff294d;animation:shard 1.4s ease-out both;transform:translate(var(--x),45vh) rotate(var(--r))}.loss strong{font-size:0}.loss strong:after{content:'MASSIVE LOSS';font:bold clamp(40px,9vw,110px) Arial}.loss .doom-candle{height:45vh}@keyframes flash{0%,15%{background:#ff183d99}30%,100%{background:#0000}}@keyframes slam{0%{transform:scale(4);opacity:0}65%{transform:scale(.85)}100%{transform:scale(1)}}@keyframes candle{0%{transform:translateY(-100vh) scaleY(.1)}55%{transform:translateY(0) scaleY(1.4)}100%{transform:translateY(30vh) scaleY(1)}}@keyframes shard{0%{transform:translate(0,0);opacity:1}100%{transform:translate(var(--x),45vh) rotate(var(--r));opacity:0}}#rektFX.liquidated~header,#rektFX.liquidated~main{animation:shake .5s linear}@keyframes shake{25%{transform:translate(8px,-4px)}50%{transform:translate(-10px,5px)}75%{transform:translate(5px,3px)}}@media(max-width:900px){.market{min-height:44px}.star{min-width:44px;min-height:44px;font-size:18px}.fav-filter{min-height:44px}.fav-filter input{width:22px;height:22px}.ticker{height:auto;min-height:72px;flex-wrap:wrap}.ticker h2{white-space:nowrap}.ticker span{flex-basis:100%}.status{height:auto;min-height:64px;white-space:normal;line-height:1.8} }
@media(max-width:900px){header .goal{display:none}main{display:block;height:auto}aside,aside.trade{border:0;border-bottom:1px solid #263029;max-height:310px}section{min-width:0}#chart{height:42vh}.positions{padding-bottom:15px}footer{position:sticky;bottom:0;background:#0c100e}header{padding:0 12px}header button{margin-left:auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}#rektFX.liquidated,#rektFX.loss{background:#781020cc}.doom-candle,.shards{display:none}}