@import "https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=IBM+Plex+Mono:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap";:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#16131a;--paper:#fff8ec;--paper-strong:#fffdf8;--panel:#fffcf5ed;--line:#16131a29;--muted:#796f6a;--text:#211b20;--green:#35c98a;--green-dark:#116443;--red:#ee214b;--red-dark:#92152d;--amber:#ff9d24;--purple:#7f3f98;--mint:#31b77b;--shadow:6px 6px 0 var(--ink);font-family:Noto Sans SC,system-ui,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{background-color:var(--paper);color:var(--text);background-image:linear-gradient(#ee214b0b 1px,#0000 1px),linear-gradient(90deg,#ee214b0b 1px,#0000 1px),radial-gradient(circle at 15% 8%,#ff9d2433,#0000 20%),radial-gradient(circle at 88% 20%,#7f3f981f,#0000 22%);background-size:28px 28px,28px 28px,auto,auto;overflow-x:hidden}button,a{color:inherit;font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.topbar{border-bottom:3px solid var(--ink);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffdf8f0;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:86px;padding:10px clamp(14px,2.2vw,36px);display:grid;position:relative}.topbar:after{content:"";background:repeating-linear-gradient(90deg, var(--red) 0 42px, var(--amber) 42px 84px, transparent 84px 100px);height:4px;position:absolute;bottom:-7px;left:0;right:0}.brand{align-items:center;gap:12px;width:fit-content;text-decoration:none;display:inline-flex}.brand-logo{flex:none;width:clamp(108px,9.5vw,126px);height:auto;display:block}.brand-copy{border-left:2px solid #16131a29;padding-left:12px}.brand strong{color:var(--red);letter-spacing:-.04em;font-size:clamp(18px,1.8vw,25px);font-weight:900;line-height:1;display:block}.brand small{color:var(--muted);letter-spacing:.12em;margin-top:6px;font:700 9px IBM Plex Mono;display:block}.market-state{color:var(--ink);letter-spacing:.06em;border:2px solid var(--ink);background:#fff;border-radius:999px;align-items:center;gap:9px;padding:9px 13px;font:700 10px IBM Plex Mono;display:flex;box-shadow:3px 3px #16131a26}.live-dot,.pulse{background:var(--mint);border-radius:50%;width:8px;height:8px;animation:1.8s infinite live-pop;box-shadow:0 0 0 4px #31b77b24}.live-dot.connecting,.pulse.connecting{background:var(--amber);box-shadow:0 0 0 4px #ff9d2424}.live-dot.offline,.pulse.offline{background:var(--red);box-shadow:0 0 0 4px #ee214b24}@keyframes live-pop{50%{transform:scale(.7);box-shadow:0 0 0 7px #0000}}.divider{background:var(--ink);opacity:.16;width:2px;height:14px;margin:0 4px}.top-actions{justify-self:end;gap:8px;display:flex}.control-button,.icon-button{border:2px solid var(--ink);height:38px;color:var(--ink);letter-spacing:.05em;box-shadow:3px 3px 0 var(--ink);background:#fff;border-radius:9px;padding:0 14px;font:700 10px IBM Plex Mono;transition:transform .15s,box-shadow .15s,background .15s}.icon-button{width:40px;color:var(--purple);padding:0;font-size:18px}.language-button{min-width:50px;color:var(--red);padding:0 10px}.control-button:hover,.icon-button:hover{box-shadow:5px 5px 0 var(--ink);background:#fff4d9;transform:translate(-1px,-1px)rotate(-1deg)}.control-button:active,.icon-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.icon-button:disabled{cursor:not-allowed;color:#aaa19c}.control-button.primary{color:#fff;background:var(--red);align-items:center;gap:9px;display:inline-flex}.battle-shell{max-width:1800px;margin:0 auto;padding:18px 18px 24px}.mission-ribbon{color:#fff;background:var(--ink);border:2px solid var(--ink);letter-spacing:.09em;border-radius:8px;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:34px;margin-bottom:14px;padding:5px 16px;font:700 9px IBM Plex Mono;display:grid;transform:rotate(-.18deg)}.mission-ribbon strong{color:#fff4dc;letter-spacing:.06em;font-size:14px}.mission-ribbon span:last-child{color:var(--amber);justify-self:end}.hero-stats{background:0 0;grid-template-columns:1fr minmax(360px,620px) 1fr;align-items:stretch;gap:12px;min-height:122px;margin-bottom:14px;display:grid}.stat-left,.stat-right,.price-lockup{background:var(--paper-strong);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);border-radius:16px;flex-direction:column;justify-content:center;padding:18px 24px;display:flex;position:relative;overflow:hidden}.stat-left:before,.stat-right:before{content:"";background:var(--red);height:7px;position:absolute;inset:0 0 auto}.stat-right:before{background:var(--green)}.stat-left:after,.stat-right:after{content:"▼";color:var(--red);font-size:22px;position:absolute;top:15px;right:18px;transform:rotate(-8deg)}.stat-right:after{content:"▲";color:var(--green)}.stat-right{text-align:right;align-items:flex-end}.eyebrow,.panel-kicker,.unit-caption{color:var(--muted);letter-spacing:.14em;font:700 9px IBM Plex Mono}.force-value{-webkit-text-stroke:.2px var(--ink);margin:6px 0 1px;font:800 clamp(22px,2vw,28px) IBM Plex Mono}.green{color:var(--green)!important}.red{color:var(--red)!important}.price-lockup{text-align:center;background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--red);align-items:center;transform:rotate(.15deg)}.price-lockup:before{content:"NOW";background:var(--red);border-radius:5px;padding:4px 7px;font:800 8px IBM Plex Mono;position:absolute;top:12px;left:14px;transform:rotate(-7deg)}.price-lockup .eyebrow{color:#cfc4c3}.price-row{justify-content:center;align-items:baseline;gap:16px;margin:4px 0 8px;display:flex}.price-row strong{letter-spacing:-.055em;font:700 clamp(32px,3.3vw,46px) IBM Plex Mono}.price-change{color:var(--green);background:#ffffff1a;border-radius:999px;padding:3px 7px;font:700 11px IBM Plex Mono}.pressure-line{color:#d0c6c4;justify-content:center;align-items:center;gap:9px;font-size:11px;display:flex}.confidence{background:#ffffff26;border:1px solid #fff;border-radius:999px;width:76px;height:7px;overflow:hidden}.confidence i{background:var(--green);width:65%;height:100%;transition:width .5s;display:block}#imbalance-value{color:var(--green);font:700 10px IBM Plex Mono}.battle-stage{border:3px solid var(--ink);height:calc(100vh - 330px);min-height:650px;max-height:980px;box-shadow:8px 8px 0 var(--ink);background:#251d24;border-radius:22px;position:relative;overflow:hidden}.battle-stage:before{content:"";z-index:3;pointer-events:none;border:1px solid #ffffff26;border-radius:14px;position:absolute;inset:11px}#battlefield{cursor:grab;width:100%;height:100%;display:block}#battlefield:active{cursor:grabbing}.stage-vignette,.stage-noise{pointer-events:none;position:absolute;inset:0}.stage-vignette{box-shadow:inset 0 0 150px 25px #0c050b94}.stage-noise{opacity:.12;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.2'/%3E%3C/svg%3E")}.stage-sticker{z-index:4;color:var(--ink);border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);background:#fff6d8;border-radius:9px;align-items:center;gap:9px;padding:7px 13px 7px 8px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)rotate(-1.5deg)}.sticker-bolt{color:#fff;background:var(--red);border:2px solid var(--ink);border-radius:50%;place-items:center;width:30px;height:30px;font-size:17px;display:grid}.stage-sticker small,.stage-sticker strong{display:block}.stage-sticker small{color:var(--red);letter-spacing:.12em;font:800 7px IBM Plex Mono}.stage-sticker strong{margin-top:1px;font-size:11px}.glass-panel{color:var(--ink);background:var(--panel);border:2px solid var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:13px;box-shadow:5px 5px #16131ac7}.side-banner{border:2px solid var(--ink);min-width:190px;box-shadow:4px 4px 0 var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:11px;align-items:center;gap:13px;padding:10px 15px;display:flex;position:absolute;top:68px}.side-banner.bears{color:#fff;background:var(--red);left:22px;transform:rotate(-1deg)}.side-banner.bulls{text-align:right;color:var(--ink);background:var(--green);justify-content:flex-end;right:22px;transform:rotate(1deg)}.side-banner small,.side-banner strong{display:block}.side-banner small{color:inherit;opacity:.68;letter-spacing:.12em;font:700 8px IBM Plex Mono}.side-banner strong{margin-top:2px;font-size:13px}.side-banner em{color:inherit;margin-left:auto;font:700 11px IBM Plex Mono}.side-banner.bulls em{margin:0}.banner-icon{color:#fff;font-size:17px}.bulls .banner-icon{color:var(--ink)}.price-front{text-align:center;pointer-events:none;position:absolute;top:24%;left:50%;transform:translate(-50%)}.price-front span{color:var(--ink);border:1px solid var(--ink);letter-spacing:.15em;background:#fff;border-radius:4px;padding:2px 5px;font:700 7px IBM Plex Mono;display:inline-block}.price-front strong{color:#fff;background:var(--ink);border-radius:4px;width:max-content;margin:3px auto 0;padding:3px 6px;font:700 11px IBM Plex Mono;display:block}.legend-panel{width:182px;padding:14px;position:absolute;top:130px;left:22px}.legend-panel:before,.depth-panel:before,.feed-panel:before{content:"";background:#ffe091cc;width:28px;height:9px;position:absolute;top:-6px;left:20px;transform:rotate(-4deg)}.legend-row{align-items:center;gap:11px;margin-top:12px;display:flex}.legend-row strong,.legend-row small{display:block}.legend-row strong{font-size:11px}.legend-row small{color:var(--muted);margin-top:2px;font-size:8px}.legend-symbol{flex:none;width:20px;height:20px;position:relative}.infantry-symbol:before{content:"";background:var(--purple);border:1px solid var(--ink);width:6px;height:6px;box-shadow:0 8px 0 2px var(--amber);border-radius:50%;position:absolute;top:1px;left:7px}.tank-symbol{background:var(--amber);border:1px solid var(--ink);border-radius:3px;height:12px;margin-top:4px;box-shadow:inset 0 -3px #00000024}.tank-symbol:after{content:"";background:var(--red);border:1px solid var(--ink);width:13px;height:4px;position:absolute;top:-5px;left:5px}.aircraft-symbol:before{content:"";background:var(--purple);clip-path:polygon(0 38%,37% 25%,45% 0,58% 0,65% 25%,100% 38%,100% 62%,62% 66%,57% 100%,46% 100%,41% 66%,0 62%);width:19px;height:4px;position:absolute;top:8px;left:1px}.blast-symbol{border:1px solid var(--ink);background:radial-gradient(circle, #fff 0 10%, var(--amber) 20%, var(--red) 48%, transparent 70%);border-radius:50%}.camera-hint{color:#fff;gap:8px;font-size:9px;display:flex;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.camera-hint>span{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#16131ab8;border:1px solid #ffffff4d;border-radius:999px;padding:5px 7px}kbd{color:var(--amber);background:0 0;border:0;padding:0;font:700 8px IBM Plex Mono}.depth-panel{width:400px;height:228px;padding:15px;position:absolute;bottom:22px;left:22px}.depth-panel header,.feed-panel header{justify-content:space-between;align-items:flex-start;display:flex}.depth-panel header strong,.feed-panel header strong{margin-top:4px;font-size:12px;display:block}.sim-badge{color:var(--ink);border:1px solid var(--ink);background:var(--amber);letter-spacing:.05em;border-radius:5px;padding:4px 6px;font:700 8px IBM Plex Mono;transform:rotate(2deg)}.sim-badge.live{color:#fff;background:var(--mint)}.sim-badge.offline{color:#fff;background:var(--red)}#depth-chart{width:100%;height:128px;margin-top:3px;overflow:visible}#bid-area,#ask-area{transition:d .45s}.depth-axis{color:var(--muted);justify-content:space-between;font:600 9px IBM Plex Mono;display:flex}.depth-axis strong{color:var(--ink)}.feed-panel{width:350px;height:286px;padding:15px 0 0;position:absolute;bottom:22px;right:22px}.feed-panel:before{left:auto;right:22px;transform:rotate(5deg)}.feed-panel header{border-bottom:1px dashed #16131a40;padding:0 15px 12px}.live-label{color:var(--ink);font:700 9px IBM Plex Mono}.live-label i{background:var(--mint);border-radius:50%;width:6px;height:6px;margin-right:5px;display:inline-block;box-shadow:0 0 0 3px #31b77b24}.feed-list{height:225px;overflow:hidden}.feed-item{border-bottom:1px dashed #16131a29;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;height:56px;padding:0 15px;animation:.4s feed-in;display:grid}.feed-item .feed-icon{border:1px solid var(--ink);width:28px;height:28px;box-shadow:2px 2px 0 var(--ink);background:#fff;border-radius:7px;place-items:center;font:700 9px IBM Plex Mono;display:grid}.feed-item.buy .feed-icon,.feed-item.buy .feed-side{color:var(--green-dark);background:#dff8ed}.feed-item.sell .feed-icon,.feed-item.sell .feed-side{color:var(--red);background:#ffe1e7}.feed-copy strong{font-size:10px;font-weight:700;display:block}.feed-copy small{color:var(--muted);margin-top:2px;font:500 8px IBM Plex Mono;display:block}.feed-side{border-radius:999px;padding:3px 5px;font:700 8px IBM Plex Mono}@keyframes feed-in{0%{opacity:0;transform:translateY(-8px)rotate(-1deg)}}.ticker-strip{border:2px solid var(--ink);background:var(--paper-strong);min-height:56px;box-shadow:4px 4px 0 var(--ink);border-radius:13px;align-items:stretch;margin-top:14px;display:flex;overflow:hidden}.ticker-title{color:#fff;background:var(--red);letter-spacing:.1em;border-right:2px solid var(--ink);align-items:center;padding:0 17px;font:700 9px IBM Plex Mono;display:flex}.ticker-item{border-right:1px dashed #16131a38;min-width:150px;padding:9px 18px}.ticker-item small,.ticker-item strong{display:block}.ticker-item small{color:var(--muted);font-size:8px}.ticker-item strong{margin-top:2px;font:700 11px IBM Plex Mono}.ticker-disclaimer{color:#8b827d;align-items:center;margin-left:auto;padding:0 18px;font-size:8px;display:flex}@media (width>=761px){html,body,#app{height:100%}body{overflow-y:hidden}.topbar{height:76px;min-height:76px}.battle-shell{grid-template-rows:34px 108px minmax(0,1fr) 52px;gap:10px;height:calc(100dvh - 76px);padding:12px 18px;display:grid}.mission-ribbon{height:34px;min-height:0;margin:0}.hero-stats{height:108px;min-height:0;margin:0}.battle-stage{height:auto;min-height:0;max-height:none}.ticker-strip{height:52px;min-height:0;margin:0}}@media (width>=761px) and (height<=800px){.topbar{height:68px;min-height:68px;padding-top:6px;padding-bottom:6px}.brand-logo{width:108px}.battle-shell{grid-template-rows:30px 92px minmax(0,1fr) 48px;gap:8px;height:calc(100dvh - 68px);padding:8px 14px}.mission-ribbon{height:30px}.mission-ribbon strong{font-size:12px}.hero-stats{height:92px}.stat-left,.stat-right,.price-lockup{padding-top:12px;padding-bottom:12px}.price-row{margin:2px 0 5px}.price-row strong{font-size:32px}.stage-sticker{padding-top:5px;padding-bottom:5px;top:10px}.side-banner{padding-top:7px;padding-bottom:7px;top:52px}.legend-panel{display:none}.depth-panel{width:350px;height:180px;padding:12px;bottom:12px;left:14px}#depth-chart{height:82px}.feed-panel{width:310px;height:220px;padding-top:12px;bottom:12px;right:14px}.feed-panel header{padding-bottom:9px}.feed-list{height:170px}.feed-item{height:42px;padding-left:12px;padding-right:12px}.camera-hint{bottom:198px}.ticker-strip{height:48px}.ticker-item{padding-top:6px;padding-bottom:6px}}@media (width<=1120px){.market-state{display:none}.topbar{grid-template-columns:1fr auto}.hero-stats{grid-template-columns:1fr 2fr 1fr}.legend-panel{display:none}.feed-panel{width:310px}.depth-panel{width:350px}.ticker-disclaimer{display:none}}@media (width<=760px){.topbar{min-height:72px;padding:8px 12px}.brand{gap:8px}.brand-logo{width:86px}.brand-copy{padding-left:8px}.brand strong{font-size:14px}.brand small,#reset-camera,.icon-button,#data-toggle{display:none}.battle-shell{padding:14px 10px 20px}.mission-ribbon{text-align:center;grid-template-columns:1fr}.mission-ribbon span{display:none}.mission-ribbon strong{font-size:12px}.hero-stats{grid-template-columns:1fr;min-height:104px}.stat-left,.stat-right{display:none}.price-lockup{border:2px solid var(--ink);padding:14px}.price-lockup:before{display:none}.price-row strong{font-size:30px}.battle-stage{height:calc(100vh - 270px);min-height:660px;box-shadow:5px 5px 0 var(--ink);border-radius:16px}.stage-sticker{padding:5px 9px;top:12px}.sticker-bolt{width:25px;height:25px}.side-banner{min-width:0;padding:8px 10px;top:64px}.side-banner.bears{left:10px}.side-banner.bulls{right:10px}.side-banner em,.side-banner small{display:none}.depth-panel{width:calc(100% - 20px);height:194px;bottom:10px;left:10px}#depth-chart{height:98px}.feed-panel{width:250px;height:174px;top:112px;bottom:auto;right:10px}.feed-list{height:120px}.feed-item{height:40px;padding:0 10px}.feed-item .feed-icon{width:22px;height:22px}.camera-hint{width:max-content;bottom:214px}.camera-hint span:nth-child(3),.ticker-item:nth-of-type(n+4),.ticker-title{display:none}.ticker-item{flex:1;min-width:0;padding:8px 10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}