.modal-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#00000080;bottom:0;right:0;z-index:1000}.modal{animation:modalFadeIn .3s ease-out;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h2{color:#212529;font-size:1.5rem;font-weight:600;margin:0 0 24px;text-align:center}.modal form{gap:16px}.modal form,.modal label{display:flex;flex-direction:column}.modal label{color:#495057;font-size:14px;font-weight:500;gap:6px}.modal label:has(input[required]):after,.modal label:has(select[required]):after{color:#dc3545;content:" *"}.form-row{display:flex;gap:16px}.form-row .modal label,.half-width{flex:1 1}.modal input,.modal select,.modal textarea{background-color:#fff;border:2px solid #e9ecef;border-radius:6px;font-size:14px;outline:none;padding:12px;transition:all .2s ease}.modal input:focus,.modal select:focus,.modal textarea:focus{background-color:#fff;border-color:#007bff;box-shadow:0 0 0 3px #007bff1a}.modal input:hover:not(:focus),.modal select:hover:not(:focus),.modal textarea:hover:not(:focus){border-color:#ced4da}.modal input:disabled,.modal select:disabled,.modal textarea:disabled{background-color:#f8f9fa;border-color:#e9ecef;color:#6c757d;cursor:not-allowed}.modal textarea{font-family:inherit;min-height:80px;resize:vertical}.modal input[type=number]::-webkit-inner-spin-button,.modal input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.modal select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:16px;padding-right:40px}.modal input::placeholder,.modal textarea::placeholder{color:#6c757d;opacity:.8}.form-buttons{border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px}.cancel-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;min-width:80px;overflow:hidden;padding:12px 24px;position:relative;transition:all .2s ease}.submit-btn{background-color:#007bff;color:#fff}.submit-btn:hover{background-color:#0056b3;box-shadow:0 4px 8px #007bff4d;transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.cancel-btn{background-color:#6c757d}.cancel-btn:hover{background-color:#545b62;box-shadow:0 4px 8px #6c757d4d}.cancel-btn:active{transform:translateY(0)}.cancel-btn:disabled,.submit-btn:disabled{background-color:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;transform:none}@media (max-width:576px){.modal{border-radius:8px;margin:10px;padding:20px}.form-row{flex-direction:column;gap:12px}.form-buttons{flex-direction:column-reverse}.cancel-btn,.submit-btn{width:100%}}.modal input:focus,.modal select:focus,.modal textarea:focus{animation:inputFocus .2s ease}@keyframes inputFocus{0%{transform:scale(1)}to{transform:scale(1.02)}}.modal input.error,.modal select.error,.modal textarea.error{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.modal input.success,.modal select.success,.modal textarea.success{border-color:#28a745;box-shadow:0 0 0 3px #28a7451a}.submit-btn.loading{color:#0000}.submit-btn.loading:after{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;content:"";height:16px;left:50%;margin-left:-8px;margin-top:-8px;position:absolute;top:50%;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.subtask-wrapper{margin:-20px;padding:20px;position:absolute;z-index:1}.subtask-wrapper.dragging{z-index:1000}.subtask-node{align-items:center;color:#fff;cursor:grab;display:flex;font-weight:700;justify-content:center;text-align:center;transition:all .1s ease;-webkit-user-select:none;user-select:none}.subtask-node.dragging{cursor:grabbing;transition:none}.subtask-node.center{font-size:14px}.subtask-node:not(.center){font-size:12px}.subtask-node-content{padding:5px}.subtask-node-progress{font-size:10px;margin-top:2px;opacity:.9}.subtask-node-buttons{display:flex;flex-direction:column;gap:5px;left:100%;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);z-index:9999}.subtask-node-button{align-items:center;background-color:#afb8ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background-color .3s,transform .2s;width:30px}.subtask-node-button:hover{background-color:#9ba6ff;transform:scale(1.1)}.priority-high{background-image:url(/static/media/pj-high.833a890f43c9c764d036.png)}.priority-high,.priority-medium{background-position:50%;background-repeat:no-repeat;background-size:cover}.priority-medium{background-image:url(/static/media/pj-mid.ea69efcd76c14d0eff13.png)}.priority-low{background-image:url(/static/media/pj-low.b1ca452b79ed2d3f53bc.png)}.priority-default,.priority-low{background-position:50%;background-repeat:no-repeat;background-size:cover}.priority-default{background-color:#6c757d}.center-high{background-image:url(/static/media/pj-high.833a890f43c9c764d036.png)}.center-high,.center-medium{background-position:50%;background-repeat:no-repeat;background-size:cover}.center-medium{background-image:url(/static/media/pj-mid.ea69efcd76c14d0eff13.png)}.center-low{background-image:url(/static/media/pj-low.b1ca452b79ed2d3f53bc.png)}.center-default,.center-low{background-position:50%;background-repeat:no-repeat;background-size:cover}.center-default{background-color:#6c757d}.main-content-detail{background:#171c40;border-radius:44px;box-shadow:inset 0 0 25px rgba(162,172,255,.962);min-height:0;padding:30px}.main-content--mindmap,.main-content-detail{height:100%;overflow:hidden;position:relative}.main-content--mindmap{width:100%}*{box-sizing:border-box;margin:0;padding:0}.body-detail{background:#0a0f33;color:#fff;font-family:Noto Sans KR,sans-serif;min-height:100vh}.container-detail{display:grid;grid-template-columns:65px 1fr;height:100vh}.sidebar-detail{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:50px;display:flex;flex-direction:column;gap:20px;padding:20px;z-index:1000}.sidebar-detail:hover{border-radius:20px;width:250px}.main-wrapper-detail{.main-content{grid-gap:5px;display:grid;gap:5px;grid-template-rows:auto auto 1fr 140px;height:100vh;overflow:hidden}}.content-area-detail{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin:0;padding:0}.timeline-detail{align-items:center;background:linear-gradient(0deg,#171c40,#3c49a6);background:linear-gradient(0deg,var(--BG-3,#171c40) 0,#3c49a6 100%);border:1px solid #989898;border-radius:30px;display:flex;gap:2rem;overflow:hidden}.header{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr auto;width:100%}.header__button{align-items:center;background:#43476b;border:none;border-radius:44px;color:#fff;display:inline-flex;gap:20px;margin-left:5px;min-height:40px;padding:10px 15px}.header__button--right{min-width:100px}.header__button img{height:20px;width:20px}.left-header .header__button:active{background:#fff;color:#0a0f33}.project-list{list-style:none;margin:0;padding:0;width:100%}.project-item{background:#ffffff1a;border-radius:8px;box-sizing:border-box;color:#fff;cursor:pointer;font-size:14px;margin-bottom:5px;max-width:100%;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;transition:background-color .2s ease;white-space:nowrap}.project-item:hover{background:#fff3}.no-projects-message{color:#ffffffb3;font-size:12px;margin:20px 0;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.sidebar:not(:hover) .no-projects-message,.sidebar:not(:hover) .project-item{opacity:0;pointer-events:none}.sidebar:hover .no-projects-message,.sidebar:hover .project-item{opacity:1;pointer-events:auto;transition:opacity .3s ease}.sidebar{background:#2c2c2c48;border:1px solid hsla(0,0%,100%,.517);border-radius:50px;box-shadow:2px 0 5px #0000001a;display:flex;flex-direction:column;height:100%;left:0;overflow:hidden;padding:20px 0;position:fixed;top:0;transition:width .3s ease;width:100%;z-index:1000}.sidebar:hover{border-radius:20px;width:250px}.menu-section{display:flex;flex-direction:column;gap:10px;padding:0 10px}.game-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;padding:12px 8px;text-align:left;transition:background-color .2s ease;white-space:nowrap}.game-button:hover{background:#ffffff1a}.game-button img{height:24px;margin-right:5px;min-width:24px;width:24px}.game-button p{font-size:14px;margin:0 0 0 15px;opacity:0;transition:opacity .3s ease}.sidebar:hover .game-button p{opacity:1}.sidebar>div:last-child{flex:1 1;margin-top:30px;overflow-y:auto;padding:0 10px}.sidebar>div:last-child h3{color:#fff;font-size:16px;margin:0 0 15px;opacity:0;transition:opacity .3s ease;white-space:nowrap}.sidebar:hover>div:last-child h3{opacity:1}.sidebar>div:last-child::-webkit-scrollbar{width:6px}.sidebar>div:last-child::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}.sidebar>div:last-child::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar>div:last-child::-webkit-scrollbar-thumb:hover{background:#ffffff80}.simple-timeline{align-items:center;background:linear-gradient(135deg,#3c3477b0,#7a89a5);border:none;box-shadow:inset 0 0 25px rgba(162,172,255,.962);height:100%;justify-content:center;margin:0;padding:auto}.simple-line{background:#edededc6;height:2px}.simple-dot{font-size:10px;top:43%;transform:translateX(-50%);z-index:10}.simple-dot.normal{background:#95d8ff}.simple-dot.warning{background:#fcff9a}.simple-dot.danger{background:#ff91ca}.simple-dot.overdue{background:gray}.modal-overlay{align-items:center;background-color:#0000004d;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000004d;padding:20px;width:300px;z-index:10000}.modal label{display:block;margin-bottom:10px}.modal input,.modal select{margin-bottom:10px;margin-top:4px;padding:6px;width:100%}.project-wrapper{margin:-20px;padding:20px;position:absolute;transition:padding .2 ease;z-index:1}.project-circle{align-items:center;background-position:50%;background-size:cover;border-radius:50%;color:#fff;display:flex;justify-content:center;text-align:center;text-decoration:none;transition:transform .2s}.project-circle:hover{transform:scale(1.05)}.project-title{max-width:90%;padding:10px;word-break:break-word}.project-circle.상{background-image:url(/static/media/pj-high.833a890f43c9c764d036.png);font-size:16px;height:150px;width:150px}.project-circle.중{background-image:url(/static/media/pj-mid.ea69efcd76c14d0eff13.png);font-size:13px;height:110px;width:110px}.project-circle.하{background-image:url(/static/media/pj-low.b1ca452b79ed2d3f53bc.png);font-size:10px;height:80px;width:80px}.project-circle.완료{background-image:url(/static/media/pj-over.ffe08d29341f80d45ac9.png)}.project-buttons{display:flex;flex-direction:column;gap:5px;left:100%;margin-left:-20px;position:absolute;top:50%;transform:translateY(-50%);z-index:9999}.project-buttons button{align-items:center;background-color:#afb8ff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:30px;justify-content:center;transition:background-color .3s,transform .2s;width:30px}.project-map{background:radial-gradient(circle at 20% 20%,#7877c64d 0,#0000 50%),radial-gradient(circle at 80% 80%,#ff77c64d 0,#0000 50%),radial-gradient(circle at 40% 40%,#78dbff33 0,#0000 50%);height:100%;overflow:hidden;position:relative;width:100%}.project-map:before{animation:sparkle 20s linear infinite;background:radial-gradient(2px 2px at 20px 30px,#ffffff1a,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff1a,#0000),radial-gradient(1px 1px at 90px 40px,#ffffff1a,#0000),radial-gradient(1px 1px at 130px 80px,#ffffff1a,#0000),radial-gradient(2px 2px at 160px 30px,#ffffff1a,#0000);background-repeat:repeat;background-size:200px 200px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}@keyframes sparkle{0%{transform:translateX(0) translateY(0)}to{transform:translateX(-200px) translateY(-200px)}}.project-container{position:absolute;z-index:10}.inspiration-container{border:1px solid #ccc;border-radius:8px;cursor:pointer;padding:1rem;text-align:center;transition:background-color .3s}.inspiration-container:hover{background-color:#f0f0f0}.inspiration-popup{align-items:center;display:flex;flex-direction:column;gap:1rem}.inspiration-popup img{border-radius:8px;max-height:70vh;max-width:100%;object-fit:contain}.inspiration-popup button{padding:.5rem 1rem}.simple-timeline{background:#f0f0f0;border:2px solid #ccc;box-sizing:border-box;height:100px;margin:20px 0;padding:20px;position:relative;width:100%}.simple-line{background:#666;height:4px;left:20px;right:20px;transform:translateY(-50%)}.simple-dot,.simple-line{position:absolute;top:50%}.simple-dot{align-items:center;background:red;border-radius:50%;color:#fff;display:flex;font-weight:700;height:20px;justify-content:center;transform:translateY(-50%) translateX(-50%);width:20px}.simple-info{color:#333;font-weight:700;left:20px;position:absolute;top:5px}.project-info{background:#e0e0e0;border:1px solid #999;font-size:10px}.game-container{grid-gap:15px;background:linear-gradient(135deg,#1a1b3d,#2d1b69);color:#fff;display:grid;font-family:Arial,sans-serif;gap:15px;grid-template-columns:65px 1fr;height:100vh;overflow:hidden}.sidebar-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:50px;display:flex;flex-direction:column;gap:20px;padding:20px;z-index:1000}.sidebar-container:hover{border-radius:20px;width:250px}.main-content{grid-gap:5px;display:grid;gap:5px;grid-template-rows:auto 1fr 140px;height:100vh;overflow:hidden}.main-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border-radius:20px;padding:20px 30px;z-index:5}.workspace{display:flex;flex-direction:row;gap:15px;overflow:hidden}.project-map-container{border:1px solid #ffffff1a;border-radius:20px;box-shadow:inset 0 0 25px rgba(162,172,255,.962);flex:1 1;overflow:hidden;position:relative}.right-pannel{display:flex;flex-direction:column;gap:10px;width:250px}.inspiration,.todo{background:#0000004d;border:1px solid #ffffff1a;border-radius:15px;flex:1 1;padding:15px}.inspiration,.timeline-footer,.todo{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.timeline-footer{background:linear-gradient(180deg,rgba(41,41,136,.575),rgba(44,41,255,.788));border:1px solid hsla(0,0%,100%,.517);border-radius:20px;box-sizing:border-box;gap:0;height:140px;overflow:hidden;padding:0}.timeline h3{color:#ffffffe6;font-size:1rem;margin:0 0 10px}@media (max-width:768px){.game-container{grid-template-columns:1fr;grid-template-rows:auto 1fr}.sidebar{height:100vh;left:-300px;position:fixed;top:0;transition:left .3s ease;width:300px;z-index:1000}.sidebar.open{left:0}.main-content{grid-column:1;grid-row:1}.workspace{flex-direction:column}.right-pannel{width:100%}}#root,body,html{height:100%;margin:0;padding:0}.Background{background:linear-gradient(180deg,#0e1546 10%,#1e2d99 30%);min-height:200vh;overflow-x:hidden;position:relative;width:100%}.barheader{align-items:center;background:#000;box-sizing:border-box;display:flex;gap:2rem;height:60px;justify-content:flex-end;left:0;padding:0 2rem;position:fixed;top:0;width:100%;z-index:10}.logo-container{left:2rem;position:absolute;top:50%;transform:translateY(-50%);z-index:11}.logo{height:50px}.logo,.logo-text{object-fit:contain;width:auto}.logo-text{height:30px;margin-left:10px}.price{align-items:center;display:flex;gap:2rem}.pricetext{color:#fff}.logintext,.pricetext{font-family:Open Sans,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:22px;text-decoration:none}.logintext{color:#fffcfc;left:10px;position:relative}.logintext:hover{color:#5970ff}.signuptext{align-items:center;background:#141414;border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:16px;font-style:normal;font-weight:600;justify-content:center;line-height:19px;padding:6px 16px;text-decoration:none;transition:background-color .3s ease}.signuptext:hover{background:#2a2a2a}main{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin-left:5rem;margin-top:120px;min-height:60vh;padding:0 2rem}.bigtext{font-family:Poppins,sans-serif;font-size:clamp(2rem,5vw,3.5rem);font-style:normal;line-height:140%;max-width:600px}.bigtext,.signupbutton{color:#fff;font-weight:600}.signupbutton{align-items:center;background:#ffffff45;border:none;border-radius:30px;display:flex;font-family:Inter,sans-serif;font-size:18px;justify-content:center;margin-left:.5rem;margin-top:2rem;padding:12px 24px;transition:background-color .3s ease}.signupbutton,a,a:active,a:hover,a:link,a:visited{text-decoration:none!important}.signupbutton:hover{background:#fff6}.feature-section{box-sizing:border-box;margin-top:25rem;padding:4rem 2rem;text-align:center;width:100%}.text1{color:#fff;font-family:Poppins,sans-serif;font-size:clamp(1.5rem,4vw,2.5rem);font-style:normal;font-weight:600;line-height:140%;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px;text-align:center}.feature-list{display:flex;flex-direction:column;gap:1.5rem;list-style:none;margin:0 auto;max-width:600px;padding:0}.feature-list li{background:#ffffff1a;border-radius:8px;color:#fff;font-family:Inter,sans-serif;font-size:1.2rem;font-weight:500;padding:1rem 2rem;transition:background-color .3s ease}.feature-list li:hover{background:#fff3}@media (max-width:768px){.barheader{padding:0 1rem}.price{gap:1rem}.logintext,.pricetext,.signuptext{font-size:14px}.signuptext{padding:4px 12px}main{margin-top:100px;padding:0 1rem}.bigtext{font-size:clamp(1.5rem,6vw,2.5rem)}.feature-section{padding:2rem 1rem}.feature-list{gap:1rem}.feature-list li{font-size:1rem;padding:.8rem 1.5rem}}@media (max-width:480px){.barheader{flex-wrap:wrap;gap:.5rem;height:auto;justify-content:center;padding:.5rem}.price{order:1}.signuptext{margin-bottom:.5rem;order:2}main{margin-top:120px;padding:0 .5rem}.bigtext{margin-bottom:1.5rem;text-align:center}.signupbutton{margin:0 auto;max-width:300px;width:100%}.feature-section{padding:1.5rem .5rem}.feature-list li{font-size:.9rem;padding:.6rem 1rem}}.decorative-spheres{height:200vh;overflow:visible;pointer-events:none;position:absolute;right:0;top:0;width:50%}.sphere{animation:float 6s ease-in-out infinite;object-fit:contain;position:absolute}.sphere-1{animation-delay:0s;height:300px;right:30%;top:12.5%;width:300px}.sphere-2{animation-delay:2s;height:200px;right:55%;top:37.5%;width:200px}.sphere-3{animation-delay:4s;height:120px;right:50%;top:50%;width:120px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.parent{background:linear-gradient(180deg,#0a0f33,#1e2d99);min-height:100vh;overflow-x:hidden;position:relative;width:100%}.parent,.signup-wrapper{display:flex;justify-content:center}.signup-wrapper{align-items:center;flex-direction:column}.welcometext{color:#fff;display:flex;flex:none;flex-grow:0;font-family:Poppins;font-size:33.7282px;font-style:normal;font-weight:700;height:87px;justify-content:center;line-height:51px;order:0;width:360px}.id{display:flex;flex-direction:column;gap:8px;width:484.61px}.id input{-webkit-backdrop-filter:blur(7.4px);backdrop-filter:blur(7.4px);background:#d9d9d9cc;border:none;border-radius:20px;box-sizing:border-box;color:#fff;font-size:18px;height:45px;padding:10px 16px;width:100%}.password{display:flex;flex-direction:column;gap:8px;width:484.61px}.password input{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#d9d9d9cc;border:none;border-radius:20px;box-sizing:border-box;color:#fff;font-size:18px;height:45px;padding:10px 16px;width:100%}.password1{display:flex;flex-direction:column;gap:8px;width:484.61px}.password1 input{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#d9d9d9cc;border:none;border-radius:20px;box-sizing:border-box;color:#fff;font-size:18px;height:45px;padding:10px 16px;width:100%}.signup-name{display:flex;flex-direction:column;gap:8px;width:484.61px}.signup-name input{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#d9d9d9cc;border:none;border-radius:20px;box-sizing:border-box;color:#fff;font-size:18px;height:45px;padding:10px 16px;width:100%}.email{display:flex;flex-direction:column;gap:8px;width:484.61px}.email input{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#d9d9d9cc;border:none;border-radius:20px;box-sizing:border-box;color:#fff;font-size:18px;height:45px;padding:10px 16px;width:100%}.signbutton{align-items:center;background:#fff;border:none;border-radius:20px;color:#000;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:64px;justify-content:center;margin:20px auto 0;width:231px}.BackgroundSign{background:linear-gradient(180deg,#0b1138,#5970ff);min-height:100vh;overflow-x:hidden;position:relative;width:100%}input{background:#0000;border:none;border-radius:20px;box-sizing:border-box;color:#000;font-size:20px;outline:none;padding:20px;width:100%}.leftbackground{align-items:center;background:linear-gradient(180deg,#0a0f33,#1e2d99);display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100vw}.login-container{align-items:center;display:flex;flex-direction:column;max-width:531px;width:100%;z-index:2}.teamName{font-size:40px;line-height:54px;margin-bottom:10px}.logtext,.teamName{color:#fff;font-family:Open Sans;font-weight:700;margin-left:auto;margin-right:auto}.logtext{font-size:20px;line-height:27px;margin-bottom:20px}.emailin,.numberin{align-items:center;background:#0000;border-radius:0;display:flex;margin-bottom:15px;padding:0;width:100%}.inputfield{background:#d9d9d9;border:none;border-radius:15px;box-sizing:border-box;color:#000;font-size:18px;height:54px;outline:none;padding:16px 27px;width:100%}.inputfield:-webkit-autofill,.inputfield:-webkit-autofill:focus,.inputfield:-webkit-autofill:hover{-webkit-text-fill-color:#000;border-radius:15px;box-shadow:inset 0 0 0 1000px #d9d9d9}.login-options{justify-content:space-between;margin:5px 0 20px;width:100%}.keep-logged-in,.login-options{align-items:center;display:flex}.keep-logged-in{color:#d9d9d9;flex-direction:row;font-family:Open Sans;font-size:16px;line-height:27px;white-space:nowrap}.checkbox{accent-color:#fff;margin-right:8px}.numberfind{background:none;border:none;color:#d9d9d9;cursor:pointer;font-family:Open Sans;font-size:16px}.LoginButton{background:#1e0338;border-radius:40px;color:#fff;cursor:pointer;font-size:18px;height:54px;margin:15px 0 30px;padding:12px}.LoginButton,.bottom-links{align-items:center;display:flex;font-family:Open Sans;justify-content:center;width:100%}.bottom-links{color:#d9d9d9;font-size:16px;gap:1rem;margin:0 auto;max-width:531px}.signupbutton{left:-20px;top:-15px}.emailfind,.signupbutton{cursor:pointer;position:relative}.emailfind{left:0;margin-left:25px}.backgroundColor{background:#0a0f33;display:flex;flex-direction:row;font-family:Inter,sans-serif;grid-template-columns:65px 1fr;height:100vh;overflow:hidden;position:relative;width:100vw}.side-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-radius:50px;display:flex;flex-direction:column;gap:20px;padding:20px;width:65px;z-index:1000}.side-bar:hover{border-radius:20px;width:250px}.backRectangle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1a1f4a;border:2px solid #6496ff4d;border-radius:30px;box-shadow:0 0 30px #6496ff33,inset 0 0 30px #6496ff1a;height:70vh;left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);width:80vw}.character-grid{grid-gap:20px;display:grid;grid-template-columns:repeat(2,190px);max-height:60vh;overflow-y:auto;padding:30px;position:absolute;right:30px;scrollbar-color:#6496ff80 #0000;scrollbar-width:thin;top:50%;transform:translateY(-50%)}.character-grid::-webkit-scrollbar{width:6px}.character-grid::-webkit-scrollbar-track{background:#0000}.character-grid::-webkit-scrollbar-thumb{background:#6496ff80;border-radius:3px}.character-box{align-items:center;border-radius:15px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;font-family:Inter,sans-serif;font-size:16px;font-weight:600;height:220px;justify-content:flex-start;overflow:hidden;padding:15px;position:relative;text-align:center;transition:all .3s ease;-webkit-user-select:none;user-select:none;width:190px}.character-image{border:2px solid #6496ff4d;border-radius:50%;height:110px;margin-bottom:10px;object-fit:cover;transition:all .3s ease;width:110px}.character-user-box{background:#171c40;border-radius:44px;box-shadow:inset 0 0 6px 1px #2365ff26,inset 0 0 20px 3px #fff6,inset 0 0 30px 5px #6694ff80,inset 0 0 60px 23px #3c49a6;height:300px;left:25%;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px;z-index:1}.character-name{font-size:12px;font-weight:500;margin-top:auto;text-shadow:0 0 10px #ffffff4d}.LockBox{background:linear-gradient(135deg,#141932cc,#1e233c99);border:1px solid #6496ff33;box-shadow:0 0 15px #6496ff1a,inset 0 0 15px #6496ff0d;color:#fff9}.UnlockBox{background:linear-gradient(135deg,#6496ff1a,#96c8ff0d);border:1px solid #6496ff66;box-shadow:0 0 20px #6496ff33,inset 0 0 20px #6496ff1a;color:#ffffffe6}.toggle-button{background-color:#4caf50;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:12px;font-weight:600;margin-top:10px;padding:4px 10px}.nameLine{background:linear-gradient(90deg,#0000,#6496ff99 50%,#0000);box-shadow:0 0 10px #6496ff4d;height:2px;left:25%;position:absolute;top:88%;transform:translateX(-50%);width:200px}.character-display{align-items:center;color:#fff;display:flex;flex-direction:column;left:25%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.character-display .character-visual{border-radius:50%;height:250px;margin-bottom:20px;object-fit:cover;transition:all .3s ease;width:250px}.character-display-inside{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:2}.character-visual-inside{border-radius:50%;height:250px;object-fit:cover;transition:all .3s ease;width:250px}.money-display{color:#fffc;display:flex;font-family:Inter,sans-serif;font-size:14px;font-weight:600;gap:12px;left:30px;position:absolute;top:30px;z-index:10}.money-display>div{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#6496ff33,#96c8ff1a);border:1px solid #6496ff4d;border-radius:10px;box-shadow:0 0 15px #6496ff33;padding:8px 15px}.unlock-cost{display:flex;flex-direction:row;flex-wrap:wrap;font-size:8px;gap:3px;justify-content:center;margin-top:5px;max-width:100px}.cost-item{border:1px solid #fff3;border-radius:6px;box-shadow:0 0 5px #0000004d;font-weight:600;padding:3px 6px}.cost-item.a{background:linear-gradient(135deg,#ffeb3b,#ffc107);color:#333}.cost-item.b{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.cost-item.c{background:linear-gradient(135deg,#4caf50,#388e3c);color:#fff}.cost-item.d{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.name-section{align-items:center;display:flex;flex-direction:column;gap:15px;left:26%;position:absolute;top:80%;transform:translateX(-50%);z-index:3}.nickname-display{align-items:center;display:flex;gap:10px}.name{color:#fff;font-family:Inter,sans-serif;font-size:24px;font-weight:600;letter-spacing:1px;margin:0;text-shadow:0 0 15px #6496ff80;white-space:nowrap}.edit-nickname-btn{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#6496ff1a,#96c8ff0d);border:1px solid #6496ff80;border-radius:50%;box-shadow:0 0 10px #6496ff33;color:#ffffffe6;cursor:pointer;display:flex;font-size:14px;height:32px;justify-content:center;padding:8px;transition:all .3s ease;width:32px}.edit-nickname-btn:hover{background:linear-gradient(135deg,#6496ff4d,#96c8ff33);border-color:#6496ffcc;box-shadow:0 0 20px #6496ff66;color:#fff;transform:scale(1.1)}.nickname-edit{align-items:flex-end;display:flex;flex-direction:column;gap:8px}.nickname-input{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(135deg,#6496ff1a,#96c8ff0d);border:1px solid #6496ff80;border-radius:8px;box-shadow:0 0 10px #6496ff33;color:#fff;font-family:Inter,sans-serif;font-size:18px;font-weight:600;min-width:180px;outline:none;padding:8px 12px;text-align:left}.nickname-input:focus{background:linear-gradient(135deg,#6496ff33,#96c8ff1a);border-color:#6496ffcc;box-shadow:0 0 20px #6496ff66}.nickname-input::placeholder{color:#fff9}.nickname-buttons{display:flex;gap:5px}.cancel-btn,.save-btn{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid #6496ff66;border-radius:6px;cursor:pointer;font-size:11px;font-weight:600;padding:6px 12px;transition:all .3s ease}.save-btn{background:linear-gradient(135deg,#4caf50cc,#388e3c99);border-color:#4caf5099;color:#fff}.save-btn:hover{background:linear-gradient(135deg,#4caf50,#388e3ccc);box-shadow:0 0 15px #4caf5066;transform:translateY(-1px)}.cancel-btn{background:linear-gradient(135deg,#f44336cc,#d32f2f99);border-color:#f4433699;color:#fff}.cancel-btn:hover{background:linear-gradient(135deg,#f44336,#d32f2fcc);box-shadow:0 0 15px #f4433666;transform:translateY(-1px)}.unlocking{animation:unlockAnimation 2s ease-in-out;overflow:hidden;position:relative}@keyframes unlockAnimation{0%{box-shadow:0 0 0 0 #6496ffb3;transform:scale(1)}25%{box-shadow:0 0 25px 15px #6496ff99;transform:scale(1.1)}50%{box-shadow:0 0 35px 20px #6496ff66;transform:scale(1.05)}75%{box-shadow:0 0 30px 18px #6496ff4d;transform:scale(1.08)}to{box-shadow:0 0 0 0 #6496ff00;transform:scale(1)}}.unlock-effect{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:10}.sparkle{animation:sparkleAnimation 2s ease-in-out infinite;font-size:16px;position:absolute}.sparkle:first-child{animation-delay:0s;left:20%;top:20%}.sparkle:nth-child(2){animation-delay:.3s;right:20%;top:30%}.sparkle:nth-child(3){animation-delay:.6s;bottom:30%;left:50%}@keyframes sparkleAnimation{0%,to{opacity:0;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.character-box.selected{border:2px solid #6496ffcc;box-shadow:0 0 25px #6496ff99,inset 0 0 25px #6496ff33;transform:scale(1.05)}.character-box.selected.UnlockBox{background:linear-gradient(135deg,#6496ff33,#96c8ff1a)}.character-box.UnlockBox:hover{border-color:#6496ff99;box-shadow:0 0 25px #6496ff66,inset 0 0 25px #6496ff26;transform:scale(1.03);transition:all .3s ease}.character-box.UnlockBox:active{transform:scale(.98)}.character-box.LockBox:hover{border-color:#6496ff66;box-shadow:0 0 20px #6496ff33,inset 0 0 20px #6496ff1a;transform:scale(1.02);transition:all .3s ease}
/*# sourceMappingURL=main.c2cc3bc0.css.map*/