@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;700;900&family=Noto+Sans+JP:wght@500;700;900&display=swap');
:root{--cyan:#42f5e9;--blue:#4a78ff;--red:#ff4064;--ink:#05070b;--panel:rgba(8,12,19,.9)}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#05070b;color:#eef5ff;font-family:'Barlow Condensed','Noto Sans JP',sans-serif;user-select:none;touch-action:none}button,input{font:inherit}button{color:inherit;border:0;cursor:pointer}#game{position:fixed;inset:0;width:100%;height:100%;outline:0}.hidden{display:none!important}.screen{position:fixed;inset:0;z-index:10;display:grid;place-items:center;background:radial-gradient(circle at 65% 45%,rgba(27,67,100,.32),transparent 35%),linear-gradient(100deg,rgba(3,6,10,.97) 0 48%,rgba(3,7,12,.63));padding:22px}.screen:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 calc(10vw - 1px),#ffffff08 calc(10vw - 1px) 10vw),repeating-linear-gradient(0deg,transparent 0 calc(10vh - 1px),#ffffff06 calc(10vh - 1px) 10vh);mask-image:linear-gradient(90deg,#000,transparent)}.menu-frame{position:relative;width:min(1180px,100%);height:min(720px,100%);display:grid;grid-template-rows:auto 1fr auto;border:1px solid #ffffff22;padding:28px 34px;background:linear-gradient(115deg,rgba(3,7,12,.95) 0 54%,rgba(8,15,23,.35));clip-path:polygon(0 0,97% 0,100% 5%,100% 100%,3% 100%,0 95%)}.menu-frame:after{content:'';position:absolute;left:0;top:0;width:36%;height:3px;background:linear-gradient(90deg,var(--cyan),transparent);box-shadow:0 0 20px var(--cyan)}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:50px;height:50px;border:1px solid var(--cyan);font-weight:900;font-size:25px;box-shadow:inset 0 0 15px #42f5e922}.brand span,.version{font-size:11px;letter-spacing:.3em;color:#9cafc2}.brand strong{display:block;font-size:25px;line-height:.8;letter-spacing:.1em}.menu-frame main{align-self:center;width:min(550px,100%)}.kicker{margin:0;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.36em}.menu-frame h1{margin:12px 0;font-size:clamp(52px,7vw,92px);line-height:.77;letter-spacing:-.035em;font-weight:900}.menu-frame h1 em{color:transparent;font-style:normal;-webkit-text-stroke:1px var(--cyan);text-shadow:0 0 30px #42f5e933}.lead{color:#9daebb;font-family:'Noto Sans JP';font-size:12px;line-height:1.8}.name-label{display:block;width:270px;margin:24px 0 12px;color:#76899b;font-size:10px;letter-spacing:.2em}.name-label input,.join input{display:block;width:100%;margin-top:5px;border:1px solid #ffffff1c;border-left:2px solid var(--cyan);background:#08101a;padding:11px 13px;color:#fff;outline:0;text-transform:uppercase}.actions,.panel{display:grid;width:min(400px,100%);gap:7px}.actions button,.panel button,.modal button{display:flex;justify-content:space-between;align-items:center;min-height:52px;padding:10px 16px;border:1px solid #ffffff17;background:#0b111a;text-align:left;transition:.18s}.actions button:hover,.panel button:hover{border-color:#42f5e999;transform:translateX(5px);background:#0d1c27}.actions .primary,.panel .primary{background:linear-gradient(90deg,var(--cyan),#4ab6dc);color:#041014;clip-path:polygon(0 0,96% 0,100% 50%,96% 100%,0 100%)}button b{font-size:16px;letter-spacing:.1em}button span{font-size:9px;letter-spacing:.16em}.panel.settings{grid-template-columns:1fr 1fr;width:560px}.settings label{padding:8px 10px;border-left:1px solid #ffffff18;color:#91a3b3;font-size:10px;letter-spacing:.13em}.settings output{float:right;color:var(--cyan)}input[type=range]{width:100%;accent-color:var(--cyan)}.join{display:flex}.join input{margin:0}.join button{min-width:90px}.menu-frame footer{display:flex;justify-content:space-between;color:#617384;font-size:10px;letter-spacing:.18em}
#boot{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#030508;transition:opacity .65s}.boot-grid{position:absolute;inset:0;background:linear-gradient(#42f5e90c 1px,transparent 1px),linear-gradient(90deg,#42f5e90c 1px,transparent 1px);background-size:54px 54px;perspective:500px;animation:gridPulse 2s infinite}.boot-core{text-align:center}.mark{font-size:88px;font-weight:900;letter-spacing:-.1em}.mark span{color:var(--cyan)}.boot-core p,.boot-core small{font-size:10px;letter-spacing:.4em;color:#79909c}.boot-line{width:280px;height:2px;margin:22px auto;background:#18242c;overflow:hidden}.boot-line i{display:block;width:40%;height:100%;background:var(--cyan);box-shadow:0 0 18px var(--cyan);animation:load 1.8s ease forwards}@keyframes load{to{width:100%}}@keyframes gridPulse{50%{opacity:.45}}
.modal{position:fixed;z-index:30;left:50%;top:50%;width:min(440px,calc(100% - 30px));transform:translate(-50%,-50%);padding:48px 30px;border:1px solid #42f5e966;background:#050a11ee;text-align:center;box-shadow:0 0 80px #42f5e916}.modal p{color:var(--cyan);letter-spacing:.35em}.modal h2{font-size:32px;letter-spacing:.08em}.modal strong{display:block;margin:16px;font-size:38px;letter-spacing:.25em}.modal button{display:block;margin:20px auto 0;min-height:auto}.dots i{display:inline-block;width:7px;height:7px;margin:4px;background:var(--cyan);animation:dots 1s infinite}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes dots{50%{opacity:.15}}
#hud{position:fixed;inset:0;z-index:5;pointer-events:none}.score{position:absolute;top:max(14px,env(safe-area-inset-top));left:50%;display:grid;grid-template-columns:54px 110px 54px;transform:translateX(-50%);text-align:center;filter:drop-shadow(0 2px 5px #000)}.score>span{display:grid;place-items:center;background:#101c26cc;font-size:31px;font-weight:900}.score>span:first-child{border-bottom:2px solid var(--cyan)}.score>span:last-child{border-bottom:2px solid var(--red)}.score div{background:#05080ddd;padding:5px}.score b{display:block;font-size:10px;letter-spacing:.14em}.score time{font-size:20px}.health{position:absolute;left:26px;bottom:24px;width:210px}.health small,.ammo small{display:block;color:#9bb0bf;font-size:10px;letter-spacing:.2em}.health strong{font-size:50px;line-height:1}.health>div{height:5px;background:#ffffff1c;transform:skewX(-25deg)}.health i{display:block;width:100%;height:100%;background:var(--cyan);box-shadow:0 0 12px var(--cyan);transition:width .2s}.ammo{position:absolute;right:28px;bottom:24px;text-align:right}.ammo strong{font-size:55px;line-height:1}.ammo em{padding:0 8px;color:#556674;font-size:25px}.ammo strong span:last-child{font-size:17px;color:#8294a2}#crosshair,#hitmarker{position:absolute;left:50%;top:50%;width:34px;height:34px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#ecffff;box-shadow:0 0 3px #000}#crosshair i:nth-child(1),#crosshair i:nth-child(2){width:7px;height:2px;top:16px}#crosshair i:nth-child(1){left:2px}#crosshair i:nth-child(2){right:2px}#crosshair i:nth-child(3),#crosshair i:nth-child(4){width:2px;height:7px;left:16px}#crosshair i:nth-child(3){top:2px}#crosshair i:nth-child(4){bottom:2px}#hitmarker{opacity:0;transition:.08s}#hitmarker.show{opacity:1;transform:translate(-50%,-50%) scale(.8)}#hitmarker i{position:absolute;left:15px;top:4px;width:2px;height:10px;background:#fff;transform-origin:1px 13px}#hitmarker i:nth-child(1){transform:rotate(45deg)}#hitmarker i:nth-child(2){transform:rotate(135deg)}#hitmarker i:nth-child(3){transform:rotate(225deg)}#hitmarker i:nth-child(4){transform:rotate(315deg)}#hitmarker.head i{background:var(--red)}#weaponRack{position:absolute;right:25px;bottom:100px;display:flex;gap:5px;pointer-events:auto}#weaponRack button{padding:6px 9px;background:#071019aa;border-bottom:2px solid #ffffff24;font-size:10px}#weaponRack button.active{border-color:var(--cyan);color:var(--cyan)}#stateBadge{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);font-size:12px;letter-spacing:.28em;color:var(--cyan)}#killfeed{position:absolute;right:25px;top:80px;text-align:right;font-size:12px}.kill{margin:4px;padding:7px 10px;background:#071019c9;border-right:2px solid var(--red)}#announcement{position:fixed;z-index:20;left:50%;top:50%;width:100%;transform:translate(-50%,-50%);text-align:center;text-shadow:0 4px 15px #000;pointer-events:none}#announcement h2{margin:0;font-size:clamp(52px,10vw,130px);font-weight:900;letter-spacing:.04em;font-style:italic}#announcement p{color:var(--cyan);font-size:12px;letter-spacing:.5em}#damageFlash{position:fixed;inset:0;z-index:4;pointer-events:none;opacity:0;box-shadow:inset 0 0 120px 25px #ff174f;transition:opacity .1s}#damageFlash.show{opacity:.65}
#mobile{display:none;position:absolute;inset:0;pointer-events:none}#mobile button{position:absolute;display:grid;place-items:center;width:62px;height:62px;border:1px solid #ffffff38;border-radius:50%;background:#07101988;color:#fff;font-size:11px;font-weight:900;pointer-events:auto;backdrop-filter:blur(4px)}#stick{position:absolute;left:26px;bottom:32px;width:120px;height:120px;border:1px solid #ffffff28;border-radius:50%;background:#07101955;pointer-events:auto}#stick i{position:absolute;left:35px;top:35px;width:50px;height:50px;border-radius:50%;background:#42f5e94c;border:1px solid var(--cyan)}#look{position:absolute;right:0;top:0;width:55%;height:100%;pointer-events:auto}#fire{right:28px;bottom:76px!important;width:78px!important;height:78px!important;border-color:#ff406488!important}#ads{right:120px;bottom:42px}#jump{right:33px;bottom:170px!important}#slide{right:120px;bottom:130px}#reload{right:198px;bottom:40px!important;width:48px!important;height:48px!important}#switch{right:205px;bottom:103px!important;width:52px!important;height:52px!important}.rotate{display:none}
#announcement .playAgain{margin:24px auto;padding:13px 28px;border:1px solid var(--cyan);background:#07131c;color:var(--cyan);font-weight:900;letter-spacing:.18em;pointer-events:auto}
@media(pointer:coarse),(max-width:900px){#mobile{display:block}.health{left:15px;bottom:160px;width:145px}.health strong{font-size:34px}.ammo{right:18px;bottom:255px}.ammo strong{font-size:38px}#weaponRack{display:none}.score{top:8px;grid-template-columns:42px 88px 42px}.score>span{font-size:24px}.score time{font-size:16px}.menu-frame{padding:18px;height:100%}.menu-frame h1{font-size:50px}.lead{display:none}.name-label{margin:12px 0}.version,.menu-frame footer{display:none}.panel.settings{grid-template-columns:1fr 1fr;max-height:68vh;overflow:auto}.actions,.panel{width:350px;max-width:100%}}
@media(max-width:600px) and (orientation:portrait){#rotate:not(.hidden){position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#05070b;color:var(--cyan);font-weight:900;letter-spacing:.15em}}
#crosshair{transition:opacity .14s ease,transform .14s ease}#crosshair.ads{opacity:.55;transform:translate(-50%,-50%) scale(.72)}#solo{border-color:#42f5e955;background:linear-gradient(90deg,#0b1922,#0b111a)}body.playing #game{cursor:none}.screen:before{pointer-events:none}