html,body{color:#fff6e8;background:#1b1430;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#view{width:100%;height:100%;display:block}#overlay{text-align:center;pointer-events:none;place-content:center;display:grid;position:fixed;inset:0}#overlay[hidden]{display:none}#overlay h1{letter-spacing:.08em;color:#ff7a1a;text-shadow:0 .06em #b33f00,0 .12em .3em #00000080;margin:0;font-size:clamp(4rem,14vw,10rem);font-weight:900}#overlay p{opacity:.8;margin:.5rem 0 0;font-size:1.1rem}#hud{pointer-events:none;position:fixed;inset:0}#hud[hidden]{display:none}#crosshair{background:#fff6e8;border-radius:50%;width:6px;height:6px;margin:-3px 0 0 -3px;position:absolute;top:50%;left:50%;box-shadow:0 0 4px #000000b3}#ammo{letter-spacing:.04em;color:#fff6e8;text-shadow:0 2px 4px #0009;font-variant-numeric:tabular-nums;white-space:pre;font-size:1.25rem;font-weight:700;position:absolute;bottom:1.5rem;right:1.5rem}#health{align-items:center;gap:.6rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem}#health .bar{background:#00000073;border:2px solid #fff6e8;border-radius:.7rem;width:clamp(10rem,22vw,16rem);height:1.4rem;position:relative;overflow:hidden;box-shadow:0 2px 4px #0009}#health .bar i{background:#b6ff3b;border-radius:.55rem;width:100%;transition:width .12s linear;position:absolute;inset:0 auto 0 0}#health .bar.hit i{background:#fff6e8}#health .bar.low i{background:#ffd23f}#health .num{letter-spacing:.04em;color:#fff6e8;text-shadow:0 2px 4px #0009;font-variant-numeric:tabular-nums;font-size:1.5rem;font-weight:900}#hitflash{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 18vmin 6vmin #fff6e88c}#hitflash.on{opacity:1;transition:opacity .14s ease-out}#ammo .pips{justify-content:flex-end;gap:.3rem;margin-top:.3rem;display:flex}#ammo .pips i{background:#fff6e840;border-radius:50%;width:.6rem;height:.6rem;display:inline-block}#ammo .pips i.full{background:#ff7a1a}#hitflash.pop{opacity:1;transition:opacity .5s ease-out;box-shadow:inset 0 0 26vmin 10vmin #ffe9a8b3}#overlay button,#overlay p.links{pointer-events:auto;margin-top:1rem}#pausemenu,#settings{background:#1b1430b3;place-content:center;display:grid;position:fixed;inset:0}#pausemenu[hidden],#settings[hidden]{display:none}#pausemenu .panel,#settings .panel{background:#2a1f4d;border:3px solid #fff6e8;border-radius:1.2rem;justify-items:center;gap:.8rem;padding:2rem 2.5rem;display:grid;box-shadow:0 .1em .4em #0009}#pausemenu h2,#settings h2{letter-spacing:.06em;color:#b6ff3b;text-shadow:0 .04em #4d730f;margin:0 0 .4rem;font-size:2.2rem;font-weight:900}#pausemenu button,#settings button{font:inherit;letter-spacing:.05em;color:#fff6e8;cursor:pointer;background:#ff7a1a;border:3px solid #fff6e8;border-radius:999px;padding:.55rem 2rem;font-size:1.1rem;font-weight:800}#pausemenu button:hover,#pausemenu button:focus-visible,#settings button:hover,#settings button:focus-visible{background:#ff9a4d}#settings .panel{justify-items:stretch;min-width:min(30rem,90vw)}#settings h2{justify-self:center}#settings .row{grid-template-columns:1fr auto auto;align-items:center;gap:.6rem;font-weight:700;display:grid}#settings .row>span:first-child{grid-column:1/-1}#settings .row .val{text-align:right;font-variant-numeric:tabular-nums;color:#b6ff3b;min-width:3.4rem}#settings .row.presets{grid-template-columns:repeat(4,auto);justify-content:center}#settings .row.presets>span:first-child{text-align:center;grid-column:1/-1}#settings .row.presets button{opacity:.6;padding:.3rem .9rem;font-size:.95rem}#settings .row.presets button.on{opacity:1;color:#1b1430;background:#b6ff3b;border-color:#1b1430}#settings .row.presets .val{text-align:center;grid-column:1/-1}#settings .row.toggle{grid-template-columns:1fr auto}#settings input[type=range]{accent-color:#ff7a1a;width:12rem}#settings input[type=checkbox]{accent-color:#b6ff3b;width:1.2rem;height:1.2rem}#settingsBack{justify-self:center;margin-top:.6rem}#popped{text-align:center;background:#1b1430b3;place-content:center;gap:1rem;display:grid;position:fixed;inset:0}#popped[hidden]{display:none}#popped h2{letter-spacing:.06em;color:#b6ff3b;text-shadow:0 .05em #4d730f,0 .1em .3em #00000080;margin:0;font-size:clamp(2.5rem,9vw,6rem);font-weight:900}#popped button{font:inherit;letter-spacing:.05em;color:#fff6e8;cursor:pointer;background:#ff7a1a;border:3px solid #fff6e8;border-radius:999px;padding:.7rem 2.2rem;font-size:1.25rem;font-weight:800}#popped button:hover,#popped button:focus-visible{background:#ff9a4d}#overlay p.links a{color:#ffd23f}#finishprompt{text-align:center;color:#b6ff3b;text-shadow:0 2px 4px #000000b3;width:2.3em;margin:10px 0 0 -1.15em;font-size:1.1rem;font-weight:700;position:absolute;top:50%;left:50%}#healflash{pointer-events:none;opacity:0;position:fixed;inset:0;box-shadow:inset 0 0 18vmin 6vmin #b6ff3b66}#healflash.on{opacity:1;transition:opacity .14s ease-out}
