:root{--red: #c8321e;--gold: #f0c040;--ink: #120c0a;--font: "Courier New", ui-monospace, Menlo, Consolas, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:#000;overflow:hidden;overscroll-behavior:none}body{font-family:var(--font);color:#eee;user-select:none;-webkit-user-select:none;touch-action:none}#app{position:fixed;inset:0}#view{position:absolute;inset:0;width:100%;height:100%;image-rendering:pixelated;image-rendering:crisp-edges;display:block}.hidden{display:none!important}#hud{position:absolute;inset:0;pointer-events:none;font-weight:700;text-shadow:2px 2px 0 #000}#weapon{position:absolute;left:50%;bottom:-2%;height:42vh;image-rendering:pixelated;transform:translate(-50%)}#hurt{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(200,0,0,.75) 100%);opacity:0}#crosshair{position:absolute;left:50%;top:50%;width:14px;height:14px;transform:translate(-50%,-50%)}#crosshair:before,#crosshair:after{content:"";position:absolute;background:#ffe070;box-shadow:1px 1px #000}#crosshair:before{left:6px;top:0;width:2px;height:14px}#crosshair:after{top:6px;left:0;height:2px;width:14px}.hud-tl{position:absolute;left:max(14px,env(safe-area-inset-left));top:max(10px,env(safe-area-inset-top))}#wave{font-size:26px;color:var(--gold);letter-spacing:2px}#remaining{font-size:14px;color:#ccc}.hud-tr{position:absolute;right:max(14px,env(safe-area-inset-right));top:max(10px,env(safe-area-inset-top));text-align:right}.hud-tr .lbl{font-size:12px;color:#aaa}#points{font-size:28px;color:#9fe870}.hud-bl{position:absolute;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));width:min(42vw,260px)}.bar{display:flex;align-items:center;gap:6px;margin-top:6px;font-size:16px}.bar span{width:26px}.bar b{width:40px;text-align:right;font-size:20px}.track{flex:1;height:14px;background:#200;border:2px solid #000}.fill{height:100%;width:100%}.hpbar .fill{background:linear-gradient(#e44,#a11)}.arbar .fill{background:linear-gradient(#6af,#247)}.hud-br{position:absolute;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));text-align:right}#wname{font-size:22px;color:#ddd;margin-top:4px;letter-spacing:2px}.dim{color:#888;font-size:18px}#slots span{display:inline-block;width:20px;margin-left:3px;text-align:center;border:2px solid #444;font-size:13px;background:#00000080}#slots .own{border-color:#888}#slots .cur{border-color:var(--gold);color:var(--gold)}#slots .no{color:#444}#prompt{position:absolute;left:50%;top:64%;transform:translate(-50%);font-size:17px;text-align:center;color:#fff;background:#00000073;padding:0 8px}#prompt:empty{display:none}#prompt .no{color:#f66}#banner{position:absolute;left:0;right:0;top:26%;text-align:center;font-size:clamp(28px,7vw,64px);color:var(--red);letter-spacing:6px;opacity:0;transition:opacity .3s;text-shadow:4px 4px 0 #000}#banner.on{opacity:1}#banner small{display:block;font-size:18px;color:#ddd;letter-spacing:2px}.screen{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#0a0402b8;overflow-y:auto;padding:16px}#screen-title{background:radial-gradient(ellipse at center,#3c140a8c,#050201f2)}.panel{text-align:center;max-width:900px;width:100%;max-height:100%}.logo{font-size:clamp(44px,13vw,128px);margin:0;color:var(--red);letter-spacing:clamp(4px,1.5vw,14px);line-height:1;text-shadow:0 4px 0 #6a1408,0 8px 0 #3a0a04,6px 12px 0 #000;font-weight:900;transform:skewY(-3deg)}.tagline{margin:18px 0 26px;color:#c9b9a0;letter-spacing:3px;font-size:14px}h2{font-size:40px;margin:0 0 8px;color:var(--gold);letter-spacing:4px;text-shadow:3px 3px 0 #000}h2.dead{color:var(--red);font-size:56px}button{font-family:var(--font);font-weight:700;cursor:pointer}button.big{display:block;margin:12px auto;font-size:26px;padding:12px 40px;background:var(--red);color:#fff;border:4px solid #000;box-shadow:4px 4px #000;letter-spacing:4px}button.big:active{transform:translate(2px,2px);box-shadow:2px 2px #000}button.small{display:inline-block;margin:6px;font-size:15px;padding:8px 18px;background:#3a2a22;color:#eee;border:3px solid #000;box-shadow:3px 3px #000}.row{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap}.controls{margin-top:26px;font-size:13px;color:#aa9a88;line-height:1.7}.controls b{color:#eee}.scores{margin:12px auto;max-width:440px;background:#0000008c;border:3px solid #000;padding:8px 12px;font-size:15px}.scores table{width:100%;border-collapse:collapse}.scores td,.scores th{padding:2px 4px;text-align:left}.scores th{color:var(--gold);font-size:12px}.scores td.n{text-align:right}.scores tr.me td{color:#9fe870}.scores .src{font-size:11px;color:#887;margin-top:4px}#over-stats{font-size:20px;margin-bottom:10px}#over-stats b{color:var(--gold)}#over-form input{font-family:var(--font);font-size:18px;padding:7px 10px;width:200px;background:#111;color:#fff;border:3px solid #000;text-transform:uppercase}.shop h2{margin-bottom:0}.shop-sub{margin-bottom:10px;color:#ccc}.shop-sub .pts{color:#9fe870;font-size:22px}.shop-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px;text-align:left}.shop section{background:#00000080;border:3px solid #000;padding:6px 8px}.shop h3{margin:2px 0 6px;font-size:15px;color:var(--gold);letter-spacing:2px}.item{display:grid;grid-template-columns:1fr auto;width:100%;margin:3px 0;padding:5px 8px;text-align:left;background:#3a2a22;color:#fff;border:2px solid #000;font-size:14px}.item .il{grid-column:1}.item .id{grid-column:1;font-size:11px;color:#bba;font-weight:400}.item .ic{grid-column:2;grid-row:1 / span 2;align-self:center;color:#9fe870;font-size:16px}.item.cant .ic{color:#a55}.item:disabled{opacity:.45;cursor:default}.item:not(:disabled):active{background:#5a3a2a}#touch{position:absolute;inset:0;display:none;pointer-events:none}#touch.active.playing{display:block}.t-stick-zone{position:absolute;left:0;top:30%;bottom:0;width:42%;pointer-events:auto;touch-action:none}.t-look-zone{position:absolute;right:0;top:0;bottom:0;width:58%;pointer-events:auto;touch-action:none}.t-stick-base{position:absolute;left:90px;top:calc(100% - 110px);width:110px;height:110px;margin:-55px 0 0 -55px;border-radius:50%;border:3px solid rgba(255,255,255,.35);background:#0003}.t-stick-base.on{border-color:#fff9}.t-stick-knob{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px 0 0 -25px;border-radius:50%;background:#ffffff73}.t-btn{position:absolute;pointer-events:auto;touch-action:none;border-radius:50%;border:3px solid rgba(0,0,0,.6);color:#fff;background:#c8321e8c;font-size:14px}.t-btn.down{background:#ff783ccc}.t-fire{right:max(24px,env(safe-area-inset-right));bottom:110px;width:92px;height:92px;font-size:18px}.t-use{right:130px;bottom:170px;width:58px;height:58px;background:#286e2899}.t-swap{right:36px;bottom:34px;width:58px;height:58px;background:#3c3c3c99;font-size:20px}.t-pause{right:max(14px,env(safe-area-inset-right));top:80px;width:42px;height:42px;background:#00000080;border-radius:6px}.row button.big{margin:12px 0}body.touch .hud-br{bottom:auto;top:max(64px,env(safe-area-inset-top));right:calc(max(14px,env(safe-area-inset-right)) + 54px)}body.touch #wname{font-size:18px}body.touch #weapon{height:36vh}