/* Market Arena terminal skin */
:root{color-scheme:dark;font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;background:#050607;color:#e8e2d5}
body{background:#050607;color:#e8e2d5;font-family:inherit}
.shell{max-width:1290px;padding:20px 22px 45px}
header{border-bottom:2px solid #e89a2c;padding-bottom:13px;margin-bottom:17px}
.mark{width:38px;height:38px;border-radius:1px;color:#f6af48;border:2px solid #9f682c;background:#16110a;font-weight:900;font-size:25px}
.brand{color:#ffbf61;font-size:14px;letter-spacing:.035em}.brand small{color:#968d77;font-size:11px;letter-spacing:.06em}
.topright{color:#e5bb77}.pill{border-radius:1px;background:#0a1b14;border-color:#32765b;color:#56e3ae}
.headline{align-items:center;margin-bottom:17px}.headline h1{font-size:clamp(24px,3vw,37px);letter-spacing:-.035em;color:#f7b14b;line-height:1.12}.headline p{font-size:12px;letter-spacing:.06em;color:#b2a88d;margin-top:7px}
.controls{gap:5px}.control,.zoomtools button,.timeframes button,.livebtn{border-radius:1px!important;text-transform:uppercase;letter-spacing:.03em;font-family:inherit;font-size:12px}.control{background:#17160f;border:1px solid #6a5130;color:#dfc18e;padding:9px 11px}.control:hover,.livebtn:hover{border-color:#ecaa53;color:#ffe2a9}.control.active{background:#ba7828;border-color:#f5b967;color:#100d07}
.layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(290px,.65fr);gap:14px;align-items:start}.leftcol,.rightcol{display:flex;flex-direction:column;gap:14px;min-width:0}
.panel{border:1px solid #494333;background:#0c0e0e;border-radius:2px;overflow:hidden}.chartpanel{border-top:3px solid #e69b38}.paneltitle{border-bottom:1px solid #54482f;padding:13px 16px}.paneltitle h2{color:#f0b458;font-size:13px;letter-spacing:.07em}.muted{color:#a8a08c;font-size:12px}
.quote{padding:15px 16px 3px}.quote strong{color:#f8d18b;letter-spacing:-.05em;font-size:clamp(32px,4vw,48px)}.quote span{font-size:13px}.up{color:#52daa3!important}.down{color:#ed7a72!important}
.charttools{padding:10px 14px 0;gap:7px}.timeframes{background:#14160f;border:1px solid #524830;border-radius:1px}.timeframes button{color:#cbb887}.timeframes button.selected{background:#e4a04c;color:#12100b}.zoomtools{border:1px solid #54462e;background:#161710;border-radius:1px}.zoomtools button{color:#e1b36d;background:transparent;border:0;padding:6px 10px}.zoomtools button+button{border-left:1px solid #54462e}.livebtn{border:1px solid #675239;color:#e9b06c;padding:6px 9px}.livebtn.behind{color:#b0a491}.charttools #chartHint{width:100%;font-size:12px;color:#aca38d;margin-top:3px}
.chartbox{height:375px;padding:7px 11px 11px}.chartbox canvas{border:1px solid #343a31;background:#080b0b;touch-action:none;cursor:grab}.chartbox canvas.price-axis{cursor:ns-resize}.chartbox canvas:active{cursor:grabbing}.chartbox canvas.price-axis:active{cursor:ns-resize}
.depth{border-top:1px solid #463e2d;padding:12px 14px}.depth .mini{border-color:#50452e;border-radius:1px;background:#121510}.mini label{color:#c2a56c;font-size:12px}.mini strong{font-size:16px}
.bookhead{color:#caab77;border-bottom:1px solid #463d2c}.bookrow{color:#dfdacb}.bookrow .bar{background:#6e2e30}.bookrow.bid .bar{background:#226147}.spread{border-color:#403b2b;color:#e9ad54;background:#16160e}
.rightcol .bottom{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin:0;border:1px solid #48412f;background:#48412f}.rightcol .bottom .stat{border:0;border-radius:0;min-height:92px;padding:13px 14px}.rightcol .bottom .stat:last-child{grid-column:1/-1}.stat label{color:#dba757;font-size:12px}.stat strong{font-size:20px;margin-top:6px;color:#f6e5c6}.stat small{display:block;color:#b3aa92;margin-top:3px;font-size:12px}
.orderbody{display:block;padding:15px}.tabs{background:#16160e;border-radius:1px;margin-bottom:13px}.tabs button{border-radius:1px;color:#c7b797;font-size:13px}.tabs button.selected.buy{background:#205843;color:#8ef1bb}.tabs button.selected.sell{background:#673638;color:#ffaaa2}.marginrow{border-color:#493f2c}.marginrow strong{color:#e8c283}.marginrow small{color:#b2a68c}.marginrow input{width:40px!important;padding:0!important;border:0!important}.field{color:#d9ad68}.fieldrow small{color:#b3a080}.orderbody select,.orderbody input{background:#070a09;border-color:#635036;border-radius:1px;color:#f1e3c6}.orderbody select:focus,.orderbody input:focus{border-color:#e8a857}.submit{background:#28c68d;border-radius:1px;margin-top:15px;color:#061b12}.submit.sell{background:#e5796d;color:#270d0a}.flatten{display:block;width:100%;padding:10px;margin-top:7px;background:#282016;color:#f5c577;border:1px solid #866039;border-radius:1px;font-weight:800;letter-spacing:.06em}.flatten:hover:enabled{background:#5b3b1c}.flatten:disabled{opacity:.45}.fill-summary{margin:13px 0 4px;padding:10px;border:1px solid #544832;background:#15150e;display:flex;flex-direction:column;gap:6px}.fill-summary span{color:#dbab62;font-size:11px;letter-spacing:.07em}.fill-summary strong{font-size:13px;color:#eee4cf;font-variant-numeric:tabular-nums;line-height:1.35}
.help,.risknote,.empty{color:#ada38d;font-size:12px}.risknote{border-color:#50472f;background:#11130f;border-radius:1px}.openorders{border-color:#4d442f}.pending{border-color:#39362a}.pending button{border-color:#6c5431;border-radius:1px;color:#f1c682}
.feed{margin-top:14px}.feedrow{border-color:#33352b;color:#b9af9b}.toast{border-radius:1px;background:#1d2519;border-color:#6caa6e;color:#e7ebd7}.note{color:#a29885;font-size:12px;border-top:1px solid #494030;padding-top:15px}
@media(max-width:900px){.layout{grid-template-columns:1fr}.rightcol{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:start}.rightcol .bottom .stat:last-child{grid-column:1/-1}.orderpanel{grid-column:2;grid-row:1}.bottom{grid-column:1;grid-row:1}}
@media(max-width:680px){.shell{padding:14px 12px 35px}.headline{align-items:flex-start;gap:12px}.controls{width:100%}.control{flex:1}.rightcol{display:flex}.chartbox{height:330px}.charttools #chartHint{line-height:1.4}.topright{display:flex}.topright>span:first-child{display:none}.rightcol .bottom .stat:last-child{grid-column:1/-1}.orderpanel{grid-column:auto;grid-row:auto}.bottom{grid-column:auto;grid-row:auto}}
@media(max-width:430px){.headline h1{font-size:27px}.chartbox{height:288px}.depth .mini strong{font-size:15px}.rightcol .bottom .stat strong{font-size:18px}.charttools{padding:9px 10px 0}.control{font-size:11px;padding:8px 6px}}
@font-face{font-family:"Astoria Pixel";src:url("fonts/astoria-pixel.ttf") format("truetype");font-display:swap}
.brand,.headline h1,.paneltitle h2{font-family:"Astoria Pixel",ui-monospace,monospace;font-weight:400;letter-spacing:.025em}
.brand{font-size:15px}.brand small{font-family:ui-monospace,monospace}.headline h1{font-size:clamp(23px,3vw,36px);letter-spacing:0}.paneltitle h2{font-size:14px}.stat label,.field{font-size:12px}.controls button,.timeframes button,.livebtn{font-size:11px}.submit,.flatten{font-size:12px}
.arena{position:relative;margin-bottom:14px;background:linear-gradient(110deg,#1a1511,#101712 65%,#18120f);border:1px solid #82552c;box-shadow:inset 3px 0 #db9237;overflow:hidden}
.arena[data-phase="warning"]{border-color:#f5bb65;box-shadow:inset 4px 0 #f5bb65,0 0 28px #d07f242c;animation:arenaPulse 1.6s infinite}
.arena[data-phase="attack"]{border-color:#e96d5f;box-shadow:inset 4px 0 #e96d5f,0 0 30px #d7504240}
@keyframes arenaPulse{50%{box-shadow:inset 4px 0 #f5bb65,0 0 34px #e9a63948}}
.arena-top{padding:9px 16px;border-bottom:1px solid #564331;display:flex;justify-content:space-between;gap:10px;align-items:center;color:#f2b369;font-size:12px;letter-spacing:.045em}
.arena-tag b{color:#f6dab0}.arena-clock{color:#f7c988;text-align:right;font-weight:800}
.arena-body{padding:13px 17px;display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,.8fr);align-items:center;gap:18px}
.arena-identity{display:flex;align-items:center;gap:12px}.arena-avatar{display:grid;place-items:center;flex:none;width:46px;height:46px;background:#3d2617;border:1px solid #e5a452;color:#ffd184;font-family:"Astoria Pixel",monospace;font-size:14px}
.arena-identity small{display:block;color:#b49a78;font-size:11px;letter-spacing:.08em}.arena-identity strong{display:block;color:#ffe0aa;font-family:"Astoria Pixel",monospace;font-size:16px;margin-top:3px}
.arena-story p{margin:9px 0 0;color:#e1c9a4;font-size:13px;line-height:1.45}.arena-score{display:flex;gap:18px;color:#caa36e;font-size:12px}.arena-score b{color:#fff0c9;font-size:17px;font-variant-numeric:tabular-nums}
.arena-picks{display:flex;gap:7px;margin:9px 0 5px}.arena-picks button{flex:1;padding:8px 10px;min-height:38px;border:1px solid #517660;background:#133427;color:#93f5b8;font-weight:800;font-size:12px;border-radius:2px}.arena-picks button+button{border-color:#90544b;background:#361f1f;color:#ffc2a8}.arena-picks button:disabled{opacity:.47}.arena-picks button.picked{outline:2px solid #f8d783;opacity:1}
.arena-call small{display:block;color:#bbaa8d;font-size:11px;line-height:1.4}.arena-track{height:3px;background:#363128}.arena-track span{display:block;height:100%;width:0;background:#e9a34d;transition:width .3s}.arena[data-phase="attack"] .arena-track span{background:#eb7064}
@media(max-width:680px){.arena-top{padding:9px 12px}.arena-body{padding:12px;grid-template-columns:1fr;gap:9px}.arena-call{display:grid;grid-template-columns:1fr 1fr;gap:5px 8px;align-items:center}.arena-score{display:block}.arena-score span{display:inline-block;margin-right:9px}.arena-picks{margin:0}.arena-call small{grid-column:1/-1}.arena-identity strong{font-size:14px}}
@media(max-width:380px){.arena-call{display:block}.arena-picks{margin:8px 0}}
.arena-live{margin-top:8px;color:#e5ad65;font-size:11px;line-height:1.35;letter-spacing:.035em;min-height:15px}
.arena-score{flex-wrap:wrap;gap:6px 18px}.arena-score b{font-variant-numeric:tabular-nums}
.event-popup{pointer-events:none;position:absolute;z-index:2;left:25px;top:24px;right:83px;display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:#27180eea;border:1px solid #e3a45e;box-shadow:0 12px 35px #000b;transform:translateY(-10px);opacity:0;visibility:hidden;transition:transform .25s,opacity .25s,visibility .25s}
.event-popup.visible{transform:translateY(0);opacity:1;visibility:visible;animation:eventFlash .4s both}
.event-popup strong{color:#ffc477;font-family:"Astoria Pixel",monospace;font-weight:400;font-size:15px}.event-popup span{color:#f5dfb9;font-size:13px;line-height:1.4}
@keyframes eventFlash{from{filter:brightness(2)}to{filter:brightness(1)}}
@media(max-width:680px){.event-popup{left:15px;right:66px;top:16px;padding:10px 12px}.event-popup strong{font-size:13px}.event-popup span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.arena[data-phase="warning"],.event-popup.visible{animation:none}.event-popup{transition:none}}