@font-face{font-family:"Rajdhani";src:url("assets/fonts/Rajdhani-SemiBold.ttf") format("truetype");font-weight:600;font-display:swap}@font-face{font-family:"Share Tech Mono";src:url("assets/fonts/ShareTechMono-Regular.ttf") format("truetype");font-weight:400;font-display:swap}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#030907;color:#d0e4d8;font-family:Arial,Helvetica,sans-serif;touch-action:none;user-select:none}body{display:flex;align-items:center;justify-content:center}button{font:inherit;cursor:pointer;touch-action:none}button:focus-visible{outline:2px solid #e5ffc4;outline-offset:4px}#frame{position:relative;width:min(100vw,133.3333vh);width:min(100vw,133.3333dvh);height:auto;aspect-ratio:4/3;container-type:inline-size;overflow:hidden;background:#081713}canvas{width:100%;height:100%;display:block}#hud,#screen,#touch{position:absolute;inset:0}#hud{pointer-events:none}.topline{position:absolute;left:3.4%;right:3.4%;top:max(3%,env(safe-area-inset-top));display:flex;align-items:center;gap:3%;padding:0 0 1.2%;border-bottom:1px solid #73998744;text-shadow:0 2px 5px #000}.identity{margin-right:auto}.identity b{font-size:clamp(12px,1.7cqw,22px);letter-spacing:.12em}.identity em{font-weight:300;font-style:normal}.identity small{display:block;font:clamp(8px,.8cqw,11px) "Share Tech Mono",monospace;letter-spacing:.12em;color:#96b4a4;margin-top:7px}.telemetry{width:12%;font:clamp(8px,.8cqw,11px) "Share Tech Mono",monospace;letter-spacing:.07em}.meter{height:4px;background:#2d4035;margin-top:9px}.meter i{display:block;height:100%;background:#b7dba1;transition:width .12s}.focus .meter i{background:#7dc8c4}.ammo b{font:clamp(18px,2.4cqw,31px) "Share Tech Mono",monospace}.ammo small{font:clamp(8px,.8cqw,11px) "Share Tech Mono",monospace;padding-left:7px;color:#89a999}.icon{pointer-events:auto;background:#15271dbb;color:#c2d7c7;border:1px solid #536e5a;padding:8px 10px;font:10px "Share Tech Mono",monospace;letter-spacing:.07em}.mission{position:absolute;left:3.4%;right:3.4%;top:14.8%;display:flex;justify-content:space-between;font:clamp(9px,.85cqw,12px) "Share Tech Mono",monospace;letter-spacing:.12em;color:#a2c1af}.mission #sector{color:#799488}#bossHud{position:absolute;top:22%;left:34%;width:32%;text-align:center;font:11px "Share Tech Mono",monospace;letter-spacing:.2em;color:#f6b6a6}#bossHud>div{background:#552a28;height:4px;margin:8px 0}#bossLife{display:block;height:100%;background:#e66f5f}#bossHint{font-size:9px;letter-spacing:.08em;color:#b99a8f}#caption{position:absolute;bottom:17%;left:22%;width:56%;text-align:center;font-size:clamp(10px,1.1cqw,15px);line-height:1.6;letter-spacing:.04em;text-shadow:0 2px 3px #000;background:linear-gradient(90deg,transparent,#05120ee6,transparent)}#caption b{color:#ee8a75;font:10px "Share Tech Mono",monospace;letter-spacing:.15em;display:block}#prompt{position:absolute;bottom:24%;width:100%;text-align:center;color:#d9ebb9;letter-spacing:.1em;font:clamp(10px,1.1cqw,15px) "Share Tech Mono",monospace;text-shadow:0 2px 5px #000}#desktopHelp{position:absolute;bottom:4%;width:100%;text-align:center;color:#90bda7;font:clamp(8px,.8cqw,11px) "Share Tech Mono",monospace;letter-spacing:.04em}#desktopHelp b{font-weight:400;color:#546f60}#screen{display:flex;align-items:center;background:linear-gradient(90deg,#030c08f5 0%,#04140bdc 43%,#04120b00 100%);padding:5% 7%;pointer-events:auto}#screen[hidden],#hud[hidden],#touch[hidden],#bossHud[hidden]{display:none}#panel{max-width:620px;width:54%}.eyebrow{font:clamp(9px,.95cqw,12px) "Share Tech Mono",monospace;letter-spacing:.3em;color:#b7cd88;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';display:block;width:24px;height:2px;background:#aac681}h1{font-size:clamp(35px,6.5cqw,85px);font-weight:800;letter-spacing:-.055em;line-height:.94;margin:23px 0 7px;color:#e0ead8}h1 span{font-weight:200;display:block;letter-spacing:.16em;font-size:.35em;margin-top:15px;color:#a7c29f}h2{font-size:clamp(25px,3.9cqw,50px);font-weight:500;letter-spacing:-.04em;margin:16px 0}p{font-size:clamp(11px,1.1cqw,15px);line-height:1.8;color:#93b09e;max-width:460px}p.story{color:#bbcdbb;font-size:clamp(12px,1.35cqw,18px);line-height:1.6}.buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.primary,.secondary{border:1px solid #77946a;font:clamp(9px,1cqw,13px) "Share Tech Mono",monospace;letter-spacing:.13em;padding:15px 21px;min-height:42px;background:#c8dda2;color:#13261c}.secondary{background:#182b20b3;color:#bbcfad;border-color:#3c5944}.primary:hover{background:#e6f4c6}.secondary:hover{background:#294831}.meta{margin-top:24px;font:clamp(8px,.8cqw,11px) "Share Tech Mono",monospace;letter-spacing:.1em;line-height:1.7;color:#5f826c}.tipgrid{display:grid;grid-template-columns:1fr 1fr;gap:8px 20px;margin:20px 0;color:#9dbba4;font-size:clamp(10px,1cqw,13px)}.tipgrid b{color:#d0e1bf;display:block;font:clamp(10px,1cqw,13px) "Share Tech Mono",monospace;margin-bottom:5px}.stats{display:flex;gap:28px;font:12px "Share Tech Mono",monospace;color:#92ac9a;margin:20px 0}.stats b{display:block;color:#d8e8c5;font-size:24px;margin-bottom:6px}#touch{pointer-events:none}.touchMove,.touchActions{position:absolute;bottom:max(3%,env(safe-area-inset-bottom));display:flex;gap:9px;align-items:end}.touchMove{left:max(3%,env(safe-area-inset-left))}.touchActions{right:max(3%,env(safe-area-inset-right))}#touch button{pointer-events:auto;background:#10271e99;border:1px solid #95bda577;border-radius:8px;color:#cee5bc;font:bold clamp(8px,1.2cqw,13px) "Share Tech Mono",monospace;width:clamp(42px,6cqw,76px);height:clamp(42px,6cqw,76px);padding:0}#touch button.active{background:#7a9855aa;border-color:#e8f7bf}#touch .fire{border-radius:50%;background:#86443799;border-color:#e6a184;width:clamp(55px,7.5cqw,100px);height:clamp(55px,7.5cqw,100px)}#rotate{display:none}.touch #desktopHelp{display:none}.touch #caption{bottom:23%}.touch #prompt{bottom:33%}@media(max-height:500px){.buttons{margin-top:14px;gap:7px}.primary,.secondary{padding:10px 14px;min-height:36px}.meta{margin-top:13px}h1{margin-top:14px}p{margin:8px 0}.icon{font-size:8px;padding:6px}.topline{gap:2%}#bossHud{font-size:9px;top:21%}#bossHint{font-size:8px}.tipgrid{margin:10px 0}}@media(orientation:portrait) and (pointer:coarse){#rotate{display:flex;position:fixed;inset:0;z-index:10;align-items:center;justify-content:center;flex-direction:column;gap:20px;background:#081710;color:#d3e4b8;font:13px "Share Tech Mono",monospace}#rotate span{color:#79917e;font-size:11px}}
#panel{max-height:100%;overflow-y:auto;touch-action:pan-y;scrollbar-width:thin}
#caption,.touch #caption{top:18%;bottom:auto}#bossHud{top:27%}
.touch .icon{min-width:38px;min-height:36px}

