@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";
@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";
.step-indicator{text-align:center;color:#f2ebd1;background:#0f0e0ce6;border:2px solid #1894bc;margin:0 .5rem;padding:.8rem;font-family:"Press Start 2P",cursive;font-size:.7rem;transition:all .3s;position:relative}.step-indicator.active{opacity:1;background:#af2924;border-color:#1894bc;box-shadow:0 0 15px #188cb34d}.step-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:3;background:#0f0e0cf2;border:3px solid #1894bc;border-radius:12px;padding:2rem;font-family:Bebas Neue,sans-serif;position:relative;overflow:hidden;box-shadow:0 0 30px #188cb333,0 0 60px #188cb31a,inset 0 0 20px #188cb31a}.step-container:before{content:"";background:linear-gradient(90deg,#0000,#1894bc,#0000);width:100%;height:2px;animation:2s linear infinite scanline;position:absolute;top:0;left:0}.retro-input{color:#f2ebd1;letter-spacing:2px;text-transform:none;background:#0f0e0ccc;border:2px solid #1894bc;border-radius:4px;width:100%;margin-top:.5rem;padding:16px;font-family:Arial,sans-serif;font-size:1.2rem;transition:all .3s}.retro-input:focus{border-color:#d4bd02;outline:none;box-shadow:0 0 15px #188cb34d}.color-preview{border:2px solid #1894bc;border-radius:4px;width:30px;min-width:30px;height:30px;margin-right:10px}.review-section{color:#f2ebd1;background:#0f0e0ce6;border:2px solid #1894bc;border-radius:8px;padding:1.5rem}.review-section h3{color:#d4bd02;letter-spacing:2px;font-family:Bebas Neue,sans-serif;font-size:1.8rem}.review-section p{letter-spacing:2px;text-transform:none;font-family:Arial,sans-serif;font-size:1.2rem}.fighter-input,.round-input{background:#0f0e0ce6;border:2px solid #1894bc;border-radius:8px;margin-bottom:1rem;padding:1.5rem;transition:all .3s}.fighter-input:hover,.round-input:hover{box-shadow:0 0 20px #188cb333}.fighter-input h3,.round-input label{letter-spacing:2px;font-family:Bebas Neue,sans-serif;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-position:right 1rem center;background-repeat:no-repeat;min-width:150px;padding-right:2.5rem}.retro-btn{color:#f2ebd1;letter-spacing:2px;text-transform:uppercase;text-align:center;background-color:#af2924;border:2px solid #1894bc;border-radius:4px;min-width:150px;padding:8px 40px;font-family:Bebas Neue,sans-serif;font-size:1.2rem;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 15px #188cb34d}.retro-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #188cb366}@keyframes scanline{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media screen and (max-width:768px){.step-indicator{padding:.5rem;font-size:.5rem}.step-container{padding:1rem}.retro-input{padding:12px;font-size:1rem}.fighter-input,.round-input{padding:1rem}.fighter-input h3,.round-input label{font-size:1.4rem}.retro-btn{min-width:120px;padding:6px 30px;font-size:1rem}.review-section p{font-size:1rem}}.dashboard-container{background-color:var(--background);letter-spacing:.5px;z-index:1;background:linear-gradient(#0f0e0ceb,#0f0e0ceb),repeating-linear-gradient(0deg,#0000 0 2px,#188cb31a 3px 3px);min-height:100vh;padding:60px 0 0;font-family:Bebas Neue,sans-serif;line-height:1.6;position:relative;overflow:hidden}.dashboard-container:before{content:"";pointer-events:none;z-index:0;background-color:#0000;background-image:linear-gradient(90deg,#188cb308 1px,#0000 1px),linear-gradient(#188cb308 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;animation:15s linear infinite gridMove;position:fixed;inset:0}.dashboard-container:after{content:"";filter:blur(10px);pointer-events:none;z-index:0;background:radial-gradient(circle at 20% 30%,#188cb31a 0,#0000 100px),radial-gradient(circle at 80% 70%,#d4bd021a 0,#0000 100px),radial-gradient(circle at 40% 80%,#b22a261a 0,#0000 100px);animation:8s ease-in-out infinite alternate floatingLights;position:fixed;inset:0}nav{z-index:1000;background:#0f0e0cf2;position:fixed;top:0;left:0;right:0}.max-w-3xl{z-index:2;margin-top:3rem;padding:5rem 2rem 2rem;position:relative}@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{gap:10px;margin-top:8px;display:flex}.color-option{cursor:pointer;border:2px solid #1894bc;border-radius:4px;width:30px;height:30px;transition:all .3s}.color-option:hover{transform:translateY(-2px);box-shadow:0 0 15px #188cb34d}.color-option.selected{border:2px solid #d4bd02;box-shadow:0 0 20px #d4bd024d}.color-picker-wrapper{align-items:center;gap:10px;display:flex;position:relative}.guest-option-card{flex:1;min-width:250px;transition:all .3s}.guest-option-card:hover{transform:translateY(-5px)}.guest-option-card .pixel-border{flex-direction:column;justify-content:space-between;height:100%;display:flex}.guest-option-card .retro-btn{width:100%;margin-top:auto}.text-f2ebd1{color:#f2ebd1}@media (max-width:768px){.guest-option-card{min-width:100%;margin-bottom:1rem}}