:root{--bg:#0b0e14;--panel:#131821;--line:#2b3443;--text:#f0f3f4;--muted:#87909b;--blue:#6ee7f5;--pink:#ff7caa;--lime:#d8f36a}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 20% 0,#102d3c 0,transparent 45%),radial-gradient(ellipse at 90% 80%,#351a34 0,transparent 43%),var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}.robot-shell{width:min(100% - 35px,780px);margin:auto;padding:25px 0 24px}header{display:flex;align-items:center;justify-content:space-between}.back-link{color:var(--muted);font-size:12px;text-decoration:none}.back-link:hover{color:var(--text)}.robot-brand{display:flex;align-items:center;gap:7px;font:700 13px "Space Grotesk";letter-spacing:1px}.robot-brand b{color:var(--blue)}.brand-core{width:14px;height:14px;border:2px solid var(--pink);border-radius:4px;box-shadow:0 0 12px #ff7caa88}.round-badge{padding:7px 9px;border:1px solid var(--line);border-radius:6px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px}.battle-head{display:grid;grid-template-columns:1fr 65px 1fr;gap:18px;align-items:end;margin:55px auto 24px;max-width:680px}.fighter-name{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;color:var(--blue);font-size:11px;font-weight:700;letter-spacing:1.5px}.fighter-pink .fighter-name{color:var(--pink)}.role-dot{width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 9px currentColor}.fighter-blue .role-dot{margin-right:auto;margin-left:8px}.fighter-pink .role-dot{order:-1;margin-right:8px}.hp-track{height:10px;overflow:hidden;border:1px solid #6ee7f53c;border-radius:99px;background:#17202a}.fighter-pink .hp-track{border-color:#ff7caa3c}.hp-track span{display:block;width:100%;height:100%;border-radius:inherit;background:var(--blue);box-shadow:0 0 15px #6ee7f5aa;transition:width .25s}.fighter-pink .hp-track span{margin-left:auto;background:var(--pink);box-shadow:0 0 15px #ff7caabb}.hp-label{display:flex;justify-content:space-between;margin-top:5px;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:1px}.hp-label b{color:var(--text);font:600 12px "Space Grotesk"}.versus{padding-bottom:9px;color:#ffffff55;text-align:center;font:700 11px "Space Grotesk";letter-spacing:1px}.arena{position:relative;overflow:hidden;width:100%;height:365px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#121c29,#0d131d 70%);box-shadow:inset 0 0 70px #0005,0 22px 80px #0005}.arena:after{content:"";position:absolute;bottom:41px;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--blue),#fff,var(--pink),transparent);box-shadow:0 0 16px var(--blue)}.arena-grid{position:absolute;inset:0;background:linear-gradient(#6ee7f50c 1px,transparent 1px),linear-gradient(90deg,#6ee7f50c 1px,transparent 1px);background-size:45px 45px;transform:perspective(280px) rotateX(58deg) scale(1.8);transform-origin:bottom;opacity:.45}.arena-label{position:absolute;top:17px;left:20px;color:#ffffff43;font:700 9px "Space Grotesk";letter-spacing:1.7px}.arena-label span{display:inline-block;width:5px;height:5px;margin:0 5px;border-radius:50%;background:var(--pink);box-shadow:0 0 7px var(--pink)}.arena-message{position:absolute;z-index:5;top:44%;left:50%;color:#ffffff20;transform:translate(-50%,-50%);font:700 clamp(28px,7vw,58px) "Space Grotesk";letter-spacing:9px}.robot{position:absolute;z-index:3;bottom:41px;width:76px;height:115px;transition:left .08s;filter:drop-shadow(0 9px 8px #0008)}.robot-player{left:12%;color:var(--blue)}.robot-cpu{right:12%;color:var(--pink);transform:scaleX(-1)}.antenna{position:absolute;left:36px;top:-19px;width:4px;height:18px;background:currentColor}.antenna:after{content:"";position:absolute;left:-3px;top:-5px;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.bot-head{position:absolute;top:0;left:7px;width:62px;height:46px;border:3px solid currentColor;border-radius:13px 13px 8px 8px;background:#121923}.bot-head i{position:absolute;top:17px;width:9px;height:9px;border-radius:2px;background:currentColor;box-shadow:0 0 9px currentColor}.bot-head i:first-child{left:14px}.bot-head i:last-child{right:14px}.bot-body{position:absolute;top:51px;left:15px;width:47px;height:54px;border:3px solid currentColor;border-radius:8px;background:#111923}.chest-light{position:absolute;left:17px;top:18px;width:9px;height:9px;border-radius:50%;background:currentColor;box-shadow:0 0 12px currentColor}.bot-arm{position:absolute;top:58px;width:13px;height:43px;border:3px solid currentColor;border-radius:8px;background:#111923}.arm-back{left:2px;transform:rotate(10deg)}.arm-front{right:-22px;transform:rotate(-12deg)}.arm-front em{position:absolute;right:-22px;top:10px;width:22px;height:8px;border:2px solid currentColor;border-radius:3px;background:#111923}.bot-leg{position:absolute;bottom:0;width:14px;height:33px;border:3px solid currentColor;border-radius:5px;background:#111923}.leg-back{left:17px}.leg-front{right:17px}.projectile{position:absolute;z-index:4;width:13px;height:5px;border-radius:9px;background:var(--blue);box-shadow:0 0 14px var(--blue);transition:left .04s}.projectile.enemy{background:var(--pink);box-shadow:0 0 14px var(--pink)}.controls{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px auto 13px}.control,.fire-button{border:1px solid var(--line);color:var(--text);background:var(--panel);cursor:pointer;box-shadow:0 7px 18px #0004;touch-action:none;user-select:none}.control{display:grid;place-items:center;width:57px;height:52px;border-radius:13px;font-size:24px}.control:active{background:#263440;border-color:var(--blue);transform:scale(.96)}.fire-button{display:flex;align-items:center;justify-content:center;gap:8px;width:124px;height:58px;border-color:var(--pink);border-radius:15px;color:var(--pink);font-size:11px;font-weight:700;letter-spacing:1.7px}.fire-button:active{background:#3a2231;transform:scale(.96)}.fire-icon{font-size:24px;line-height:0}.control-hint{display:flex;justify-content:center;gap:10px;align-items:center;color:var(--muted);font-size:10px}.control-hint span{width:3px;height:3px;border-radius:50%;background:var(--lime)}.battle-actions{display:flex;justify-content:center;gap:9px;margin-top:24px}.secondary-button,.primary-button{padding:11px 15px;border-radius:9px;font-size:11px;font-weight:700;cursor:pointer}.secondary-button{border:1px solid var(--line);color:var(--muted);background:transparent}.primary-button{border:0;color:#202817;background:var(--lime)}.primary-button span{margin-left:10px;font-size:16px}.help-popover{width:min(100% - 30px,310px);margin:16px auto 0;padding:16px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:var(--panel);font-size:11px;line-height:1.5}.help-popover[hidden]{display:none}.help-popover b{color:var(--text);font-family:"Space Grotesk"}.help-popover p{margin:7px 0 0}footer{padding-top:38px;color:#59616d;text-align:center;font-size:9px;letter-spacing:1.5px}footer span{color:var(--pink)}@media(max-width:560px){.robot-shell{width:min(100% - 25px,440px);padding-top:18px}.battle-head{gap:9px;margin-top:42px}.arena{height:330px}.robot{transform:scale(.82);transform-origin:bottom}.robot-cpu{transform:scaleX(-1) scale(.82)}.robot-player{left:7%}.robot-cpu{right:7%}.arena:after{bottom:37px}.controls{margin-top:23px}.control{width:62px;height:55px}.fire-button{width:113px}.robot-brand{font-size:11px}.round-badge{font-size:8px}}
.robot.crouching{height:82px;transform:scaleY(.72);transform-origin:bottom}.robot-cpu.crouching{transform:scaleX(-1) scaleY(.72);transform-origin:bottom}.robot.jumping{bottom:125px;transition:bottom .18s ease}.action-button{font-size:19px}.controls{flex-wrap:wrap}.control-hint{flex-wrap:wrap}@media(max-width:560px){.control{width:50px;height:50px}.action-button{font-size:18px}.fire-button{width:101px}}