:root{color-scheme:dark;--mint:#bdff31;--coral:#aa45ff;--dark:#15192a;--white:#fffced}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,'Noto Sans JP',sans-serif;color:var(--white);background:#89c9ee}button,a,input{touch-action:manipulation}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}[hidden]{display:none!important}#view{position:fixed;inset:0;width:100%;height:100%;display:block;outline:none;touch-action:none}#vignette{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,transparent 50%,#0d182233 100%)}#damage-flash{position:fixed;inset:0;box-shadow:inset 0 0 130px 20px #a52fff;opacity:0;pointer-events:none;z-index:8}header{position:absolute;top:24px;left:28px;right:28px;display:flex;align-items:start;justify-content:space-between;z-index:20;pointer-events:none}.wordmark{font-size:18px;letter-spacing:-1px;font-weight:1000;font-style:italic;line-height:1;color:white;text-decoration:none;text-shadow:1px 2px #1118;pointer-events:auto}.wordmark span{display:block;font:8px/1.8 monospace;letter-spacing:3px}.top-actions{display:flex;gap:8px;pointer-events:auto}.top-actions button{border:1px solid #ffffff55;background:#111a2db3;border-radius:9px;min-width:38px;height:35px;font-size:12px;font-weight:bold;color:#fff}.match-head{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:15px;align-items:center;filter:drop-shadow(0 4px 0 #1118)}.time-box{background:var(--dark);border:3px solid white;border-radius:22px 17px 25px 18px;padding:6px 22px 8px;text-align:center;transform:rotate(-3deg)}.time-box small{display:block;font-size:8px;letter-spacing:1.5px}.time-box strong{font-size:34px;line-height:1.05;font-variant-numeric:tabular-nums}.team{display:flex;gap:5px}.team i{width:24px;height:30px;background:var(--mint);clip-path:polygon(50% 0,95% 38%,85% 95%,65% 78%,50% 100%,35% 78%,15% 95%,5% 38%);position:relative;transform:rotate(-8deg)}.team i:after{content:'••';position:absolute;top:7px;left:6px;font-size:17px;letter-spacing:1px;color:#171a23}.team.enemy i{background:var(--coral);transform:rotate(8deg)}.team i.dead{opacity:.28;filter:grayscale(1)}.special{position:absolute;right:28px;top:95px;display:grid;justify-items:center;gap:4px;transform:rotate(5deg);text-shadow:1px 2px 3px #0008}.special strong{font-size:10px;font-style:italic}.special small{font-size:10px}#special-orb{width:78px;height:78px;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 0 #152033;background:conic-gradient(var(--mint) 0%,#182032 0);display:flex;align-items:center;flex-direction:column;justify-content:center;color:white}#special-orb span{font-size:30px;line-height:1}#special-orb b{font-size:12px}#special-orb.ready{animation:pulse .65s alternate infinite;color:#182032}.left-bottom{position:absolute;left:26px;bottom:64px;display:flex;align-items:end;gap:14px}.map-wrap{position:relative;width:114px;height:150px;background:#182036d9;padding:4px;transform:rotate(-5deg);border:2px solid #fff7;border-radius:9px;box-shadow:0 4px 0 #15203377}.map-wrap canvas{width:100%;height:100%;opacity:.9}.map-wrap span{position:absolute;right:6px;top:4px;font:9px monospace}.paint-score{text-shadow:2px 3px #192032;transform:rotate(-4deg);padding-bottom:6px}.paint-score>small{font-size:9px;letter-spacing:1px;display:block}.paint-score strong{font-size:35px;font-style:italic}.paint-score strong small{font-size:18px}.status{position:absolute;right:28px;bottom:66px;background:#151b2aeb;border:2px solid #ffffff99;padding:13px 17px;display:flex;gap:13px;align-items:center;transform:rotate(2deg);border-radius:12px 7px 16px 9px;box-shadow:0 5px 0 #1116}.ink-icon{color:var(--mint);font-size:35px}.ink-info{width:208px}.ink-info>div:first-child{display:flex;justify-content:space-between;gap:9px;margin-bottom:6px;font-size:12px}.ink-info>div:first-child span{font-size:9px;color:var(--mint)}.ink-track{height:13px;border-radius:4px;overflow:hidden;background:#ffffff22}.ink-track i{display:block;height:100%;width:100%;background:var(--mint);transition:width .06s}.hp-track{height:3px;margin-top:4px;background:#fff2}.hp-track i{height:100%;display:block;background:#fff;transition:width .1s}.ink-info>small{font-size:9px;color:#dbdee5;display:block;margin-top:7px}.bomb-info{display:flex;gap:7px;align-items:center;border-left:1px solid #ffffff44;padding-left:12px}.bomb-info b{background:#fff;color:var(--dark);font-size:20px;border-radius:4px;padding:5px 7px}.bomb-info span{font-size:9px;line-height:1.7}.bomb-info.empty{opacity:.35}.control-hint{position:absolute;bottom:22px;text-align:center;width:100%;font-size:11px;font-weight:bold;text-shadow:0 1px 4px #000,0 1px 8px #0008;letter-spacing:.3px;pointer-events:none}#reticle{position:absolute;top:50%;left:50%;width:28px;height:28px;border:2px solid #fffd;box-shadow:0 0 0 1px #162036aa;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}#reticle i{position:absolute;left:10px;top:10px;width:4px;height:4px;background:var(--mint);box-shadow:0 0 0 1px #111;border-radius:50%}#reticle span{position:absolute;inset:-8px;border:2px solid #fff5;border-top-color:transparent;border-bottom-color:transparent;border-radius:50%}#reticle.target{border-color:var(--coral);transform:translate(-50%,-50%) scale(.85)}#reticle.low{opacity:.4}#hitmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font:bold 52px monospace;color:#fff;text-shadow:0 0 5px #111;opacity:0;pointer-events:none}#feed{position:absolute;right:28px;top:227px;display:flex;flex-direction:column;align-items:end;gap:6px;font-size:11px}#feed div{padding:7px 11px;background:#151c30cc;border-radius:5px;border-left:3px solid var(--mint)}#feed div.opponent{border-left-color:var(--coral)}#callout{position:absolute;top:26%;left:50%;transform:translateX(-50%) rotate(-5deg);font-size:42px;font-weight:1000;font-style:italic;white-space:nowrap;text-shadow:3px 4px #14192d,0 0 12px #14192d;pointer-events:none}#respawn{position:absolute;left:50%;top:39%;transform:translate(-50%,-50%) rotate(-5deg);text-align:center;text-shadow:3px 4px #202132}#respawn strong{font-size:60px;display:block}#respawn span{font-weight:bold}#capture{position:absolute;top:calc(50% + 45px);left:50%;transform:translateX(-50%);border:1px solid #fffb;padding:10px 20px;background:#141c31d9;color:white;border-radius:8px;font-size:12px}.screen{position:absolute;inset:0;z-index:10;overflow:auto;background:linear-gradient(90deg,#121b29ec 0%,#152632dc 34%,#15263240 66%,transparent 100%)}.intro-copy{position:relative;padding:110px 6vw 65px;max-width:790px;z-index:2}.eyebrow{font-size:10px;letter-spacing:2.5px;font-weight:800;color:#d7e3df}.eyebrow span{background:var(--mint);color:#132521;padding:5px 9px;display:inline-block;margin-right:10px;transform:rotate(-4deg)}h1{font-size:clamp(65px,9vw,135px);line-height:.86;letter-spacing:-7px;margin:30px 0 22px;font-weight:1000;font-style:italic;text-shadow:4px 7px 0 #070e1d;transform:rotate(-5deg);transform-origin:left center}h1 em{color:var(--mint);font-style:inherit}.tagline{font-size:22px;font-weight:900;letter-spacing:1px;margin:25px 0 16px}.intro-description{font-size:13px;line-height:1.9;color:#d2ddd9}.start-actions{display:flex;align-items:center;gap:14px;margin-top:28px}.primary,.secondary{border:0;padding:16px 30px;font-size:17px;font-weight:900;letter-spacing:.5px;transform:rotate(-2deg);border-radius:9px 5px 12px 6px;box-shadow:0 5px 0 #0b1529}.primary{background:var(--mint);color:#172218}.primary:hover{background:#d9ff83;transform:rotate(-2deg) translateY(-2px)}.secondary{background:#ffffff16;border:1px solid #ffffff77;color:#fff;font-size:13px}.primary:disabled,.secondary:disabled{opacity:.5}.match-note{font-size:10px;color:#afbec4;margin:13px 0 25px}.keyboard-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:13px 20px;font-size:10px;color:#bacace}.keyboard-grid span b{display:block;color:white;font-size:11px;margin-bottom:4px}.intro-copy details{margin-top:25px;font-size:11px;color:#c7d6d9;max-width:450px}.intro-copy summary{cursor:pointer}.settings{padding-top:14px;line-height:1.8}.settings label{display:block;margin:9px 0}.settings input{vertical-align:middle;accent-color:var(--mint)}.stage-label{position:absolute;right:5vw;bottom:110px;display:grid;gap:7px;text-shadow:2px 3px #142333}.stage-label span{font-size:11px;letter-spacing:4px;color:var(--mint)}.stage-label strong{font-size:32px;letter-spacing:-1px;font-style:italic}.stage-label small{font-size:9px;letter-spacing:2px}footer{position:absolute;bottom:22px;left:6vw;right:4vw;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#d7e5ea}footer a{color:inherit}.splash-decor{position:absolute;border-radius:48% 52% 33% 67%;opacity:.06;transform:rotate(20deg);pointer-events:none}.splash-decor.one{background:var(--mint);width:650px;height:470px;left:-320px;top:60px}.splash-decor.two{background:var(--coral);width:500px;height:400px;left:240px;bottom:-220px}.modal{background:#10232cbf;backdrop-filter:blur(8px);display:grid;place-items:center;padding:32px;z-index:25}.modal-panel{width:min(580px,95vw);text-align:center}.modal h2{font-size:clamp(42px,6vw,80px);font-weight:1000;font-style:italic;transform:rotate(-5deg);margin:20px 0;color:var(--mint);text-shadow:3px 5px #172034}.modal p{line-height:1.8;font-size:13px}.modal button{margin:8px}.modal .text-button{display:block;background:none;border:0;color:#fffc;font-size:11px;margin:20px auto}.result-scores{display:flex;justify-content:space-between;font-size:32px;font-style:italic}.result-scores strong:first-child{color:var(--mint)}.result-scores strong:last-child{color:#ca91ff}.result-bar{height:16px;background:#a7b9bb;display:flex;justify-content:space-between;border:2px solid white;transform:rotate(-1deg)}.result-bar i:first-child{background:var(--mint)}.result-bar i:last-child{background:var(--coral)}#result-map{height:200px;width:150px;margin:20px 0 0;box-shadow:0 2px 25px #1118;border:4px solid white;border-radius:4px;transform:rotate(-5deg)}.touch-ui{display:none;position:absolute;inset:0;pointer-events:none}.touch-ui #stick{position:absolute;bottom:30px;left:30px;width:120px;height:120px;border:2px solid #fff7;border-radius:50%;background:#15263860;touch-action:none;pointer-events:auto}.touch-ui #stick i{display:block;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:#ffffff44;margin:35px;transform:translate(var(--dx,0px),var(--dy,0px))}.touch-buttons{position:absolute;right:22px;bottom:22px;display:grid;grid-template-columns:repeat(2,58px);gap:10px;pointer-events:auto}.touch-buttons button{border:2px solid #fff9;color:white;background:#152638aa;width:58px;height:58px;border-radius:50%;font-size:12px;font-weight:bold;touch-action:none}#touch-fire{background:#b9ff31cc;color:#15252a}#touch-swim.on{background:var(--mint);color:#162523}.touch-enabled .touch-ui{display:block}.touch-enabled .control-hint{display:none}.touch-enabled .status{bottom:170px;right:20px;transform:scale(.85);transform-origin:bottom right}.touch-enabled .left-bottom{bottom:175px;left:20px}.touch-enabled .map-wrap{width:72px;height:96px}.touch-enabled .paint-score strong{font-size:24px}@keyframes pulse{to{transform:scale(1.08);box-shadow:0 0 28px var(--mint)}}@media(max-height:760px){.intro-copy{padding-top:86px}h1{font-size:90px;margin:20px 0}.tagline{font-size:18px;margin:20px 0 10px}.intro-description{font-size:12px}.start-actions{margin-top:20px}.keyboard-grid{gap:8px}.match-note{margin-bottom:15px}.intro-copy details{margin-top:15px}}@media(max-width:720px){header{top:15px;left:18px;right:18px}.wordmark{font-size:13px}.match-head{top:62px;gap:8px}.time-box{padding:5px 14px}.time-box strong{font-size:27px}.team{gap:3px}.team i{width:18px;height:24px}.team i:after{left:3px;top:4px}.special{right:15px;top:142px;transform:scale(.8);transform-origin:top right}.intro-copy{padding:110px 7vw 80px}h1{font-size:90px;letter-spacing:-5px}.stage-label{display:none}.screen{background:linear-gradient(90deg,#121b29eb,#152632a8)}.start-actions{gap:8px}.primary{padding:15px 23px}.secondary{padding:15px 18px}.keyboard-grid{gap:13px 14px}.status{right:15px;bottom:57px;padding:9px 11px;gap:8px}.ink-info{width:170px}.ink-icon{display:none}.bomb-info{padding-left:8px}.left-bottom{left:15px;bottom:154px}.map-wrap{width:76px;height:100px}.paint-score strong{font-size:25px}#feed{top:242px;right:15px;font-size:9px}.control-hint{padding:0 18px;font-size:9px;bottom:17px;line-height:1.8}#callout{font-size:28px;top:31%}#respawn strong{font-size:40px}}@media(max-height:550px){.intro-copy{padding:70px 6vw 35px;max-width:620px}h1{font-size:62px;margin:14px 0;line-height:.8}.tagline{font-size:16px;margin:17px 0 6px}.intro-description{font-size:10px;margin:6px 0}.start-actions{margin-top:10px}.primary,.secondary{padding:11px 20px}.keyboard-grid{display:none}.intro-copy details{margin-top:12px}.match-note{margin-bottom:8px}footer{position:relative;padding:20px 0}.match-head{top:12px}.special{top:64px;transform:scale(.68);transform-origin:top right}.touch-enabled .status{bottom:142px;transform:scale(.65)}.touch-enabled .left-bottom{bottom:157px}.touch-enabled .map-wrap{display:block;width:52px;height:70px}#feed{top:170px}.status{bottom:45px;transform:scale(.8);transform-origin:bottom right}.left-bottom{bottom:50px}.map-wrap{height:100px;width:76px}.modal{padding:10px}.modal h2{font-size:45px;margin:10px}#result-map{height:115px;width:86px;margin-top:10px}.modal p{margin:6px}.modal button{padding:10px 20px}}