:root{font-family:Courier New,Microsoft YaHei,monospace;color:#f5edcf;background:#15241b;font-synthesis:none;text-rendering:geometricPrecision;--ink: #15241b;--ink-deep: #0d1712;--panel: rgba(24, 35, 25, .9);--panel-soft: rgba(42, 54, 34, .82);--line: rgba(224, 204, 145, .28);--line-strong: rgba(180, 221, 154, .72);--cream: #f5edcf;--muted: #bdc6a7;--cyan: #69d2c4;--moss: #9bc46d;--amber: #e5b45f;--coral: #e4775d;--earth: #a9674a;--water-deep: #2f8f8b}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:var(--ink)}body{min-width:320px}button{font:inherit}#game-shell{position:relative;width:100vw;height:100vh;overflow:hidden;background:#203326}#game-root{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}#game-root canvas{display:block;image-rendering:pixelated;image-rendering:crisp-edges}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;padding:clamp(14px,2.8vw,32px);display:flex;flex-direction:column;justify-content:space-between}.hud-topline,.hud-bottomline{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.hud-topline{position:relative}.hud-topline{pointer-events:auto}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;color:var(--ink-deep);background:var(--moss);border:3px solid #d9efae;box-shadow:4px 4px #08130c61;font-weight:900;letter-spacing:0}.eyebrow{margin:0 0 3px;color:var(--moss);font-size:10px;letter-spacing:1.8px}h1{margin:0;font-size:clamp(19px,2.2vw,28px);letter-spacing:1px;line-height:1;text-shadow:2px 2px 0 rgba(11,24,15,.48)}.wave-readout{position:absolute;top:0;right:58px;min-width:170px;max-width:min(34vw,260px);padding:8px 13px 9px;background:var(--panel);border:1px solid var(--line-strong);box-shadow:4px 4px #08130c57}.region-value{display:block;margin-bottom:4px;overflow:hidden;color:var(--cyan);font-size:11px;letter-spacing:.6px;text-overflow:ellipsis;white-space:nowrap}.wave-readout .label{display:block;color:var(--amber);font-size:10px;letter-spacing:2px}.wave-readout strong{display:block;margin:2px 0 1px;font-size:22px;line-height:1}.wave-readout span:last-child{display:block;overflow:hidden;color:var(--muted);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.icon-button{width:42px;height:42px;border:1px solid var(--line-strong);background:var(--panel);color:var(--cream);cursor:pointer;font-weight:900;letter-spacing:0;box-shadow:4px 4px #08130c57;transition:transform .16s ease,color .16s ease,border-color .16s ease}.icon-button:hover,.icon-button:focus-visible{color:var(--moss);border-color:var(--moss);transform:translate(-1px,-1px);outline:none}.hud-bottomline{align-items:flex-end;pointer-events:auto}.status-cluster,.weapon-readout{background:var(--panel);border:1px solid var(--line);box-shadow:5px 5px #08130c57}.status-cluster{display:flex;align-items:center;gap:12px;min-width:280px;padding:9px 12px 10px 9px}.portrait-frame{width:48px;height:48px;display:grid;place-items:center;overflow:hidden;background:#273a29;border:1px solid rgba(155,196,109,.68)}.portrait-frame img{width:104px;height:138px;max-width:none;object-fit:contain;image-rendering:pixelated;transform:translateY(11px)}.health-block{flex:1;min-width:180px}.bar-label{display:flex;justify-content:space-between;gap:12px;color:var(--cream);font-size:11px}.bar-label strong{color:var(--moss);font-size:12px}.meter{height:9px;margin:5px 0 7px;padding:2px;background:#21352a;border:1px solid rgba(155,196,109,.42)}.meter span{display:block;height:100%;width:100%;background:var(--moss);transition:width .18s ease,background .18s ease}.bar-label.sub{color:var(--muted);font-size:10px}.bar-label.sub span:last-child{color:var(--amber)}.weapon-readout{min-width:190px;padding:11px 14px 10px;text-align:right}.weapon-name{display:flex;justify-content:flex-end;align-items:center;gap:7px;color:var(--muted);font-size:11px}.weapon-dot{width:7px;height:7px;background:var(--amber);box-shadow:0 0 0 2px #e5b45f38}.weapon-readout strong{display:block;margin:3px 0 2px;color:var(--cream);font-size:24px;line-height:1;letter-spacing:1px}.weapon-readout>span:last-child{color:var(--muted);font-size:10px}.toast-stack{position:absolute;left:50%;bottom:18%;display:flex;flex-direction:column;gap:6px;transform:translate(-50%);pointer-events:none}.toast{max-width:min(90vw,520px);padding:7px 11px;color:var(--cream);background:#111d14eb;border-left:3px solid var(--cyan);font-size:11px;letter-spacing:.4px;line-height:1.35;text-align:center;animation:toast-in .18s ease-out both,toast-out .25s ease-in 1.8s forwards;white-space:normal}.toast.amber{border-left-color:var(--amber)}.toast.coral{border-left-color:var(--coral)}.interaction-prompt{position:absolute;left:50%;bottom:11%;display:flex;align-items:center;gap:9px;max-width:min(620px,calc(100vw - 28px));padding:9px 10px;color:var(--cream);background:#111d14f0;border:1px solid var(--line-strong);box-shadow:5px 5px #08130c57;transform:translate(-50%);pointer-events:auto}.interaction-prompt.is-hidden{display:none}.interaction-prompt kbd{min-width:30px;margin:0;color:var(--ink-deep);background:var(--moss);border-color:#d9efae;font-weight:900}.interaction-prompt span{min-width:0;overflow:hidden;color:var(--cream);font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:normal}.interaction-button{flex:0 0 auto;min-height:28px;padding:3px 10px;color:var(--ink-deep);background:var(--amber);border:1px solid #f7d99b;cursor:pointer;font-size:10px;font-weight:900}.interaction-button:hover,.interaction-button:focus-visible{background:#f2ca7b;outline:none}.mobile-controls{display:none;position:absolute;inset:auto 14px clamp(124px,15vh,144px);z-index:4;align-items:flex-end;justify-content:space-between;pointer-events:none}.touch-dpad{display:grid;grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px);gap:4px;pointer-events:auto}.touch-dpad button,.touch-actions button{display:grid;place-items:center;width:40px;height:40px;padding:0;color:var(--cream);background:#111d14db;border:1px solid var(--line-strong);box-shadow:3px 3px #08130c61;cursor:pointer;font-size:16px;font-weight:900;touch-action:none;-webkit-user-select:none;user-select:none}.touch-dpad button:active,.touch-actions button:active{color:var(--ink-deep);background:var(--moss);transform:translate(1px,1px)}.touch-dpad button:nth-child(1){grid-column:2}.touch-dpad button:nth-child(2){grid-column:1;grid-row:2}.touch-dpad span{grid-column:2;grid-row:2;width:40px;height:40px;background:#111d147a;border:1px solid rgba(224,204,145,.24)}.touch-dpad button:nth-child(4){grid-column:3;grid-row:2}.touch-dpad button:nth-child(5){grid-column:2;grid-row:3}.touch-actions{display:flex;align-items:flex-end;gap:8px;pointer-events:auto}.touch-actions button{width:48px;height:48px}.touch-actions button:last-child{color:var(--ink-deep);background:var(--amber);border-color:#f7d99b;font-size:21px}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{to{opacity:0;transform:translateY(-5px)}}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:#0d1710b8;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:5;transition:opacity .22s ease,visibility .22s ease}.screen-overlay.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.overlay-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.2;background-image:linear-gradient(rgba(155,196,109,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(155,196,109,.14) 1px,transparent 1px);background-size:32px 32px;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 25%,#000 75%,transparent)}.title-card{position:relative;width:min(520px,100%);padding:clamp(26px,5vw,46px);background:#142016f2;border:1px solid var(--line-strong);box-shadow:9px 9px #08130c6b}.title-card:before,.title-card:after{content:"";position:absolute;width:16px;height:16px;border-color:var(--moss);border-style:solid}.title-card:before{top:-1px;left:-1px;border-width:3px 0 0 3px}.title-card:after{right:-1px;bottom:-1px;border-width:0 3px 3px 0}.title-card.compact{width:min(400px,100%);text-align:center}.title-kicker{color:var(--moss);font-size:10px;letter-spacing:1.7px}.signal-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--moss);box-shadow:0 0 0 3px #9bc46d29;vertical-align:1px}.signal-dot.amber{background:var(--amber);box-shadow:0 0 0 3px #e5b45f29}.signal-dot.coral{background:var(--coral);box-shadow:0 0 0 3px #e4775d29}.title-card h2{margin:14px 0 5px;color:var(--cream);font-size:clamp(36px,7vw,64px);line-height:.95;letter-spacing:3px;text-shadow:5px 5px 0 rgba(155,196,109,.15)}.title-card.compact h2{font-size:clamp(31px,6vw,46px)}.title-subtitle{margin:0;color:var(--amber);font-size:13px;letter-spacing:1px}.title-copy{margin:22px 0 0;color:var(--muted);font-family:Microsoft YaHei,sans-serif;font-size:13px;line-height:1.8;overflow-wrap:anywhere}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin:24px 0 26px;color:var(--muted);font-size:11px}kbd{display:inline-block;min-width:42px;margin-right:4px;padding:4px 5px;color:var(--cream);background:#26392a;border:1px solid rgba(189,198,167,.34);font-size:10px;text-align:center}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:9px;width:100%;min-height:48px;color:var(--ink-deep);background:var(--moss);border:2px solid #d9efae;box-shadow:5px 5px #08130c6b;cursor:pointer;font-weight:900;letter-spacing:.8px;transition:transform .16s ease,background .16s ease,box-shadow .16s ease}.primary-button:hover,.primary-button:focus-visible{background:#b5da82;transform:translate(-2px,-2px);box-shadow:7px 7px #08130c6b;outline:none}.asset-note{margin:18px 0 0;color:#849876;font-size:10px;text-align:center}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.result-stats span{padding:9px 5px;background:#21352a;border:1px solid rgba(189,198,167,.24)}.result-stats small,.result-stats strong{display:block}.result-stats small{color:var(--muted);font-size:10px}.result-stats strong{margin-top:4px;color:var(--amber);font-size:21px}@media(max-width:680px){.hud{padding:12px}.eyebrow{font-size:8px;letter-spacing:1px}.brand-mark{width:34px;height:34px;font-size:12px}h1{font-size:18px}.hud-topline{gap:8px}.brand-lockup{min-width:0;gap:8px}.brand-lockup>div{min-width:0}.wave-readout{min-width:0;right:46px;width:min(38vw,154px);padding:6px 9px}.region-value{font-size:9px}.wave-readout strong{font-size:17px}.wave-readout span:last-child{font-size:9px}.icon-button{width:36px;height:36px}.hud-bottomline{align-items:flex-end;gap:8px}.status-cluster{min-width:0;flex:1;padding:7px;gap:7px}.portrait-frame{width:38px;height:38px}.portrait-frame img{width:82px;height:109px;transform:translateY(9px)}.health-block{min-width:0}.bar-label{font-size:9px}.bar-label strong{font-size:10px}.weapon-readout{min-width:110px;padding:8px 9px}.weapon-name{font-size:9px}.weapon-readout strong{font-size:18px}.weapon-readout>span:last-child{font-size:8px}.toast-stack{bottom:calc(clamp(124px,15vh,144px) + 230px)}.interaction-prompt{bottom:calc(clamp(124px,15vh,144px) + 136px);gap:6px;padding:7px}.interaction-prompt span{max-width:48vw;font-size:9px}.interaction-button{min-height:26px;padding-inline:8px}.title-card{padding:27px 22px}.control-grid{gap:7px;font-size:10px}kbd{min-width:35px;font-size:9px}}@media(max-width:430px){.hud-topline{align-items:flex-start}.hud-topline .wave-readout{display:block;right:48px;width:104px;padding:4px 6px}.hud-topline .wave-readout .region-value{margin-bottom:2px;font-size:8px}.hud-topline .wave-readout .label{font-size:8px;letter-spacing:1px}.hud-topline .wave-readout strong{font-size:14px}.hud-topline .wave-readout span:last-child{display:none}.hud-bottomline{flex-wrap:wrap}.status-cluster{flex-basis:calc(100% - 92px)}.weapon-readout{flex:0 0 84px;min-width:84px}.weapon-name{overflow:hidden}.weapon-name span:last-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.interaction-prompt{max-width:calc(100vw - 24px)}.interaction-prompt span{max-width:42vw}}@media(max-width:820px),(pointer:coarse){.mobile-controls{display:flex}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}