h1,h2,.identity b{font-family:"Rajdhani",Arial,sans-serif;font-weight:600}h1{letter-spacing:-.025em}h1 span{font-weight:600;letter-spacing:.18em}

/* 4:3 interface: independent of render-buffer resolution. */
.topline{left:3%;right:3%;top:max(3%,env(safe-area-inset-top));display:grid;grid-template-columns:minmax(80px,1.4fr) minmax(48px,.8fr) minmax(48px,.8fr) auto auto auto;gap:2%;align-items:center}
.identity{min-width:0}.identity b{font-size:clamp(12px,2.7cqw,22px)}.identity small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(8px,1.3cqw,11px);letter-spacing:.04em}
.telemetry{width:auto;font-size:clamp(8px,1.4cqw,11px);white-space:nowrap;letter-spacing:0}.meter{margin-top:6px}
.ammo b{font-size:clamp(18px,3.5cqw,28px)}.ammo small{display:block;padding-left:0;font-size:clamp(8px,1.2cqw,10px)}
.icon{font-size:clamp(9px,1.5cqw,12px);padding:8px;min-height:36px;white-space:nowrap}
.mission{top:14%;gap:12px;font-size:clamp(9px,1.5cqw,12px);letter-spacing:.04em}.mission #sector{flex-shrink:0}
#caption,.touch #caption{top:19%;left:15%;width:70%;font-size:clamp(11px,1.75cqw,14px);line-height:1.4}#caption b{font-size:clamp(9px,1.4cqw,11px)}
#bossHud{top:30%;left:28%;width:44%;font-size:clamp(10px,1.7cqw,13px)}#bossHint{font-size:clamp(9px,1.4cqw,11px)}
#prompt{padding:0 5%;font-size:clamp(11px,1.7cqw,14px);letter-spacing:.04em}#desktopHelp{font-size:clamp(8px,1.4cqw,11px);padding:0 4%;line-height:1.6;bottom:3%}
#screen{padding:5% 6%}#panel{width:65%;max-height:100%;padding-right:8px}.eyebrow{font-size:clamp(9px,1.5cqw,12px);letter-spacing:.15em}
h1{font-size:clamp(34px,8cqw,64px)}h2{font-size:clamp(24px,5cqw,40px)}p{font-size:clamp(12px,1.75cqw,14px);line-height:1.6}p.story{font-size:clamp(13px,2.1cqw,17px)}
.primary,.secondary{font-size:clamp(11px,1.6cqw,13px);letter-spacing:.07em;padding:12px 15px;min-height:42px}.buttons{gap:8px;margin-top:20px}.meta{font-size:clamp(9px,1.4cqw,11px)}.tipgrid,.tipgrid b{font-size:clamp(11px,1.6cqw,13px)}
.touchMove,.touchActions{gap:6px}#touch button{width:clamp(42px,7cqw,56px);height:clamp(42px,7cqw,56px);font-size:clamp(9px,1.4cqw,11px)}#touch .fire{width:clamp(48px,8cqw,64px);height:clamp(48px,8cqw,64px)}
@container(max-width:600px){
 .topline{gap:6px;grid-template-columns:minmax(62px,1fr) minmax(45px,.75fr) minmax(45px,.75fr) 27px 60px 34px}.icon{font-size:9px;padding:4px}.identity small{display:none}.ammo small{display:none}.meter{height:3px}
 .mission{top:17%;font-size:9px}.mission #sector{font-size:8px}#caption,.touch #caption{top:24%;left:8%;width:84%;font-size:11px}#bossHud{top:39%;font-size:10px}#bossHint{display:none}
 #panel{width:100%;padding:0 8px 0 0}#screen{background:#04100be8}.buttons{margin-top:12px;gap:6px}.primary,.secondary{padding:9px 11px;min-height:42px}h1{margin-top:12px}h2{margin:10px 0}p{margin:8px 0}.meta{margin-top:12px}.tipgrid{margin:10px 0;gap:10px}
 .touchActions{display:grid;grid-template-columns:repeat(3,42px);gap:5px;align-items:center}.touchActions button,#touch .fire{width:42px;height:42px}.touchActions .fire{grid-column:3;grid-row:1 / span 2;height:64px!important}.touchMove{gap:5px}.touch #prompt{bottom:36%;font-size:10px}#desktopHelp{font-size:8px}
}

