@font-face{font-family:Manrope;src:url(/assets/Manrope-VariableFont_wght-0N3pECc_.ttf)format("truetype")}@font-face{font-family:Frijole;src:url(/assets/Frijole-Regular-DcQ1LPGY.ttf)format("truetype")}*{box-sizing:border-box;color:#f3f4f6;margin:0;padding:0;font-family:Manrope,sans-serif}#root{background-image:url(/assets/textured-background-CVH1hk5l.webp);background-size:contain;min-height:100vh}main{padding:1rem}@media only screen and (width>=700px){main{padding:2rem}}.hero-outer-div{flex-direction:column;justify-content:center;align-items:center;display:flex}.hero-h1{text-align:center;font-family:Frijole,cursive;font-size:2rem;font-weight:400}@media only screen and (width>=700px){.hero-h1{font-size:3rem}}.hero-image{max-width:100%;max-height:50vh}.hero-buttons-div{gap:1rem;padding-top:1rem;display:flex}.hero-button{cursor:pointer;background:0 0;border:none;border-radius:8px;padding:.75rem 1.5rem;font-family:Frijole,cursive;font-size:1.5rem;transition:background-color .3s}.yes:hover{background-color:#3b8a4f}.no:hover{background-color:#c52323}.start-of-battle-h1{text-align:center;font-family:Frijole,cursive;font-size:2rem;font-weight:400}@media only screen and (width>=700px){.start-of-battle-h1{font-size:3rem}}.battle-select{flex-direction:column;align-items:center;gap:1rem;display:flex}.battle-robot-image{width:100%;max-width:320px;height:auto}.battle-carousel{align-items:center;gap:1rem;display:flex}.carousel-track{align-items:center;gap:.75rem;display:flex}.carousel-card-shell{flex-direction:column;align-items:center;gap:.5rem;transition:transform .2s,opacity .2s;display:flex}.carousel-card-shell-active{opacity:1;transform:scale(1)}.carousel-card-shell-side{opacity:.55;transform:scale(.88)}.carousel-card-image{border-radius:12px;width:100%;max-width:220px;height:auto;box-shadow:0 8px 20px #0003}.carousel-card-name{text-transform:capitalize;margin:0;font-size:1.1rem;font-weight:700}.carousel-nav,.carousel-select{color:#fff;cursor:pointer;background:#1f2937;border:none;border-radius:8px;padding:.6rem 1rem;font-size:.95rem;font-weight:600}.carousel-nav:hover,.carousel-select:hover{background:#111827}.carousel-selected{text-transform:capitalize;margin:0;font-weight:700}@media (width<=700px){.battle-carousel{gap:.5rem}.carousel-track{gap:.35rem}.carousel-card-shell-side{display:none}.carousel-card-image{max-width:170px}.carousel-nav,.carousel-select{padding:.55rem .8rem;font-size:.85rem}}