:root{font-family:Segoe UI,Arial,sans-serif;color:#f2eee4;background:#151714;color-scheme:dark;font-synthesis:none;--cream:#f2eee4;--muted:#b5b8a9;--red:#dd4a2c;--gold:#e6bb69;--line:#ffffff22}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}a{color:inherit;text-decoration:none}button,select{border-radius:10px}button{transition:background .15s,transform .15s}button:active{transform:translateY(1px)}[hidden]{display:none!important}.menu{max-width:1500px;margin:auto;padding:0 5vw 24px}.masthead{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:15px;font-weight:650}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;background:var(--gold);color:#181b14;border-radius:50%;font-size:23px;letter-spacing:-3px;padding-right:3px}.brand-dot{color:#7a8170;margin:0 4px}.text-button{background:none;color:var(--muted);padding:9px;font-size:13px}.text-button:hover{color:var(--cream)}.intro{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:360px;align-items:center;padding:40px 0 30px;overflow:hidden}.eyebrow{text-transform:uppercase;letter-spacing:.2em;color:var(--gold);font-size:10px;font-weight:700}h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(50px,5.7vw,86px);font-weight:800;line-height:.96;letter-spacing:-.02em;margin:15px 0 18px}h1 .versus{font-size:.47em;letter-spacing:.05em;color:var(--muted)}.period{color:var(--red)}.intro p{color:var(--muted);font-size:15px;line-height:1.65;margin:0 0 20px}.tags{display:flex;gap:9px;flex-wrap:wrap}.tags span{font-size:10px;letter-spacing:.04em;border:1px solid var(--line);border-radius:30px;padding:7px 10px;color:#c5c8bb}.hero-art{position:relative;height:330px}.hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 30px 20px #0006)}.hero-tomato{width:64%;height:92%;left:-3%;bottom:5%;z-index:2;transform:rotate(-5deg)}.hero-egg{width:49%;height:105%;right:1%;bottom:0;transform:rotate(7deg)}.hero-glow{position:absolute;inset:15% 0 5%;background:radial-gradient(ellipse,#a95c242b,transparent 68%)}.hero-note{position:absolute;right:8px;bottom:-5px;font-size:10px;letter-spacing:.08em;color:#b1a68c}.hero-note i{color:#f4c777;margin:0 8px}.setup{display:grid;grid-template-columns:1fr 1fr;gap:45px;border-top:1px solid var(--line);padding:27px 0 22px}.section-heading{display:flex;align-items:center;gap:10px;margin-bottom:16px}.step{font-size:11px;color:var(--gold);border:1px solid #e6bb6944;border-radius:50%;width:25px;height:25px;display:grid;place-items:center}h2{font-size:18px;margin:0;font-weight:650;letter-spacing:-.02em}.section-heading .small{margin-left:auto}.small{font-size:11px;color:var(--muted);line-height:1.6}.muted{color:#949e89}.fighter-choices{display:grid;grid-template-columns:1fr 1fr;gap:12px}.fighter-choice{display:flex;align-items:center;gap:8px;min-height:116px;background:#20231e;border:1px solid var(--line);color:var(--cream);text-align:left;padding:10px 12px}.fighter-choice.selected{background:#392b20;border-color:var(--gold)}.fighter-choice img{width:70px;height:88px;object-fit:contain}.fighter-choice strong,.fighter-choice small,.fighter-choice em{display:block}.fighter-choice strong{font-size:18px;margin-bottom:5px}.fighter-choice small{font-size:10px;color:#b8bcaf;line-height:1.4}.fighter-choice em{font-style:normal;font-size:9px;color:var(--gold);margin-top:8px;line-height:1.4}.options-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:10px;margin-top:17px}label{display:block;font-size:11px;color:var(--muted)}select{display:block;width:100%;margin-top:6px;background:#22251f;color:var(--cream);padding:10px 7px;border:1px solid var(--line);font-size:11px;min-height:37px}.arena-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.arena-choice{padding:0;overflow:hidden;background:#22251f;border:1px solid var(--line);color:var(--cream);text-align:left}.arena-choice.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.arena-choice img{width:100%;height:92px;object-fit:cover;display:block}.arena-choice span{display:block;padding:10px 9px}.arena-choice strong{font-size:12px;display:block}.arena-choice small{display:block;font-size:9px;color:var(--muted);margin-top:5px}.launch-row{display:flex;gap:12px;margin-top:17px}.primary{background:var(--gold);color:#272014;font-weight:750;padding:14px 22px;font-size:13px;min-height:46px}.primary:hover{background:#f3cd87}.secondary{background:#2c3027;color:var(--cream);padding:12px 17px;border:1px solid var(--line);font-size:12px}.secondary:hover{background:#3a4032}.launch-row .primary{flex:1}.menu-controls{display:flex;flex-wrap:wrap;gap:13px;margin-top:17px;font-size:10px;color:#e3bd75}.menu-controls b{font-weight:400;color:#a9af9d;margin-left:3px}.menu-footer{display:flex;gap:22px;align-items:center;border-top:1px solid var(--line);padding-top:18px;color:#919a87;font-size:10px}.menu-footer span{margin-right:auto}.menu-footer a:hover{color:var(--gold)}
.game{position:fixed;inset:0;background:#242821;overflow:hidden;height:100dvh}#kitchen-backdrop{position:absolute;inset:-25px;background-size:cover;background-position:center;filter:blur(7px) brightness(.42) saturate(.8);transform:scale(1.03)}.game:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 160px 25px #0006;z-index:1}#canvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:none;z-index:2}.hud{position:absolute;z-index:3;inset:20px 3vw auto;display:grid;grid-template-columns:minmax(0,1fr) 100px minmax(0,1fr);gap:30px;pointer-events:none}.fighter-hud{display:flex;gap:12px;align-items:center;max-width:440px;filter:drop-shadow(0 2px 6px #0007)}.fighter-hud>img{width:67px;height:72px;object-fit:contain}.health-content{flex:1;min-width:0}.health-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px;gap:8px}.health-label strong{font-size:16px}.health-label>span{font-size:11px;color:#fff9}.health-track{height:11px;background:#181a17bb;border-radius:8px;border:1px solid #fff4;overflow:hidden}.health-track>div{height:100%;width:100%;background:linear-gradient(90deg,#b72f17,#ee7040);transition:width .15s}.opponent .health-track>div{background:linear-gradient(90deg,#cfa955,#f5e9c8)}.opponent{justify-self:end;width:100%}.hud-status{display:flex;align-items:center;gap:15px;font-size:9px;color:#f3dcac;height:23px}.hud-status>span:first-child{font-size:19px;color:#e8c576;letter-spacing:6px;white-space:nowrap}.timer{text-align:center;filter:drop-shadow(0 2px 5px #0008)}.timer strong{font-size:36px;font-weight:800;line-height:1.1;display:block}.timer span{display:block;font-size:8px;letter-spacing:.14em;color:#e7d3b7;margin-top:6px}.game-toolbar{position:absolute;top:102px;left:3vw;right:3vw;display:flex;align-items:center;gap:8px;z-index:4;font-size:11px}.game-toolbar>span{margin-right:auto;color:#eee3cc;letter-spacing:.03em}.game-toolbar button{background:#1b201cbb;color:#f1e9db;padding:8px 13px;border:1px solid #fff3;font-size:12px}.announcement{position:absolute;left:50%;top:21%;transform:translateX(-50%);z-index:5;text-align:center;font-size:clamp(24px,4vw,54px);font-family:Impact,'Arial Narrow',sans-serif;text-shadow:0 4px 20px #0009;color:#fff2d9;white-space:nowrap;pointer-events:none;letter-spacing:.03em}.announcement.small-message{font-family:Segoe UI,sans-serif;font-size:15px;background:#1d211cdf;border:1px solid #fff3;padding:10px 18px;border-radius:40px;top:20%}.quips{position:absolute;top:30%;left:0;right:0;text-align:center;z-index:4;color:#f5dba8;font-size:13px;text-shadow:0 2px 5px #000;pointer-events:none}.ability-strip{position:absolute;bottom:54px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:9px;pointer-events:none}.ability{background:#20251ee6;border:1px solid #ffffff33;border-radius:9px;min-width:104px;padding:8px 10px;position:relative;overflow:hidden}.ability>strong{font-size:10px;display:block}.ability>span{font-size:9px;color:#c3bda9;display:block;margin-top:4px}.ability i{font-style:normal;font-size:9px;color:var(--gold);float:right;margin-left:10px}.ability .cooldown{position:absolute;inset:0;background:#17201ab8;display:grid;place-items:center;font-size:17px;font-weight:750;color:#f3dab2}.keyboard-hint{position:absolute;bottom:20px;left:10px;right:10px;text-align:center;z-index:3;color:#e1d6c0;font-size:10px;letter-spacing:.015em;text-shadow:0 1px 5px #000}.touch{display:none;position:absolute;bottom:max(16px,env(safe-area-inset-bottom));left:20px;right:20px;z-index:5;pointer-events:none;justify-content:space-between;align-items:flex-end}.stick{width:106px;height:106px;border:2px solid #ead6a956;background:#1b211c80;border-radius:50%;position:relative;pointer-events:auto;touch-action:none;user-select:none}#stick-knob{position:absolute;left:31px;top:31px;width:40px;height:40px;background:#e0c58c88;border:1px solid #e9cc92;border-radius:50%;pointer-events:none}.stick>span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:.15em;color:#e9dabccc;pointer-events:none}.touch-actions{display:grid;grid-template-columns:repeat(3,54px);gap:8px;align-items:end;pointer-events:auto}.touch-actions button{width:54px;height:50px;background:#252a23d9;border:1px solid #f0d6a966;color:#f7e5bd;touch-action:none;user-select:none;position:relative}.touch-actions button:nth-child(1){grid-column:1;background:#b45a27e6}.touch-actions small{font-size:9px;display:block}.touch-actions span{font-size:10px;display:block;color:#b1b99e;margin-top:4px}.touch-actions button[data-action=heavy]{background:#a53e23d9}.touch-actions button[data-action=dodge]{background:#53614add}.overlay{position:absolute;inset:0;background:#10160fb8;z-index:9;display:grid;place-items:center;backdrop-filter:blur(8px);padding:18px}.overlay-card{max-width:520px;width:100%;background:#1e241cf2;border:1px solid #d9bb7555;border-radius:20px;padding:36px;text-align:center;box-shadow:0 30px 90px #0007;max-height:94dvh;overflow:auto}.overlay-card h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:44px;letter-spacing:.02em;margin:14px 0}.overlay-card p{color:#c7cbbb;font-size:13px;line-height:1.65}.overlay-buttons{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:23px}.stats-table{width:100%;border-collapse:collapse;font-size:12px;margin-top:20px}.stats-table td,.stats-table th{padding:10px 5px;border-bottom:1px solid #fff1}.stats-table th{color:var(--gold);font-weight:600}.stats-table td:first-child{text-align:left;color:#b7bea8}#floating{position:absolute;inset:0;z-index:4;pointer-events:none}.damage-number{position:absolute;color:#ffe0aa;font-size:19px;font-weight:800;text-shadow:0 2px 3px #000;animation:damage-up .7s ease-out forwards}.pepper-cloud{position:absolute;width:100px;height:80px;transform:translate(-50%,-70%);background:radial-gradient(ellipse,#3b291d99,transparent 70%);filter:blur(7px);border-radius:50%}dialog{background:#23291f;color:var(--cream);border:1px solid #c4b18b66;border-radius:17px;max-width:640px;width:calc(100% - 28px);padding:28px;max-height:88dvh;overflow:auto}dialog::backdrop{background:#080d08b8;backdrop-filter:blur(7px)}dialog p{font-size:13px;color:#c6ccb8;line-height:1.75}.dialog-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.dialog-heading h2{font-size:22px}.close-dialog{background:#ffffff10;color:#fff;padding:7px 10px;border-radius:50%}.control-table{display:grid;grid-template-columns:1fr 1fr;gap:15px;padding:15px;background:#131b1266;border-radius:9px}.control-table strong{font-size:12px;color:var(--gold)}.control-table p{margin-bottom:0}.guide-link{color:var(--gold);font-size:13px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:26px;font-size:13px}.setting input[type=range]{width:45%;accent-color:var(--gold)}.setting input[type=checkbox]{accent-color:var(--gold);width:20px;height:20px}#fatal{position:fixed;z-index:99;inset:20px;background:#321d16;color:#ffe7c9;padding:30px;border:1px solid #e9a674;border-radius:15px;line-height:1.7}body.playing{overflow:hidden}@keyframes damage-up{from{opacity:1;transform:translate(-50%,0)}to{opacity:0;transform:translate(-50%,-55px)}}
@media(min-width:1600px){.intro{min-height:440px}.hero-art{height:380px}.arena-choice img{height:120px}}
@media(max-width:1050px){.setup{gap:24px}.fighter-choice{padding:8px;gap:3px}.fighter-choice img{width:50px}.fighter-choice strong{font-size:16px}.hero-art{height:290px}.intro{min-height:330px}.brand{font-size:12px}}
@media(max-width:750px){.menu{padding:0 20px 24px}.masthead{padding:18px 0}.brand{gap:6px;font-size:12px}.brand-dot{margin:0}.text-button{font-size:11px}.intro{min-height:290px;padding:25px 0;grid-template-columns:1fr 1fr}.intro p{font-size:12px}.intro h1{font-size:48px}.hero-art{height:235px;align-self:center}.hero-tomato{left:-12%;width:75%}.hero-egg{right:-8%;width:57%}.hero-note{display:none}.eyebrow{font-size:8px}.tags{gap:5px}.tags span{font-size:8px;padding:5px 7px}.setup{grid-template-columns:1fr;gap:24px;padding-top:20px}.fighter-choice{padding:10px;gap:9px}.fighter-choice img{width:63px;height:75px}.fighter-choice em{font-size:9px}.arena-choice img{height:95px}.menu-footer{flex-wrap:wrap;gap:12px;line-height:1.5}.menu-footer span{width:100%}.hud{inset:12px 12px auto;grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr);gap:8px}.fighter-hud{gap:5px}.fighter-hud>img{width:35px;height:48px}.health-label{gap:3px;margin-bottom:5px}.health-label strong{font-size:11px}.health-label>span{font-size:8px}.health-track{height:8px}.hud-status{font-size:7px;height:20px;gap:5px}.hud-status>span:first-child{font-size:14px;letter-spacing:3px}.timer strong{font-size:26px}.timer span{font-size:6px;letter-spacing:0}.game-toolbar{top:75px;left:12px;right:12px;font-size:9px}.game-toolbar button{font-size:11px;padding:6px 10px}.game-toolbar button span{display:none}.announcement{top:25%;font-size:33px}.announcement.small-message{font-size:11px;max-width:90%;white-space:normal;top:22%;padding:9px 12px}.quips{font-size:10px;top:34%}.overlay-card{padding:25px 18px}.overlay-card h2{font-size:36px}.ability-strip{display:none}.keyboard-hint{display:none}dialog{padding:20px}.dialog-heading h2{font-size:19px}}
@media(pointer:coarse),(max-width:900px){body.playing .touch{display:flex}.ability-strip{display:none}.keyboard-hint{bottom:8px;font-size:9px}.game-toolbar{top:90px}.touch-actions .cooldown{position:absolute;inset:0;border-radius:9px;display:grid;place-items:center;background:#152116bb;font-size:15px;color:var(--gold)}body.local-mode .touch{display:none}}
@media(max-width:750px){.game-toolbar{top:75px}}
@media(max-width:460px){.intro{min-height:260px}.intro h1{font-size:40px}.hero-art{height:220px}.intro p{font-size:11px}.tags span:last-child{display:none}.fighter-choice{padding:9px 6px;gap:4px}.fighter-choice img{width:52px}.fighter-choice strong{font-size:15px}.fighter-choice small{font-size:8px}.fighter-choice em{font-size:8px}.options-grid{gap:7px}.arena-choice strong{font-size:10px}.arena-choice small{font-size:8px}.arena-choice span{padding:9px 7px}.touch{left:13px;right:13px}.stick{width:94px;height:94px}#stick-knob{left:25px;top:25px}.touch-actions{grid-template-columns:repeat(3,49px);gap:6px}.touch-actions button{width:49px;height:47px}.health-label>span{display:none}.health-label strong{font-size:11px}.hud-status span:nth-child(2){max-width:74px;white-space:nowrap;overflow:hidden}.opponent .health-label{justify-content:flex-end}.opponent .hud-status{justify-content:flex-end}.timer span{font-size:6px}}
@media(max-height:500px) and (orientation:landscape){.hud{top:8px;grid-template-columns:minmax(0,1fr) 60px minmax(0,1fr);gap:20px}.fighter-hud>img{height:44px;width:40px}.health-label strong{font-size:12px}.timer strong{font-size:24px}.game-toolbar{top:66px}.game-toolbar>span{font-size:9px}.announcement{top:24%;font-size:36px}.announcement.small-message{top:26%;font-size:11px}.quips{top:38%}.touch{bottom:10px}.stick{width:83px;height:83px}#stick-knob{left:20px;top:20px}.touch-actions{grid-template-columns:repeat(3,47px);gap:5px}.touch-actions button{width:47px;height:40px}.touch-actions span{display:none}.overlay-card{padding:20px;max-width:600px}.overlay-card h2{font-size:30px;margin:9px 0}.overlay-buttons{margin-top:14px}.stats-table td,.stats-table th{padding:5px}.keyboard-hint{display:none}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition:none!important}}

.movement-pad{position:absolute;bottom:32px;left:22px;z-index:5;display:grid;grid-template-columns:repeat(3,40px);gap:4px;touch-action:none;user-select:none}.movement-pad button{width:40px;height:40px;background:#232b22e8;color:#f7e5bd;border:1px solid #e6bb6980;touch-action:none;font-size:14px;padding:2px}.movement-pad small{display:block;font-size:7px}.movement-pad [data-move=forward]{grid-column:2}.movement-pad [data-move=left]{grid-column:1}.movement-pad button.held{background:#806331;border-color:#ffe0a0}.local-mode .movement-pad{display:none}@media(pointer:coarse),(max-width:900px){.movement-pad{bottom:138px;left:20px;grid-template-columns:repeat(3,32px)}.movement-pad button{width:32px;height:32px;font-size:12px}.movement-pad small{font-size:6px}}@media(max-width:460px){.movement-pad{left:13px;bottom:126px}}@media(max-height:500px) and (orientation:landscape){.movement-pad{bottom:104px;left:20px;grid-template-columns:repeat(3,28px);gap:3px}.movement-pad button{width:28px;height:28px}.movement-pad small{font-size:5px}}

.game-toolbar .site-home{color:#fff4db;background:#232b22e8;border:1px solid #e6bb6980;border-radius:8px;padding:8px 10px;font-size:12px;text-decoration:none}.site-home:focus-visible{outline:3px solid #ffe0a0;outline-offset:3px}
