:root{color-scheme:dark;--gold:#e5c286;--text:#f0ede5;--muted:#b4b9b9;--surface:#141a1df2;--line:#cbd0ca28}*{box-sizing:border-box}body{margin:0;background:#1c252a;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:700 13px Arial;letter-spacing:.05em;cursor:pointer;color:inherit;background:#263037;border:1px solid var(--line);border-radius:5px;padding:13px 17px}button:focus-visible,a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:hover{border-color:var(--gold)}[hidden]{display:none!important}#gym{position:fixed;inset:0;width:100vw;height:100dvh;display:block;touch-action:none}.screen-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,#111a247a,transparent 22%,transparent 69%,#111a24ac)}header{position:absolute;top:max(22px,env(safe-area-inset-top));left:28px;right:28px;display:flex;justify-content:space-between;align-items:flex-start;z-index:7}.brand{font-weight:900;font-size:22px;letter-spacing:-1px;line-height:1}.brand span{color:var(--gold)}.brand small{display:block;margin-top:9px;font-size:10px;font-weight:400;letter-spacing:4px;color:#d9d8cd}.header-actions{display:flex;gap:8px}.header-actions button{background:#101a24ad;font-size:11px;padding:10px 12px}kbd{font:700 10px Arial;padding:4px 6px;border:1px solid #d9dacf45;border-radius:3px;margin-right:3px;white-space:nowrap}.start-screen{position:absolute;inset:0;z-index:5;background:linear-gradient(90deg,#0c151df5,#0c151dd7 28%,#0c151d00 72%);display:flex;align-items:center;padding:85px 7vw 24px}.start-card{width:min(440px,100%)}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:2px}h1{font-size:clamp(36px,4.7vw,64px);line-height:.98;letter-spacing:-2.6px;margin:16px 0 21px;font-weight:900}h1 span{color:var(--gold)}p{font-size:16px;color:#bcc4c7;line-height:1.55}.pickers{display:flex;gap:10px;margin:26px 0 17px}.pickers button{width:calc(50% - 5px);position:relative;height:140px;padding:0;overflow:hidden;background:#263138}.pickers img{width:100%;height:100%;object-fit:cover;object-position:center 20%;opacity:.55;transition:opacity .2s}.pickers button.selected{border:2px solid var(--gold)}.pickers button.selected img{opacity:1}.pickers span{position:absolute;bottom:0;left:0;right:0;text-align:left;padding:20px 13px 11px;background:linear-gradient(transparent,#09151efa);font-size:12px}.primary{background:var(--gold);color:#1e272b;border-color:var(--gold);min-height:51px;width:100%;font-size:14px;letter-spacing:.08em}.load-status{font-size:12px;min-height:18px;line-height:1.45;margin:12px 0 20px}.other-mode{font-size:12px;color:#ccd1cd;text-decoration:underline;text-underline-offset:4px}#hud{position:absolute;left:28px;bottom:110px;width:230px;pointer-events:none}.health-label,.energy-label{display:flex;align-items:center;justify-content:space-between;font-size:12px;letter-spacing:.8px;margin-bottom:7px}.health-label b{font-size:19px}.energy-label{margin-top:12px;font-size:10px;color:var(--muted)}.bar{height:8px;background:#0e1920bf;border:1px solid #e2dfd521;overflow:hidden}.bar>div{height:100%;width:100%;transform-origin:left;transition:width .10s linear}.health>div{background:#e5e4d7}.energy{height:4px}.energy>div{background:var(--gold)}#wins{margin-top:13px;font-size:11px;letter-spacing:2px;color:var(--gold)}.opponent{position:absolute;top:30px;left:50%;transform:translateX(-50%);width:min(330px,35vw);text-align:center}.opponent-title{display:flex;align-items:center;justify-content:space-between;margin:6px 0 7px}.opponent h2{font-size:20px;letter-spacing:.5px;margin:0}.opponent-title b{font-size:12px;color:var(--muted)}.enemy>div{background:#ca7257}#opponent-action{margin-top:8px;font-size:10px;letter-spacing:1.5px;color:#e3cdbb}.hint{position:absolute;left:50%;bottom:87px;transform:translateX(-50%);width:min(580px,60vw);font-size:13px;text-align:center;color:#eee6d6;text-shadow:0 1px 6px #000;background:#0e192b8c;border:1px solid #d0ccc127;padding:11px 16px;border-radius:5px;pointer-events:none}.notice{position:absolute;left:50%;top:30%;transform:translateX(-50%);text-align:center;font-size:32px;font-weight:900;letter-spacing:-1px;text-shadow:0 3px 24px #07121a;pointer-events:none;color:var(--gold);opacity:0;transition:opacity .2s}.notice.show{opacity:1}.notice small{display:block;font-size:13px;letter-spacing:.7px;font-weight:400;color:white;margin-top:7px}.desktop-controls{position:absolute;bottom:20px;left:28px;right:28px;display:flex;gap:12px;justify-content:center;flex-wrap:wrap;pointer-events:none}.desktop-controls span{font-size:11px;white-space:nowrap;color:#d0d4d4}.desktop-controls small{width:100%;text-align:center;font-size:10px;color:#a4b1ba}.touch-controls{position:absolute;inset:0;pointer-events:none;z-index:4}#joystick{position:absolute;bottom:35px;left:26px;width:120px;height:120px;border:1px solid #e7e1d755;border-radius:50%;background:#09162380;pointer-events:auto;touch-action:none}#stick{position:absolute;top:36px;left:36px;width:46px;height:46px;background:#d5c6a8b3;border:1px solid #ffeece88;border-radius:50%}#joystick i{position:absolute;bottom:-21px;width:100%;text-align:center;font-size:9px;letter-spacing:2px;color:#d0d2cf;font-style:normal}.touch-actions{position:absolute;right:23px;bottom:23px;display:grid;grid-template-columns:65px 78px;gap:10px;align-items:center;pointer-events:auto}.touch-actions button{padding:0;width:65px;height:57px;border-radius:50%;font-size:10px;background:#15222bcc;touch-action:none}.touch-actions .jab{width:78px;height:78px;background:var(--gold);color:#1c262d;font-size:13px}.touch-actions button.pressed{background:#ecddbb;color:#1c262d}.modal{position:absolute;inset:0;background:#06101ada;backdrop-filter:blur(8px);z-index:20;display:flex;align-items:center;justify-content:center;padding:24px}.modal section{width:min(400px,100%);padding:30px;background:#19242b;border:1px solid #d4d4c630;border-radius:9px}.modal h2{font-size:40px;letter-spacing:-1.5px;margin:12px 0}.modal p{font-size:15px}.modal button{width:100%;margin-top:12px}.modal a{display:block;text-align:center;font-size:11px;letter-spacing:1px;margin-top:23px;color:#b8c1c3}#damage-flash{position:fixed;inset:0;pointer-events:none;z-index:2;box-shadow:inset 0 0 160px #c04534;opacity:0;transition:opacity .08s}#npc-labels{position:fixed;inset:0;pointer-events:none}.npc-label{position:absolute;transform:translate(-50%,-100%);background:#101b25bd;border:1px solid #e9dfcd25;padding:5px 8px;border-radius:4px;text-align:center;font-size:10px;letter-spacing:.7px;white-space:nowrap}.npc-label small{display:block;font-size:8px;color:#c1c6c3;margin-top:3px;letter-spacing:1px}.npc-label.enemy{border-color:#d78e6e;color:#ecc79f}noscript{position:absolute;top:45%;width:100%;text-align:center}
@media(pointer:coarse){.desktop-controls{display:none!important}#hud{bottom:196px;width:160px}.hint{bottom:193px;font-size:11px;max-width:50vw}.notice{font-size:25px;top:31%}}
@media(max-width:650px){header{top:17px;left:18px;right:18px}.brand{font-size:19px}.brand small{font-size:8px;letter-spacing:3px}.header-actions button{font-size:9px;padding:9px}.header-actions kbd{display:none}.start-screen{padding:84px 24px 28px;background:linear-gradient(90deg,#0b1621ed,#0b1621b0)}.start-card{max-width:370px;margin:auto}h1{font-size:45px;margin:13px 0 14px}.start-card p{font-size:14px}.pickers{margin:20px 0 14px}.pickers button{height:132px}.opponent{top:91px;width:220px;max-width:80vw}.opponent h2{font-size:17px}#hud{left:21px;bottom:193px;width:135px}.health-label{font-size:10px}.health-label b{font-size:16px}.hint{bottom:178px;left:auto;right:20px;transform:none;width:170px;max-width:45vw;font-size:10px;padding:9px}#wins{font-size:9px}.notice{top:33%;font-size:27px;width:90%}}
@media(max-height:600px) and (orientation:landscape){.start-screen{padding:68px 30px 18px}.start-card{max-width:470px}h1{font-size:32px;margin:8px 0}.start-card p{font-size:12px;margin:8px 0}.pickers{position:absolute;left:53%;top:96px;width:36%;max-width:300px;margin:0}.pickers button{height:150px}.start-card .primary{max-width:300px;margin-top:10px}.load-status{font-size:10px!important;max-width:300px}.other-mode{font-size:10px}.opponent{top:16px;width:240px}.brand{font-size:18px}#hud{left:20px;bottom:163px;width:130px}.hint{bottom:30px;width:280px;left:50%;right:auto;transform:translateX(-50%);max-width:38vw;font-size:11px}#joystick{width:105px;height:105px;bottom:23px}#stick{top:29px;left:29px}.touch-actions{bottom:15px}.notice{top:30%}.npc-label small{display:none}}

.header-actions button,.touch-actions button,.desktop-controls span,.energy-label,.health-label,.other-mode{font-size:12px}.desktop-controls small{font-size:12px}.eyebrow{font-size:12px}.touch-actions .jab{font-size:14px}.load-status{font-size:13px}.pickers span{font-size:14px}@media(max-width:650px){.hint{font-size:12px;bottom:180px}.header-actions button{font-size:10px}.load-status{font-size:12px}.touch-actions button{font-size:12px}}