@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Noto+Sans+SC:wght@400;500;600;700&display=swap";:root{font-family:Noto Sans SC,sans-serif;color:#edf4ed;background:#07100e;font-synthesis:none;--green: #80f0a5;--green-strong: #42d983;--red: #ff745f;--gold: #e6c47c;--ink: #07110f;--glass: rgba(8, 23, 19, .78);--line: rgba(199, 226, 211, .18)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;background:#07100e;isolation:isolate}#game-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.ticker-bar{position:absolute;z-index:20;top:0;left:0;right:0;height:72px;display:flex;align-items:stretch;gap:1px;padding-left:max(16px,2vw);background:linear-gradient(180deg,#04100df5,#04100dc7);border-bottom:1px solid rgba(230,196,124,.32);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.ticker-tab{position:relative;min-width:120px;padding:10px 22px;color:#eef4efb8;background:transparent;border:0;border-left:1px solid rgba(255,255,255,.04);text-align:left;cursor:default}.ticker-tab span{display:block;font:700 25px/1 Barlow Condensed,sans-serif;letter-spacing:.04em}.ticker-tab small{display:block;margin-top:5px;font-size:9px;letter-spacing:.15em;opacity:.54}.ticker-tab.active{color:#101a16;background:linear-gradient(135deg,#f1d798,#c8a762);box-shadow:0 12px 40px #0000002e}.ticker-tab.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:3px;background:#fff1c4}.ticker-tab.locked{opacity:.48}.market-readout{margin-left:auto;min-width:250px;padding:10px max(20px,2vw) 9px 26px;display:flex;align-items:center;justify-content:flex-end;gap:18px}.market-readout>div{display:grid;justify-items:end}.market-readout strong{font:700 27px/1 Barlow Condensed,sans-serif;letter-spacing:.03em}.market-readout>span{min-width:74px;font:700 17px Barlow Condensed,sans-serif}.positive{color:var(--green)}.negative{color:var(--red)}.hud{position:absolute;z-index:12;inset:72px 0 0;pointer-events:none}.glass-panel{background:linear-gradient(145deg,#091a16e0,#050f0db3);border:1px solid var(--line);box-shadow:0 12px 40px #00000038;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.status-panel{position:absolute;left:22px;top:22px;width:310px;padding:16px 18px 14px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,0 100%)}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;color:#d8e5dc;font:600 12px/1 Barlow Condensed,sans-serif;letter-spacing:.12em}.eyebrow,.pretitle{font:600 10px/1.2 Barlow Condensed,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#dae8dea1}.bar-row{display:grid;grid-template-columns:34px 1fr 38px;align-items:center;gap:9px;margin:9px 0;font-size:10px;color:#e7efe9b8}.bar-row b{font:600 11px Barlow Condensed,sans-serif;text-align:right}.meter{height:6px;overflow:hidden;background:#ffffff17;border-radius:99px}.meter i{display:block;width:100%;height:100%;transform-origin:left;transition:transform .18s ease}.health-meter i{background:linear-gradient(90deg,#40bd75,#91efae);box-shadow:0 0 12px #58e78966}.xp-meter i{background:linear-gradient(90deg,#c29e58,#efd99d)}.market-panel{position:absolute;right:22px;top:88px;width:280px;padding:15px 18px}.sentiment-track{position:relative;height:7px;margin:18px 0 13px;background:linear-gradient(90deg,#c94e45,#85675a 48%,#376d54 52%,#5ae091);border-radius:9px}.sentiment-track:after{content:"";position:absolute;left:50%;top:-5px;width:1px;height:17px;background:#ffffff73}.sentiment-track i{position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:#fff;box-shadow:0 0 14px #ffffffb3;transition:left .3s ease}.market-stats{display:flex;justify-content:space-between;color:#e2ebe499;font-size:10px}.market-stats b{margin-left:4px;color:#e9f1eb;font:600 12px Barlow Condensed,sans-serif}.timer-panel{position:absolute;right:22px;top:22px;height:58px;min-width:280px;padding:9px 18px;display:grid;grid-template-columns:1fr auto;grid-template-rows:1fr 1fr;align-items:center}.timer-panel strong{grid-row:1 / 3;grid-column:2;font:700 31px/1 Barlow Condensed,sans-serif;letter-spacing:.04em;color:#f0d798}.timer-panel>span:last-child{font-size:10px;color:#e8efe9ad}.controls-hint{position:absolute;left:22px;bottom:22px;display:flex;gap:16px;padding:10px 13px;background:#050f0d8f;border:1px solid rgba(255,255,255,.08);color:#ebf1eda6;font-size:10px}kbd{margin-right:4px;padding:3px 6px;color:#f2e4bf;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:3px;font:600 9px Barlow Condensed,sans-serif}.dash-widget{position:absolute;left:50%;bottom:22px;width:94px;height:52px;margin-left:-47px;display:grid;place-items:center;align-content:center;overflow:hidden;background:#061410d1;border:1px solid rgba(231,204,138,.32);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%)}.dash-widget span{color:#e6eee88c;font-size:8px;letter-spacing:.13em}.dash-widget b{font:700 12px Barlow Condensed,sans-serif;color:#f2dfae}.dash-widget i{position:absolute;inset:auto 0 0;height:3px;background:var(--green);transform-origin:left}.event-banner{position:absolute;top:35px;left:50%;width:min(480px,60vw);padding:14px 25px 13px;transform:translate(-50%,-150%);opacity:0;text-align:center;background:linear-gradient(90deg,transparent,rgba(13,35,27,.94) 18%,rgba(13,35,27,.94) 82%,transparent);transition:transform .5s cubic-bezier(.2,.9,.3,1),opacity .35s}.event-banner.show{transform:translate(-50%);opacity:1}.event-banner strong{display:block;margin-top:4px;color:#f2d68e;font:700 21px Barlow Condensed,sans-serif;letter-spacing:.05em}.event-banner p{margin:2px 0 0;font-size:10px;color:#ecf1edad}.modal-layer{position:absolute;z-index:30;inset:0;display:grid;place-items:center;transition:opacity .35s ease,visibility .35s ease}.modal-layer.hidden{opacity:0;visibility:hidden;pointer-events:none}.intro-layer{background:radial-gradient(circle at 50% 54%,#08191333,#030b09c2 68%,#030908eb)}.brand-lockup{width:min(560px,calc(100vw - 40px));text-align:center;transform:translateY(22px)}.brand-lockup:before{content:"";display:block;width:68px;height:2px;margin:0 auto 22px;background:var(--gold);box-shadow:0 0 20px #e6c47c73}.brand-lockup h1{margin:12px 0 -7px;font-size:clamp(72px,10vw,132px);font-weight:700;line-height:.96;letter-spacing:.08em;text-indent:.08em;text-shadow:0 12px 45px rgba(0,0,0,.36)}.english-title{margin:18px 0 0;color:#e8cd8d;font:600 19px Barlow Condensed,sans-serif;letter-spacing:.48em;text-indent:.48em}.intro-copy{margin:30px 0 28px;color:#e7eee9b8;font-size:14px;line-height:1.9;letter-spacing:.06em}.primary-button{min-width:230px;padding:14px 28px 13px;color:#102017;background:linear-gradient(135deg,#f1ddaa,#caa75f);border:1px solid rgba(255,244,208,.65);box-shadow:0 10px 35px #00000047;cursor:pointer;transition:transform .18s ease,filter .18s ease}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.primary-button span{display:block;font-size:16px;font-weight:700;letter-spacing:.1em}.primary-button small{display:block;margin-top:3px;font:600 8px Barlow Condensed,sans-serif;letter-spacing:.24em;opacity:.62}.prototype-note{margin-top:18px;font-size:9px;letter-spacing:.1em;color:#e3ece566}.upgrade-layer{background:#030b09d6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upgrade-wrap{width:min(920px,calc(100vw - 40px));text-align:center}.upgrade-wrap h2{margin:9px 0 27px;font-size:30px;letter-spacing:.08em}.upgrade-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.upgrade-card{position:relative;min-height:260px;padding:22px;color:#eaf2ec;background:linear-gradient(155deg,#19342af7,#07120ffa);border:1px solid rgba(225,197,126,.25);text-align:left;cursor:pointer;overflow:hidden;transition:transform .2s ease,border-color .2s ease}.upgrade-card:after{content:"";position:absolute;inset:auto -30px -50px auto;width:130px;height:130px;border:1px solid rgba(230,204,139,.11);transform:rotate(45deg)}.upgrade-card:hover{transform:translateY(-7px);border-color:#ebcd80b8}.upgrade-card .card-icon{display:grid;width:48px;height:48px;place-items:center;margin-bottom:35px;border:1px solid rgba(225,198,128,.35);color:#efd894;font:700 23px Barlow Condensed,sans-serif}.upgrade-card h3{margin:0 0 8px;font-size:20px}.upgrade-card p{margin:0;color:#e1ebe49e;font-size:12px;line-height:1.7}.upgrade-card small{position:absolute;left:22px;bottom:18px;color:#d9bd79;font:600 9px Barlow Condensed,sans-serif;letter-spacing:.16em}.end-layer{background:radial-gradient(circle,#091a14b3,#020907f0);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.end-card{width:min(560px,calc(100vw - 36px));padding:42px;text-align:center}.end-card h2{margin:10px 0 8px;font-size:38px}.end-card>p{color:#e6eee899;font-size:13px}.end-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:30px 0;background:#ffffff1a}.end-stats div{padding:18px 8px;background:#0a1915}.end-stats span{display:block;color:#e5ede77a;font-size:9px}.end-stats b{display:block;margin-top:7px;color:#efda9f;font:700 23px Barlow Condensed,sans-serif}.damage-vignette{position:absolute;z-index:25;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle,transparent 40%,rgba(160,23,13,.55));transition:opacity .18s}.damage-vignette.flash{opacity:1}.scanlines{position:absolute;z-index:40;inset:0;pointer-events:none;opacity:.05;background:repeating-linear-gradient(180deg,transparent 0 3px,#b7e3cb 4px);mix-blend-mode:overlay}@media(max-width:800px){.ticker-tab{min-width:78px;padding:12px}.ticker-tab small,.market-readout .eyebrow{display:none}.market-readout{min-width:150px}.status-panel{width:260px}.market-panel{display:none}.upgrade-cards{grid-template-columns:1fr}.upgrade-card{min-height:150px}.upgrade-card .card-icon{margin-bottom:12px}}
