:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#e4eee9;background:#101d24;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{position:fixed;inset:0;width:100%;height:100%}#field,#labels{pointer-events:none}#gpu{touch-action:none}#labels{z-index:1}header,.stats,#status{position:fixed;z-index:2}header{top:max(28px,env(safe-area-inset-top));left:36px;right:36px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:13px;align-items:center}.brand-mark{color:#b8ecc5;font-size:46px}h1{font-size:30px;letter-spacing:-1.4px;font-weight:550;margin:0}h1 span{color:#6c9587;margin-left:8px;font-weight:300}.brand p{font-size:8px;letter-spacing:2px;color:#8daba5;margin:6px 0 0}.phase{font-size:10px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px;color:#9dafae}.phase i{width:6px;height:6px;background:#bceec7;border-radius:50%}.phase span{border:1px solid #3c5054;padding:6px 8px;border-radius:5px}.stats{top:124px;left:36px;display:flex;gap:28px;border-top:1px solid #ffffff16;padding-top:18px;pointer-events:none}.stats span{font-size:9px;letter-spacing:1.5px;color:#829c9c}.stats strong{display:block;font-size:24px;font-weight:450;margin-top:6px;font-variant-numeric:tabular-nums}.stats small{color:#6f8b88;font-size:14px}#status{bottom:126px;left:50%;transform:translate(-50%);font-size:11px;color:#b7cbbf;background:#122728e8;border:1px solid #ffffff12;border-radius:30px;padding:10px 18px;text-align:center;max-width:85vw}#selection{position:fixed;z-index:2;top:198px;left:36px;color:#bceec7;font-size:11px;pointer-events:none}@media (max-width: 700px){header{top:max(18px,env(safe-area-inset-top));left:20px;right:20px}h1{font-size:26px}.phase{font-size:0;gap:6px}.phase span{font-size:10px}.stats{top:105px;left:20px;right:20px;justify-content:space-between;gap:10px}.stats span{font-size:8px;letter-spacing:.6px}.stats strong{font-size:24px}#selection{top:184px;left:20px}}