@font-face{font-family:Pixelify Sans;src:url(/fonts/pixelify-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/fonts/atkinson-hyperlegible-700.woff2)format("woff2");font-weight:700;font-display:swap}:root{--ink:#090c17;--navy:#121735;--panel:#202958;--cream:#fff3cf;--cyan:#39ddff;--pink:#ff4f9b;--yellow:#ffd23f;--green:#99e94e;--red:#ff4d4d;--display:"Pixelify Sans", monospace;--body:"Atkinson Hyperlegible", sans-serif;color-scheme:dark;font-synthesis:none}*,:before,:after{box-sizing:border-box}html,body{background:var(--ink);width:100%;height:100%;color:var(--cream);font-family:var(--body);margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent;font:inherit}button{color:inherit}[hidden]{display:none!important}:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}.bog-game{isolation:isolate;background:radial-gradient(circle at 20% 35%, #39ddff33, transparent 28rem), radial-gradient(circle at 80% 65%, #ff4f9b33, transparent 30rem), var(--navy);touch-action:none;user-select:none;position:fixed;inset:0;overflow:hidden}#battleCanvas{width:100%;height:100%;display:block;position:absolute;inset:0}.screen-texture,.impact-flash{z-index:3;pointer-events:none;position:absolute;inset:0}.screen-texture{opacity:.08;mix-blend-mode:overlay;background-image:radial-gradient(#fff 0 1px,#0000 1.5px),linear-gradient(#0000 49%,#0003 50%);background-size:13px 13px,100% 4px}.impact-flash{opacity:0;mix-blend-mode:screen;background:#fff}.impact-flash.is-active{animation:.18s ease-out impact-flash}.game-topbar{inset:max(.55rem, env(safe-area-inset-top)) max(.65rem, env(safe-area-inset-right)) auto max(.65rem, env(safe-area-inset-left));z-index:40;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:start;gap:.7rem;display:grid;position:absolute}.top-button,.mini-title{border:3px solid var(--ink);clip-path:polygon(.55rem 0,100% 0,100% calc(100% - .55rem),calc(100% - .55rem) 100%,0 100%,0 .55rem);min-height:2.7rem;font-family:var(--display);box-shadow:5px 5px #0009}.top-button{background:var(--cream);color:var(--ink);cursor:pointer;pointer-events:auto;justify-self:start;padding:.55rem .78rem;text-decoration:none}.mini-title{border-color:var(--cyan);color:var(--cream);letter-spacing:.04em;background:#090c17f0;align-items:center;gap:.55rem;padding:.4rem .85rem;display:flex}.mini-title span{color:var(--yellow);font-size:1.3rem}.top-actions{pointer-events:auto;justify-self:end;gap:.45rem;display:flex}.top-actions .top-button{min-width:2.8rem;box-shadow:-4px 4px #0009}.overlay-screen{z-index:20;backdrop-filter:blur(10px);background:#080a18d6;position:absolute;inset:0}.menu-screen{padding:max(4.7rem, calc(env(safe-area-inset-top) + 4.4rem)) clamp(.8rem, 3vw, 2rem) max(2rem, env(safe-area-inset-bottom));touch-action:pan-y;background:linear-gradient(#080a18b3,#080a18f0),repeating-linear-gradient(135deg,#0000 0 24px,#39ddff0d 24px 26px),radial-gradient(circle at 50% 0,#3445a2,#10142d 56%);overflow:auto}.menu-shell{width:min(100%,80rem);margin:0 auto}.title-panel{border:4px solid var(--ink);box-shadow:10px 10px 0 var(--ink);background:linear-gradient(115deg,#39ddff2e,#0000 38%),linear-gradient(295deg,#ff4f9b38,#0000 42%),#1e2755;padding:clamp(1.2rem,3vw,2rem);position:relative;overflow:hidden}.title-panel:before{background:repeating-conic-gradient(from 0deg at 50% 50%, #ffffff17 0 4deg, transparent 4deg 12deg);content:"";animation:34s linear infinite rays-spin;position:absolute;inset:-70% -20%}.title-panel>*{z-index:1;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.13em;margin:0 0 .4rem;font-weight:700}.title-panel h1{color:var(--cream);font-family:var(--display);letter-spacing:-.055em;text-shadow:6px 6px 0 var(--ink), 9px 9px 0 var(--pink);margin:0;font-size:clamp(3.4rem,9vw,7.8rem);line-height:.72;transform:skewY(-2deg)}.title-panel h1 span{color:var(--yellow);letter-spacing:.05em;font-size:.45em}.title-panel>p:not(.eyebrow){max-width:52rem;margin:1.45rem 0 0;font-size:clamp(1rem,2vw,1.2rem)}.rule-chips{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.rule-chips span{border:2px solid var(--cyan);background:var(--ink);letter-spacing:.05em;padding:.42rem .65rem;font-size:.82rem;font-weight:700}.rule-chips b{color:var(--yellow);font-family:var(--display);font-size:1.2rem}.selection-panel,.ready-panel{border:4px solid var(--ink);box-shadow:8px 8px 0 var(--ink);background:#1f2856f5;margin-top:1.2rem;padding:clamp(.9rem,2vw,1.25rem)}.selection-heading{justify-content:space-between;align-items:end;gap:1rem;margin-bottom:.85rem;display:flex}.selection-heading small,.ready-panel>div>small{color:var(--cyan);letter-spacing:.13em;font-weight:700}.selection-heading h2{font-family:var(--display);margin:0;font-size:clamp(1.7rem,4vw,2.8rem);line-height:1}.selection-heading p{text-align:right;margin:0;display:grid}.selection-heading p strong{color:var(--yellow);font-family:var(--display);font-size:1.1rem}.selection-heading p span{color:#b9c4e8;font-size:.82rem}.fighter-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(.45rem,1vw,.75rem);display:grid}.fighter-card{border:3px solid var(--ink);background:linear-gradient(150deg, color-mix(in srgb, var(--fighter-colour) 45%, #202958), #131832 70%);cursor:pointer;min-width:0;padding:0;transition:translate .13s,filter .13s,border-color .13s;position:relative;overflow:hidden;box-shadow:4px 4px #05070fcc}.fighter-card:hover{filter:brightness(1.15);translate:0 -3px}.fighter-card.is-selected{border-color:var(--yellow);filter:brightness(1.16);box-shadow:0 0 0 3px var(--pink), 6px 6px 0 var(--ink)}.fighter-card canvas{aspect-ratio:18/13;background:radial-gradient(circle,#ffffff24,#0000 65%);width:100%;display:block}.fighter-card>span{text-align:left;background:#080a16e6;align-content:center;min-height:3.2rem;padding:.38rem .42rem;display:grid}.fighter-card strong{color:var(--cream);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.72rem,1.35vw,1rem);line-height:1;overflow:hidden}.fighter-card small{color:var(--fighter-accent);text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;overflow:hidden}.stage-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:.55rem;display:grid}.stage-card{border:3px solid var(--ink);min-width:0;box-shadow:4px 4px 0 var(--ink);cursor:pointer;background:#151a35;padding:0 0 .45rem;overflow:hidden}.stage-card.is-selected{border-color:var(--yellow);box-shadow:0 0 0 3px var(--cyan), 5px 5px 0 var(--ink)}.stage-mini{background:linear-gradient(var(--stage-sky) 0 70%, color-mix(in srgb, var(--stage-sky) 70%, #fff) 70% 74%, #236d91 74%);height:4.3rem;display:block;position:relative;overflow:hidden}.stage-mini:after{border:2px solid var(--ink);background:var(--stage-ground);content:"";height:.55rem;position:absolute;bottom:12%;left:7%;right:7%}.stage-mini i{z-index:1;border:1px solid var(--ink);background:var(--stage-accent);width:24%;height:.38rem;position:absolute}.stage-mini i:first-child{top:38%;left:13%}.stage-mini i:nth-child(2){top:24%;left:39%}.stage-mini i:nth-child(3){top:42%;right:12%}.stage-mini--split:after{box-shadow:6rem 0 0 var(--stage-ground);left:5%;right:55%}.stage-mini--tower i:first-child{top:50%;left:12%}.stage-mini--tower i:nth-child(2){top:32%;left:38%}.stage-mini--tower i:nth-child(3){top:16%;right:12%}.stage-mini--boat:after{border-radius:0 0 55% 55%;height:1.05rem;bottom:10%;left:12%;right:12%}.stage-mini--tiny-boat:after{border-radius:0 0 55% 55%;left:28%;right:28%}.stage-card strong,.stage-card small{text-overflow:ellipsis;white-space:nowrap;padding-inline:.25rem;display:block;overflow:hidden}.stage-card strong{color:var(--cream);font-family:var(--display);margin-top:.3rem;font-size:.85rem}.stage-card small{color:#aeb8da;font-size:.65rem}.ready-panel{border-color:var(--pink);grid-template-columns:1fr minmax(16rem,24rem);align-items:center;gap:1.2rem;display:grid}.ready-panel p{margin:.35rem 0 .65rem}.control-guide{flex-wrap:wrap;gap:.4rem;display:flex}.control-guide span{background:#121735;border:1px solid #6672a3;padding:.28rem .45rem;font-size:.72rem;font-weight:700}kbd{border:1px solid var(--cream);background:var(--cream);color:var(--ink);font-family:var(--display);padding:.08rem .25rem}.start-button,.secondary-button{border:3px solid var(--ink);min-height:3.5rem;box-shadow:6px 6px 0 var(--ink);font-family:var(--display);cursor:pointer}.start-button{background:linear-gradient(135deg, var(--yellow), #ff8d3d);color:var(--ink);place-items:center;padding:.75rem 1rem;font-size:1.2rem;display:grid}.start-button small{font-family:var(--body);letter-spacing:.07em;font-size:.68rem;font-weight:700}.start-button:hover{filter:brightness(1.1);translate:0 -2px}.secondary-button{color:var(--cream);background:#30396d;padding:.7rem 1rem}.creator-credit{color:#aeb8da;text-align:center;letter-spacing:.08em;margin:1rem 0 .2rem}.creator-credit strong{color:var(--cyan)}.battle-hud{inset:max(4.45rem, calc(env(safe-area-inset-top) + 4rem)) clamp(.55rem, 1.5vw, 1.15rem) auto;z-index:18;pointer-events:none;grid-template-columns:minmax(15rem,1fr) minmax(8rem,.4fr) minmax(15rem,1fr);align-items:start;gap:.65rem;display:grid;position:absolute}.fighter-hud,.match-hud{border:3px solid var(--ink);background:#0c1025eb;min-height:4.7rem;box-shadow:5px 5px #0000008c}.fighter-hud{grid-template-columns:5rem 1fr auto;align-items:center;gap:.5rem;padding:.25rem .55rem .25rem .25rem;display:grid}.fighter-hud--player{border-color:var(--cyan)}.fighter-hud--rival{border-color:var(--pink);text-align:right;grid-template-columns:auto 1fr 5rem;padding:.25rem .25rem .25rem .55rem}.fighter-hud canvas{border:2px solid var(--ink);background:#202958;width:5rem;height:3.8rem}.fighter-hud div{min-width:0;display:grid}.fighter-hud small{color:#aeb8da;letter-spacing:.09em;font-weight:700}.fighter-hud strong{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.85rem,1.7vw,1.2rem);overflow:hidden}.fighter-hud span{color:var(--yellow);letter-spacing:.15em}.fighter-hud>b{color:var(--cream);font-family:var(--display);font-size:clamp(1.65rem,4.3vw,3rem);line-height:1}.fighter-hud.is-danger>b{color:var(--red);animation:.5s steps(2,end) infinite danger-number}.match-hud{text-align:center;align-content:center;place-items:center;padding:.25rem .6rem;display:grid}.match-hud small{color:var(--cyan);letter-spacing:.08em;font-weight:700}.match-hud strong{font-family:var(--display);font-size:clamp(1.4rem,3vw,2rem);line-height:1}.match-hud span{color:var(--yellow);font-size:.68rem;font-weight:700}.announcement,.transform-banner{z-index:30;pointer-events:none;position:absolute;left:50%;translate:-50% -50%}.announcement{color:var(--cream);font-family:var(--display);text-align:center;text-shadow:7px 7px 0 var(--ink), 11px 11px 0 var(--pink);opacity:0;font-size:clamp(3rem,11vw,8.5rem);line-height:.8;top:46%}.announcement.is-active{animation:1.05s both announcement}.transform-banner{border:3px solid var(--ink);background:var(--yellow);box-shadow:5px 5px 0 var(--ink);color:var(--ink);font-family:var(--display);padding:.55rem .9rem;font-size:clamp(1rem,3vw,1.6rem);top:26%}.pause-screen,.result-screen{place-items:center;padding:5rem 1rem 1rem;display:grid}.small-card{border:4px solid var(--pink);width:min(100%,34rem);box-shadow:10px 10px 0 var(--ink);text-align:center;background:#202958;gap:.8rem;padding:clamp(1.2rem,4vw,2rem);display:grid}.small-card>p:first-child{color:var(--cyan);letter-spacing:.15em;margin:0;font-weight:700}.small-card h2{font-family:var(--display);text-shadow:5px 5px 0 var(--ink);margin:0;font-size:clamp(3rem,9vw,5.5rem);line-height:.8}.small-card h2 span{color:var(--yellow)}.result-matchup{border:3px solid var(--ink);text-align:left;background:#121735;grid-template-columns:10rem 1fr;align-items:center;gap:1rem;padding:.65rem;display:grid}.result-matchup canvas{border:2px solid var(--cyan);background:#29356f;width:10rem}.result-matchup div{display:grid}.result-matchup small{color:var(--pink);letter-spacing:.1em;font-weight:700}.result-matchup strong{color:var(--yellow);font-family:var(--display);font-size:clamp(1.2rem,4vw,2rem)}.result-matchup span{color:#b8c4e7}.touch-controls{inset:auto max(.7rem, env(safe-area-inset-right)) max(.7rem, env(safe-area-inset-bottom)) max(.7rem, env(safe-area-inset-left));z-index:35;pointer-events:none;justify-content:space-between;align-items:end;display:flex;position:absolute}.move-controls,.action-controls{pointer-events:auto;gap:.45rem;display:flex}.touch-controls button{border:3px solid var(--ink);min-width:4.2rem;min-height:4.2rem;box-shadow:4px 4px 0 var(--ink);color:var(--ink);font-family:var(--display);touch-action:none;background:#fff3cfe6;border-radius:50%;place-items:center;display:grid}.touch-controls button[data-control=special]{background:var(--yellow)}.touch-controls button[data-control=attack]{background:var(--pink);color:#fff}.touch-controls button span{font-size:1.35rem;line-height:1}.touch-controls button small{font-size:.58rem}.touch-controls button.is-pressed{box-shadow:1px 1px 0 var(--ink);translate:3px 3px}@keyframes rays-spin{to{rotate:1turn}}@keyframes impact-flash{0%{opacity:.8}to{opacity:0}}@keyframes danger-number{50%{opacity:.58}}@keyframes announcement{0%{opacity:0;rotate:-8deg;scale:.35}22%,72%{opacity:1;rotate:-2deg;scale:1}to{opacity:0;rotate:3deg;scale:1.4}}@media (width<=940px){.fighter-grid,.stage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ready-panel{grid-template-columns:1fr}.battle-hud{grid-template-columns:1fr 7rem 1fr}}@media (width<=660px){.game-topbar{grid-template-columns:auto 1fr auto}.mini-title{justify-content:center;padding-inline:.45rem;font-size:.68rem}.top-button{min-height:2.5rem;padding:.45rem .55rem;font-size:.7rem}#soundButton{display:none}.fighter-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.fighter-card>span{min-height:2.7rem}.fighter-card strong{font-size:.68rem}.fighter-card small{font-size:.58rem}.selection-heading{align-items:start}.selection-heading p{max-width:8rem}.stage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.battle-hud{grid-template-columns:1fr 4.8rem 1fr;gap:.25rem;top:3.9rem}.fighter-hud{grid-template-columns:3.1rem 1fr;min-height:3.7rem;padding:.18rem}.fighter-hud--rival{grid-template-columns:1fr 3.1rem}.fighter-hud canvas{width:3.1rem;height:2.5rem}.fighter-hud>b{border:2px solid var(--ink);background:#121735;padding:.08rem .2rem;font-size:1.4rem;position:absolute;top:100%}.fighter-hud--player>b{left:0}.fighter-hud--rival>b{right:0}.fighter-hud span{font-size:.68rem}.fighter-hud small{font-size:.5rem}.match-hud{min-height:3.7rem;padding:.15rem}.match-hud small,.match-hud span{font-size:.48rem}.match-hud strong{font-size:1.15rem}.touch-controls button{min-width:3.65rem;min-height:3.65rem}.action-controls{grid-template-columns:repeat(2,3.65rem);display:grid}.result-matchup{grid-template-columns:7.2rem 1fr}.result-matchup canvas{width:7.2rem}}@media (width<=390px){.fighter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.title-panel h1{font-size:3.5rem}.touch-controls button{min-width:3.35rem;min-height:3.35rem}.action-controls{grid-template-columns:repeat(2,3.35rem)}}@media (hover:hover) and (pointer:fine) and (width>=741px){.touch-controls{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}