.cannon-module__9igYoa__root{--bg:#0f1226;--panel:#0e1024e0;--panel-line:#ffffff14;--btn:#262c55;--btn-hi:#343c72;--ink:#f4f1ea;--muted:#a9aecb;--accent:#ffc531;z-index:50;background:var(--bg);color:var(--ink);-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;flex-direction:column;font-family:system-ui,-apple-system,Hiragino Sans,Noto Sans JP,sans-serif;display:flex;position:fixed;inset:0;overflow:hidden}.cannon-module__9igYoa__setup{text-align:center;flex-direction:column;align-items:center;gap:18px;width:100%;max-width:520px;max-height:100%;margin:auto;padding:16px;display:flex;overflow-y:auto}.cannon-module__9igYoa__logo{letter-spacing:.05em;color:var(--accent);text-shadow:0 4px #b4421f,0 10px 24px #0006;margin:0;font-size:clamp(34px,7vw,64px);font-weight:900;line-height:1}.cannon-module__9igYoa__tagline{letter-spacing:.08em;color:var(--ink);justify-content:center;gap:.8em;margin:0;font-size:clamp(15px,2.4vw,20px);font-weight:800;display:flex}.cannon-module__9igYoa__countRow{gap:10px;display:flex}.cannon-module__9igYoa__count,.cannon-module__9igYoa__countOn{min-width:76px;min-height:48px;color:inherit;cursor:pointer;background:0 0;border:2px solid #3b4384;border-radius:999px;padding:0 18px;font-size:18px;font-weight:800}.cannon-module__9igYoa__countOn{background:#3b4384;border-color:#9aa5ff}.cannon-module__9igYoa__primaryBtn{color:#fff;letter-spacing:.1em;cursor:pointer;background:#ff6b5a;border:0;border-radius:14px;min-height:52px;padding:0 48px;font-size:22px;font-weight:900;box-shadow:0 4px #a33a2c}.cannon-module__9igYoa__primaryBtn:active{transform:translateY(2px);box-shadow:0 2px #a33a2c}.cannon-module__9igYoa__howto{text-align:left;width:100%;max-width:420px;color:var(--muted);font-size:14px}.cannon-module__9igYoa__howto summary{cursor:pointer;text-align:center;min-height:44px;padding:10px;font-weight:700;list-style:none}.cannon-module__9igYoa__howto summary::-webkit-details-marker{display:none}.cannon-module__9igYoa__howto summary:after{content:" ▾"}.cannon-module__9igYoa__howto[open] summary:after{content:" ▴"}.cannon-module__9igYoa__howto ul{background:#ffffff0d;border-radius:12px;margin:0;padding:12px 16px 12px 32px;line-height:1.8}.cannon-module__9igYoa__linkBtn{color:#9fb0ff;cursor:pointer;background:0 0;border:0;align-items:center;min-height:44px;padding:0 12px;font-size:14px;text-decoration:none;display:inline-flex}.cannon-module__9igYoa__hud{background:var(--panel);border-bottom:1px solid var(--panel-line);align-items:center;gap:12px;padding:6px 16px;font-weight:800;display:flex}.cannon-module__9igYoa__turn{align-items:baseline;gap:6px;display:flex}.cannon-module__9igYoa__turn span{color:var(--muted);letter-spacing:.1em;font-size:12px}.cannon-module__9igYoa__turn b{font-variant-numeric:tabular-nums;min-width:1.4em;font-size:22px}.cannon-module__9igYoa__players{flex:1;justify-content:center;gap:6px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.cannon-module__9igYoa__chip{background:#ffffff0d;border:2px solid #0000;border-radius:10px;align-items:center;gap:6px;min-width:0;padding:4px 10px;display:flex}.cannon-module__9igYoa__chipOn{border-color:var(--pc);background:color-mix(in srgb, var(--pc) 18%, transparent)}.cannon-module__9igYoa__chipOut{opacity:.4}.cannon-module__9igYoa__chipOut .cannon-module__9igYoa__chipHp{color:var(--muted);font-size:14px}.cannon-module__9igYoa__mark{flex:none;width:16px;height:16px}.cannon-module__9igYoa__chipName{color:var(--pc);font-size:15px}.cannon-module__9igYoa__chipHp{font-variant-numeric:tabular-nums;text-align:right;min-width:2ch;font-size:20px}.cannon-module__9igYoa__wind{color:#bfe9ff;background:#7fd4ff1f;border-radius:10px;align-items:center;gap:8px;padding:4px 12px;display:flex}.cannon-module__9igYoa__windCalm{color:var(--muted);background:#ffffff0f}.cannon-module__9igYoa__windLabel{letter-spacing:.14em;opacity:.85;font-size:11px}.cannon-module__9igYoa__windValue{font-variant-numeric:tabular-nums;justify-content:center;align-items:center;gap:6px;min-width:4.6em;font-size:21px;display:flex}.cannon-module__9igYoa__windArrows{color:#7fd4ff;letter-spacing:-.15em;font-size:15px}.cannon-module__9igYoa__iconBtn{cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;width:44px;height:44px;font-size:20px}.cannon-module__9igYoa__stage{flex:1;min-height:0;position:relative;overflow:hidden}.cannon-module__9igYoa__canvas{width:100%;height:100%;display:block}.cannon-module__9igYoa__banner{border:3px solid var(--pc);color:var(--pc);letter-spacing:.12em;white-space:nowrap;pointer-events:none;background:#0a0c1ec7;border-radius:12px;padding:8px 30px;font-size:clamp(22px,4vw,40px);font-weight:900;animation:.6s ease-out forwards cannon-module__9igYoa__banner;position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)}@keyframes cannon-module__9igYoa__banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.8)}15%{opacity:1;transform:translate(-50%,-50%)scale(1)}75%{opacity:1}to{opacity:0}}.cannon-module__9igYoa__overlay{background:#0506148c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cannon-module__9igYoa__winner{border:1px solid var(--panel-line);background:#191d3d;border-radius:18px;flex-direction:column;align-items:center;gap:10px;padding:20px 40px;animation:.3s ease-out cannon-module__9igYoa__pop;display:flex;box-shadow:0 20px 60px #00000080}.cannon-module__9igYoa__winner small{letter-spacing:.35em;color:var(--accent);font-size:16px}.cannon-module__9igYoa__winner strong{font-size:clamp(28px,5vw,48px)}@keyframes cannon-module__9igYoa__pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.cannon-module__9igYoa__controls{padding:6px 16px calc(6px + env(safe-area-inset-bottom));background:var(--panel);border-top:1px solid var(--panel-line);justify-content:center;align-items:center;gap:clamp(12px,3vw,36px);display:flex}.cannon-module__9igYoa__stepper{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.cannon-module__9igYoa__stepLabel{letter-spacing:.16em;color:var(--muted);font-size:11px;font-weight:800}.cannon-module__9igYoa__stepRow{align-items:center;gap:6px;display:flex}.cannon-module__9igYoa__step{background:var(--btn);color:#fff;cursor:pointer;touch-action:none;border:0;border-radius:12px;flex:none;width:48px;height:48px;font-size:20px;font-weight:900;box-shadow:inset 0 -3px #0000004d}.cannon-module__9igYoa__step:hover:not(:disabled){background:var(--btn-hi)}.cannon-module__9igYoa__step:active:not(:disabled){box-shadow:none;transform:translateY(1px)}.cannon-module__9igYoa__step:disabled{opacity:.35;cursor:default}.cannon-module__9igYoa__stepValue{text-align:center;font-variant-numeric:tabular-nums;min-width:3.2em;font-size:30px;font-weight:900;line-height:1}.cannon-module__9igYoa__meter{background:#ffffff1f;border-radius:2px;height:3px;position:absolute;bottom:-3px;left:56px;right:56px;overflow:hidden}.cannon-module__9igYoa__meter>span{background:var(--accent);height:100%;display:block}.cannon-module__9igYoa__fire{background:var(--pc);color:#15101f;letter-spacing:.14em;cursor:pointer;border:0;border-radius:16px;flex:none;min-width:150px;height:60px;font-size:26px;font-weight:900;box-shadow:0 5px #00000073,inset 0 2px #fff6}.cannon-module__9igYoa__fire:disabled{filter:grayscale(.85)brightness(.7);cursor:default}.cannon-module__9igYoa__fire:not(:disabled):active{transform:translateY(3px);box-shadow:0 2px #00000073}@media (max-height:480px){.cannon-module__9igYoa__hud{gap:8px;padding:2px 10px}.cannon-module__9igYoa__turn b{font-size:18px}.cannon-module__9igYoa__chip{gap:4px;padding:2px 7px}.cannon-module__9igYoa__chipName{font-size:13px}.cannon-module__9igYoa__chipHp{font-size:17px}.cannon-module__9igYoa__wind{padding:2px 8px}.cannon-module__9igYoa__windValue{font-size:18px}.cannon-module__9igYoa__iconBtn{width:40px;height:40px}.cannon-module__9igYoa__controls{padding-top:3px;padding-bottom:calc(3px + env(safe-area-inset-bottom))}.cannon-module__9igYoa__stepLabel{font-size:9px;position:absolute;top:-1px}.cannon-module__9igYoa__stepper{padding-top:9px}.cannon-module__9igYoa__step{width:46px;height:44px}.cannon-module__9igYoa__stepValue{font-size:24px}.cannon-module__9igYoa__fire{min-width:120px;height:50px;font-size:22px}.cannon-module__9igYoa__setup{gap:10px}.cannon-module__9igYoa__logo{font-size:36px}}@media (max-width:760px){.cannon-module__9igYoa__turn span,.cannon-module__9igYoa__windLabel,.cannon-module__9igYoa__chipName{display:none}.cannon-module__9igYoa__players{justify-content:flex-start}.cannon-module__9igYoa__controls{gap:10px}.cannon-module__9igYoa__fire{min-width:104px}}.cannon-module__9igYoa__reduced .cannon-module__9igYoa__banner,.cannon-module__9igYoa__reduced .cannon-module__9igYoa__winner{animation-duration:1ms}.cannon-module__9igYoa__reduced .cannon-module__9igYoa__banner{animation:.6s linear forwards cannon-module__9igYoa__bannerFade}@keyframes cannon-module__9igYoa__bannerFade{0%,80%{opacity:1}to{opacity:0}}@media (max-height:480px){.cannon-module__9igYoa__banner{border-width:2px;padding:4px 18px;font-size:20px;top:30%}.cannon-module__9igYoa__hud{min-height:0}.cannon-module__9igYoa__chip{padding:1px 7px}.cannon-module__9igYoa__iconBtn{height:40px}}.cannon-module__9igYoa__guide{border:1px solid var(--panel-line);background:#191d3d;border-radius:18px;flex-direction:column;align-items:center;gap:12px;max-width:520px;max-height:calc(100% - 16px);margin:16px;padding:20px 26px;animation:.25s ease-out cannon-module__9igYoa__pop;display:flex;overflow-y:auto;box-shadow:0 20px 60px #00000080}.cannon-module__9igYoa__guide h2{letter-spacing:.12em;color:var(--accent);margin:0;font-size:18px}.cannon-module__9igYoa__guide ul{margin:0;padding-left:1.2em;font-size:15px;font-weight:700;line-height:1.7}.cannon-module__9igYoa__guide .cannon-module__9igYoa__primaryBtn{min-height:48px;padding:0 28px;font-size:18px}@media (max-height:480px){.cannon-module__9igYoa__guide{gap:8px;padding:12px 18px}.cannon-module__9igYoa__guide ul{font-size:13px;line-height:1.55}}.cannon-module__9igYoa__rotate{display:none}@media (orientation:portrait) and (pointer:coarse){.cannon-module__9igYoa__rotate{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex}.cannon-module__9igYoa__rotate p{margin:0;font-size:20px;font-weight:900}.cannon-module__9igYoa__rotate small{color:var(--muted)}.cannon-module__9igYoa__rotateIcon{font-size:54px;animation:1.6s ease-in-out infinite cannon-module__9igYoa__tilt}.cannon-module__9igYoa__hud,.cannon-module__9igYoa__stage,.cannon-module__9igYoa__controls{display:none!important}}@keyframes cannon-module__9igYoa__tilt{0%,30%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.cannon-module__9igYoa__reduced .cannon-module__9igYoa__rotateIcon{animation:none}.cannon-module__9igYoa__modes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:640px;display:grid}.cannon-module__9igYoa__modeCard{border:1px solid var(--panel-line);background:#ffffff0d;border-radius:16px;flex-direction:column;align-items:center;gap:10px;margin:0;padding:16px;display:flex}.cannon-module__9igYoa__modeCard h2{letter-spacing:.06em;margin:0;font-size:18px}.cannon-module__9igYoa__modeCard p{color:var(--muted);margin:0;font-size:13px}.cannon-module__9igYoa__modeCard .cannon-module__9igYoa__countRow .cannon-module__9igYoa__count,.cannon-module__9igYoa__modeCard .cannon-module__9igYoa__countRow .cannon-module__9igYoa__countOn{min-width:60px;padding:0 12px}.cannon-module__9igYoa__secondaryBtn{color:#dfe4ff;cursor:pointer;background:0 0;border:2px solid #9aa5ff;border-radius:14px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-size:16px;font-weight:800;text-decoration:none;display:inline-flex}.cannon-module__9igYoa__secondaryBtn:disabled,.cannon-module__9igYoa__primaryBtn:disabled{opacity:.45;cursor:default}.cannon-module__9igYoa__field{text-align:left;width:100%;max-width:320px;color:var(--muted);flex-direction:column;gap:4px;font-size:13px;font-weight:700;display:flex}.cannon-module__9igYoa__field input{min-height:46px;color:var(--ink);-webkit-user-select:text;user-select:text;background:#151935;border:2px solid #3b4384;border-radius:10px;padding:0 12px;font-size:18px;font-weight:700}.cannon-module__9igYoa__field input:focus{border-color:#9aa5ff;outline:none}.cannon-module__9igYoa__codeInput{text-transform:uppercase;letter-spacing:.25em;text-align:center}.cannon-module__9igYoa__notice{color:#ffb3aa;background:#ff5a4a26;border-radius:10px;margin:0;padding:8px 14px;font-size:14px;font-weight:700}.cannon-module__9igYoa__connecting{color:var(--muted);margin:auto;font-weight:700}@media (max-width:560px){.cannon-module__9igYoa__modes{grid-template-columns:1fr}}.cannon-module__9igYoa__lobby{flex-direction:column;align-items:center;gap:12px;width:100%;max-width:560px;max-height:100%;margin:auto;padding:16px;display:flex;overflow-y:auto}.cannon-module__9igYoa__lobbyTitle{letter-spacing:.06em;color:var(--accent);margin:0;font-size:26px;font-weight:900}.cannon-module__9igYoa__roomBox{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 14px;display:flex}.cannon-module__9igYoa__roomBox>span{letter-spacing:.3em;color:var(--muted);font-size:12px;font-weight:800}.cannon-module__9igYoa__roomBox strong{letter-spacing:.18em;font-variant-numeric:tabular-nums;-webkit-user-select:text;user-select:text;font-size:38px}.cannon-module__9igYoa__roomBox small{text-align:center;width:100%;color:var(--muted)}.cannon-module__9igYoa__seats{flex-direction:column;gap:6px;width:100%;margin:0;padding:0;list-style:none;display:flex}.cannon-module__9igYoa__seat{border-left:4px solid var(--pc);background:#ffffff0d;border-radius:12px;align-items:center;gap:10px;padding:8px 12px;display:flex}.cannon-module__9igYoa__seat b{color:var(--pc);min-width:2em}.cannon-module__9igYoa__seatEmpty{opacity:.5}.cannon-module__9igYoa__seatName{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.cannon-module__9igYoa__seatName small{color:var(--muted);margin-left:4px}.cannon-module__9igYoa__seatName em{background:#3b4384;border-radius:6px;margin-left:6px;padding:1px 6px;font-size:11px;font-style:normal}.cannon-module__9igYoa__readyTag,.cannon-module__9igYoa__waitTag{letter-spacing:.08em;font-size:13px;font-weight:900}.cannon-module__9igYoa__readyTag{color:#5fe08a}.cannon-module__9igYoa__waitTag{color:var(--muted)}.cannon-module__9igYoa__lobbyActions{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.cannon-module__9igYoa__lobbyStatus{color:var(--muted);margin:0;font-size:14px;font-weight:700}.cannon-module__9igYoa__reconnectBar{color:#1a1020;letter-spacing:.1em;background:#ffc531;border-radius:999px;margin:0;padding:6px 14px;font-weight:900}@media (max-height:480px){.cannon-module__9igYoa__lobby{gap:6px;padding:8px 16px}.cannon-module__9igYoa__roomBox strong{font-size:28px}.cannon-module__9igYoa__seat{padding:4px 10px}.cannon-module__9igYoa__lobbyTitle{font-size:20px}}.cannon-module__9igYoa__roomChip{letter-spacing:.18em;color:var(--muted);border:1px solid var(--panel-line);border-radius:8px;padding:2px 8px;font-size:12px;font-weight:800}.cannon-module__9igYoa__chipNote{letter-spacing:.06em;color:#fff;background:#ffffff24;border-radius:6px;padding:1px 5px;font-size:10px;font-weight:900}.cannon-module__9igYoa__fireWait{letter-spacing:.04em!important;color:var(--muted)!important;filter:none!important;background:#2b3160!important;font-size:18px!important}.cannon-module__9igYoa__reconnectOverlay{color:#ffc531;letter-spacing:.16em;z-index:3;background:#05061499;justify-content:center;align-items:center;font-size:clamp(22px,4vw,36px);font-weight:900;display:flex;position:absolute;inset:0}.cannon-module__9igYoa__awayBar{color:#ffc531;white-space:nowrap;text-overflow:ellipsis;z-index:2;background:#0a0c1ed9;border-radius:999px;max-width:calc(100% - 32px);padding:6px 14px;font-size:13px;font-weight:800;position:absolute;top:8px;left:50%;overflow:hidden;transform:translate(-50%)}.cannon-module__9igYoa__rematchNote{color:var(--muted);margin:0;font-weight:800}@media (max-width:760px){.cannon-module__9igYoa__roomChip{display:none}}.cannon-module__9igYoa__mover{flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.cannon-module__9igYoa__moveValue{text-align:center;font-variant-numeric:tabular-nums;color:#bfe9ff;min-width:3.4em;font-size:22px;font-weight:900;line-height:1}.cannon-module__9igYoa__moveValue small{color:var(--muted);margin-left:1px;font-size:12px}@media (max-height:480px){.cannon-module__9igYoa__mover{padding-top:9px}.cannon-module__9igYoa__moveValue{min-width:3em;font-size:18px}}@media (max-width:760px){.cannon-module__9igYoa__moveValue{min-width:2.6em}.cannon-module__9igYoa__moveValue small{display:none}}.cannon-module__9igYoa__moveBtn{color:#bfe9ff;background:#1d4a5c;font-size:22px}.cannon-module__9igYoa__moveBtn:hover:not(:disabled){background:#256178}.cannon-module__9igYoa__mover .cannon-module__9igYoa__stepLabel{color:#7fd4ff}.cannon-module__9igYoa__stageBadge{color:#dfe4ff;letter-spacing:.08em;vertical-align:middle;text-shadow:none;background:#3b4384;border-radius:999px;margin-left:10px;padding:2px 10px;font-size:.32em;display:inline-block}.cannon-module__9igYoa__catch{color:var(--ink);margin:0;font-size:clamp(15px,2.4vw,19px);font-weight:800;line-height:1.6}.cannon-module__9igYoa__catch small{color:var(--muted);font-size:.8em;font-weight:700}.cannon-module__9igYoa__modeNote{font-weight:800;color:#bfe9ff!important}.cannon-module__9igYoa__howtoList{color:var(--ink);background:#ffffff0d;border-radius:12px;margin:0;padding:12px 16px 12px 32px;line-height:1.7}.cannon-module__9igYoa__howtoList b{color:var(--accent);margin-right:6px;display:inline-block}.cannon-module__9igYoa__keys{text-align:center;margin:8px 0 0;font-size:12px}@media (max-height:480px){.cannon-module__9igYoa__iconBtn{width:44px;height:44px}}.cannon-module__9igYoa__stagePicker{flex-direction:column;align-items:center;gap:2px;display:flex}.cannon-module__9igYoa__stageRow{align-items:center;gap:6px;display:flex}.cannon-module__9igYoa__stagePickLabel{letter-spacing:.14em;color:var(--muted);margin-right:2px;font-size:11px;font-weight:900}.cannon-module__9igYoa__stageBtn{color:#fff;cursor:pointer;background:#2d3566;border:0;border-radius:10px;width:44px;height:44px;font-size:16px;font-weight:900}.cannon-module__9igYoa__stageBtn:hover{background:#3a4380}.cannon-module__9igYoa__stageValue{text-align:center;min-width:7.5em;font-size:16px;font-weight:900}.cannon-module__9igYoa__stageNote{color:var(--muted);max-width:22em;font-size:11px;line-height:1.4}.cannon-module__9igYoa__lobbyStage{align-items:baseline;gap:10px;margin:0;font-size:18px;font-weight:900;display:flex}.cannon-module__9igYoa__lobbyStage span{letter-spacing:.2em;color:var(--muted);font-size:11px}.cannon-module__9igYoa__stageBanner{color:#fff;letter-spacing:.1em;pointer-events:none;z-index:2;background:#0a0c1eb3;border-radius:12px;flex-direction:column;align-items:center;padding:6px 22px;font-size:clamp(20px,3.4vw,32px);font-weight:900;animation:.9s ease-out forwards cannon-module__9igYoa__banner;display:flex;position:absolute;top:18%;left:50%;transform:translate(-50%)}.cannon-module__9igYoa__stageBanner small{letter-spacing:.3em;color:var(--accent);font-size:11px}@media (max-height:480px){.cannon-module__9igYoa__stageNote{display:none}.cannon-module__9igYoa__modeCard{gap:6px;padding:10px 12px}.cannon-module__9igYoa__modeCard p{line-height:1.3}.cannon-module__9igYoa__stageBanner{padding:3px 14px;font-size:18px;top:12%}.cannon-module__9igYoa__setup{gap:6px;padding-top:6px;padding-bottom:6px}.cannon-module__9igYoa__logo{font-size:28px}.cannon-module__9igYoa__catch{font-size:13px;line-height:1.4}.cannon-module__9igYoa__catch small{display:none}.cannon-module__9igYoa__field{gap:2px}.cannon-module__9igYoa__field input{min-height:44px}.cannon-module__9igYoa__modes{gap:8px}.cannon-module__9igYoa__modeCard h2{font-size:15px}.cannon-module__9igYoa__stageValue{min-width:6.2em;font-size:14px}.cannon-module__9igYoa__stagePickLabel{letter-spacing:.08em;font-size:9px}.cannon-module__9igYoa__primaryBtn{min-height:44px;font-size:18px}}.cannon-module__9igYoa__stageValue{min-width:6.4em}.cannon-module__9igYoa__stagePickLabel{margin:0}@media (max-height:480px){.cannon-module__9igYoa__stagePicker{gap:0}.cannon-module__9igYoa__stagePickLabel{line-height:1}.cannon-module__9igYoa__stageBanner{padding:2px 12px;font-size:16px;top:4px}.cannon-module__9igYoa__stageBanner small{font-size:9px}}