@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Rajdhani:wght@500;600;700&display=swap');
:root{--gold:#ffc34a;--amber:#ff8a25;--red:#f54a49;--cyan:#2cc7ff;--ink:#070b1b;--panel:#091329ef;--line:#52638e;--muted:#9da9c9;--white:#f7f5ed}
*{box-sizing:border-box} html,body{width:100%;height:100%;margin:0;background:#050813;color:var(--white);overflow:hidden;font-family:Rajdhani,Arial,sans-serif} button{font:inherit;cursor:pointer} button:focus-visible{outline:4px solid #fff;outline-offset:3px} #shell{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at center,#15244d,#050813 75%)} #stage{position:relative;width:1536px;height:864px;overflow:hidden;transform-origin:center center;background:#101833;box-shadow:0 0 0 4px #182546,0 28px 90px #000} #game{position:absolute;inset:0;width:100%;height:100%} #screen{position:absolute;inset:0;pointer-events:none} #screen>*{pointer-events:auto}.pixel{font-family:'Press Start 2P',Impact,monospace;line-height:1.35;text-shadow:0 4px 0 #0a0b17,3px 3px 0 #0a0b17;letter-spacing:-1px}.title{font-size:64px;text-align:center;margin:0;color:#ffce61;text-shadow:0 5px 0 #ef6b34,0 10px 0 #8b2741,5px 14px 0 #070817;white-space:nowrap}.subtitle{text-align:center;font:700 20px 'Press Start 2P',monospace;color:#a8aaca;letter-spacing:1px;margin-top:6px}.screen-bg{position:absolute;inset:0;background:linear-gradient(#080c1b9b,#090e21d6),url('assets/home-office.png') center/cover}.screen-bg.arena{background:linear-gradient(#080c1bba,#090e21c7),url('assets/coworking.png') center/cover}.inner{position:absolute;inset:20px 55px 22px;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:center;min-height:100px;position:relative}.back{position:absolute;left:0;top:18px;color:#b6c1de;background:none;border:0;font:700 20px 'Press Start 2P',monospace;text-shadow:2px 3px #050714;padding:12px}.back:hover{color:#fff}.back:before{content:'← ';color:#8fb9f6}.eyebrow{font:700 14px 'Press Start 2P',monospace;color:#75d8ff;text-align:center;letter-spacing:2px;margin:0 0 10px}.step{color:#8ca2c6;position:absolute;right:0;top:23px;font:700 15px 'Press Start 2P',monospace}.fighter-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;min-height:0;flex:1;padding:19px 0 13px}.fighter-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(150deg,#26355c,#0a142d 65%);border:4px solid #53658e;box-shadow:inset 0 0 0 4px #09152d,0 10px 0 #050918;overflow:hidden;text-align:left;color:inherit;padding:0;transition:transform .12s,border-color .12s}.fighter-card:hover{transform:translateY(-5px);border-color:#b4d8ef}.fighter-card.selected{border-color:var(--cyan);box-shadow:inset 0 0 0 4px #095a9a,0 0 0 4px #0c4b9a,0 0 24px #158cff,0 10px 0 #050918}.fighter-card.enemy.selected{border-color:#ff6381;box-shadow:inset 0 0 0 4px #8d2949,0 0 0 4px #831b49,0 0 22px #fa4384,0 10px 0 #050918}.card-art{height:330px;background:radial-gradient(circle at 50% 35%,#555079 0%,#1b2349 55%,#0a1531 100%);display:flex;align-items:flex-end;justify-content:center;overflow:hidden;position:relative}.card-art:after{content:'';position:absolute;inset:auto 0 0;height:60px;background:linear-gradient(transparent,#111a37)}.card-art img{height:350px;max-width:95%;object-fit:contain;object-position:bottom;filter:drop-shadow(7px 7px #050713);image-rendering:auto}.card-art.builder{background:radial-gradient(circle at 40% 35%,#89484d,#242343 65%,#0a1329)}.card-art.marketer{background:radial-gradient(circle at 60% 35%,#655493,#232753 65%,#0a1329)}.card-art.maker{background:radial-gradient(circle at 55% 35%,#277f78,#203756 65%,#0a1329)}.card-copy{padding:19px 22px 16px;flex:1}.name{font:700 21px 'Press Start 2P',monospace;color:#fff;margin:0 0 12px;white-space:nowrap}.tagline{font-size:21px;color:#b3bfd7;font-weight:600;margin:0 0 13px}.badge-row{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.badge{font:700 12px 'Press Start 2P',monospace;padding:8px 9px;border:2px solid #4b5e86;background:#101d3b;color:#a8c7e9}.badge.r{color:#ffba8c;border-color:#8c4f57}.badge.g{color:#94e8bc;border-color:#397968}.special-line{font:700 16px 'Press Start 2P',monospace;color:#ffca57;margin-top:17px}.difficulty-line{font-size:20px;font-weight:700;color:#d8e0fa;margin-top:7px}.difficulty-line b{color:#fff}.bottom-panel{height:125px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:3px solid #435b8b;background:linear-gradient(90deg,#091124e8,#132449ed);padding:14px 24px;box-shadow:0 -8px 34px #0008}.selected-info{font-size:20px;color:#bdc9df}.selected-info strong{font:700 19px 'Press Start 2P',monospace;color:white}.selected-info span{display:block;margin-top:8px}.btn{border:4px solid #a45d27;background:linear-gradient(#ffe069 0%,#ffba29 55%,#f07b14 100%);color:#1a1320;box-shadow:inset 0 0 0 4px #ffc44a,0 7px 0 #492029,0 11px 0 #070918;padding:18px 28px;font:700 24px 'Press Start 2P',monospace;text-shadow:2px 2px #fff4;min-width:245px;white-space:nowrap}.btn:hover{filter:brightness(1.13);transform:translateY(-2px)}.btn:active{transform:translateY(5px);box-shadow:inset 0 0 0 4px #ffc44a,0 2px 0 #492029}.btn.secondary{background:linear-gradient(#304b85,#162b58);border-color:#667eb1;box-shadow:inset 0 0 0 3px #314e8a,0 6px 0 #080b19;color:#fff;font-size:17px;min-width:auto}.btn.blue{background:linear-gradient(#3ebcff,#086cdb);border-color:#64d5ff;box-shadow:inset 0 0 0 3px #0e8eea,0 6px 0 #062146;color:white}.btn.purple{background:linear-gradient(#b34aff,#6c1cb5);border-color:#cf77ff;box-shadow:inset 0 0 0 3px #9230dc,0 6px 0 #270742;color:white}.arena-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);gap:16px;flex:1;min-height:0;padding:20px 0 24px}.arena-card{position:relative;background:#101a37;border:4px solid #52648c;box-shadow:0 6px 0 #040717;overflow:hidden;color:#fff;padding:0;text-align:center}.arena-card:hover:not(:disabled){border-color:#badcfb}.arena-card.selected{border-color:#35baff;box-shadow:0 0 0 4px #1367bb,0 0 22px #188aff,0 6px 0 #040717}.arena-card img{width:100%;height:100%;object-fit:cover}.arena-card .arena-label{position:absolute;inset:auto 0 0;background:#070e22e8;border-top:2px solid #7389b2;padding:12px 5px;font:700 13px 'Press Start 2P',monospace;text-shadow:2px 3px #000;white-space:nowrap}.arena-card.locked{filter:saturate(.45);cursor:not-allowed}.arena-card.locked .lock{position:absolute;inset:0;display:grid;place-items:center;background:#050b1a9c;color:#c3c9dc;font:700 45px 'Press Start 2P',monospace}.arena-card.locked .arena-label{color:#8390ad}.preview-row{height:105px;display:flex;align-items:center;justify-content:center;gap:20px;background:#091229dd;border:3px solid #354c78;box-shadow:0 7px #050817;margin:0 0 17px}.preview-row img{height:95px;width:90px;object-fit:contain}.preview-row .vs{font:700 28px 'Press Start 2P',monospace;color:#ffbf48;text-shadow:3px 4px #9a342e}.preview-row .who{font:700 15px 'Press Start 2P',monospace;color:#fff;min-width:200px;text-align:center}.arena-bottom{height:100px;display:flex;align-items:center;justify-content:space-between}.arena-bottom .small-note{font-size:21px;color:#b9c8e9;font-weight:700}.hud{position:absolute;top:18px;left:25px;right:25px;height:135px;display:flex;justify-content:space-between;align-items:flex-start;gap:24px;pointer-events:none}.hud-side{width:610px;display:flex;gap:12px;align-items:flex-start}.hud-side.right{flex-direction:row-reverse;text-align:right}.hud-face{width:103px;height:111px;background:#283657;border:4px solid #d7e5f7;box-shadow:4px 5px #071026;object-fit:cover;object-position:center 22%;}.hud-main{flex:1}.hud-name{font:700 17px 'Press Start 2P',monospace;color:white;white-space:nowrap;margin:6px 0 10px;text-shadow:2px 3px #0b0c16}.health-border{height:36px;border:4px solid #e9f2ff;padding:3px;background:#070c20;box-shadow:0 4px 0 #060a1a;overflow:hidden}.health-fill{height:100%;background:linear-gradient(90deg,#46da35 0%,#89ea34 80%,#e0ea3e);transition:width .16s;box-shadow:inset 0 -5px #209d38}.hud-side.right .health-fill{margin-left:auto;background:linear-gradient(90deg,#e6e83c,#7fe741 70%,#3bd941)}.meter{margin-top:8px;height:16px;border:3px solid #526996;background:#0b132c;overflow:hidden}.meter>div{height:100%;width:0;background:linear-gradient(90deg,#185dff,#31ddff);transition:width .2s}.hud-side.right .meter>div{margin-left:auto;background:linear-gradient(90deg,#ff2f84,#ff7cba)}.hud-mini{display:flex;gap:8px;margin-top:8px;align-items:center;color:#a9c2ec;font:700 13px 'Press Start 2P',monospace}.hud-side.right .hud-mini{justify-content:flex-end}.round-dot{display:inline-block;width:19px;height:19px;border:3px solid #e4efff;border-radius:50%;background:#091326}.round-dot.on{background:#ffbe3d;box-shadow:0 0 10px #ff932a}.center-hud{min-width:190px;text-align:center;font:700 18px 'Press Start 2P',monospace;color:#f2f3fb;text-shadow:2px 3px #090d1e}.timer{font:700 65px 'Press Start 2P',monospace;color:#ffc748;text-shadow:0 5px #e15a31,4px 8px #25102c;margin-top:8px}.fight-bottom{position:absolute;bottom:18px;left:30px;right:30px;display:flex;align-items:flex-end;justify-content:space-between;pointer-events:none}.control-strip{display:flex;gap:8px}.keycap{width:90px;background:#09132be8;border:3px solid #516899;box-shadow:0 5px #080e22;text-align:center;padding:9px 4px 5px;color:#e9f0ff;font:700 12px 'Press Start 2P',monospace}.keycap b{display:block;font:700 26px 'Press Start 2P',monospace;color:white;margin-bottom:6px}.keycap.special b{color:#36caff}.fight-actions{pointer-events:auto;display:flex;gap:10px}.tiny-btn{font:700 13px 'Press Start 2P',monospace;color:#e7f0ff;background:#101a38de;border:3px solid #5972aa;padding:13px 15px;box-shadow:0 4px #070d1e}.tiny-btn:hover{background:#21467e}.round-banner{position:absolute;top:40%;left:0;right:0;text-align:center;font:700 72px 'Press Start 2P',monospace;color:#ffca56;text-shadow:0 7px #dc4b34,5px 13px #080b19;pointer-events:none;animation:banner .9s both}@keyframes banner{0%{transform:scale(.5);opacity:0}25%{transform:scale(1.15);opacity:1}100%{transform:scale(1);opacity:1}}.result-cover{position:absolute;inset:0;background:linear-gradient(90deg,#070a19ce,#0a0e22a9),url('assets/home-office.png') center/cover;display:flex;align-items:center;justify-content:center}.result-box{position:absolute;right:68px;top:290px;width:550px;border:5px solid #7b91b9;box-shadow:inset 0 0 0 5px #131d39,0 9px 0 #060918,0 0 25px #0009;background:#071126ed;padding:27px 30px}.result-title{font:700 75px 'Press Start 2P',monospace;color:#ffc43f;text-shadow:0 7px #e2562c,4px 11px #0d0e20;text-align:center;white-space:nowrap;position:absolute;top:98px;left:0;right:0}.result-sub{text-align:center;position:absolute;top:201px;left:0;right:0;font:700 20px 'Press Start 2P',monospace;color:white}.result-fighter{position:absolute;left:75px;bottom:90px;width:390px;height:560px;object-fit:contain;object-position:bottom;filter:drop-shadow(12px 12px #050711)}.result-name{font:700 23px 'Press Start 2P',monospace;color:#fff;margin-bottom:10px}.result-tag{color:#a8bbdf;font-size:23px;margin-bottom:18px}.stat{display:flex;justify-content:space-between;border-top:2px solid #293758;padding:8px 0;font-size:21px;color:#a9bde2;font-weight:700}.stat b{font-family:'Press Start 2P',monospace;font-size:15px;color:#fff}.final-blow{display:flex;gap:16px;align-items:center;border:3px solid #435b83;background:#0d1a36;padding:16px;margin-top:12px}.final-blow .icon{font-size:50px}.final-blow b{display:block;color:#ffcb4c;font:700 15px 'Press Start 2P',monospace}.final-blow span{display:block;font-size:20px;color:#d6e3f8;margin-top:7px}.result-actions{position:absolute;bottom:25px;left:45px;right:45px;display:flex;gap:14px;justify-content:center}.result-actions .btn{font-size:14px;min-width:0;flex:1;padding:19px 10px}.modal-back{position:absolute;inset:0;background:#030716cc;display:grid;place-items:center;z-index:20}.modal{width:800px;background:linear-gradient(#142347,#090f23);border:5px solid #6f8dbd;box-shadow:0 12px #020714,0 0 50px #000;padding:30px 36px}.modal-head{display:flex;align-items:center;justify-content:space-between;border-bottom:3px solid #3b537f;padding-bottom:18px}.modal h2{font:700 26px 'Press Start 2P',monospace;color:#ffcb55;margin:0}.modal-close{background:#1d315d;border:3px solid #6884ba;color:white;padding:8px 13px;font:700 18px 'Press Start 2P',monospace}.combo-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.combo{border:2px solid #354b78;background:#0a1631;padding:14px 17px;min-height:87px}.combo b{font:700 13px 'Press Start 2P',monospace;color:#fff}.combo code{display:block;font:700 17px 'Press Start 2P',monospace;color:#41caff;margin-top:10px}.combo small{display:block;font-size:17px;color:#b6c7e6;margin-top:5px}.modal-foot{margin-top:22px;font-size:21px;color:#b6c9e6}.modal-foot strong{color:#ffce5e}#toast{position:absolute;z-index:50;top:21%;left:50%;transform:translateX(-50%);color:#fff;background:#102348e8;border:3px solid #4cbaff;padding:13px 20px;font:700 14px 'Press Start 2P',monospace;box-shadow:0 6px #071126;opacity:0;transition:opacity .18s;pointer-events:none;white-space:nowrap}#toast.show{opacity:1}
.result-sub{top:225px}.result-actions{left:35px;right:35px;bottom:22px;gap:13px}.result-actions .btn{font-size:13px;padding:18px 9px}.result-box{top:280px}
.preview-row{height:160px;justify-content:space-between;padding:4px 18px}.preview-fighter{height:100%;width:315px;display:flex;align-items:center;justify-content:center;gap:14px}.preview-fighter.right{text-align:right}.preview-fighter img{height:144px;width:110px;object-fit:contain;filter:drop-shadow(3px 4px #050813)}.preview-fighter .who{min-width:0;font-size:13px;line-height:1.6}.preview-center{height:145px;flex:1;max-width:610px;border:3px solid #6884b5;box-shadow:inset 0 0 0 3px #071124,0 4px #050918;background-position:center;background-size:cover;position:relative;display:grid;place-items:center}.preview-vs{font:700 38px 'Press Start 2P',monospace;color:#ffca55;text-shadow:3px 5px #9a342e,5px 7px #070a1b}.preview-center strong{position:absolute;left:0;right:0;bottom:0;background:#061028db;text-align:center;color:white;font:700 14px 'Press Start 2P',monospace;padding:8px}
.fighter-grid{grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;padding:10px 0 12px}.fighter-card{min-height:0}.card-art{height:145px;flex-shrink:0}.card-art img{height:143px}.card-copy{padding:9px 14px 7px}.name{font-size:15px;margin-bottom:5px}.tagline{font-size:16px;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{font-size:9px;padding:5px 6px}.special-line{font-size:11px;margin-top:8px}.difficulty-line{display:none}.bottom-panel{height:116px}.selected-info{font-size:18px;max-width:1020px}.selected-info strong{font-size:18px}.card-art.marc{background:radial-gradient(circle at 50% 35%,#5a6651,#1b2942 65%,#0a1329)}.card-art.rob{background:radial-gradient(circle at 50% 35%,#85634b,#232541 65%,#0a1329)}.card-art.tibo{background:radial-gradient(circle at 50% 35%,#527b8c,#213454 65%,#0a1329)}
.fighter-card{display:grid;grid-template-columns:42% 58%;grid-template-rows:1fr;align-items:stretch}.card-art{height:100%;min-height:0;width:100%;align-items:stretch}.card-art img{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;filter:drop-shadow(3px 4px #050713)}.card-copy{min-width:0;display:flex;flex-direction:column;justify-content:center;padding:11px 14px}.name{font-size:14px;line-height:1.35;white-space:normal}.tagline{font-size:17px;line-height:1.12;white-space:normal;max-height:39px;overflow:hidden}.badge-row{gap:5px}.badge{font-size:9px;padding:4px 5px}.special-line{font-size:11px;margin-top:9px}.difficulty-line{display:block;color:#bfcee8;font-size:16px;line-height:1.1;margin-top:6px}