:root{--ink0: #ff8c1a;--ink0-hi: #ffb02e;--ink1: #8a3cff;--ink1-hi: #b06bff;--ui-dark: #1a1428;--ui-panel: rgba(20, 14, 36, .92);--font: "Segoe UI", "Yu Gothic UI", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif}*{margin:0;padding:0;box-sizing:border-box;user-select:none}html,body,#app{width:100%;height:100%;overflow:hidden;background:#0c0a14}body{font-family:var(--font);color:#fff}#gl{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none}#gl.dead{filter:grayscale(.75) brightness(.75)}#gl,#hud{transition:filter .35s}.screen{position:absolute;inset:0;z-index:10}.hidden{display:none!important}.panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-1.2deg);background:var(--ui-panel);border-radius:22px;padding:38px 52px;box-shadow:0 18px 60px #0000008c,inset 0 0 0 3px #ffffff14;text-align:center;animation:panelIn .35s cubic-bezier(.2,1.6,.4,1);max-width:min(92vw,720px)}.panel-wide{min-width:min(88vw,640px)}@keyframes panelIn{0%{transform:translate(-50%,-46%) rotate(-4deg) scale(.8);opacity:0}}.panel h2{font-size:42px;font-weight:900;font-style:italic;letter-spacing:.06em;margin-bottom:26px;text-shadow:3px 3px 0 var(--ink1),-2px -2px 0 rgba(255,140,26,.55)}.btn{display:inline-block;font-family:var(--font);font-size:22px;font-weight:900;font-style:italic;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#3c2f6b,#241c44);border:none;border-radius:14px;padding:14px 44px;margin:8px;cursor:pointer;transform:skew(-6deg);box-shadow:0 6px #171130,0 10px 24px #00000080,inset 0 0 0 2px #ffffff24;transition:transform .12s,box-shadow .12s,background .2s}.btn:hover{background:linear-gradient(135deg,var(--ink0),#ff6a00);transform:skew(-6deg) scale(1.07) rotate(-1deg);box-shadow:0 8px #7a3300,0 14px 30px #ff8c1a66,inset 0 0 0 2px #ffffff59}.btn:active{transform:skew(-6deg) scale(.97);box-shadow:0 2px #171130}.btn-big{font-size:30px;padding:18px 60px}.btn-dim{opacity:.82;font-size:18px}.menu-col{display:flex;flex-direction:column;align-items:center}.menu-row{display:flex;justify-content:center;align-items:center;margin-top:18px;flex-wrap:wrap}#title{background:linear-gradient(160deg,#120a28ad,#0a06186b 45%,#1e0832b8)}#titleInner{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;z-index:2}#logoWrap{text-align:center;animation:logoFloat 3.2s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(-1.2deg)}}#logoMain{font-size:clamp(64px,13vw,150px);font-weight:900;font-style:italic;letter-spacing:-.01em;line-height:.95;background:linear-gradient(180deg,#ffd23e 8%,var(--ink0) 45%,#ff5f1f 90%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(4px 6px 0 rgba(70,20,120,.9)) drop-shadow(0 14px 34px rgba(255,120,20,.35))}#logoBang{color:transparent;background:linear-gradient(180deg,var(--ink1-hi),var(--ink1));-webkit-background-clip:text;background-clip:text}#logoSub{font-size:clamp(22px,3.4vw,40px);font-weight:900;letter-spacing:.5em;margin-top:10px;color:#fff;text-shadow:0 0 18px rgba(176,107,255,.9),2px 2px 0 #5a2ba8}#logoTag{margin-top:14px;font-size:clamp(13px,1.6vw,19px);font-weight:700;color:#ffe9c9;opacity:.92;letter-spacing:.12em}#titleMenu{display:flex;flex-direction:column;align-items:center;z-index:2}#titleFoot{position:absolute;bottom:26px;width:100%;text-align:center;font-size:13px;color:#ffffff8c;letter-spacing:.08em}.splat{position:absolute;border-radius:50%;filter:blur(.4px);pointer-events:none;z-index:1}.splat:before,.splat:after{content:"";position:absolute;border-radius:50%;background:inherit}.s1{width:30vmin;height:30vmin;left:-8vmin;top:-9vmin;background:var(--ink0);animation:splatPulse 5s ease-in-out infinite}.s1:before{width:30%;height:30%;right:-12%;bottom:12%}.s2{width:22vmin;height:22vmin;right:-6vmin;top:12vmin;background:var(--ink1);animation:splatPulse 6s 1s ease-in-out infinite}.s2:before{width:26%;height:26%;left:-14%;top:30%}.s3{width:26vmin;height:26vmin;right:8vmin;bottom:-10vmin;background:var(--ink0);opacity:.92;animation:splatPulse 7s .4s ease-in-out infinite}.s3:before{width:22%;height:22%;left:8%;top:-14%}.s4{width:15vmin;height:15vmin;left:10vmin;bottom:8vmin;background:var(--ink1);animation:splatPulse 5.4s .8s ease-in-out infinite}.s5{width:8vmin;height:8vmin;left:30vmin;top:16vmin;background:var(--ink1-hi);animation:splatPulse 4.6s 1.4s ease-in-out infinite}@keyframes splatPulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.06) rotate(3deg)}}#howto{background:#080512b3;backdrop-filter:blur(6px)}#howto .panel{width:min(92vw,936px);max-width:min(92vw,936px);max-height:90vh;overflow-y:auto}.howto-grid{display:grid;grid-template-columns:auto 1fr;gap:10px 22px;text-align:left;font-size:26px;font-weight:700;margin-bottom:22px;align-items:center;line-height:1.5}.kbd{font-weight:900;font-style:italic;text-align:center;background:linear-gradient(180deg,#4a3d80,#2c2254);border-radius:10px;padding:7px 16px;min-width:110px;box-shadow:0 4px #191238,inset 0 0 0 2px #ffffff24}.howto-tips{text-align:left;font-size:22px;line-height:1.95;color:#e9e2ff;margin-bottom:22px}.howto-tips p+p{margin-top:10px}#howto ruby{ruby-position:over;ruby-align:center}#howto rt{font-size:.56em;font-weight:700;font-style:normal;color:#ffd9a8;letter-spacing:0;line-height:1.1}#pause{background:#0805129e;backdrop-filter:blur(7px)}#hud{pointer-events:none;z-index:5}#topbar{position:absolute;top:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px}#timerWrap{display:flex;flex-direction:column;align-items:center;gap:7px}#timer{font-size:44px;font-weight:900;font-style:italic;letter-spacing:.05em;line-height:1;padding:8px 30px;border-radius:999px;background:#0c081ab8;box-shadow:inset 0 0 0 2.5px #ffffff29,0 6px 22px #00000073;text-shadow:0 3px 0 rgba(0,0,0,.45)}#timer.warn{color:#ffd23e;animation:timerPulse 1s steps(2) infinite}#timer.critical{color:#ff5252;animation:timerPulse .5s steps(2) infinite}@keyframes timerPulse{50%{transform:scale(1.06)}}#coverBar{width:340px;height:16px;border-radius:999px;overflow:hidden;position:relative;background:#ffffff29;box-shadow:inset 0 2px 6px #00000080,0 3px 12px #00000059}#coverL,#coverR{position:absolute;top:0;bottom:0;transition:width .45s cubic-bezier(.3,1.2,.4,1)}#coverL{left:0;width:0%;background:repeating-linear-gradient(115deg,var(--ink0) 0 12px,var(--ink0-hi) 12px 24px);background-size:34px 100%;animation:stripeMove 1.1s linear infinite}#coverR{right:0;width:0%;background:repeating-linear-gradient(115deg,var(--ink1) 0 12px,var(--ink1-hi) 12px 24px);background-size:34px 100%;animation:stripeMove 1.1s linear infinite reverse}@keyframes stripeMove{to{background-position:34px 0}}.cover-pct{font-size:26px;font-weight:900;font-style:italic;text-shadow:0 2px 0 rgba(0,0,0,.5);min-width:92px}#coverPctL{color:var(--ink0-hi);text-align:right}#coverPctR{color:var(--ink1-hi);text-align:left}#crosshair{position:absolute;left:calc(50% + 26px);top:calc(50% + 52px);width:120px;height:120px;transform:translate(-50%,-50%)}#crosshair svg{width:100%;height:100%}.ch-bg{fill:none;stroke:#0006;stroke-width:7}#hpRing{fill:none;stroke:#7dffb2;stroke-width:5;stroke-linecap:round;stroke-dasharray:163.4;stroke-dashoffset:0;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset .25s,stroke .25s;filter:drop-shadow(0 0 4px rgba(0,0,0,.6))}#chSpread{fill:none;stroke:#ffffffd9;stroke-width:2;stroke-dasharray:5 6.5;transition:r .08s}.ch-dot{fill:#fff}#hitmarker{position:absolute;inset:0;opacity:0;background:linear-gradient(45deg,transparent 46%,#fff 46% 54%,transparent 54%) no-repeat,linear-gradient(-45deg,transparent 46%,#fff 46% 54%,transparent 54%) no-repeat;background-size:46px 46px;background-position:center}#hitmarker.hit{animation:hitFlash .18s ease-out}@keyframes hitFlash{0%{opacity:1;transform:scale(1.25)}to{opacity:0;transform:scale(.9)}}#inkMeter{position:absolute;right:34px;bottom:30px;width:110px;height:143px}#inkMeter svg{width:100%;height:100%;filter:drop-shadow(0 6px 16px rgba(0,0,0,.5))}.tank-outline{fill:#0a0616a8;stroke:#ffffff8c;stroke-width:4}#inkFill{fill:var(--ink0);transition:transform .15s linear;transform:translateY(0)}#inkMeter.low #inkFill{fill:#ff5252;animation:inkBlink .5s steps(2) infinite}@keyframes inkBlink{50%{opacity:.45}}#inkPct{position:absolute;left:0;right:0;bottom:34px;text-align:center;font-size:26px;font-weight:900;font-style:italic;text-shadow:0 2px 3px rgba(0,0,0,.8)}#killfeed{position:absolute;top:96px;right:26px;display:flex;flex-direction:column;align-items:flex-end;gap:7px}.kf-item{font-size:16px;font-weight:800;padding:7px 16px;border-radius:999px;background:#0a0616b8;box-shadow:inset 0 0 0 1.5px #ffffff21;animation:kfIn .25s cubic-bezier(.2,1.5,.4,1);transition:opacity .5s,transform .5s}.kf-item.out{opacity:0;transform:translate(40px)}@keyframes kfIn{0%{opacity:0;transform:translate(60px) scale(.7)}}.kf-name0{color:var(--ink0-hi)}.kf-name1{color:var(--ink1-hi)}.kf-x{color:#fff;opacity:.75;margin:0 6px;font-style:italic}#centerMsg{position:absolute;left:50%;top:34%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;font-style:italic;color:#ffd23e;text-shadow:5px 5px 0 rgba(90,30,150,.95),0 0 44px rgba(255,180,40,.55);animation:msgPop .5s cubic-bezier(.2,1.8,.4,1);white-space:nowrap}@keyframes msgPop{0%{transform:translate(-50%,-50%) scale(2.4) rotate(6deg);opacity:0}60%{opacity:1}to{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}#killPop{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%) rotate(-3deg);font-size:34px;font-weight:900;font-style:italic;color:#fff;text-shadow:2px 2px 0 var(--ink0),-2px -2px 0 rgba(0,0,0,.4),0 0 22px rgba(255,150,40,.8);animation:msgPop .35s cubic-bezier(.2,1.8,.4,1)}#respawnOverlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#1e083240,#0a0414ad)}.respawn-title{font-size:74px;font-weight:900;font-style:italic;color:#ff6b6b;text-shadow:4px 4px 0 rgba(40,6,20,.9);animation:msgPop .4s cubic-bezier(.2,1.8,.4,1)}#respawnCount{margin-top:16px;font-size:58px;font-weight:900;color:#fff;width:108px;height:108px;line-height:108px;text-align:center;border-radius:50%;background:#ffffff1a;box-shadow:inset 0 0 0 4px #ffffff59}#dmgVignette{position:absolute;inset:0;opacity:0;pointer-events:none;box-shadow:inset 0 0 140px 50px #c8143cbf;transition:opacity .12s}#lowInk{position:absolute;left:50%;bottom:140px;transform:translate(-50%);font-size:20px;font-weight:900;color:#ffd23e;text-shadow:0 2px 4px rgba(0,0,0,.8);animation:inkBlink .6s steps(2) infinite}#result{background:linear-gradient(150deg,#100824d1,#1c0a2cdb)}#resultStamp{font-size:110px;font-weight:900;font-style:italic;line-height:1;margin-bottom:20px;transform:rotate(-4deg);animation:stampIn .5s .15s cubic-bezier(.2,1.8,.4,1) backwards}#resultStamp.win{background:linear-gradient(180deg,#ffe45e,var(--ink0));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(4px 5px 0 rgba(80,25,130,.95)) drop-shadow(0 0 30px rgba(255,170,40,.5))}#resultStamp.lose{background:linear-gradient(180deg,#b8b8d8,#5f5f8a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(4px 5px 0 rgba(20,10,40,.9))}@keyframes stampIn{0%{transform:rotate(14deg) scale(3);opacity:0}to{transform:rotate(-4deg) scale(1);opacity:1}}#resultBars{display:flex;flex-direction:column;gap:14px;margin:10px 0 22px}.rbar-row{display:flex;align-items:center;gap:14px}.rbar-name{font-size:18px;font-weight:900;font-style:italic;min-width:130px;text-align:right}.ink0{color:var(--ink0-hi)}.ink1{color:var(--ink1-hi)}.rbar{flex:1;height:30px;border-radius:999px;background:#ffffff1a;overflow:hidden;box-shadow:inset 0 2px 8px #0000008c}#rbarL,#rbarR{height:100%;width:0%;border-radius:999px;transition:width 1.6s cubic-bezier(.25,1,.35,1)}#rbarL{background:repeating-linear-gradient(115deg,var(--ink0) 0 14px,var(--ink0-hi) 14px 28px)}#rbarR{background:repeating-linear-gradient(115deg,var(--ink1) 0 14px,var(--ink1-hi) 14px 28px)}.rbar-pct{font-size:24px;font-weight:900;font-style:italic;min-width:96px;text-align:left}#resultStats{display:flex;justify-content:center;gap:38px;margin-bottom:8px}#resultStats div{display:flex;flex-direction:column;gap:3px;font-size:14px;color:#cfc6ee}#resultStats b{font-size:30px;font-weight:900;font-style:italic;color:#fff}:root{--ink0-deep: #d94a11;--ink1-deep: #5120bc;--ui-void: rgba(8, 5, 18, .9);--ui-glass: rgba(23, 16, 43, .72);--ui-line: rgba(255,255,255,.2);--ease-pop: cubic-bezier(.16,1,.3,1);--ease-snap: cubic-bezier(.2,1.45,.35,1)}body{-webkit-font-smoothing:antialiased;text-rendering:geometricPrecision}.screen{isolation:isolate}.panel{overflow:hidden;isolation:isolate;border:1px solid rgba(255,255,255,.19);background:radial-gradient(circle at 18% 0%,rgba(176,107,255,.18),transparent 34%),radial-gradient(circle at 88% 100%,rgba(255,140,26,.14),transparent 36%),linear-gradient(145deg,#1f1737f5,#0d091cf0);box-shadow:0 28px 90px #00000094,0 6px 18px #00000052,inset 0 1px #ffffff29,inset 0 0 0 3px #ffffff0b;backdrop-filter:blur(20px) saturate(1.25);-webkit-backdrop-filter:blur(20px) saturate(1.25)}.panel:before{content:"";position:absolute;inset:9px;z-index:-1;border:1px solid rgba(255,255,255,.06);border-radius:15px;pointer-events:none}.panel:after{content:"";position:absolute;width:220px;height:9px;left:50%;top:0;z-index:-1;transform:translate(-50%) skew(-24deg);border-radius:0 0 12px 12px;background:linear-gradient(90deg,transparent,var(--ink1-hi) 22%,#fff 50%,var(--ink0-hi) 78%,transparent);box-shadow:0 0 22px #b06bff73,0 0 22px #ff8c1a59;opacity:.75}.panel h2{line-height:1;text-shadow:3px 3px 0 rgba(81,32,188,.95),-2px -2px 0 rgba(255,140,26,.55),0 8px 24px rgba(0,0,0,.48)}.btn{position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(180deg,rgba(255,255,255,.1),transparent 48%),linear-gradient(135deg,#49387e,#2d2155 58%,#21183f);background-size:100% 100%;box-shadow:0 7px #15102b,0 13px 30px #0000007a,inset 0 1px #ffffff42,inset 0 -2px #0003;text-shadow:0 2px 0 rgba(0,0,0,.38),0 0 12px rgba(255,255,255,.12);transition:transform .18s var(--ease-snap),box-shadow .18s ease,border-color .18s ease,filter .18s ease;will-change:transform}.btn:before{content:"";position:absolute;z-index:-1;inset:-60% -35%;transform:translate(-75%) rotate(18deg);background:linear-gradient(90deg,transparent 37%,rgba(255,255,255,.46) 50%,transparent 63%);opacity:0;pointer-events:none}.btn:after{content:"";position:absolute;left:14%;right:14%;bottom:5px;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);opacity:.45}.btn:hover{border-color:#ffe7b1a6;background:linear-gradient(180deg,rgba(255,255,255,.24),transparent 46%),linear-gradient(135deg,#ffad2f 0%,var(--ink0) 52%,#f05c13 100%);transform:skew(-6deg) translateY(-2px) scale(1.055) rotate(-.6deg);box-shadow:0 9px #762d09,0 17px 36px #ff681466,0 0 24px #ffb02e33,inset 0 1px #ffffff7a,inset 0 -2px #822c0038}.btn:hover:before{animation:buttonGlint .65s ease-out both}.btn:active{transform:skew(-6deg) translateY(6px) scale(.985);box-shadow:0 1px #762d09,0 5px 12px #0006,inset 0 2px 6px #5a1c004d;transition-duration:65ms}.btn:focus-visible{outline:3px solid #fff;outline-offset:5px;box-shadow:0 7px #15102b,0 0 0 7px #b06bff6b,0 15px 34px #00000080}.btn-dim:hover{border-color:#d5b9ff9e;background:linear-gradient(180deg,rgba(255,255,255,.19),transparent 48%),linear-gradient(135deg,#8651e6,#5423bd 58%,#381783);box-shadow:0 8px #28115f,0 16px 34px #662ddc52,inset 0 1px #ffffff61}@keyframes buttonGlint{0%{opacity:0;transform:translate(-75%) rotate(18deg)}18%{opacity:1}to{opacity:0;transform:translate(75%) rotate(18deg)}}#title{overflow:hidden;background:radial-gradient(circle at 16% 20%,rgba(255,140,26,.26),transparent 28%),radial-gradient(circle at 84% 68%,rgba(138,60,255,.3),transparent 32%),linear-gradient(155deg,#0b0719b8,#14092880 48%,#090513cc)}#title:before{content:"";position:absolute;inset:-45%;z-index:0;background:repeating-linear-gradient(112deg,transparent 0 52px,rgba(255,255,255,.022) 52px 54px),radial-gradient(circle,rgba(255,255,255,.11) 0 2px,transparent 2.5px) 0 0 / 42px 42px;transform:rotate(-8deg);animation:titleTextureDrift 22s linear infinite;pointer-events:none}#title:after{content:"";position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at center,transparent 36%,rgba(4,2,12,.5) 100%);pointer-events:none}#titleInner{gap:26px}#logoWrap{position:relative;filter:drop-shadow(0 18px 24px rgba(0,0,0,.25))}#logoWrap:before{content:"TURF ACTION GAME";display:inline-block;margin-bottom:10px;padding:5px 14px 4px;border:1px solid rgba(255,255,255,.34);border-radius:999px;background:#0a06167a;color:#ffffffe0;font-size:11px;font-weight:900;font-style:italic;letter-spacing:.28em;box-shadow:0 5px 18px #00000040,inset 0 1px #ffffff26;backdrop-filter:blur(8px)}#logoMain{background-size:100% 220%;-webkit-text-stroke:1px rgba(255,245,216,.08);filter:drop-shadow(4px 6px 0 rgba(70,20,120,.95)) drop-shadow(-2px -1px 0 rgba(255,224,140,.32)) drop-shadow(0 16px 38px rgba(255,120,20,.38));animation:logoSheen 4.8s ease-in-out infinite}#logoSub{text-shadow:0 0 20px rgba(176,107,255,.85),2px 3px 0 #5a2ba8,0 7px 18px rgba(0,0,0,.45)}#logoTag{display:inline-block;padding:8px 18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(8,5,18,.42) 18% 82%,transparent);text-shadow:0 2px 7px rgba(0,0,0,.8)}#titleMenu{animation:menuRise .65s .18s var(--ease-pop) backwards}#titleFoot{left:50%;width:auto;max-width:calc(100vw - 32px);transform:translate(-50%);padding:8px 17px;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#0805126b;color:#ffffffa6;white-space:nowrap;text-shadow:0 2px 5px #000;backdrop-filter:blur(10px)}.splat{box-shadow:inset 0 0 0 2px #ffffff14,0 18px 50px #0003;mix-blend-mode:screen}@keyframes titleTextureDrift{to{transform:rotate(-8deg) translate3d(54px,42px,0)}}@keyframes logoSheen{0%,to{background-position:50% 10%}50%{background-position:50% 90%}}@keyframes menuRise{0%{opacity:0;transform:translateY(34px) scale(.92);filter:blur(8px)}}#howto,#pause{background:radial-gradient(circle at 50% 50%,rgba(83,38,145,.16),transparent 48%),#070410ad;backdrop-filter:blur(12px) saturate(.8);-webkit-backdrop-filter:blur(12px) saturate(.8)}#howto .panel{scrollbar-color:var(--ink1-hi) rgba(255,255,255,.06);scrollbar-width:thin}#howto .panel::-webkit-scrollbar{width:9px}#howto .panel::-webkit-scrollbar-track{background:#ffffff0d;border-radius:99px}#howto .panel::-webkit-scrollbar-thumb{background:linear-gradient(var(--ink1-hi),var(--ink0));border-radius:99px}.howto-grid{padding:18px 20px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#07041152;box-shadow:inset 0 1px #ffffff0a}.howto-grid>div:nth-child(2n){padding:5px 8px 8px;border-bottom:1px solid rgba(255,255,255,.055);color:#f5f0ff;text-shadow:0 2px 5px rgba(0,0,0,.72)}.kbd{position:relative;border:1px solid rgba(255,255,255,.2);background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 50%),linear-gradient(145deg,#584590,#30235d);box-shadow:0 5px #17102f,0 9px 18px #00000047,inset 0 1px #ffffff3b;text-shadow:0 2px 0 rgba(0,0,0,.5);transition:transform .18s var(--ease-pop),border-color .18s ease}.kbd:hover{transform:translateY(-2px) rotate(-1deg);border-color:#ffc56499}.howto-tips{padding:18px 22px;border-left:4px solid var(--ink0);border-radius:5px 15px 15px 5px;background:linear-gradient(90deg,#ff8c1a1a,#ffffff06);text-shadow:0 2px 6px rgba(0,0,0,.7)}#pause .panel{min-width:min(88vw,520px)}#pause h2:before{content:"PAUSED";display:block;margin-bottom:9px;color:var(--ink0-hi);font-size:11px;font-style:normal;letter-spacing:.38em;text-shadow:0 0 15px rgba(255,140,26,.55)}#topbar{top:16px;gap:14px;filter:drop-shadow(0 9px 16px rgba(0,0,0,.38))}#topbar:before{content:"";position:absolute;inset:-8px -16px -10px;z-index:-1;border:1px solid rgba(255,255,255,.15);border-radius:17px 17px 28px 28px;background:linear-gradient(90deg,#ff8c1a14,#100a20c7 27% 73%,#8a3cff1a),#0a061680;box-shadow:inset 0 1px #ffffff1a,0 10px 32px #00000052;backdrop-filter:blur(13px) saturate(1.4);-webkit-backdrop-filter:blur(13px) saturate(1.4);clip-path:polygon(3% 0,97% 0,100% 27%,97% 100%,3% 100%,0 27%)}.hud-eyebrow{height:10px;margin-bottom:-1px;color:#ffffff9e;font-size:9px;font-weight:900;font-style:italic;line-height:1;letter-spacing:.28em;text-shadow:0 2px 4px #000}#timerWrap{gap:5px}#timer{position:relative;min-width:150px;border:1px solid rgba(255,255,255,.22);background:linear-gradient(180deg,rgba(255,255,255,.13),transparent 54%),linear-gradient(135deg,#191230f5,#080513eb);box-shadow:inset 0 1px #ffffff38,inset 0 -3px 8px #0000004d,0 7px 18px #00000061,0 0 22px #8a3cff1f;text-align:center;text-shadow:0 3px 0 rgba(0,0,0,.58),0 0 13px rgba(255,255,255,.13)}#timer:before{content:"";position:absolute;top:3px;left:23%;right:23%;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--ink0),#fff,var(--ink1));box-shadow:0 0 8px #ffffff59;opacity:.75}#timer.warn{box-shadow:inset 0 0 0 2px #ffd23e59,0 0 24px #ffd23e42,0 8px 20px #0006;animation:timerPulse 1s var(--ease-pop) infinite}#timer.critical{box-shadow:inset 0 0 0 2px #ff525273,0 0 32px #ff28505c,0 8px 20px #0006;animation:timerCritical .48s ease-in-out infinite alternate}@keyframes timerPulse{50%{transform:scale(1.045);filter:brightness(1.16)}}@keyframes timerCritical{to{transform:scale(1.07);filter:brightness(1.25)}}#coverBar{width:clamp(260px,30vw,390px);height:18px;border:2px solid rgba(255,255,255,.24);background:linear-gradient(180deg,#04020cb8,#ffffff1a);box-shadow:inset 0 3px 8px #000000ad,0 4px 12px #00000061,0 0 16px #ffffff0f}#coverBar:before{content:"";position:absolute;inset:1px 4px auto;z-index:3;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.48),transparent);pointer-events:none}#coverBar:after{content:"";position:absolute;left:50%;top:-2px;bottom:-2px;z-index:4;width:3px;transform:translate(-50%) skew(-12deg);background:#fff;box-shadow:0 0 7px #ffffffa6,0 0 0 2px #08051273;opacity:.9}#coverL,#coverR{top:1px;bottom:1px;overflow:hidden;box-shadow:inset 0 1px #ffffff70,0 0 15px currentColor}#coverL{background:repeating-linear-gradient(115deg,#f36a13 0 10px,var(--ink0-hi) 10px 20px,#ffd34e 20px 23px);color:#ff8c1a75}#coverR{background:repeating-linear-gradient(115deg,#6725d2 0 10px,var(--ink1-hi) 10px 20px,#d5a7ff 20px 23px);color:#8a3cff80}.cover-pct{min-width:102px;padding:5px 10px 6px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:#08051270;box-shadow:inset 0 1px #ffffff14;-webkit-text-stroke:.4px rgba(255,255,255,.16);text-shadow:0 3px 0 rgba(0,0,0,.65),0 0 12px currentColor;backdrop-filter:blur(7px)}#crosshair{filter:drop-shadow(0 3px 5px rgba(0,0,0,.72))}#crosshair:before{content:"";position:absolute;inset:31px;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 12px #ffffff14,inset 0 0 8px #0000004d}.ch-bg{stroke:#030209b3;stroke-width:8.5;filter:drop-shadow(0 0 3px rgba(255,255,255,.28))}#hpRing{stroke-width:5.5;filter:drop-shadow(0 0 2px rgba(255,255,255,.9)) drop-shadow(0 0 6px rgba(125,255,178,.34))}#chSpread{stroke:#fffffff0;stroke-width:2.25;filter:drop-shadow(0 1px 1px rgba(0,0,0,.9))}.ch-dot{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 3px #fff)}#hitmarker{filter:drop-shadow(0 0 2px #000) drop-shadow(0 0 5px rgba(255,255,255,.82))}#hitmarker.hit{animation:hitFlash .22s var(--ease-pop)}@keyframes hitFlash{0%{opacity:0;transform:scale(1.7) rotate(8deg)}18%{opacity:1;transform:scale(1.08) rotate(0)}58%{opacity:1;transform:scale(.94)}to{opacity:0;transform:scale(.72)}}#inkMeter{right:26px;bottom:24px;width:124px;height:161px;padding:8px 9px 5px;border:1px solid rgba(255,255,255,.16);border-radius:30px 30px 42px 42px;background:radial-gradient(circle at 50% 34%,rgba(255,140,26,.14),transparent 48%),linear-gradient(145deg,#1e1630b8,#070410b3);box-shadow:0 13px 30px #0000006b,inset 0 1px #ffffff21,inset 0 0 0 3px #ffffff09;backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}#inkMeter:before{content:"";position:absolute;inset:-6px;z-index:-1;border-radius:34px 34px 48px 48px;background:radial-gradient(circle at 50% 54%,rgba(255,140,26,.22),transparent 64%);opacity:.65;transition:opacity .22s ease,filter .22s ease}#inkMeter svg{filter:drop-shadow(0 7px 13px rgba(0,0,0,.58)) drop-shadow(0 0 8px rgba(255,140,26,.22))}.tank-outline{fill:#070411bd;stroke:#ffffffb3;stroke-width:3.5;paint-order:stroke fill}#inkFill{fill:url(#inkLiquidGradient);filter:drop-shadow(0 -2px 5px rgba(255,214,86,.65));transition:transform .18s linear,filter .18s ease}#inkMeter.low:before{opacity:1;filter:drop-shadow(0 0 12px rgba(255,50,80,.7));animation:meterWarning .52s ease-in-out infinite alternate}#inkMeter.low #inkFill{fill:url(#inkLowGradient);animation:inkBlink .52s ease-in-out infinite alternate}.ink-label{position:absolute;left:50%;top:25px;z-index:2;transform:translate(-50%);color:#ffffffad;font-size:9px;font-weight:900;font-style:italic;letter-spacing:.25em;text-shadow:0 2px 4px #000}#inkPct{bottom:38px;z-index:2;font-size:27px;-webkit-text-stroke:.6px rgba(40,15,4,.6);text-shadow:0 3px 0 rgba(0,0,0,.68),0 0 9px rgba(255,190,70,.58)}#weaponName{position:absolute;pointer-events:auto;touch-action:manipulation;cursor:pointer;left:26px;bottom:24px;min-width:132px;padding:10px 18px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:linear-gradient(145deg,#1e1630c7,#070410c2);box-shadow:0 10px 24px #0006,inset 0 1px #ffffff21;color:#fff;font-size:18px;font-weight:900;font-style:italic;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}#weaponSwitchKey{position:absolute;left:184px;bottom:31px;width:28px;height:28px;border:1px solid rgba(255,255,255,.2);border-radius:50%;background:linear-gradient(180deg,#4a3d80,#2c2254);box-shadow:0 3px #191238,inset 0 0 0 1px #ffffff24;color:#fff;font-size:14px;font-weight:900;line-height:28px;text-align:center;text-shadow:0 2px 3px rgba(0,0,0,.8)}#inkPct:after{content:"%";margin-left:1px;font-size:11px;vertical-align:.55em;opacity:.82}@keyframes meterWarning{to{transform:scale(1.035);opacity:.62}}@keyframes inkBlink{to{opacity:.56;filter:saturate(1.4) brightness(1.2)}}#killfeed{top:108px;right:24px;gap:8px;perspective:500px}.kf-item{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:8px 999px 999px 8px;padding:8px 17px 9px 20px;background:linear-gradient(110deg,rgba(255,255,255,.09),transparent 46%),#090614c7;box-shadow:0 8px 20px #00000057,inset 0 1px #ffffff1a;text-shadow:0 2px 3px rgba(0,0,0,.9);backdrop-filter:blur(10px) saturate(1.25);-webkit-backdrop-filter:blur(10px) saturate(1.25);transform-origin:right center;animation:kfIn .42s var(--ease-snap) both;transition:opacity .62s ease,transform .62s var(--ease-pop),filter .62s ease}.kf-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--ink0-hi),var(--ink1-hi));box-shadow:0 0 12px #b06bff8c}.kf-item.out{opacity:0;transform:translate(52px) rotateY(-18deg) scale(.92);filter:blur(3px)}@keyframes kfIn{0%{opacity:0;transform:translate(78px) rotateY(-24deg) scale(.66);filter:blur(7px)}65%{opacity:1;transform:translate(-7px) rotateY(2deg) scale(1.035);filter:blur(0)}to{transform:none}}.kf-x{color:#ffffffeb;text-shadow:0 0 7px rgba(255,255,255,.4)}#centerMsg{max-width:92vw;font-size:clamp(72px,11vw,132px);line-height:.92;-webkit-text-stroke:2px rgba(75,28,126,.48);text-shadow:6px 7px 0 rgba(74,25,132,.96),-2px -2px 0 rgba(255,246,198,.38),0 0 34px rgba(255,180,40,.64),0 16px 44px rgba(0,0,0,.45);transition:opacity .24s ease,visibility 0s;animation:msgPop .65s var(--ease-snap) both,msgHover 1.1s .65s ease-in-out infinite alternate}#centerMsg.hidden{display:block!important;visibility:hidden;opacity:0;transition:opacity .24s ease,visibility 0s .24s}@keyframes msgPop{0%{transform:translate(-50%,-50%) scale(2.1) rotate(8deg);opacity:0;filter:blur(10px)}58%{opacity:1;filter:blur(0)}76%{transform:translate(-50%,-50%) scale(.92) rotate(-3deg)}to{transform:translate(-50%,-50%) scale(1) rotate(-2deg)}}@keyframes msgHover{to{transform:translate(-50%,calc(-50% - 4px)) rotate(-1deg)}}#killPop{top:59%;filter:drop-shadow(0 8px 14px rgba(0,0,0,.4));animation:killPopArc .9s var(--ease-pop) both}#killPop span{display:block;padding:9px 24px 11px;border:1px solid rgba(255,255,255,.3);border-radius:10px 22px;background:linear-gradient(135deg,#ffac2fed,#e74d11eb);box-shadow:0 7px #672004d1,0 0 28px #ff8b1975,inset 0 1px #fff6;text-shadow:2px 3px 0 rgba(93,26,4,.78),0 0 12px rgba(255,255,255,.3)}@keyframes killPopArc{0%{opacity:0;transform:translate(-50%,10%) rotate(8deg) scale(.35);filter:blur(7px)}24%{opacity:1;transform:translate(-50%,-58%) rotate(-5deg) scale(1.13);filter:blur(0)}50%{transform:translate(-50%,-50%) rotate(-3deg) scale(1)}78%{opacity:1;transform:translate(-50%,-54%) rotate(-2deg) scale(1)}to{opacity:0;transform:translate(-50%,-105%) rotate(2deg) scale(.88);filter:blur(3px)}}#respawnOverlay{background:repeating-linear-gradient(118deg,transparent 0 42px,rgba(255,255,255,.018) 42px 44px),radial-gradient(ellipse at center,#4b116038,#080311c2);backdrop-filter:blur(3px) saturate(.72)}.respawn-title{-webkit-text-stroke:1px rgba(255,255,255,.15);text-shadow:5px 6px 0 rgba(67,7,29,.92),0 0 30px rgba(255,60,90,.3)}#respawnCount{border:1px solid rgba(255,255,255,.32);background:radial-gradient(circle at 38% 28%,#ffffff38,#ffffff0f);box-shadow:inset 0 0 0 4px #ffffff2b,0 0 34px #b06bff40,0 12px 30px #00000061;text-shadow:0 4px 0 rgba(0,0,0,.46);animation:respawnBeat 1s ease-in-out infinite}@keyframes respawnBeat{50%{transform:scale(1.07);box-shadow:inset 0 0 0 4px #ffffff4d,0 0 44px #b06bff61,0 12px 30px #00000061}}#dmgVignette{background:radial-gradient(ellipse at center,transparent 45%,rgba(168,5,52,.26));box-shadow:inset 0 0 155px 54px #c8143cc2;mix-blend-mode:screen}#lowInk{bottom:122px;padding:9px 18px 10px;border:1px solid rgba(255,210,62,.46);border-radius:999px;background:#1c0915d1;box-shadow:0 8px 22px #0006,0 0 24px #ff3c4638,inset 0 1px #ffffff21;text-shadow:0 3px 0 rgba(0,0,0,.7),0 0 12px rgba(255,210,62,.42);backdrop-filter:blur(9px);animation:lowInkAlert .65s ease-in-out infinite alternate}@keyframes lowInkAlert{to{transform:translate(-50%) scale(1.045);color:#fff2a0;border-color:#ff5d5da8}}#result{overflow:hidden;background:radial-gradient(circle at 14% 14%,rgba(255,140,26,.22),transparent 30%),radial-gradient(circle at 88% 72%,rgba(138,60,255,.28),transparent 34%),linear-gradient(150deg,#0a0519e6,#1c0a2ce0);backdrop-filter:blur(7px) saturate(1.25)}#result:before{content:"";position:absolute;inset:-30%;background:repeating-conic-gradient(from 18deg at 50% 50%,rgba(255,255,255,.025) 0 3deg,transparent 3deg 14deg);animation:resultRays 36s linear infinite;pointer-events:none}#result .panel-wide{z-index:2;animation:resultPanelIn .62s var(--ease-pop) both}.result-kicker{margin:-5px 0 6px;color:#ffffffa8;font-size:11px;font-weight:900;font-style:italic;letter-spacing:.42em;text-shadow:0 2px 5px #000;animation:resultItemIn .45s .26s var(--ease-pop) backwards}#resultStamp{position:relative;display:inline-block;margin-bottom:26px;letter-spacing:-.035em;-webkit-text-stroke:1px rgba(255,255,255,.12);animation:stampIn .76s .12s var(--ease-snap) backwards}#resultStamp:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-10px;height:7px;transform:skew(-24deg);border-radius:99px;background:linear-gradient(90deg,transparent,currentColor 18% 82%,transparent);box-shadow:0 0 18px currentColor;opacity:.5}#resultStamp.win{filter:drop-shadow(5px 6px 0 rgba(80,25,130,.98)) drop-shadow(-2px -1px 0 rgba(255,245,198,.35)) drop-shadow(0 0 34px rgba(255,170,40,.58))}#resultStamp.lose{filter:drop-shadow(5px 6px 0 rgba(20,10,40,.94)) drop-shadow(0 0 28px rgba(153,139,200,.22))}#resultStamp.win:after{color:var(--ink0);background:linear-gradient(90deg,transparent,var(--ink0) 18% 82%,transparent)}#resultStamp.lose:after{color:#8f88ad;background:linear-gradient(90deg,transparent,#8f88ad 18% 82%,transparent)}@keyframes resultPanelIn{0%{opacity:0;transform:translate(-50%,-42%) rotate(-4deg) scale(.82);filter:blur(10px)}}@keyframes stampIn{0%{transform:rotate(16deg) scale(2.8);opacity:0;filter:blur(9px)}55%{opacity:1;filter:blur(0)}72%{transform:rotate(-7deg) scale(.9)}to{transform:rotate(-4deg) scale(1)}}@keyframes resultRays{to{transform:rotate(360deg)}}@keyframes resultItemIn{0%{opacity:0;transform:translateY(18px) scale(.94);filter:blur(5px)}}#resultBars{padding:18px 20px;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#0704114d;box-shadow:inset 0 1px #ffffff0b}.rbar-row{animation:resultItemIn .5s var(--ease-pop) backwards}.rbar-row:nth-child(1){animation-delay:.34s}.rbar-row:nth-child(2){animation-delay:.43s}.rbar-name,.rbar-pct{text-shadow:0 3px 0 rgba(0,0,0,.64),0 0 12px currentColor}.rbar{position:relative;height:32px;border:2px solid rgba(255,255,255,.18);background:#03020a9e;box-shadow:inset 0 3px 9px #000000b3,0 5px 13px #00000042}.rbar:after{content:"";position:absolute;inset:2px 6px auto;z-index:2;height:3px;border-radius:99px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent);pointer-events:none}#rbarL,#rbarR{position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff4d,0 0 18px currentColor;background-size:40px 100%;animation:resultStripe 1.15s linear infinite}#rbarL{color:#ff8c1a8c;background-image:repeating-linear-gradient(115deg,#ee6514 0 12px,var(--ink0-hi) 12px 24px,#ffd25a 24px 28px)}#rbarR{color:#8a3cff8c;background-image:repeating-linear-gradient(115deg,#6828d0 0 12px,var(--ink1-hi) 12px 24px,#d4a9ff 24px 28px);animation-direction:reverse}@keyframes resultStripe{to{background-position:40px 0}}#resultStats{gap:12px;margin:0 0 12px}#resultStats div{min-width:126px;padding:10px 14px 11px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:linear-gradient(150deg,#ffffff13,#ffffff06);box-shadow:0 7px 16px #0003,inset 0 1px #ffffff14;animation:resultItemIn .47s var(--ease-pop) backwards}#resultStats div:nth-child(1){animation-delay:.56s}#resultStats div:nth-child(2){animation-delay:.63s}#resultStats div:nth-child(3){animation-delay:.7s}#resultStats b{text-shadow:0 3px 0 rgba(0,0,0,.5),0 0 12px rgba(255,255,255,.12)}#result .menu-row{animation:resultItemIn .48s .76s var(--ease-pop) backwards}@media(max-width:760px){.panel{padding:30px 26px}.panel h2{font-size:34px;margin-bottom:20px}.btn{font-size:18px;padding:12px 28px}.btn-big{font-size:24px;padding:15px 38px}#titleInner{gap:18px}#logoWrap:before{font-size:9px}#logoTag{letter-spacing:.05em}#titleFoot{bottom:14px;overflow:hidden;text-overflow:ellipsis;font-size:10px}#topbar{top:10px;gap:5px}#topbar:before{inset:-5px -7px -7px}#timer{min-width:106px;padding:7px 15px;font-size:32px}#coverBar{width:clamp(170px,42vw,280px);height:15px}.cover-pct{min-width:68px;padding:4px 5px;font-size:18px}.hud-eyebrow{font-size:7px}#inkMeter{right:14px;bottom:14px;transform:scale(.84);transform-origin:right bottom}#killfeed{top:84px;right:12px}.kf-item{font-size:13px;padding:6px 12px 7px 15px}#centerMsg{font-size:clamp(58px,15vw,94px)}#howto .panel{padding:28px 22px}.howto-grid{gap:9px 12px;padding:14px;font-size:19px}.kbd{min-width:88px;padding:6px 10px}.howto-tips{padding:14px 16px;font-size:17px;line-height:1.8}#result .panel-wide{width:min(94vw,640px);min-width:0}#resultStamp{font-size:78px}#resultBars{padding:13px 11px}.rbar-row{gap:8px}.rbar-name{min-width:86px;font-size:14px}.rbar-pct{min-width:64px;font-size:18px}#resultStats{gap:7px}#resultStats div{min-width:0;flex:1;padding:8px 6px;font-size:11px}#resultStats b{font-size:24px}}@media(max-height:700px){#titleInner{gap:13px}#logoWrap{scale:.85}#titleMenu{flex-direction:row}#titleFoot{bottom:10px}#result .panel{padding-top:25px;padding-bottom:24px}#resultStamp{font-size:76px;margin-bottom:16px}#resultBars{margin:5px 0 12px;padding-top:12px;padding-bottom:12px}#resultStats div{padding-top:7px;padding-bottom:7px}}@media(max-width:480px){#logoMain{font-size:clamp(48px,18vw,76px)}#logoSub{font-size:18px;letter-spacing:.32em}#logoTag{font-size:11px;padding-inline:8px}#titleMenu{flex-direction:column}#topbar{gap:3px}#coverBar{width:150px}.cover-pct{min-width:56px;font-size:16px}#timer{min-width:98px;font-size:28px}#resultStamp{font-size:64px}.rbar-name{min-width:72px;font-size:12px}.rbar-pct{min-width:52px;font-size:16px}}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.panel{background-color:#120c22f7}#topbar:before,#inkMeter,.kf-item{background-color:#0a0616eb}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}}