:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#202923;background:#f6f5ef;font-synthesis:none;--paper:#f6f5ef;--ink:#202923;--muted:#747970;--lime:#d7fa67;--line:#dedfd5;--orange:#ff997a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #759627;outline-offset:4px}button:disabled{opacity:.45}button{border:0}button,select,input{touch-action:manipulation}[hidden]{display:none!important}.site-shell{max-width:1304px;padding:0 40px;margin:auto}.site-header{height:98px;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;font-size:29px;font-weight:820;letter-spacing:-1.6px;white-space:nowrap}.brand-icon{display:inline-flex;align-items:center;justify-content:center;background:var(--lime);color:var(--ink);width:38px;height:38px;border-radius:10px;font-family:Arial,sans-serif;font-size:35px;line-height:1;letter-spacing:0;margin-right:10px}.brand-dot{color:#799e2b}.site-header nav{display:flex;gap:30px;font-size:13px;font-weight:600;margin-left:auto}.site-header nav a{color:#747970}.site-header nav a:hover,.site-header nav .nav-current{color:var(--ink)}.site-header nav span{margin-left:4px}.build-badge{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:.7px;border:1px solid #dadfd0;border-radius:30px;padding:10px 12px;display:flex;align-items:center;gap:7px}.build-badge i,.small-dot{width:6px;height:6px;background:#8ba953;display:inline-block;border-radius:50%;vertical-align:middle}.intro{padding:49px 0 39px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.eyebrow{font:10px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.7px;display:flex;gap:9px;align-items:center;margin:0 0 17px}.eyebrow>span{width:13px;height:2px;background:#76924b}h1{font-size:clamp(36px,4.8vw,61px);line-height:1.055;letter-spacing:-3px;font-weight:790;margin:0}.headline-second{font-weight:790}.headline-dot{color:#90af3c}.intro-note{padding:0 6px 5px 0;max-width:300px}.intro-note p{font-size:15px;line-height:1.7;color:#626b60;margin:0 0 19px}.intro-note>span{font-size:11px;color:#6f7866;white-space:nowrap}.intro-note .small-dot{margin-right:5px;width:5px;height:5px}.game-shell{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid #cad1c3;border-radius:19px;overflow:hidden;box-shadow:0 5px 24px #27352306;scroll-margin-top:25px}.arena-panel{background:#172824;color:#dae2c9;position:relative;display:flex;flex-direction:column;min-width:0}.arena-topline{height:55px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;font:9px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;border-bottom:1px solid #d3e2b710}.arena-topline .small-dot{background:#d7fa67;width:5px;height:5px;margin-right:7px}.arena-slash{color:#677767;margin:0 10px}.arena-mode{color:#8c9b86}.arena-actions{display:flex;gap:7px}.icon-button{background:#ffffff06;color:#c9d4bb;width:29px;height:29px;border:1px solid #dae9cb24;border-radius:7px;font-size:16px;line-height:1;position:relative}.icon-button:hover:enabled{background:#ffffff19}.muted-slash{position:absolute;top:5px;left:12px;transform:rotate(-16deg);font-size:19px}.icon-button[aria-pressed=true] .muted-slash{display:none}.match-hud{display:flex;align-items:center;justify-content:space-between;padding:22px 28px 0;position:relative;z-index:1;gap:10px}.fighter{display:flex;align-items:center;gap:11px;min-width:0}.fighter-chip{width:40px;height:44px;display:flex;align-items:center;justify-content:center;background:#d7fa6715;color:var(--lime);border:1px solid #d7fa6733;border-radius:8px;font-weight:800;font-size:26px}.fighter-title{display:block;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.6px;color:var(--lime);margin-bottom:4px}.fighter-name{display:block;font-size:12px;font-weight:600}.fighter-cpu{text-align:right}.fighter-cpu .fighter-chip{color:var(--orange);border-color:#ff997a44;background:#ff997a10}.fighter-cpu .fighter-title{color:var(--orange)}.spin-track{height:3px;background:#d7fa671a;border-radius:2px;width:86px;margin-top:7px;overflow:hidden}.spin-track span{display:block;width:100%;height:100%;background:var(--lime);border-radius:2px;transition:width .1s}.fighter-cpu .spin-track{background:#ff997a1a}.fighter-cpu .spin-track span{background:var(--orange)}.clock{align-self:center;text-align:center;min-width:56px}.clock>span{font:24px ui-monospace,SFMono-Regular,monospace;letter-spacing:-1px;display:block;color:#e8edd8;font-variant-numeric:tabular-nums}.clock small{display:block;font:7px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.8px;margin-top:3px;color:#899984}.canvas-wrap{flex:1;min-height:380px;position:relative}#game-canvas{display:block;position:absolute;width:100%;height:100%;inset:0;touch-action:pan-y;cursor:crosshair}.canvas-wrap.aiming #game-canvas{cursor:grabbing;touch-action:none}.arena-bottomline{height:43px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #d3e2b710;font-size:10px;color:#aebb9c}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#d7fa67;margin:0 7px 1px 0}#collision-counter{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.2px}.setup-panel{background:#fbfbf6;padding:26px 25px 21px}.setup-heading{display:flex;align-items:center;gap:8px}.setup-heading h2,.setup-heading label{font-size:14px;font-weight:720;margin:0;letter-spacing:-.25px}.step-number{font:10px ui-monospace,SFMono-Regular,monospace;color:#7a8c59}.setup-description{font-size:11px;color:#81857a;margin:8px 0 18px}.shape-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.shape-button{background:#f1f2e9;border:1px solid transparent;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative;height:70px;color:#596449;transition:transform .15s,background .15s,border-color .15s}.shape-button:hover:enabled{background:#e8eddb;transform:translateY(-2px)}.shape-button[aria-pressed=true]{background:var(--lime);border-color:#96af57;color:#233315;box-shadow:inset 0 0 0 1px #f0ffc9}.shape-button .shape-label{position:absolute;font:8px ui-monospace,monospace;left:8px;bottom:6px;opacity:.6}.shape-button .selected-dot{position:absolute;width:4px;height:4px;background:#3f5716;right:8px;top:8px;border-radius:50%;display:none}.shape-button[aria-pressed=true] .selected-dot{display:block}.shape-detail{margin:14px 0 20px;min-height:58px}.shape-detail>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.shape-detail strong{font-size:12px;letter-spacing:-.2px}.tiny-label{font:7px ui-monospace,monospace;letter-spacing:.8px;color:#869274}.shape-detail p{font-size:10px;line-height:1.65;color:#7a8171;margin:7px 0 0;max-width:260px}.angle-section{padding:19px 0 14px;border-top:1px solid var(--line)}#angle-value{margin-left:auto;color:#476128;font:12px ui-monospace,monospace;background:#e9efdb;padding:4px 6px;border-radius:4px;min-width:37px;text-align:center}input[type=range]{appearance:none;-webkit-appearance:none;height:5px;border-radius:8px;width:100%;margin:23px 0 10px;background:linear-gradient(to right,#9ebc5a 50%,#e1e5d6 50%);cursor:ew-resize;outline-offset:8px}input[type=range]::-webkit-slider-thumb{appearance:none;width:17px;height:17px;background:#2c3922;border:3px solid #fbfbf6;outline:1px solid #a3ad8f;border-radius:50%}input[type=range]::-moz-range-thumb{width:12px;height:12px;background:#2c3922;border:3px solid #fbfbf6;border-radius:50%}input:disabled{opacity:.5;cursor:default}.range-labels{display:flex;justify-content:space-between;font:8px ui-monospace,monospace;color:#919981;letter-spacing:.3px}.range-labels span:nth-child(2){font-size:7px}#angle-hint{font-size:9px;color:#89917e;margin:12px 0 2px}.opponent-row{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding:15px 0 17px;gap:8px}.opponent-row label{font-size:11px;font-weight:600}.opponent-row label span{display:block;font:6px ui-monospace,monospace;font-weight:400;color:#969d88;letter-spacing:.8px;margin-top:5px}.opponent-row select{background:#f4f5ed;border:1px solid #e1e4d7;border-radius:6px;padding:8px 5px;color:#465438;font-size:10px;max-width:107px}.primary-button{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--lime);color:#213014;border:1px solid #c4e65a;border-radius:9px;font-size:13px;font-weight:750;min-height:46px;padding:12px 16px;width:100%;transition:background .15s,transform .15s}.primary-button:hover:enabled{background:#cbed5b;transform:translateY(-1px)}.primary-button>span{font-size:23px;font-weight:400;line-height:.8}.launch-button{min-height:48px}.keyboard-hint{text-align:center;font:7px ui-monospace,monospace;letter-spacing:.5px;color:#929980;margin:11px 0 17px}.keyboard-hint kbd{font:inherit;border:1px solid #d9dfca;border-radius:3px;padding:2px 3px;background:#f8f9f1}.keyboard-hint span{margin:0 5px}.fair-play-note{display:flex;gap:10px;align-items:center;border-top:1px solid #e8eadd;padding-top:15px}.fair-play-note>span{font-size:21px;color:#869363}.fair-play-note p{margin:0;font-size:9px;line-height:1.7;color:#8b927d}.prototype-note{margin:13px 1px 0;font-size:9px;color:#8a9081;line-height:1.6}.prototype-note span{font:7px ui-monospace,monospace;letter-spacing:.6px;margin-right:7px;color:#687354}.how-section{padding:44px 0 33px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:24px}.section-heading h2{font-size:22px;font-weight:740;letter-spacing:-.8px;margin:0}.section-heading>span{font:8px ui-monospace,monospace;color:#949a88;letter-spacing:.8px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.how-grid article{display:flex;gap:13px}.how-number{font:10px ui-monospace,monospace;display:flex;align-items:center;justify-content:center;background:#ecefe1;color:#6d7f4c;min-width:28px;height:28px;border-radius:50%;margin-top:1px}.how-grid h3{font-size:13px;letter-spacing:-.2px;margin:0 0 8px;font-weight:650}.how-grid p{font-size:11px;line-height:1.7;color:#838977;margin:0}.rules-details{border-top:1px solid var(--line);padding-top:2px;margin-bottom:24px}.rules-details details{border-bottom:1px solid var(--line);padding:15px 0}.rules-details summary{font-size:11px;cursor:pointer;list-style:none;font-weight:550;display:flex;justify-content:space-between;align-items:center}.rules-details summary::-webkit-details-marker{display:none}.rules-details summary span{font-size:16px;color:#85946b}.rules-details details[open] summary span{transform:rotate(45deg)}.rules-details details div{font-size:11px;color:#79816c;line-height:1.8;max-width:850px;padding-top:5px}.rules-details p{margin:10px 0}.site-shell footer{padding:15px 0 33px;display:flex;align-items:center;gap:24px}.footer-brand{font-size:18px;letter-spacing:-1px}.footer-brand .brand-icon{width:23px;height:23px;border-radius:6px;font-size:24px;margin-right:7px}.site-shell footer p{font-size:10px;color:#8c9480;margin:0}.site-shell footer>span{font:7px ui-monospace,monospace;letter-spacing:1px;color:#929a83;margin-left:auto}.match-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;background:#13201c8c;backdrop-filter:blur(5px);padding:20px}.result-card{max-width:296px;width:100%;background:#fbfbf4;color:var(--ink);border:1px solid #e4ead7;border-radius:16px;padding:26px;box-shadow:0 15px 60px #101b1640;text-align:center}.result-card .eyebrow{font-size:8px;justify-content:center;letter-spacing:1.3px;color:#778b55;margin-bottom:14px}.result-card h2{font-size:33px;letter-spacing:-1.4px;margin:0 0 10px;font-weight:750}.result-card>p{font-size:11px;line-height:1.6;color:#7b866c;margin:0}.result-stats{display:flex;justify-content:center;gap:19px;font:9px ui-monospace,monospace;letter-spacing:.2px;color:#536637;padding:15px 0 20px}.text-button{background:transparent;font-size:11px;color:#6e7e57;padding:15px 0 0}.text-button span{margin-left:4px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#263821;color:#eef7df;box-shadow:0 6px 20px #16251024;border-radius:9px;padding:12px 18px;font-size:12px;max-width:90vw;text-align:center;z-index:20}.noscript{margin:20px;padding:20px;border:1px solid #eea588;color:#602b17}
@media(min-width:1250px){.canvas-wrap{min-height:432px}.setup-panel{padding-top:28px;padding-bottom:23px}}
@media(max-width:1000px){.site-shell{padding:0 24px}.site-header{gap:24px}.intro{padding-top:35px}.game-shell{grid-template-columns:minmax(0,1fr) 293px}.setup-panel{padding:24px 19px 20px}.shape-button{height:62px}.match-hud{padding-left:19px;padding-right:19px}.fighter{gap:7px}.fighter-chip{width:31px;height:36px;font-size:23px}.fighter-name{font-size:10px}.spin-track{width:65px}.canvas-wrap{min-height:365px}.intro-note p{font-size:13px}.arena-topline{padding:0 18px}.arena-mode{display:none}.arena-slash{display:none}.how-grid{gap:18px}}
@media(max-width:760px){.site-shell{padding:0 18px}.site-header{height:75px;gap:15px}.site-header nav{gap:19px;font-size:11px}.brand{font-size:26px}.brand-icon{width:32px;height:32px;font-size:30px;border-radius:9px}.build-badge{display:none}.intro{padding:32px 0 27px;display:block}.eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:15px}h1{font-size:45px;letter-spacing:-2.4px}.intro-note{padding:15px 0 0;max-width:none}.intro-note p{display:none}.intro-note>span{font-size:10px}.game-shell{grid-template-columns:1fr;border-radius:15px}.arena-topline{height:42px;padding:0 16px;font-size:8px}.arena-mode,.arena-slash{display:inline}.match-hud{padding:17px 17px 0}.fighter-chip{width:32px;height:37px}.fighter-name{font-size:11px}.fighter-title{font-size:7px}.spin-track{width:70px}.clock>span{font-size:22px}.canvas-wrap{min-height:0;height:auto;aspect-ratio:1.12;flex:auto}.arena-bottomline{height:35px;padding:0 16px;font-size:9px}#collision-counter{font-size:7px}.setup-panel{padding:22px 19px}.setup-description{margin-bottom:14px}.shape-grid{grid-template-columns:repeat(6,1fr);gap:6px}.shape-button{height:55px;border-radius:8px}.shape-button svg{width:35px;height:35px}.shape-button .shape-label{font-size:6px;left:5px;bottom:5px}.shape-detail{margin:13px 0 17px;min-height:0}.shape-detail p{max-width:100%;font-size:10px}.angle-section{padding-top:17px}.opponent-row{padding:14px 0 16px}.opponent-row select{min-width:107px}.fair-play-note{display:none}.keyboard-hint{display:none}.launch-button{min-height:49px}.how-section{padding:29px 0 24px}.section-heading{margin-bottom:21px}.section-heading h2{font-size:22px}.section-heading>span{display:none}.how-grid{grid-template-columns:1fr;gap:21px}.how-grid h3{font-size:13px}.how-grid p{font-size:11px}.prototype-note{font-size:8px;line-height:1.7}.site-shell footer{gap:15px;flex-wrap:wrap;padding-bottom:26px}.site-shell footer p{font-size:9px}.site-shell footer>span{display:none}.rules-details summary{font-size:10px}.result-card{padding:21px;max-width:268px}.result-card h2{font-size:29px}.result-card .eyebrow{font-size:7px}.result-stats{padding:12px 0 16px}}
@media(max-width:365px){h1{font-size:39px}.site-header nav{gap:11px;font-size:10px}.site-shell{padding:0 12px}.shape-button{height:48px}.shape-button svg{width:30px;height:30px}.fighter-name{font-size:9px}.fighter-title{font-size:6px}.spin-track{width:53px}.arena-mode{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}.match-overlay{backdrop-filter:none}}

.quick-launch{display:none}@media(max-width:760px){.quick-launch{display:flex;position:absolute;bottom:39px;left:50%;transform:translateX(-50%);align-items:center;gap:28px;background:var(--lime);color:#26371c;padding:12px 16px;border-radius:8px;font-size:12px;font-weight:700;box-shadow:0 5px 18px #0b1a2250;z-index:2}.quick-launch span{font-size:19px;line-height:1}}