:root{font-family:Arial,Helvetica,sans-serif;color:#ede6d4;background:#081820;font-synthesis:none}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:2px solid #fff0b9;outline-offset:4px}[hidden]{display:none!important}#app{height:100dvh;display:flex;justify-content:center;align-items:center;gap:clamp(28px,5vw,90px);padding:22px;background:radial-gradient(ellipse at 50% 40%,#163541 0,#081820 65%)}.side{height:min(800px,90dvh);width:240px;display:flex;flex-direction:column;justify-content:space-between}.wordmark{font-size:20px;letter-spacing:5px;font-weight:900;text-decoration:none;color:#ede6d4}.wordmark span{display:block;font-size:8px;letter-spacing:2px;color:#879c9e;margin-top:10px}.eyebrow{font-size:9px;letter-spacing:2.8px;color:#e2bd77}.side h2{font-size:32px;line-height:1.6;letter-spacing:-1.5px;margin:26px 0}.side p{color:#8ba1a4;font-size:12px;line-height:2}.side small{font-size:8px;letter-spacing:1.5px;color:#72888e}.side b{color:#dfbd78}.edition{font-size:8px;letter-spacing:2.2px;color:#71888e;text-align:right}.brief{border-top:1px solid #2e4148;padding-top:25px}.brief h3{font-size:24px;line-height:1.5;font-weight:400;margin:20px 0 30px}dl{margin:0}dt{font-size:9px;letter-spacing:2px;color:#d3b577;margin-top:25px}dd{margin:10px 0;color:#93a5a6;font-size:12px;line-height:1.8}.cabinet{position:relative;flex:none;width:min(calc((100dvh - 44px)*.6),480px);height:min(calc(100dvh - 44px),800px);overflow:hidden;background:#185366;box-shadow:0 24px 90px #0007,0 0 0 1px #a0bba32b;border-radius:4px}#game{position:absolute;inset:0}canvas{display:block;touch-action:none}.hud{position:absolute;top:0;left:0;right:0;height:80px;padding:22px 23px 10px;display:flex;align-items:start;justify-content:space-between;background:linear-gradient(#061923e6,#06192300);pointer-events:none}.hud span,.controls>div>span{display:block;font-size:8px;letter-spacing:2px;color:#c1d0bd}.hud strong{display:block;margin-top:6px;font-size:23px;letter-spacing:2px;font-variant-numeric:tabular-nums}.hud-center{text-align:center}.hud-center strong{font-size:17px;color:#e6bf73}.hud button{pointer-events:auto;width:40px;height:40px;background:#0a2739a6;border:1px solid #bdd8c351;border-radius:50%;color:#f5e7c4;font-size:18px}.hud button:disabled{opacity:.3}#mission{position:absolute;top:90px;left:24px;width:calc(100% - 48px);font-size:8px;letter-spacing:2px;color:#d0e1d0;opacity:.8}.track{height:2px;background:#a8cbca30;margin-top:8px}.track i{height:100%;display:block;width:0;background:#e5c283}#boss-hud{position:absolute;top:115px;left:20%;width:60%;font-size:8px;letter-spacing:2px;text-align:center;color:#ffc19b}#boss-hud .track{height:5px}#boss-health{background:#f28564}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(#0a253344,#081f32bd 35%,#09253588 75%,#081a2422);padding:18px;text-align:center}.crest{color:#e5c283;font-size:38px;margin-bottom:20px;text-shadow:0 0 30px #dfc77b66}h1{font-size:clamp(35px,5vw,52px);letter-spacing:9px;font-weight:900;margin:20px 0 0;line-height:1.2;text-shadow:3px 4px #082435}h1 span{display:block;font-size:clamp(70px,9vw,100px);letter-spacing:15px;margin-left:15px;color:#f0d599;font-style:italic}.title-rule{width:45px;height:2px;background:#dcc48b;margin:20px 0 8px}#overlay-copy{font-size:13px;letter-spacing:.8px;color:#d8dfd2;margin:12px 0 27px}.primary{width:240px;max-width:100%;background:#f0d599;color:#17323a;border:0;padding:18px 24px;font-size:14px;font-weight:700;letter-spacing:1px;box-shadow:0 4px #b59a65;transition:background .2s}.primary:hover{background:#ffe8b4}.instructions{font-size:10px;line-height:1.9;color:#b1c4bf;margin-top:22px}.lives-note{margin-top:20px;border:1px solid #e3cc8a35;padding:10px 14px;color:#cfd9bb;font-size:9px}.controls{position:absolute;bottom:0;left:0;right:0;height:90px;padding:18px 21px calc(14px + env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#06192300,#061923e6)}#lives{display:block;font-size:13px;color:#ebd497;letter-spacing:1px;margin-top:7px;max-width:150px;min-width:100px}.controls button{color:#e8d19b;border:1px solid #c4ca9a55;background:#112f39d9;min-height:44px;border-radius:4px;padding:8px 12px;font-size:10px;letter-spacing:1px}#bomb span{font-size:22px;vertical-align:middle;margin-right:5px}#bomb b{background:#d5bd81;color:#17303c;padding:3px 5px;margin-left:5px}#sound{font-size:9px}#toast{position:absolute;top:31%;width:100%;text-align:center;pointer-events:none;font-size:20px;font-weight:700;letter-spacing:3px;color:#ffe5a6;text-shadow:0 2px 8px #051a22;white-space:pre-line}@media(max-width:1100px){.side{width:180px}.side h2{font-size:26px}#app{gap:30px}}@media(max-width:850px){.side{display:none}#app{padding:0}.cabinet{width:min(100vw,60dvh);height:min(100dvh,166.667vw);max-width:480px;max-height:800px;border-radius:0}h1{font-size:44px}h1 span{font-size:90px}}@media(max-width:380px){.hud{padding:17px}.hud strong{font-size:19px}.controls{padding-left:12px;padding-right:12px}.controls button{padding:6px 9px}h1{font-size:36px}h1 span{font-size:76px}.crest{margin-bottom:10px}.lives-note{margin-top:5px}}@media(max-height:620px){.crest,.instructions,.lives-note{display:none}h1{font-size:28px}h1 span{font-size:58px}#overlay-copy{margin:10px 0}#overlay .eyebrow{font-size:7px}.hud{padding:10px}.controls{height:65px;padding:8px}.hud strong{font-size:16px}#mission{top:65px}.primary{padding:12px}}#overlay:not([hidden])~#toast{visibility:hidden}.offline-panel{font-size:10px;color:#c1d0bd;margin-top:10px;max-width:100%}.offline-panel button{display:block;margin:6px auto 0;min-height:44px;padding:8px 16px;background:#123e50;color:#f0d599;border:1px solid #e3cc8a55;border-radius:4px}#overlay{overflow-y:auto}.developer-credit{max-width:100%;margin:4px 0 0;font-size:10px;line-height:1.5;color:#c1d0bd}.developer-credit strong{color:#f0d599}.side small{line-height:1.8}.controls,#mission,#boss-hud{pointer-events:none}.controls button{pointer-events:auto}
