@import url("https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap");@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap");.step-indicator{text-align:center;padding:.8rem;font-size:.7rem;font-family:Press Start\ 2P,cursive;color:#F2EBD1;position:relative;border:2px solid #1894bc;background:rgba(15,14,12,.9);margin:0 .5rem;transition:all .3s ease}.step-indicator.active{opacity:1;background:#af2924;box-shadow:0 0 15px rgba(24,140,179,.3);border-color:#1894bc}.step-container{background:rgba(15,14,12,.95);border:3px solid #1894bc;border-radius:12px;padding:2rem;box-shadow:0 0 30px rgba(24,140,179,.2),0 0 60px rgba(24,140,179,.1),inset 0 0 20px rgba(24,140,179,.1);backdrop-filter:blur(10px);position:relative;overflow:hidden;z-index:3;font-family:Bebas Neue,sans-serif}.step-container:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#1894bc,transparent);animation:scanline 2s linear infinite}.retro-input{width:100%;background:rgba(15,14,12,.8);border:2px solid #1894bc;color:#F2EBD1;padding:16px;font-family:Arial,sans-serif;font-size:1.2rem;margin-top:.5rem;transition:all .3s ease;border-radius:4px;letter-spacing:2px;text-transform:none}.retro-input:focus{outline:none;border-color:#d4bd02;box-shadow:0 0 15px rgba(24,140,179,.3)}.color-preview{width:30px;height:30px;border:2px solid #1894bc;border-radius:4px;margin-right:10px;min-width:30px}.review-section{background:rgba(15,14,12,.9);border:2px solid #1894bc;padding:1.5rem;border-radius:8px;color:#F2EBD1}.review-section h3{color:#d4bd02;font-family:Bebas Neue,sans-serif;letter-spacing:2px;font-size:1.8rem}.review-section p{font-family:Arial,sans-serif;letter-spacing:2px;font-size:1.2rem;text-transform:none}.fighter-input,.round-input{background:rgba(15,14,12,.9);border:2px solid #1894bc;padding:1.5rem;border-radius:8px;margin-bottom:1rem;transition:all .3s ease}.fighter-input:hover,.round-input:hover{box-shadow:0 0 20px rgba(24,140,179,.2)}.fighter-input h3,.round-input label{font-family:Bebas Neue,sans-serif;letter-spacing:2px;font-size:1.8rem}select.retro-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%231894bc' viewBox='0 0 16 16'%3E%3Cpath d='M8 11l-7-7h14z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem;min-width:150px}.retro-btn{background-color:#af2924;color:#F2EBD1;font-family:Bebas Neue,sans-serif;font-size:1.2rem;padding:8px 40px;border:2px solid #1894bc;border-radius:4px;position:relative;overflow:hidden;transition:all .3s ease;letter-spacing:2px;text-transform:uppercase;box-shadow:0 4px 15px rgba(24,140,179,.3);min-width:150px;text-align:center}.retro-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(24,140,179,.4)}@keyframes scanline{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media screen and (max-width:768px){.step-indicator{font-size:.5rem;padding:.5rem}.step-container{padding:1rem}.retro-input{font-size:1rem;padding:12px}.fighter-input,.round-input{padding:1rem}.fighter-input h3,.round-input label{font-size:1.4rem}.retro-btn{padding:6px 30px;min-width:120px}.retro-btn,.review-section p{font-size:1rem}}.dashboard-container{min-height:100vh;background-color:var(--background);font-family:Bebas Neue,sans-serif;letter-spacing:.5px;line-height:1.6;position:relative;background:linear-gradient(rgba(15,14,12,.92),rgba(15,14,12,.92)),repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(24,140,179,.1) 3px,rgba(24,140,179,.1) 0);overflow:hidden;padding:60px 0 0;z-index:1}.dashboard-container:before{background:linear-gradient(90deg,rgba(24,140,179,.03) 1px,transparent 0),linear-gradient(rgba(24,140,179,.03) 1px,transparent 0);background-size:20px 20px;animation:gridMove 15s linear infinite}.dashboard-container:after,.dashboard-container:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:0}.dashboard-container:after{background:radial-gradient(circle at 20% 30%,rgba(24,140,179,.1) 0,transparent 100px),radial-gradient(circle at 80% 70%,rgba(212,189,2,.1) 0,transparent 100px),radial-gradient(circle at 40% 80%,rgba(178,42,38,.1) 0,transparent 100px);filter:blur(10px);animation:floatingLights 8s ease-in-out infinite alternate}nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(15,14,12,.95)}.max-w-3xl{position:relative;z-index:2;margin-top:3rem;padding:5rem 2rem 2rem}@keyframes gridMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}@keyframes floatingLights{0%{opacity:.5;transform:translateY(0) scale(1)}50%{opacity:.7;transform:translateY(-20px) scale(1.1)}to{opacity:.5;transform:translateY(0) scale(1)}}.color-picker-container{display:flex;gap:10px;margin-top:8px}.color-option{width:30px;height:30px;border:2px solid #1894bc;border-radius:4px;cursor:pointer;transition:all .3s ease}.color-option:hover{transform:translateY(-2px);box-shadow:0 0 15px rgba(24,140,179,.3)}.color-option.selected{border:2px solid #d4bd02;box-shadow:0 0 20px rgba(212,189,2,.3)}.color-picker-wrapper{display:flex;align-items:center;gap:10px;position:relative}.guest-option-card{flex:1;min-width:250px;transition:all .3s ease}.guest-option-card:hover{transform:translateY(-5px)}.guest-option-card .pixel-border{height:100%;display:flex;flex-direction:column;justify-content:space-between}.guest-option-card .retro-btn{margin-top:auto;width:100%}.text-f2ebd1{color:#F2EBD1}@media (max-width:768px){.guest-option-card{min-width:100%;margin-bottom:1rem}}