@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@400;600;700;800&display=swap');*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 80% 0,#164b68,#061a2d 55%);color:#f4f8fc;font-family:Heebo,Arial,sans-serif;font-size:17px}.top,.hud{max-width:680px;margin:auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.brand{font-weight:800;font-size:25px;letter-spacing:-1px}.brand span{color:#4fd5aa}.brand small{display:block;font-size:12px;font-weight:400;color:#b6c9d8;letter-spacing:0}.screen{max-width:680px;margin:10px auto 36px;padding:24px 20px}.setup,.card,.match,.result,.end,.home{background:rgba(4,20,38,.66);border:1px solid rgba(135,213,223,.18);border-radius:24px;box-shadow:0 18px 60px #0004}.home{text-align:center;margin-top:8vh}.eyebrow{color:#67dbb7;font-size:14px;font-weight:700;margin:0 0 5px}h1{font-size:34px;line-height:1.15;margin:6px 0 16px}h2{font-size:20px;margin:20px 0 10px}h2 small{font-size:13px;color:#a9c2d2}p{line-height:1.55;color:#d3e1ea}label{font-weight:700;display:block;margin:12px 0}input,select{font:inherit;color:#fff;background:#0b2942;border:1px solid #3b657c;border-radius:12px;padding:12px;width:100%;margin-top:5px}.inline,.rival{display:flex;gap:9px;align-items:end}.inline label{flex:1}.rival input{margin:0}.rival{margin:9px 0}.primary,.secondary,.choice,.tactics button,.ghost,.mini{font:inherit;font-weight:700;border:0;border-radius:14px;padding:14px 18px;cursor:pointer}.primary{background:#4fd5aa;color:#062133;width:100%;margin-top:18px}.secondary{background:#183d55;color:#eff9ff;margin-top:10px}.choice{width:100%;text-align:right;background:#10334d;color:white;border:1px solid #32617a;margin:8px 0}.choice small{float:left;color:#75e7c2}.ghost{background:transparent;color:#cde0eb;padding:7px}.mini{font-size:13px;padding:9px;background:#28617a;color:white;white-space:nowrap}.crest{width:58px;height:58px;border-radius:50%;object-fit:contain;background:#fff;padding:3px;display:inline-flex;align-items:center;justify-content:center}.placeholder{background:#123a54;font-size:28px}.preview{width:74px;height:74px;background:white;object-fit:contain;border-radius:14px;margin:6px}.tiny{width:34px;height:34px;object-fit:contain;border-radius:50%;background:white}.hint{color:#aac3d2;font-size:14px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#0b2942;border-radius:15px;padding:12px;margin:20px 0}.stats b{font-size:22px;color:#6ee2bd}.stats span{font-size:12px;color:#b4c8d5}.hud{font-size:13px;justify-content:flex-start;flex-wrap:wrap;background:#082238;border-radius:0 0 16px 16px}.hud .crest{width:34px;height:34px;font-size:17px}.versus{display:flex;align-items:center;justify-content:space-around;text-align:center;gap:9px;margin:25px 0}.versus div{display:grid;gap:8px;justify-items:center;width:40%}.versus strong{font-size:16px}.versus b{color:#78e6c0}.tactics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.tactics button{background:#e8f3f8;color:#0a2b41;padding:13px 6px}.scoreline{direction:ltr;display:flex;justify-content:center;gap:18px;align-items:end;font-size:16px;text-align:center;margin:28px 0}.scoreline div{display:grid;gap:5px}.scoreline b{font-size:62px;line-height:.9}.scoreline i{font-size:48px;color:#6fe2be}.scoreline .you{color:#76e5bf}.result{text-align:center}.trophy{font-size:66px}.end{text-align:center}.achievement{display:flex;justify-content:space-between;gap:12px;background:#0b2942;padding:13px;border-radius:12px;margin:7px 0;color:#829cab}.achievement.open{color:#eefcf6;border-right:3px solid #5de0b6}.achievement span{font-size:13px}@media(max-width:420px){.screen{padding:20px 15px}.top{padding:14px 15px}h1{font-size:29px}.hud{padding:10px 15px}.rival{align-items:center}.rival .mini{padding:9px 7px}}