body{margin:0;font-family:-apple-system,Variex OT,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;top:0;background-image:linear-gradient(#f1e8da99,#f1e8da99),url(/assets/friendmas-bg-CwqDIOa7.png);background-color:#f1e8da}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@font-face{font-family:Kasuki;src:local("Kasuki"),url("./fonts/kasuki hand light.ttf") format("truetype")}.App{text-align:center}.reveal{font-family:cheap-pine,sans-serif;font-weight:400;font-style:normal;font-size:3rem}.App{min-height:100vh;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#363795}.santee-group{width:80%;max-width:30vmax;min-height:20vh}@media only screen and (max-width:600px){.santee-group{max-width:80vw}}.error{color:#ac1f23}.App-logo{height:30vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo-spin{animation:App-logo-spin infinite 1s linear}}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.title h1{color:#363795;font-family:variex,sans-serif;font-weight:400;font-size:5rem;font-style:normal}@media only screen and (max-width:600px){.title h1{font-size:3rem}.App-logo{height:50vmin}}.header-content{display:flex;flex-direction:column;align-items:center;justify-content:space-around}label.password-label{display:block;font-family:variex,sans-serif;font-size:1.5rem;font-weight:300;color:#363795;padding-bottom:14px}.santeeInput{outline:none;border:none;font-size:1.5rem;color:inherit;flex:auto 1 1;font-family:variex;min-width:200px;background:none;text-align:center;background-color:transparent;padding:0 10px}.password-container{display:flex;flex-direction:row;border:3px solid #363795;border-radius:30px;color:#363795;text-align:center;align-items:center;overflow:hidden;padding:0 10px;height:3rem}.santeeInput:focus-visible{outline:none}button.santeeSubmit{color:#363795;background-color:#eb9c3d;border:none;border-radius:4px;font-size:1.5rem;font-family:cheap-pine,sans-serif;font-weight:400;font-style:normal;cursor:pointer}.santee-form{justify-content:center;gap:10px;flex-wrap:wrap}.submit-icon{color:#363795}.santee-name{font-size:3rem;max-width:70%;display:inline-block;font-family:variex,sans-serif}.santee-label{font-weight:300;font-size:1.6rem;font-family:variex,sans-serif}.reveal-cover{background-color:#fff;position:absolute;width:70%;cursor:pointer;top:0;height:100%;display:flex;justify-content:center;border-radius:20px;overflow-y:hidden;box-shadow:10px 10px 5px #000;visibility:visible;opacity:1;transition:visibility 1.5s,opacity 1.5s cubic-bezier(.36,.07,.19,.97)}.reveal-cover:not(.reveal-cover-clicked){animation:shake 3s infinite cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{3%,30%{transform:translate3d(-1px,0,0)}7%,26%{transform:translate3d(2px,0,0)}10%,16%,23%{transform:translate3d(-4px,0,0)}13%,20%{transform:translate3d(4px,0,0)}}.reveal-cover img{max-height:100%;user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.reveal-container{position:relative;display:flex;justify-content:center;align-items:center;min-height:10vh}.button-container{cursor:pointer;display:flex;justify-content:center;gap:10px}.cg-header{width:100%;padding:1rem 0}.cg-header-content{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1.5rem}.cg-logo{height:80px}.cg-title{color:#363795;font-family:variex,sans-serif;font-weight:400;font-size:3rem;margin:0;font-style:normal;line-height:1}@media(prefers-reduced-motion:no-preference){.cg-logo-spin{animation:cg-logo-spin infinite 1s linear}}@keyframes cg-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cg-logo:hover{animation:jiggle .6s ease-in-out infinite;cursor:pointer}@keyframes jiggle{0%{transform:rotate(0)}25%{transform:rotate(-3deg)}75%{transform:rotate(3deg)}to{transform:rotate(0)}}@media only screen and (max-width:600px){.cg-title{font-size:3rem}.cg-logo{height:15vmin}}.CreateGame{display:flex;flex-direction:column;align-items:center;min-height:100vh;justify-content:flex-start;padding-top:2rem}.create-game-container{width:100%;max-width:600px;box-sizing:border-box;animation:fadeIn .5s ease-in-out}h1{font-size:2.5rem;margin-bottom:.5rem;text-align:center;color:#ac1f23}.subtitle{text-align:center;color:#363795;margin-bottom:2rem;opacity:.8}.section{background:#fff6;padding:1.5rem;border-radius:12px;margin-bottom:1.5rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(54,55,149,.1);box-shadow:0 4px 6px #0000000d}h2{font-size:1.5rem;margin-top:0;margin-bottom:.5rem;color:#363795}.instruction{font-size:.9rem;color:#363795;margin-bottom:1rem;opacity:.8}.participant-row{display:flex;gap:10px;margin-bottom:10px;align-items:center}input,textarea{width:100%;padding:12px;border-radius:8px;border:1px solid rgba(54,55,149,.2);background:#fffc;color:#363795;font-size:1rem;transition:border-color .3s,box-shadow .3s}input::placeholder,textarea::placeholder{color:#36379580}input:focus,textarea:focus{outline:none;border-color:#ac1f23;box-shadow:0 0 0 2px #ac1f2333}.remove-btn{background:none;border:none;color:#ac1f23;font-size:1.5rem;cursor:pointer;padding:0 5px;transition:transform .2s}.remove-btn:hover{transform:scale(1.2)}.add-btn{background:none;border:1px dashed rgba(54,55,149,.3);color:#363795;width:100%;padding:10px;border-radius:8px;cursor:pointer;transition:all .3s}.add-btn:hover{border-color:#ac1f23;color:#ac1f23;background:#ac1f230d}.submit-btn{width:100%;padding:15px;background:#363795;border:none;border-radius:8px;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #36379566}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.wizard-progress{display:flex;align-items:center;justify-content:center;margin-bottom:3rem}.step-dot{width:40px;height:40px;border-radius:50%;background:#fff6;border:2px solid rgba(54,55,149,.2);display:flex;align-items:center;justify-content:center;font-weight:700;color:#363795;transition:all .3s}.step-dot.active{background:#363795;border-color:#363795;color:#fff;box-shadow:0 4px 10px #3637954d}.step-line{width:60px;height:2px;background:#3637951a;margin:0 10px}.wizard-step{max-width:600px;margin:0 auto;text-align:center;background:#ffffff1a;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:2rem;box-shadow:0 8px 32px #3637951a;border:1px solid rgba(255,255,255,.4);color:#363795}.wizard-step h2{font-size:2rem;margin-bottom:.5rem;color:#363795;font-weight:700}.instruction{color:#363795;margin-bottom:2rem;opacity:.8;font-size:1.1rem}.input-group{padding-bottom:1rem;display:flex;justify-content:center}.wizard-input{width:100%;max-width:400px;padding:1rem;font-size:1.2rem;background:#fffc;border:2px solid rgba(54,55,149,.2);border-radius:8px;color:#363795;outline:none;transition:all .2s;text-align:center}.wizard-input:focus{border-color:#363795;background:#fff;box-shadow:0 0 0 4px #3637951a}.wizard-input::placeholder{color:#36379566}.items-list{display:flex;flex-wrap:wrap;gap:.5rem;padding-bottom:1rem;min-height:50px;justify-content:center}.item-chip{background:#363795;color:#fff;padding:.5rem 1rem;border-radius:20px;display:flex;align-items:center;gap:.5rem;font-weight:700;animation:popIn .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 5px #36379533}.remove-chip{background:none;border:none;color:#fff;font-size:1.2rem;cursor:pointer;padding:0;line-height:1;opacity:.7;transition:opacity .2s}.remove-chip:hover{opacity:1}.wizard-actions{display:flex;justify-content:space-between;padding-top:1rem;border-top:1px solid rgba(54,55,149,.1)}.wizard-btn{padding:.8rem 2rem;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .2s;border:none}.wizard-btn.next{background:#363795;color:#fff;margin-left:auto}.wizard-btn.next:disabled{background:#3637954d;cursor:not-allowed;transform:none;box-shadow:none}.wizard-btn.back{background:transparent;color:#363795;border:1px solid rgba(54,55,149,.3)}.wizard-btn.back:hover{background:#3637950d;border-color:#363795}.wizard-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 4px 12px #36379533}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.success-page{animation:fadeInUp .5s ease-out}.warning-box{background:#ffc10726;border:2px solid rgba(255,152,0,.4);border-radius:12px;padding:1rem 1.5rem;margin:1.5rem 0;color:#363795;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #ff98001a}.warning-box strong{display:block;margin-bottom:.3rem;font-size:1.1rem}.success-section{margin:2rem 0}.success-section h3{color:#363795;font-size:1.4rem;margin-bottom:1rem;font-weight:700}.game-link{display:inline-block;background:#3637951a;color:#363795;padding:1rem 1.5rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .2s;border:2px solid rgba(54,55,149,.3);word-break:break-all;font-family:Courier New,monospace}.game-link:hover{background:#36379533;border-color:#363795;transform:translateY(-2px);box-shadow:0 4px 12px #36379533}.link-instruction,.password-instruction{color:#363795;opacity:.7;font-size:.9rem;margin-top:.5rem}.password-table{margin-top:1rem;display:flex;flex-direction:column;gap:.75rem}.password-row{display:flex;align-items:center;justify-content:space-between;background:#fff9;border:1px solid rgba(54,55,149,.2);border-radius:8px;padding:1rem;transition:all .2s}.password-row:hover{background:#fffc;border-color:#363795;box-shadow:0 2px 8px #3637951a}.password-name{font-weight:700;color:#363795;flex:1;text-align:left}.password-arrow{color:#363795;opacity:.5;margin:0 1rem}.password-value{font-family:Courier New,monospace;background:#3637951a;padding:.5rem 1rem;border-radius:6px;font-size:large;color:#363795;flex:1;text-align:right}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.password-info{display:flex;align-items:center;flex:1;min-width:0}.invite-btn{background:#363795;color:#fff;border:none;width:36px;height:36px;padding:0;justify-content:center}.invite-btn:hover{background:#2a2b75;transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.action-buttons{display:flex;gap:.2rem;padding-left:.5rem}.preview-btn{background:#3637951a;color:#363795;border:1px solid rgba(54,55,149,.3);border-radius:6px;cursor:pointer;font-size:1.1rem;transition:all .2s;display:flex;align-items:center;width:36px;height:36px;padding:0;justify-content:center}.preview-btn:hover{background:#36379533;transform:translateY(-1px)}.modal-overlay{position:fixed;inset:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.modal-content{position:relative;background:#fff;padding:1rem;border-radius:12px;max-width:90vw;max-height:90vh;box-shadow:0 8px 32px #0000004d;animation:scaleIn .2s ease-out}.preview-img{max-width:100%;max-height:80vh;border-radius:8px;display:block}.close-btn{position:absolute;top:-15px;right:-15px;background:#fff;border:none;width:30px;height:30px;border-radius:50%;font-size:1.2rem;cursor:pointer;box-shadow:0 2px 8px #0003;display:flex;align-items:center;justify-content:center;color:#333;transition:all .2s}.close-btn:hover{transform:scale(1.1);background:#f0f0f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}