.identity .gameSubtitle{display:block;font:clamp(8px,1.25cqw,10px) "Share Tech Mono",monospace;letter-spacing:.02em;margin-top:2px;white-space:nowrap;color:#b6ccb8}

/* Readable green interaction guidance at the final 4:3 size. */
.mission{top:15%;align-items:flex-start}.mission #objective{color:#a7ffc5;font-size:clamp(12px,1.9cqw,16px);line-height:1.4;font-weight:400;padding:6px 10px;border-left:3px solid #73e69c;background:#04170ee6;text-shadow:0 1px 2px #000;letter-spacing:.015em;max-width:84%}
#caption,.touch #caption{top:24%;color:#c6ebd0;font-size:clamp(12px,1.8cqw,15px)}#caption b{color:#9af5b7;font-size:clamp(11px,1.6cqw,13px)}
#prompt{left:8%;width:84%;bottom:9%;padding:9px 12px;color:#aeffc6;background:#041b12ed;border:1px solid #63d89588;border-radius:5px;font-size:clamp(13px,2.1cqw,18px);line-height:1.3;letter-spacing:.025em;text-shadow:0 1px 2px #000}#prompt:empty{display:none}#prompt.actionable{color:#d0ffde;border-color:#93f6b5;box-shadow:0 0 12px #47b76b25}
#desktopHelp{color:#a7dfb9;font-size:clamp(9px,1.6cqw,13px);bottom:2%;letter-spacing:.015em}#desktopHelp b{color:#72b98a}.touch #prompt{bottom:25%}
@container(max-width:600px){.mission{top:18%}.mission #objective{font-size:11px;padding:4px 6px;max-width:83%}.mission #sector{font-size:8px}#caption,.touch #caption{top:29%;font-size:11px}#prompt{font-size:12px;padding:6px 8px}.touch #prompt{bottom:35%}}

.more-games{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border:1px solid currentColor;text-decoration:none;color:inherit;font:inherit;font-weight:bold;cursor:pointer}.more-games:hover{filter:brightness(1.2)}#gm-ad-status{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);z-index:120;background:#101820;color:white;padding:10px 18px;border-radius:5px;pointer-events:none}