:root{color-scheme:dark;--ink:#111914;--ink2:#18231c;--panel:#1c2920;--line:#35473a;--muted:#a7b4a4;--white:#f2f4df;--green:#9bf278;--pink:#f16bb5;--gold:#f2c750;--font-ui:ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;--font-pixel:ui-monospace,'SFMono-Regular',Consolas,monospace}
*{box-sizing:border-box}html{min-width:320px;background:var(--ink);scrollbar-color:#435b47 var(--ink)}body{margin:0;min-height:100vh;color:var(--white);font-family:var(--font-ui);background:radial-gradient(ellipse at 50% 38%,#1d2a20 0%,#131d16 46%,#101712 100%);overflow-x:hidden}body:before,body:after{content:"";position:fixed;z-index:-1;pointer-events:none;width:24vw;height:24vw;min-width:200px;min-height:200px;border:1px solid #26372b;opacity:.42;transform:rotate(45deg)}body:before{top:-13vw;left:-12vw}body:after{right:-15vw;bottom:-14vw;width:32vw;height:32vw}.shell{width:min(1120px,calc(100% - 48px));margin:0 auto;padding:22px 0 18px}.topbar{height:40px;display:flex;align-items:center;justify-content:space-between;margin:0 1px 8px}.wordmark{display:flex;align-items:center;gap:9px;color:var(--white);text-decoration:none;font-size:14px;letter-spacing:.13em;font-weight:600}.wordmark b{color:var(--green);font-weight:700}.mark-dot{width:9px;height:9px;background:var(--green);box-shadow:3px 3px 0 #456441}.wordmark-sub{margin-left:4px;color:#819082;letter-spacing:.08em;font-size:12px;border-left:1px solid #35473a;padding-left:12px}.top-actions{display:flex;gap:8px}.utility-button,.quiet-button{height:34px;padding:0 12px;display:inline-flex;gap:7px;align-items:center;justify-content:center;border:1px solid #3b4a3d;border-radius:5px;color:#cad3c5;background:#18221b;font:500 12px var(--font-ui);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.utility-button:hover,.quiet-button:hover{background:#243329;border-color:#678064;color:#fff}.utility-button:disabled{opacity:.4;cursor:default}.utility-button[aria-pressed="true"]{color:var(--gold)}.utility-icon{font-family:var(--font-pixel);font-size:14px}.scoreboard{height:82px;display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:50px 22px;align-items:center;max-width:760px;margin:0 auto 12px;position:relative}.player-label{align-self:end;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em}.player-one{justify-self:end;color:var(--pink);padding-right:24px}.player-two{justify-self:start;color:var(--gold);padding-left:24px}.team-dot{display:inline-block;width:9px;height:9px;background:currentColor;box-shadow:2px 2px 0 #111914}.score-readout{grid-column:2;grid-row:1;display:flex;align-items:center;gap:13px;font-family:var(--font-pixel),monospace;font-weight:500;line-height:1;font-size:40px;letter-spacing:.04em}.score-readout span:first-child{color:var(--pink)}.score-readout span:last-child{color:var(--gold)}.score-divider{font-size:23px;color:#79867a}.match-chips{grid-column:1/-1;grid-row:2;display:flex;align-items:center;justify-content:center;gap:7px}.match-chips span{padding:3px 8px;border:1px solid #35473a;border-radius:3px;color:#aebbaa;font:10px var(--font-pixel);letter-spacing:.04em}.game-frame{position:relative;width:100%;padding:9px;border:2px solid #3b4d3c;background:#111912;box-shadow:0 0 0 4px #0d140f,0 12px 42px #080c09aa,8px 8px 0 #25362a}.canvas-wrap{position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:#143a2e}.canvas-wrap:after{content:"";pointer-events:none;position:absolute;inset:0;border:1px solid #c4e9a044;box-shadow:inset 0 0 0 5px #071a1240}.canvas-wrap canvas{display:block;width:100%;height:100%;object-fit:fill;image-rendering:pixelated;background:#143a2e}.game-overlay{position:absolute;z-index:2;inset:0;display:grid;place-items:center;pointer-events:none}.overlay-card{pointer-events:auto;text-align:center}.menu-card,.status-card{width:min(390px,calc(100% - 30px));padding:20px 24px 17px;background:#111a16f2;border:2px solid #8ad977;box-shadow:6px 6px 0 #080c09,0 0 0 6px #0a110dcc}.menu-card{transform:translateY(-1px)}.eyebrow,.status-kicker{color:var(--green);font:10px var(--font-pixel);letter-spacing:.09em;text-transform:uppercase}.live-dot{display:inline-block;width:7px;height:7px;margin-right:6px;background:var(--green);border-radius:50%;box-shadow:0 0 9px #9bf27888}.menu-card h1{margin:12px 0 3px;font-size:42px;line-height:.87;letter-spacing:-.045em;font-weight:700}.menu-card h1 span{color:var(--green);letter-spacing:.005em}.intro-copy{margin:12px 0 15px;color:#c2cdbd;font-size:13px}.mode-picker{padding:0;margin:0 0 12px;border:0;text-align:left}.mode-picker legend{padding:0 0 7px;color:#8d9d8d;font:10px var(--font-pixel);letter-spacing:.07em}.mode-option{position:relative;display:flex;align-items:center;gap:10px;min-height:47px;padding:6px 10px;margin:6px 0;border:1px solid #39473a;border-radius:4px;background:#1a251d;cursor:pointer;transition:border-color .15s,background .15s}.mode-option.selected{border-color:var(--green);background:#203126}.mode-option input{position:absolute;width:1px;height:1px;opacity:0}.mode-option:focus-within{outline:2px solid #f2f4df;outline-offset:2px}.mode-icon{display:grid;place-items:center;width:34px;height:31px;color:var(--pink);background:#392633;font:11px var(--font-pixel)}.duo-icon{color:var(--gold);background:#383426}.mode-text{display:grid;gap:2px}.mode-text strong{font-size:12px;font-weight:600}.mode-text small{color:#9dac9c;font-size:10px}.mode-check{margin-left:auto;color:var(--green);font-size:15px;opacity:0}.mode-option.selected .mode-check{opacity:1}.start-button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:space-between;padding:0 15px;border:2px solid #b5f69b;border-radius:3px;background:var(--green);color:#172318;box-shadow:4px 4px 0 #365236;font:700 14px var(--font-ui);cursor:pointer;transition:transform .12s,box-shadow .12s,background .12s}.start-button:hover{background:#b0ff92;transform:translate(-1px,-1px);box-shadow:5px 5px 0 #365236}.start-button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 #365236}.start-button:focus-visible,.quiet-button:focus-visible,.utility-button:focus-visible,.touch-button:focus-visible{outline:2px solid #fff;outline-offset:3px}.start-hint{margin:10px 0 0;color:#859286;font-size:10px}.arena-hud{position:absolute;z-index:1;left:16px;right:16px;top:12px;display:flex;justify-content:space-between;pointer-events:none;color:#cae8bb99;font:10px var(--font-pixel);letter-spacing:.07em;text-shadow:1px 1px #10251b}.arena-hud b{color:#e4f5cc;font-weight:500}.status-card{width:min(340px,calc(100% - 34px));padding:24px;background:#111a16eF;border-color:#84ca70}.status-card h2{margin:9px 0 5px;font-size:30px;line-height:1.05}.status-card p{margin:9px 0 18px;color:#adbaac;font-size:13px}.countdown-screen{background:transparent}.countdown-number{display:block;margin:5px 0;font:500 65px/1 var(--font-pixel);color:var(--green);text-shadow:4px 4px 0 #142a1b}.status-caption{color:#c3cebd;font:11px var(--font-pixel)}.compact-button{justify-content:center;gap:15px;min-height:40px}.finish-card h2{font-size:25px}.finish-actions{display:grid;gap:9px}.quiet-button{height:36px;background:transparent}.playing-announcement{position:absolute;top:46px;padding:6px 10px;border:1px solid #d3f0a766;background:#10241dcc;color:#edffd9;font:11px var(--font-pixel);letter-spacing:.04em}.play-info{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:16px}.control-card{min-width:0;padding:12px 15px 11px;border:1px solid #35473a;background:#17221a;box-shadow:3px 3px 0 #0a100c}.card-heading{display:flex;align-items:center;gap:8px;margin-bottom:8px}.heading-icon{display:grid;place-items:center;width:22px;height:22px;color:var(--green);border:1px solid #52684d;background:#203326;font-size:13px}.card-heading h2{margin:0;font-size:12px;font-weight:600;letter-spacing:.02em}.control-rows{display:grid;gap:5px}.control-rows p{display:flex;align-items:center;gap:4px;margin:0;min-height:24px;white-space:nowrap}.player-tag{width:23px;font:9px var(--font-pixel);font-weight:500}.pink-tag,.pink-text{color:var(--pink)}.gold-tag,.gold-text{color:var(--gold)}.keycap{min-width:22px;height:21px;display:inline-grid;place-items:center;padding:0 5px;border:1px solid #53614f;border-bottom-width:2px;border-radius:3px;background:#263329;color:#e4ecd9;font:10px var(--font-pixel)}.tall-key{font-size:14px}.bite-key{margin-left:4px;color:#182317;border-color:#9ad380;background:#b5e99b}.control-copy{margin:0 2px;color:#aab7a9;font-size:10px}.skill-line{display:flex;align-items:center;gap:6px;margin-top:8px;color:#acb9a8;font-size:10px}.skill-pip{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 7px #9bf278}.cooldown-note{display:flex;align-items:center;gap:4px;margin-left:auto;color:#839183;font-size:9px}.cooldown-note b{min-width:38px;padding:2px 4px;text-align:center;border:1px solid #425440;border-radius:2px;color:#b4e69b;font:8px var(--font-pixel)}.touch-tip{margin-left:auto;color:#829182;font-size:10px}.touch-groups{display:flex;gap:10px}.touch-group{min-width:0;flex:1;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:9px}.touch-group[hidden]{display:none}.touch-player{font:9px var(--font-pixel);white-space:nowrap}.touch-actions{display:flex;gap:5px}.touch-button{flex:1;min-width:32px;height:35px;border:1px solid #53634f;border-bottom-width:3px;border-radius:4px;background:#26352a;color:#f1f4e5;font:15px var(--font-pixel);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none}.touch-button:active,.touch-button.is-active{transform:translateY(2px);border-bottom-width:1px;background:#3c513d}.bite-touch{flex:1.15;background:#3a2c39;border-color:#825174;color:#ffc6e2;font-size:11px}.bite-touch:active,.bite-touch.is-active{background:#633b58}.site-footer{margin:16px 1px 0;text-align:center;color:#819082;font-size:12px}.site-footer a{color:#b7c8af;text-decoration-color:#71856a;text-underline-offset:2px}.site-footer a:hover{color:var(--green)}[hidden]{display:none!important}
@media(max-width:760px){.shell{width:min(100% - 28px,660px);padding-top:14px}.scoreboard{margin-bottom:10px}.game-frame{padding:6px;box-shadow:0 0 0 3px #0d140f,0 8px 25px #080c09aa,5px 5px 0 #25362a}.play-info{grid-template-columns:1fr;gap:9px;margin-top:13px}.control-card{padding:11px 13px}.keyboard-card .skill-line{margin-top:7px}.touch-groups{gap:12px}.touch-group{grid-template-columns:auto 1fr}.site-footer{line-height:1.5;margin-top:13px}}
@media(max-width:480px){.shell{width:calc(100% - 20px);padding-top:10px}.topbar{margin-bottom:4px}.wordmark{gap:7px;font-size:12px}.wordmark-sub{font-size:10px;padding-left:8px}.utility-button{height:31px;padding:0 8px;font-size:11px}.utility-icon{font-size:12px}.scoreboard{height:72px;grid-template-rows:43px 20px}.score-readout{font-size:34px;gap:9px}.player-label{font-size:11px}.player-one{padding-right:12px}.player-two{padding-left:12px}.team-dot{width:7px;height:7px}.match-chips span{font-size:9px}.game-frame{padding:4px}.menu-card{width:min(345px,calc(100% - 18px));padding:13px 15px 11px}.menu-card h1{font-size:32px;margin:8px 0 2px}.eyebrow{font-size:9px}.intro-copy{margin:8px 0 9px;font-size:11px}.mode-picker{margin-bottom:8px}.mode-picker legend{padding-bottom:4px}.mode-option{min-height:39px;margin:4px 0;padding:4px 8px}.mode-icon{width:28px;height:27px;font-size:10px}.mode-text strong{font-size:11px}.mode-text small{font-size:9px}.start-button{min-height:38px;font-size:12px}.start-hint{margin-top:7px;font-size:9px}.arena-hud{left:9px;right:9px;top:8px;font-size:8px}.status-card{padding:17px}.status-card h2{font-size:24px}.countdown-number{font-size:50px}.control-rows p{gap:3px}.keycap{min-width:19px;padding:0 4px;font-size:9px}.player-tag{width:19px;font-size:8px}.control-copy{font-size:9px}.skill-line{font-size:9px;flex-wrap:wrap}.cooldown-note{font-size:8px}.touch-groups{display:grid;gap:9px}.touch-group{grid-template-columns:58px 1fr;gap:7px}.touch-button{height:32px}.touch-player{font-size:8px}.touch-tip{font-size:9px}.site-footer{font-size:12px}}
@media(max-width:360px){.wordmark-sub{display:none}.top-actions{gap:5px}.utility-button{padding:0 6px}.player-one{padding-right:8px}.player-two{padding-left:8px}.control-rows p{gap:2px}.keycap{min-width:18px}.bite-key{margin-left:1px}.cooldown-note{gap:2px}.cooldown-note b{min-width:32px}}
#countdown-screen{border:0;background:transparent;box-shadow:none;text-shadow:2px 2px #11281a}#countdown-screen .countdown-number{font-size:clamp(54px,9vw,92px);text-shadow:4px 4px 0 #142a1b}#countdown-screen .status-kicker,#countdown-screen .status-caption{padding:4px 8px;background:#0c1b15bb}#countdown-screen .status-kicker{display:inline-block}
.more-games{margin-top:14px;padding:12px 14px;border:1px solid #35473a;background:#17221a;box-shadow:3px 3px 0 #0a100c}.more-games h2{margin:0 0 9px;color:#dce8d6;font-size:14px;font-weight:600;letter-spacing:.02em}.more-games-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.more-game-link{min-width:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 10px;padding:10px 12px;border:1px solid #435844;border-radius:4px;background:#1c2a20;color:#edf3e5;text-decoration:none;font-size:14px;line-height:1.35;transition:border-color .15s,background .15s}.more-game-link:hover{border-color:#9bf278;background:#223329}.more-game-link:focus-visible{outline:2px solid #fff;outline-offset:3px}.more-game-link strong{font-weight:600}.more-game-link span{color:#a9bba5;font-size:14px;overflow-wrap:anywhere}
@media(max-width:560px){.more-games-links{grid-template-columns:1fr}.more-game-link{gap:4px 9px;padding:9px 10px}}

.page-title{margin:2px 0 8px;text-align:center;color:#dce8d6;font-size:19px;line-height:1.25;font-weight:600;letter-spacing:.015em}.menu-card h2{margin:12px 0 3px;font-size:42px;line-height:.87;letter-spacing:-.045em;font-weight:700}.menu-card h2 span{color:var(--green);letter-spacing:.005em}.page-jumps{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:14px 0 0}.page-jumps a{padding:7px 12px;border:1px solid #3b4a3d;border-radius:4px;color:#d1dfca;background:#17221a;font-size:14px;text-decoration:none}.page-jumps a:hover{border-color:var(--green);color:var(--green)}.page-jumps a:focus-visible{outline:2px solid #fff;outline-offset:2px}.game-guide{max-width:900px;margin:18px auto 0;padding:20px 24px;border:1px solid #35473a;background:#17221a;color:#d3decf;overflow-wrap:anywhere}.guide-section+.guide-section{margin-top:25px;padding-top:19px;border-top:1px solid #35473a}.game-guide h2{margin:0 0 9px;color:#b5f69b;font-size:23px;line-height:1.25}.game-guide h3{margin:17px 0 6px;color:#f2f4df;font-size:18px;line-height:1.35}.game-guide p,.game-guide li{font-size:16px;line-height:1.65}.game-guide p{margin:8px 0}.game-guide ul{padding-left:22px;margin:9px 0}.game-guide li+li{margin-top:5px}.game-guide kbd{padding:1px 5px;border:1px solid #53614f;border-radius:3px;background:#263329;color:#f2f4df;font:inherit;font-size:.9em}.faq-section h3{margin-top:15px}.faq-section h3+p{margin-top:3px}@media(max-width:560px){.page-title{font-size:18px;margin-bottom:6px}.menu-card h2{font-size:32px;margin:8px 0 2px}.game-guide{margin-top:14px;padding:16px 15px}.game-guide h2{font-size:21px}.game-guide h3{font-size:17px}.game-guide p,.game-guide li{font-size:16px}.page-jumps{gap:6px}.page-jumps a{padding:7px 10px}}
.bite-readout{display:flex;align-items:center;gap:8px;white-space:nowrap}.bite-readout b{color:#bceba6;font-weight:600}.bite-readout b.is-snapping{color:#ffc2e2;text-shadow:0 0 8px #f16bb588}
@media(max-width:480px){.arena-hud{flex-wrap:wrap;align-items:flex-start;gap:4px}.bite-readout{max-width:calc(100% - 92px);justify-content:center;flex-wrap:wrap;white-space:normal;row-gap:2px}}