:root{--r:#c4120e;--k:#050000}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:#000}body{display:flex;align-items:center;justify-content:center;font-family:IM Fell English,Georgia,serif;color:var(--r);overflow:hidden}#root{display:flex;align-items:center;justify-content:center}.stage{position:relative;width:min(100vw,calc(100vh*16/9));aspect-ratio:16/9;background:var(--k);container-type:inline-size;overflow:hidden}.screen,.game,.hud,.quit{--u:calc(100cqw/960)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:var(--k)}.box{width:calc(var(--u)*640);text-align:center;padding:calc(var(--u)*30) calc(var(--u)*40);border:calc(var(--u)*3) solid var(--r);outline:1px solid var(--r);outline-offset:calc(var(--u)*-10)}h1{font-family:IM Fell English SC,Georgia,serif;font-weight:400;font-size:calc(var(--u)*68);letter-spacing:.14em;margin:0;line-height:1}h1.h2{font-size:calc(var(--u)*38)}.sub{font-style:italic;font-size:calc(var(--u)*18);margin:.6em 0 0;letter-spacing:.08em}.div{font-size:calc(var(--u)*24);margin:.6em 0;letter-spacing:.5em}.btn{display:block;width:78%;margin:calc(var(--u)*10) auto;padding:calc(var(--u)*10);font-family:IM Fell English SC,Georgia,serif;font-size:calc(var(--u)*24);letter-spacing:.2em;color:var(--r);background:var(--k);border:1px solid var(--r);text-decoration:none;cursor:pointer}.btn:hover{background:var(--r);color:var(--k)}.btn small{display:block;font-family:IM Fell English,Georgia,serif;font-size:calc(var(--u)*14);letter-spacing:.04em;font-style:italic;margin-top:.3em}.btn.back{width:40%;font-size:calc(var(--u)*18)}.how{font-size:calc(var(--u)*17);line-height:1.7;text-align:left}.how b{color:#fff;font-weight:400}.game{position:absolute;top:0;right:0;bottom:0;left:0}.game canvas{width:100%;height:100%;display:block;cursor:none;background:var(--r)}.quit{position:absolute;right:calc(var(--u)*12);bottom:calc(var(--u)*8);color:#fff;text-decoration:none;font-size:calc(var(--u)*20);opacity:.6;z-index:3}.hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#fff;font-family:IM Fell English SC,Georgia,serif}.hud .panel{position:absolute;top:calc(var(--u)*16);height:calc(var(--u)*102);background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*10) calc(var(--u)*12)}.hud .left{left:calc(var(--u)*16);width:calc(var(--u)*156)}.hud .right{right:calc(var(--u)*16);width:calc(var(--u)*220);text-align:right}.hud small{font-size:calc(var(--u)*15);display:block}.hearts{font-size:calc(var(--u)*24);height:calc(var(--u)*28)}.shells{display:flex;gap:calc(var(--u)*8);margin:calc(var(--u)*6) 0}.shells b{width:calc(var(--u)*14);height:calc(var(--u)*24);border:calc(var(--u)*1.5) solid #fff}.shells b.on{background:#fff}.score{font-size:calc(var(--u)*44);line-height:1.1}.boss{position:absolute;top:calc(var(--u)*18);left:50%;transform:translate(-50%);width:calc(var(--u)*380);text-align:center;font-size:calc(var(--u)*19)}.bar{height:calc(var(--u)*14);border:calc(var(--u)*2) solid #fff;background:var(--k);margin-top:calc(var(--u)*6)}.bar i{display:block;height:100%;background:#b455ff}.banner,.stun,.mk{position:absolute;left:0;right:0;text-align:center;paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*7) var(--k)}.banner{top:calc(var(--u)*110);font-size:calc(var(--u)*64)}.stun{top:calc(var(--u)*280);font-size:calc(var(--u)*34)}.mk{top:calc(var(--u)*180)}.mk b{display:block;font-weight:400;font-size:calc(var(--u)*46)}.mk span{font-size:calc(var(--u)*26)}.hud .tl{height:auto;width:calc(var(--u)*210);padding-bottom:calc(var(--u)*12)}.tbar,.bar{height:calc(var(--u)*14);border:calc(var(--u)*2) solid #fff;background:var(--k);margin:calc(var(--u)*5) 0}.tbar i{display:block;height:100%;background:#fff}.gn{margin-top:calc(var(--u)*6)}.pips{display:flex;gap:calc(var(--u)*6);margin-top:calc(var(--u)*4)}.pips b{width:calc(var(--u)*30);height:calc(var(--u)*10);border:calc(var(--u)*1.5) solid #fff}.pips b.on{background:#fff}.journey{position:absolute;top:calc(var(--u)*18);left:50%;transform:translate(-50%);width:calc(var(--u)*320);text-align:center}.journey .bar i{display:block;height:100%;background:#fff}.shop{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#050000d9;pointer-events:auto;color:var(--r)}.shopbox{padding:calc(var(--u)*18) calc(var(--u)*40)}.shopbox .div{margin:.3em 0}button.btn{font-size:calc(var(--u)*20);width:82%;margin:calc(var(--u)*8) auto}button.btn:disabled{opacity:.35;cursor:not-allowed}button.btn:disabled:hover{background:var(--k);color:var(--r)}.item span{display:block}.item em{display:block;font-style:normal;font-size:calc(var(--u)*18);margin-top:.2em}.item{padding:calc(var(--u)*6) calc(var(--u)*14)!important;margin:calc(var(--u)*6) auto!important}.item .nm{display:flex;justify-content:space-between;gap:1em;font-size:calc(var(--u)*19)}.item .nm b{font-weight:400}.item em{margin:0!important;font-size:calc(var(--u)*19)!important}.item small{font-size:calc(var(--u)*13)!important;margin-top:.1em!important}.timer{position:absolute;top:calc(var(--u)*8);left:50%;transform:translate(-50%);font-size:calc(var(--u)*54);letter-spacing:.08em;paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*6) var(--k)}.timer.low{animation:pulse .6s infinite alternate}@keyframes pulse{to{opacity:.35}}.ammo{position:absolute;left:calc(var(--u)*16);bottom:calc(var(--u)*16);background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*8) calc(var(--u)*12)}.ammo .shells{margin:0}.breath{position:absolute;bottom:calc(var(--u)*16);left:50%;transform:translate(-50%);width:calc(var(--u)*220);text-align:center;background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*6) calc(var(--u)*10)}.banner small{display:block;font-size:calc(var(--u)*22);margin-top:calc(var(--u)*6)}.split{position:absolute;top:0;right:0;bottom:0;left:0;background:#000;--u:calc(100cqw/960)}.half{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;transition:clip-path .55s cubic-bezier(.2,.8,.2,1)}.half canvas{width:100%;height:100%;display:block}.half .shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#050000f2 0%,#05000099 28%,transparent 55%)}.half.l{clip-path:polygon(0 0,52.4% 0,44.4% 100%,0 100%)}.half.r{clip-path:polygon(53.6% 0,100% 0,100% 100%,45.6% 100%)}.split.hl .l{clip-path:polygon(0 0,63% 0,55% 100%,0 100%)}.split.hl .r{clip-path:polygon(64.2% 0,100% 0,100% 100%,56.2% 100%)}.split.hr .l{clip-path:polygon(0 0,41% 0,33% 100%,0 100%)}.split.hr .r{clip-path:polygon(42.2% 0,100% 0,100% 100%,34.2% 100%)}.cap{position:absolute;bottom:calc(var(--u)*34);width:28%;color:#fff}.half.l .cap{left:4%}.half.r .cap{right:4%;text-align:right}.cap small{display:block;font-size:calc(var(--u)*13);letter-spacing:.4em;text-transform:uppercase;opacity:.8}.cap h2{font-family:IM Fell English SC,Georgia,serif;font-weight:400;font-size:calc(var(--u)*92);letter-spacing:.14em;line-height:1;margin:.05em 0 0}.cap i{display:block;height:calc(var(--u)*2);width:calc(var(--u)*90);background:var(--r);margin:calc(var(--u)*10) 0}.half.r .cap i{margin-left:auto}.cap p{font-size:calc(var(--u)*15);font-style:italic;margin:.2em 0;opacity:.9}.cap em{display:inline-block;margin-top:calc(var(--u)*14);font-style:normal;font-size:calc(var(--u)*15);letter-spacing:.3em;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:2px;opacity:0;transition:opacity .3s}.half:hover .cap em{opacity:1}.back-link,.how-link{position:absolute;top:calc(var(--u)*16);color:#fff;text-decoration:none;font-size:calc(var(--u)*16);letter-spacing:.2em;z-index:2;text-shadow:0 0 6px #000}.back-link{left:calc(var(--u)*20)}.how-link{left:50%;transform:translate(-50%);top:auto;bottom:calc(var(--u)*10);font-size:calc(var(--u)*13)}.btn.locked{opacity:.35;cursor:not-allowed}.btn.locked:hover{background:var(--k);color:var(--r)}.hud .tl.wide{width:calc(var(--u)*270)}.toast{position:absolute;left:0;right:0;top:calc(var(--u)*230);text-align:center;font-size:calc(var(--u)*34);paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*6) var(--k)}.bigcount{position:absolute;left:0;right:0;top:calc(var(--u)*110);text-align:center;font-size:calc(var(--u)*170);line-height:1;paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*10) var(--k)}.bigcount.draw{font-size:calc(var(--u)*120);color:var(--r);animation:pulse .25s infinite alternate}.objective{position:absolute;top:calc(var(--u)*16);left:50%;transform:translate(-50%);width:calc(var(--u)*330);text-align:center;background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*8) calc(var(--u)*10);font-size:calc(var(--u)*16)}.objective small{display:block;font-size:calc(var(--u)*11);letter-spacing:.3em;opacity:.7}.arrow{position:absolute;top:calc(var(--u)*92);left:50%;transform:translate(-50%);font-size:calc(var(--u)*22);paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*5) var(--k)}button.prompt{pointer-events:auto;position:absolute;left:50%;bottom:calc(var(--u)*70);transform:translate(-50%);font-family:inherit;font-size:calc(var(--u)*22);letter-spacing:.1em;color:#fff;background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*8) calc(var(--u)*22);cursor:pointer}button.prompt:hover{background:#fff;color:var(--k)}.dlg{pointer-events:auto;position:absolute;left:50%;bottom:calc(var(--u)*30);transform:translate(-50%);width:calc(var(--u)*680);background:var(--k);border:calc(var(--u)*2) solid #fff;padding:calc(var(--u)*14) calc(var(--u)*22);cursor:pointer;font-family:IM Fell English,Georgia,serif}.dlg b{font-family:IM Fell English SC,Georgia,serif;font-weight:400;font-size:calc(var(--u)*22);letter-spacing:.1em}.dlg p{font-size:calc(var(--u)*22);margin:calc(var(--u)*8) 0}.dlg small{opacity:.6}.cardsbox{width:calc(var(--u)*900);text-align:center}.cardsbox h1.h2{margin-bottom:calc(var(--u)*14)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(var(--u)*14);justify-content:center}.card{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border:calc(var(--u)*2) solid var(--r);text-decoration:none;color:#fff;cursor:pointer;background:#000}.card .thumb{width:100%;height:100%;display:block;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.card:hover .thumb{transform:scale(1.08)}.card:hover{border-color:#fff}.card .cap2{position:absolute;left:0;right:0;bottom:0;padding:calc(var(--u)*8) calc(var(--u)*12);text-align:left;background:linear-gradient(to top,#050000e6,transparent)}.card .cap2 b{display:block;font-family:IM Fell English SC,Georgia,serif;font-weight:400;font-size:calc(var(--u)*19);letter-spacing:.12em}.card .cap2 small{display:block;font-size:calc(var(--u)*11);font-style:italic;opacity:.85;line-height:1.25}.card .num{position:absolute;top:calc(var(--u)*6);left:calc(var(--u)*10);font-family:IM Fell English SC,Georgia,serif;font-size:calc(var(--u)*34);paint-order:stroke fill;-webkit-text-stroke:calc(var(--u)*5) #050000}.card.locked{opacity:.4;cursor:not-allowed}.card.locked:hover{border-color:var(--r)}.card.locked:hover .thumb{transform:none}.half canvas{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.half:hover canvas{transform:scale(1.05)}.cvholder{position:absolute;top:0;right:0;bottom:0;left:0}.cvholder canvas{width:100%!important;height:100%!important;display:block;cursor:none;background:#050000}.wbar{position:absolute;left:calc(var(--u)*16);top:calc(var(--u)*130);display:flex;gap:calc(var(--u)*4)}.wbar b{width:calc(var(--u)*24);height:calc(var(--u)*24);display:flex;align-items:center;justify-content:center;font-weight:400;font-size:calc(var(--u)*15);background:var(--k);border:calc(var(--u)*1.5) solid #fff;color:#fff;opacity:.6}.wbar b.on{background:#fff;color:var(--k);opacity:1}