:root{--ink:#18364b;--muted:#607c90;--blue:#1667bb;--sky:#e8f4ff;--yellow:#ffdc59;--line:#c7dce9;--pink:#f5a3b2;font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:#eef7fd;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0%,#d3ecfc 0,transparent 48%),#eef7fd}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:wait;opacity:.6}button:focus-visible,a:focus-visible{outline:3px solid #c2647e;outline-offset:4px}button{touch-action:manipulation}.app{max-width:1460px;padding:0 56px;margin:auto}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #cedfe9}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink);font-size:15px;font-weight:800;letter-spacing:1px}.brand b{font-weight:400;opacity:.65}.brand-mark{border:2px solid var(--ink);display:grid;place-content:center;width:31px;height:31px;border-radius:50%;position:relative;font-size:21px;line-height:1}.brand-mark>span{position:absolute;right:-7px;top:-8px;background:#eef7fd;font-size:15px}.edition{font-family:monospace;font-size:12px;letter-spacing:1.5px;display:flex;align-items:center;gap:16px;color:#5c7b91}.line{width:34px;height:1px;background:#91abba}.heading{display:flex;align-items:center;justify-content:space-between;padding:27px 0 23px;gap:16px}.eyebrow{color:var(--blue);font-size:12px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(20px,2.2vw,31px);margin:6px 0 0;font-weight:900;letter-spacing:.03em}.game-chip{border:1px solid #bcd5e5;border-radius:30px;background:#ffffffa8;padding:10px 16px;font-size:14px;white-space:nowrap}.game-chip sup{font-weight:800}.game-shell{background:#fff;border:2px solid #203c51;border-radius:22px;overflow:hidden;box-shadow:0 7px 0 #b6d0e1,0 20px 45px #3e77a116}.hud{min-height:105px;padding:17px 28px;display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;background:#fff}.hud-label{font-family:monospace;font-size:12px;font-weight:700;letter-spacing:1.6px;color:var(--muted)}.hud-label>span{font-family:inherit;font-size:11px;font-weight:400;letter-spacing:0;margin-left:9px;color:#8298a8}.score-line{display:flex;align-items:baseline;gap:8px;margin-top:3px}.score-line strong{font-family:"Arial",monospace;font-variant-numeric:tabular-nums;font-size:clamp(20px,2.9vw,38px);letter-spacing:1px;line-height:1.1}.score-line>span{font-size:14px;color:var(--muted)}.score-jp{font-size:11px;color:var(--muted);display:block;margin-top:4px}.timer-block{display:flex;flex-direction:column;align-items:center}.timer-block strong{font-size:38px;font-family:monospace;line-height:1.15;letter-spacing:1px}.timer-block strong span{color:#97aec0}.timer-caption{font-size:10px;color:#8b9daa;margin-top:3px}.hud-actions{justify-self:end;display:flex;gap:10px}.icon-btn{width:46px;height:46px;border:1px solid #c4d8e5;border-radius:50%;background:white;color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:23px;line-height:1}.icon-btn>span{font-size:9px;letter-spacing:1px;margin-top:1px}.icon-btn:hover{background:#eaf5fd}.icon-btn:disabled{cursor:default;opacity:.35}.time-track{height:4px;background:#d6e8f2}.time-track>div{height:100%;width:100%;background:#308fca;transform-origin:left}.stage{position:relative;aspect-ratio:16/9;isolation:isolate;background:#aad8f6;overflow:hidden}.stage>canvas{display:block;width:100%;height:100%;touch-action:none}.stage-corner{position:absolute;left:24px;top:20px;display:flex;align-items:center;gap:7px;font-family:monospace;letter-spacing:1.5px;font-size:11px;color:#3d6f8a;pointer-events:none}.live-dot{width:6px;height:6px;background:#4f91af;border-radius:50%}.ammo{position:absolute;right:23px;bottom:19px;font-family:monospace;font-size:13px;letter-spacing:2px;color:#4c819a;pointer-events:none}.ammo b{font-size:25px;vertical-align:middle}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;padding:20px;z-index:2;background:#def0ff35;backdrop-filter:blur(4px)}.start-screen{backdrop-filter:none;background:none}.hidden{display:none!important}.start-content{text-align:center;position:relative;top:-5px}.mascot{width:clamp(105px,13vw,175px);height:clamp(105px,13vw,175px);display:block;margin:0 auto 8px}.start-kicker{font-size:13px;letter-spacing:.14em;color:#396984;font-weight:600}.start-content h2{font-size:clamp(22px,2.5vw,35px);margin:11px 0 12px;font-weight:900;letter-spacing:.04em}.start-content p{font-size:15px;line-height:1.8;margin:0 0 22px;color:#4d728a}.primary{display:flex;align-items:center;justify-content:center;gap:35px;min-width:260px;min-height:57px;margin:0 auto;border:2px solid #234155;background:var(--yellow);box-shadow:0 4px 0 #234155;border-radius:50px;font-size:17px;letter-spacing:.06em;font-weight:800;color:#1c3b4d;transition:transform .15s,box-shadow .15s}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 0 #234155;background:#ffe57c}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 #234155}.primary>span{font-size:24px}.start-meta{display:flex;justify-content:center;gap:14px;align-items:center;margin-top:19px;color:#4e748c;font-size:11px}.start-meta i{height:10px;width:1px;background:#85adc6}.mobile-br{display:none}.modal-card{max-width:560px;width:90%;text-align:center;background:#fffffff5;border:2px solid #25455b;border-radius:24px;padding:34px;box-shadow:0 8px 0 #25455b20}.modal-card h2{font-size:26px;margin:12px 0}.modal-card p{color:var(--muted);font-size:15px;margin:13px 0 25px}.result-card{padding:26px 32px}.result-card h2{font-size:23px;margin:9px 0 16px}.result-label{font-size:11px;letter-spacing:2px;color:var(--muted)}.result-score{display:flex;align-items:baseline;justify-content:center;gap:5px;margin-top:4px}.result-score strong{font-size:clamp(22px,3.4vw,42px);font-family:Arial,monospace;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.result-score span{font-size:13px;color:var(--muted)}#result-jp{font-size:13px;margin:6px 0 15px}.result-stats{display:flex;justify-content:space-around;padding:15px 0;border-top:1px solid #dbe7ef;border-bottom:1px solid #dbe7ef}.result-stats>div{display:flex;flex-direction:column;gap:5px}.result-stats span{font-size:12px;color:var(--muted)}.result-stats b{font-size:23px}.result-ranks{display:flex;justify-content:center;flex-wrap:wrap;gap:7px;margin:12px 0 18px;max-height:64px;overflow:auto}.result-ranks>span{font-size:11px;border-radius:6px;padding:4px 7px;background:#f0f6fa;border-bottom:2px solid var(--rank-color)}.controls-strip{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:63px;padding:14px 24px}.keyboard-guide{display:flex;align-items:center;gap:5px}.key{border:1px solid #cbdce7;background:#f5f9fc;border-bottom-width:3px;border-radius:5px;min-width:23px;height:24px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-family:monospace}.control-text{font-size:12px;margin:0 16px 0 4px;color:#5b778a}.control-text b{font-weight:400;font-size:11px;color:#8b9fae;margin-left:8px}.space{padding:0 10px}.no-damage{font-size:12px;color:#708d9f;white-space:nowrap}.touch-hint,.touch-controls{display:none}.rank-section{padding:33px 0 18px}.rank-heading{display:flex;align-items:center;gap:20px;margin-bottom:14px}.rank-heading h2{font-size:17px;margin:0;white-space:nowrap}.rank-heading p{font-size:12px;color:#6b8698;flex:1;margin:0}.rank-heading p>span{color:#236cab;font-weight:800;margin:0 3px}.rank-arrow{font-size:10px;font-family:monospace;letter-spacing:1px;color:#7491a5}.rank-arrow span{font-size:25px;vertical-align:middle;margin:0 9px}.rank-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));border:1px solid #c5dbe8;border-radius:13px;background:#ffffff90;overflow:hidden}.rank-item{min-width:0;border-right:1px solid #d1e2ed;padding:10px 2px 9px;text-align:center;position:relative}.rank-item:last-child{border:0}.rank-item:before{content:"";height:3px;background:var(--rank-color);position:absolute;top:0;left:0;right:0}.rank-item canvas{display:block;width:51px;height:48px;margin:0 auto 2px}.rank-item b{font-size:16px;font-family:monospace;font-weight:700}.rank-item small{font-size:10px;display:block;color:#7b91a0;margin-top:3px}.rank-note{font-size:11px;color:#8296a5;text-align:right;margin:12px 0 0}footer{border-top:1px solid #d3e1ea;margin-top:8px;display:flex;justify-content:space-between;padding:20px 0 25px;font-size:10px;letter-spacing:1px;color:#829aab}footer span:first-child{font-weight:800}#load-error{display:block;max-width:400px;font-size:13px;color:#893638;margin-top:12px}.urgent #timer{color:#c85842}.urgent #time-fill{background:#e57456}
@media(min-width:1500px){.stage{max-height:690px}}
@media(max-width:1100px){.app{padding:0 28px}.heading{padding:22px 0}.hud{padding:15px 22px;gap:15px}.control-text{margin-right:7px}.control-text b{display:none}.rank-heading{gap:12px}.rank-heading p{font-size:11px}.no-damage{font-size:11px}.mascot{width:128px;height:128px;margin-bottom:4px}.start-content h2{margin:8px 0}.start-content p{margin-bottom:15px}.start-meta{margin-top:15px}.primary{min-height:52px}}
@media(pointer:coarse){.touch-controls{display:flex;align-items:center;justify-content:space-between;padding:25px 25px 0;max-width:460px;margin:auto}.keyboard-guide{display:none}.touch-hint{display:block;font-size:12px;color:#587b92}.touch-caption{font-size:12px;text-align:center;color:#8298a8;line-height:1.7}.joystick{width:100px;height:100px;background:#dcecf7;border:1px solid #b6d0e3;border-radius:50%;position:relative;touch-action:none;user-select:none}.joystick>span:not(.stick){position:absolute;color:#6e8fa9;font-size:14px}.pad-up{top:5px;left:43px}.pad-down{bottom:5px;left:43px}.pad-left{top:40px;left:8px}.pad-right{top:40px;right:8px}.stick{position:absolute;left:29px;top:29px;width:40px;height:40px;border-radius:50%;background:#fff;border:2px solid #476d89;box-shadow:0 3px 0 #476d89;pointer-events:none}.shoot-btn{border:2px solid #304d60;background:var(--yellow);border-radius:50%;width:100px;height:100px;box-shadow:0 5px 0 #304d60;display:flex;flex-direction:column;align-items:center;justify-content:center;touch-action:none;user-select:none}.shoot-btn:active{transform:translateY(4px);box-shadow:0 1px 0 #304d60}.shoot-btn img{width:52px;height:34px;object-fit:contain}.shoot-btn span{font-family:monospace;font-size:14px;font-weight:900;margin-top:1px}.rank-section{padding-top:25px}}
@media(max-width:700px){.app{padding:0 14px}.topbar{height:59px}.brand{font-size:12px;letter-spacing:.5px;gap:8px}.brand-mark{width:25px;height:25px;font-size:17px}.edition{font-size:9px;letter-spacing:.5px;gap:5px}.edition .line{width:10px}.heading{padding:18px 0 17px;gap:8px}.eyebrow{font-size:10px;letter-spacing:1px}h1{font-size:19px;letter-spacing:0;margin-top:5px}.game-chip{font-size:10px;padding:7px 9px}.hud{min-height:83px;padding:12px 13px;grid-template-columns:1fr auto auto;gap:12px}.hud-label{font-size:9px;letter-spacing:.6px}.hud-label>span{display:none}.score-line{gap:3px;max-width:180px}.score-line strong{font-size:23px;letter-spacing:0}.score-line>span{font-size:10px}.score-jp{font-size:9px;max-width:200px;line-height:1.3;min-height:12px}.timer-block strong{font-size:26px}.timer-caption{font-size:9px}.hud-actions{gap:6px}.icon-btn{height:31px;width:31px;font-size:17px}.icon-btn>span{font-size:7px}.game-shell{border-radius:15px;box-shadow:0 5px 0 #b6d0e1}.stage{aspect-ratio:16/12}.stage-corner{left:12px;top:12px;font-size:8px;letter-spacing:1px}.ammo{right:10px;bottom:10px;font-size:9px}.ammo b{font-size:20px}.start-content{top:3px}.mascot{width:80px;height:80px;margin-bottom:0}.start-kicker{font-size:10px;letter-spacing:.05em}.start-content h2{font-size:19px;margin:7px 0}.start-content p{font-size:11px;line-height:1.6;margin:0 0 13px}.mobile-br{display:block}.primary{font-size:13px;min-width:205px;min-height:42px;gap:23px;box-shadow:0 3px 0 #234155}.primary>span{font-size:18px}.start-meta{font-size:9px;gap:10px;margin-top:13px}.overlay{padding:12px}.controls-strip{padding:10px 12px;min-height:45px}.keyboard-guide{flex-wrap:wrap;gap:3px}.key{font-size:9px;min-width:15px;height:20px}.control-text{font-size:9px;margin:0 4px 0 0}.no-damage{font-size:9px}.touch-hint{font-size:10px}.rank-heading{flex-wrap:wrap;gap:7px;margin-bottom:13px;position:relative}.rank-heading h2{font-size:15px}.rank-heading p{flex-basis:100%;font-size:11px}.rank-arrow{position:absolute;top:0;right:0;font-size:9px}.rank-arrow span{font-size:18px;margin:0 3px}.rank-grid{grid-template-columns:repeat(6,minmax(0,1fr));row-gap:1px}.rank-item{padding:8px 0 7px;border-bottom:1px solid #d1e2ed}.rank-item:nth-child(6){border-right:0}.rank-item canvas{width:40px;height:37px}.rank-item b{font-size:14px}.rank-item small{font-size:9px}.rank-note{text-align:left;font-size:10px;line-height:1.6}.modal-card{padding:20px;width:96%;border-radius:18px}.modal-card h2{font-size:20px}.modal-card p{font-size:12px;margin:10px 0 18px}.result-card{padding:13px 15px}.result-card h2{font-size:17px;margin:6px 0 9px}.result-label{font-size:9px}.result-score strong{font-size:22px}.result-stats{padding:8px 0}.result-stats span{font-size:10px}.result-stats b{font-size:18px}#result-jp{font-size:10px;margin:3px 0 10px}.result-ranks{gap:4px;max-height:36px;margin:8px 0 12px}.result-ranks>span{font-size:9px;padding:2px 4px}.result-card .primary{min-height:37px;font-size:12px}footer{font-size:8px;padding:15px 0 20px}footer span:nth-child(2){display:none}.score-block.long .score-line strong{font-size:16px}.score-block.long .score-jp{font-size:8px}}
@media(max-width:380px){.app{padding:0 9px}.game-chip{display:none}.hud-actions{flex-direction:column;gap:4px}.hud{gap:8px}.stage{aspect-ratio:1.2}.start-content h2{font-size:17px}.start-content p{font-size:10px}.mascot{width:70px;height:70px}.no-damage{display:none}}
@media(max-height:560px) and (orientation:landscape) and (pointer:coarse){.app{padding:0 12px}.topbar,.heading,.rank-section,footer,.controls-strip{display:none}.game-shell{margin:8px 112px 8px 0}.hud{min-height:58px;padding:5px 14px}.score-line strong{font-size:23px}.hud-label{font-size:9px}.score-jp,.timer-caption{display:none}.timer-block strong{font-size:25px}.icon-btn{width:32px;height:32px;font-size:18px}.stage{aspect-ratio:2.3}.mascot{width:68px;height:68px}.start-kicker,.start-meta{display:none}.start-content h2{font-size:21px;margin:4px 0}.start-content p{font-size:11px;margin-bottom:9px}.primary{min-height:39px;font-size:13px}.touch-controls{position:fixed;right:8px;top:12px;bottom:15px;flex-direction:column;padding:0;justify-content:space-around}.touch-caption{display:none}.joystick,.shoot-btn{width:90px;height:90px}.stick{left:24px;top:24px}.pad-up,.pad-down{left:38px}.pad-left,.pad-right{top:34px}.overlay{padding:8px}.result-card{padding:10px 20px}.result-card h2{font-size:16px;margin:3px 0}.result-score strong{font-size:22px}.result-stats{padding:5px 0}.result-stats span{font-size:9px}.result-stats b{font-size:16px}.result-ranks,#result-jp{display:none}.result-card .primary{margin-top:8px}.result-label{font-size:9px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.shoot-btn canvas{width:52px;height:32px;object-fit:contain}.sponsors{margin:14px 0 30px;padding:26px 0 0;border-top:1px solid #cddfea}.sponsors-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.sponsors-heading h2{font-size:24px;margin:7px 0}.ad-badge{display:inline-flex;padding:5px 9px;border:1px solid #bed5e5;border-radius:5px;color:#718ea3;font-size:11px;white-space:nowrap}.sponsors-intro{font-size:14px;color:#6a8497;line-height:1.8;margin:8px 0 19px}.sponsor-list{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.sponsor-card{display:block;text-decoration:none;color:var(--ink);padding:19px 21px;background:#ffffffb3;border:1px dashed #9abbd2;border-radius:12px;transition:background .15s,transform .15s}.sponsor-card:hover{background:white;transform:translateY(-2px)}.sponsor-card-top{display:flex;justify-content:space-between;align-items:center;color:#68869d;font-family:monospace;font-size:12px;letter-spacing:1px}.sponsor-card h3{font-size:17px;margin:21px 0 7px}.sponsor-card p{font-size:12px;color:#7c94a6;margin:0 0 20px}.sponsor-cta{font-size:12px;color:#326b98;font-weight:700}.sponsor-details{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:23px}.sponsor-details b{font-size:13px}.sponsor-details p{font-size:12px;color:#6e899b;margin:9px 0}.sponsor-details .sponsor-note{font-size:11px;color:#8ca1af}.contact-btn{display:flex;align-items:center;justify-content:center;gap:25px;text-decoration:none;color:white;background:#234c69;border-radius:30px;padding:14px 24px;font-size:13px;white-space:nowrap}.contact-btn:hover{background:#1c608f}.contact-note{font-size:11px;text-align:right;color:#7b95a7;margin:10px 0 0}.contact-note a{color:#376f9a}
@media(max-width:700px){.sponsors{margin-top:15px;padding-top:20px}.sponsors-heading h2{font-size:20px}.sponsors-intro{font-size:12px}.sponsor-list{grid-template-columns:1fr;gap:10px}.sponsor-card{padding:15px 17px;position:relative}.sponsor-card h3{font-size:16px;margin:12px 0 7px}.sponsor-card p{font-size:11px;margin-bottom:10px}.sponsor-cta{font-size:11px}.sponsor-card-top{font-size:10px}.sponsor-details{flex-direction:column;align-items:stretch;padding-top:18px;gap:10px}.sponsor-details p{font-size:11px;line-height:1.7}.contact-note{text-align:left;font-size:10px;line-height:1.8}.contact-btn{font-size:13px;padding:13px}.sponsor-note{font-size:10px!important}}
@media(max-height:560px) and (orientation:landscape) and (pointer:coarse){.sponsors{display:none}}