:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#edf4e7;font-synthesis:none;--ink:#edf4e7;--muted:#a9b9ad;--panel:#122729e6;--panel-solid:#162f31;--line:#e8f3e029;--accent:#d5c77b;--danger:#ec9f8d;background:#0d2024;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:manipulation;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button,.button-label{border:1px solid var(--line);min-height:44px;color:var(--ink);cursor:pointer;background:#102628c7;border-radius:14px;padding:.65rem .9rem}button:hover,.button-label:hover{background:#284743eb}button:focus-visible,input:focus-visible,select:focus-visible,.button-label:focus-within{outline-offset:2px;outline:3px solid #f0db7c}button:disabled{opacity:.36;cursor:not-allowed}.danger{color:var(--danger)}.safe-ui{padding-left:max(14px, env(safe-area-inset-left));padding-right:max(14px, env(safe-area-inset-right))}#game{touch-action:none;background:#10262a;position:fixed;inset:0}#game canvas{image-rendering:pixelated;display:block;width:100%!important;height:100%!important}.topbar{inset:max(10px, env(safe-area-inset-top)) 0 auto;z-index:15;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed}.brand{letter-spacing:.18em;text-shadow:0 2px 8px #071516;align-items:center;gap:.45rem;font-size:.73rem;font-weight:700;display:flex}.brand-copy{flex-direction:column;gap:.08rem;display:flex}.tank-readout{color:#b9c9bd;letter-spacing:.08em;opacity:.92;font-size:.48rem;font-weight:550}.brand-mark{width:26px;height:26px;color:var(--accent);border:1px solid #ffffff57;border-radius:50%;place-items:center;display:grid}.clock{font-variant-numeric:tabular-nums;opacity:.85;margin-left:auto;margin-right:.7rem}.icon-button{pointer-events:auto;border-radius:50%;place-items:center;width:44px;padding:0;font-size:1.25rem;display:grid}.toolbar{left:50%;bottom:max(13px, env(safe-area-inset-bottom));z-index:15;gap:.45rem;transition:opacity .35s,transform .35s;display:flex;position:fixed;transform:translate(-50%)}.toolbar button{color:#e7efe1;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0d1f21b8;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;width:clamp(58px,9vw,78px);padding:.48rem;font-size:.69rem;display:flex}.toolbar button span{color:var(--accent);font-size:1rem}.drawer{z-index:30;width:min(390px,48vw);padding-top:max(20px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom));border-right:1px solid var(--line);background:linear-gradient(150deg,#1a3432f7,#0d1f22f7);grid-template-rows:auto 1fr auto;transition:transform .28s;display:grid;position:fixed;inset:0 auto 0 0;transform:translate(-105%);box-shadow:20px 0 60px #00000052}.drawer.open{transform:translate(0)}.drawer header,dialog header{justify-content:space-between;align-items:center;gap:1rem;padding:.1rem .5rem 1rem;display:flex}h1,h2,p{margin-top:0}h2{margin-bottom:0;font-size:1.35rem}.eyebrow{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;margin-bottom:.2rem;font-size:.68rem}.catalog{padding:0 .45rem;overflow:auto}.catalog-section{margin-bottom:1.2rem}.catalog-section h3{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;font-weight:600}.catalog-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;display:grid}.catalog-item{text-align:left;min-height:56px;padding:.55rem .65rem;font-size:.78rem}.catalog-item small{color:var(--muted);margin-top:.2rem;font-size:.65rem;display:block}.catalog-item.selected{border-color:var(--accent);background:#6a6f4375}.edit-tools{border-top:1px solid var(--line);flex-wrap:wrap;gap:.4rem;padding:.85rem .45rem 0;display:flex}.edit-tools button{min-height:40px;padding:.45rem .65rem;font-size:.73rem}dialog{border:1px solid var(--line);width:min(670px,100vw - 36px);max-height:calc(100vh - 36px);color:var(--ink);background:var(--panel-solid);border-radius:24px;padding:0;overflow:auto;box-shadow:0 30px 90px #041012}dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#040e10ad}.dialog-card{padding:1.25rem}.settings-grid{grid-template-columns:1fr 1fr;gap:.7rem;display:grid}.settings-grid label{border:1px solid var(--line);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;min-height:55px;padding:.6rem .7rem;display:flex}select{max-width:55%;min-height:34px;color:var(--ink);border:1px solid var(--line);background:#1d3a3a;border-radius:8px}.dialog-actions{flex-wrap:wrap;gap:.55rem;margin-top:1rem;display:flex}.button-label{align-items:center;display:inline-flex}.button-label input{opacity:0;width:1px;height:1px;position:absolute}.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem;display:grid}.journal-entry{border:1px solid var(--line);background:#081c1d6b;border-radius:14px;padding:.75rem}.journal-entry strong{font-size:.82rem;display:block}.journal-entry small{color:var(--muted)}#rotate-overlay{z-index:100;text-align:center;background:radial-gradient(circle at 50% 20%,#21494a,#0b1c20 70%);place-items:center;padding:30px;display:grid;position:fixed;inset:0}#rotate-overlay[hidden]{display:none}.rotate-card{max-width:340px}.phone-glyph{border:3px solid var(--accent);border-radius:14px;place-items:center;width:72px;height:112px;margin-bottom:18px;font-size:3rem;display:inline-grid;transform:rotate(90deg)}.toast,.warning{z-index:60;pointer-events:none;opacity:0;background:#09191be6;border-radius:12px;padding:.6rem .9rem;transition:opacity .2s;position:fixed;left:50%;transform:translate(-50%)}.toast{top:max(56px, calc(env(safe-area-inset-top) + 46px))}.toast.visible{opacity:1}.warning{color:#2d1e13;opacity:1;background:#f1c08e;max-width:420px;top:10px;left:12px;transform:none}.exit-zen,.update-button{z-index:25;bottom:max(18px, env(safe-area-inset-bottom));position:fixed}.exit-zen{right:max(18px, env(safe-area-inset-right))}.update-button{left:max(18px, env(safe-area-inset-left))}body.zen .topbar,body.zen .toolbar{opacity:0;pointer-events:none;transform:translateY(18px)}body.zen.zen-awake .topbar,body.zen.zen-awake .toolbar{opacity:1;pointer-events:auto;transform:none}body.zen .update-button{display:none}body.ui-idle:not(.zen) .topbar,body.ui-idle:not(.zen) .toolbar{opacity:0;pointer-events:none}@media (max-width:700px){.drawer{width:min(420px,72vw)}.toolbar{gap:.2rem}.toolbar button{width:58px;min-height:46px;font-size:.62rem}.settings-grid{grid-template-columns:1fr}.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.fatal{text-align:center;background:#10262a;place-content:center;padding:2rem;display:grid;position:fixed;inset:0}