@font-face{font-family:"Press Start 2P";src:url(/arcade/games/dev-wars/assets/pressstart2p.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden;background:#08070d;color:#f9f3e6;font-family:"Press Start 2P",ui-monospace,monospace}button{font:inherit}.cabinet{position:relative;display:grid;min-height:100dvh;place-items:center;padding:clamp(16px,3vw,34px);overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,195,57,.18),transparent 28rem),linear-gradient(#08070d75,#08070de0),url(/arcade/games/dev-wars/assets/urban-bg.png) center bottom / cover no-repeat}.cabinet:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle,transparent 52%,rgba(0,0,0,.62) 100%);z-index:4}.scanlines{position:absolute;inset:0;pointer-events:none;z-index:5;opacity:.32;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.08) 0 1px,transparent 1px 4px),repeating-linear-gradient(to right,rgba(255,0,120,.04) 0 2px,rgba(0,220,255,.04) 2px 4px,transparent 4px 6px);mix-blend-mode:screen}.back-link{position:fixed;top:14px;left:14px;z-index:8;color:#f9f3e6;text-decoration:none;border:2px solid rgba(249,243,230,.72);background:#08070dcc;padding:10px 12px;font-size:9px;box-shadow:4px 4px #000}.screen{position:relative;z-index:6;width:min(1100px,100%);min-height:min(720px,calc(100dvh - 64px));display:grid;grid-template-rows:auto 1fr auto;gap:18px;padding:clamp(16px,2.5vw,28px);border:8px solid #0b0b14;outline:3px solid #f6c94d;background:linear-gradient(145deg,#1c0e26eb,#0a0c18f5),radial-gradient(circle at center,rgba(0,255,195,.08),transparent 40rem);box-shadow:0 0 0 8px #00000085,0 26px 70px #000000b3,inset 0 0 54px #57ffeb24}.hud{display:grid;grid-template-columns:1fr auto auto;align-items:start;gap:14px}.eyebrow{margin:0 0 10px;color:#74f8d7;font-size:10px;text-transform:uppercase}h1{margin:0;color:#fff0a6;font-size:clamp(22px,5vw,54px);line-height:1.08;text-shadow:4px 4px 0 #000,0 0 18px rgba(255,214,76,.5)}.scoreboard{display:grid;gap:8px;min-width:160px;color:#f9f3e6;font-size:10px;text-align:right}.hud-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.icon-button,.start-button,.command{border:2px solid #f9f3e6;color:#f9f3e6;background:#151827;box-shadow:4px 4px #000;cursor:pointer}.icon-button{padding:10px;font-size:9px}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:18px;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.06) 0 1px,transparent 1px 4px),#05050ad1}.rules-modal{width:min(760px,100%);max-height:min(720px,calc(100dvh - 36px));overflow:auto;padding:clamp(18px,3vw,30px);border:5px solid #f6c94d;color:#f9f3e6;background:linear-gradient(145deg,#151827fa,#08070dfa),radial-gradient(circle at 20% 0%,rgba(116,248,215,.16),transparent 20rem);box-shadow:8px 8px #000,0 0 44px #f6c94d47}.rules-modal h2{margin:0;color:#fff0a6;font-size:clamp(18px,4vw,34px);line-height:1.25;text-shadow:3px 3px 0 #000}.rules-modal p,.rules-modal li{font-family:"Press Start 2P",ui-monospace,monospace;font-size:10px;line-height:1.8}.rules-modal>p{margin:18px 0}.rules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:18px 0}.rules-grid article{min-width:0;padding:14px;border:2px solid rgba(249,243,230,.72);background:#05050aa3;box-shadow:4px 4px #000}.rules-grid span{display:inline-grid;width:28px;height:28px;place-items:center;margin-bottom:12px;color:#05050a;background:#f6c94d;font-size:11px}.rules-grid h3{margin:0 0 10px;color:#74f8d7;font-size:13px}.rules-grid p{margin:0}.rules-list{display:grid;gap:8px;margin:0 0 20px;padding-left:18px}.arena{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(12px,3vw,28px)}.fighter{display:grid;gap:20px;align-content:end;min-width:0}.fighter--enemy{text-align:right}.health{display:grid;gap:8px}.health__meta{display:flex;justify-content:space-between;gap:8px;color:#f9f3e6;font-size:10px}.health__track{height:18px;overflow:hidden;border:3px solid #05050a;background:#2a1023;box-shadow:inset 0 0 0 2px #ffffff14}.health__fill{display:block;height:100%;background:linear-gradient(90deg,#3cf28f,#ffea5f 70%,#ff4c6f);transition:width .26s steps(8)}.sprite{min-height:300px;display:grid;place-items:end center;filter:drop-shadow(0 14px 0 rgba(0,0,0,.34))}.sprite img{width:min(360px,36vw);max-height:300px;object-fit:contain;image-rendering:auto;transform-origin:bottom center}.sprite--player img{transform:none}.sprite--enemy img{width:min(320px,32vw);transform:scaleX(-1)}.sprite--hit img{animation:hit-flash .42s steps(2)}.versus{width:clamp(72px,10vw,130px);aspect-ratio:1;display:grid;place-items:center;border:4px solid #f6c94d;color:#ff4c6f;background:#05050a;box-shadow:6px 6px #000,0 0 22px #f6c94d52;text-align:center;font-size:clamp(14px,2vw,24px)}.versus strong{color:#fff0a6;animation:pop .45s steps(4)}.console{display:grid;gap:12px;padding:18px;border:4px solid #05050a;background:#05050ad6;box-shadow:inset 0 0 0 2px #74f8d733}.console p{min-height:34px;margin:0;color:#f9f3e6;font-size:clamp(10px,1.6vw,13px);line-height:1.7}.console .turn-label{min-height:0;color:#74f8d7;font-size:9px;line-height:1.2;text-transform:uppercase}.turn-label--opponent{color:#ff7a9a}.commands{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.command,.start-button{padding:15px 12px;text-transform:uppercase;transition:transform .12s steps(2),background .12s steps(2),color .12s steps(2)}.command span{display:inline-grid;place-items:center;width:22px;height:22px;margin-right:8px;color:#05050a;background:#f6c94d}.command:hover,.command:focus-visible,.command--selected,.start-button:hover,.start-button:focus-visible,.icon-button:hover,.icon-button:focus-visible,.back-link:hover,.back-link:focus-visible{color:#05050a;background:#74f8d7;outline:none;transform:translate(-2px,-2px)}.command:disabled{cursor:wait;opacity:.58;transform:none}.command:disabled:hover,.command:disabled:focus-visible{color:#f9f3e6;background:#151827}.start-button{justify-self:start;animation:blink 1.15s steps(2) infinite}.round-flash{position:fixed;inset:0;z-index:9;display:grid;place-items:center;pointer-events:none;color:#fff0a6;background:#05050a94;font-size:clamp(30px,8vw,92px);text-shadow:6px 6px 0 #000;animation:round-flash .65s steps(5) forwards}.shake-player .fighter:not(.fighter--enemy),.shake-enemy .fighter--enemy,.shake-both .arena{animation:shake .32s steps(5)}@keyframes blink{50%{opacity:.55}}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}@keyframes hit-flash{0%,to{filter:brightness(1)}50%{filter:brightness(4) saturate(0)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(8px,-3px)}50%{transform:translate(-7px,4px)}75%{transform:translate(5px,3px)}}@keyframes round-flash{0%{opacity:0;transform:scale(.82)}35%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.12)}}@media(max-width:820px){.screen{min-height:calc(100dvh - 40px);gap:14px}.hud{grid-template-columns:1fr}.scoreboard{text-align:left}.hud-actions{justify-content:flex-start}.arena{grid-template-columns:1fr;gap:12px}.versus{width:74px;justify-self:center}.sprite{min-height:180px}.sprite img{width:min(260px,78vw);max-height:210px}.commands,.rules-grid{grid-template-columns:1fr}.back-link{position:absolute}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}