body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--tg-theme-bg-color,#fff);color:#000;color:var(--tg-theme-text-color,#000);font-family:Comic Sans MS,cursive,sans-serif;overflow:hidden;transition:background-color .3s ease,color .3s ease}[data-theme=dark]{color-scheme:dark}[data-theme=dark] .background{background:linear-gradient(135deg,#1a1a2e,#16213e)}[data-theme=dark] .info-card{background:linear-gradient(135deg,#2d3748,#1a202c);border-color:#4a5568}[data-theme=dark] .character-details p,[data-theme=dark] .character-name,[data-theme=dark] .info-card p{color:#e2e8f0;color:var(--tg-theme-text-color,#e2e8f0)}[data-theme=dark] .character-name{background:#2d3748f2}.App{height:100vh;overflow:hidden;position:relative}.background{background:linear-gradient(135deg,#ffe4e1,#ffb6c1);left:0;top:0}.background,.stars{height:100%;position:absolute;width:100%}.stars{animation:gentleFloat 8s ease-in-out infinite;background-image:radial-gradient(2px 2px at 50px 50px,#ffffff4d,#0000),radial-gradient(1px 1px at 150px 100px,#fff3,#0000),radial-gradient(2px 2px at 250px 80px,#ffffff40,#0000),radial-gradient(1px 1px at 350px 120px,#fff3,#0000);background-repeat:repeat;background-size:400px 300px}@keyframes gentleFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.clouds{animation:slowCloudsMove 30s linear infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 20'%3E%3Cpath d='M15 10c0-2 1-3 3-3s3 1 3 3c1 0 2 1 2 2s-1 2-2 2h-6c-2 0-3-1-3-3s1-3 3-3z' fill='rgba(255,255,255,0.2)'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:200px 50px;height:100%;position:absolute;width:100%}@keyframes slowCloudsMove{0%{transform:translateX(-200px)}to{transform:translateX(100vw)}}.container{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:20px;position:relative;width:100vw;z-index:10}.title{animation:bounce 2s ease-in-out infinite;color:#fff;font-size:2.5rem;left:50%;margin-bottom:30px;position:absolute;text-align:center;text-shadow:3px 3px 0 #ff69b4,6px 6px 0 plum;top:50%;transform:translate(-50%,-50%);z-index:5}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.character-circle{height:100vh;left:50%;overflow:visible;position:absolute;top:0;transform:translateX(-50%);width:100%}.character-item{--duration:20s;--delay:calc(var(--index)*20s/var(--total));--circle-radius:300px;animation:characterFlow var(--duration) linear infinite;animation-delay:var(--delay);cursor:pointer;height:70px;left:50%;margin-left:-35px;margin-top:-35px;opacity:0;position:absolute;transform-origin:center center;visibility:hidden;width:70px}.character-circle.paused .character-item{animation-play-state:paused}@keyframes characterFlow{0%{opacity:0;top:-100px;transform:translateX(-50%) translateY(0);visibility:hidden}1%{opacity:1;visibility:visible}5%{opacity:1;top:50%;transform:translateX(-50%) translateY(calc(-50% - var(--circle-radius)));visibility:visible}13.75%{opacity:1;top:50%;transform:translateX(calc(-50% + var(--circle-radius)*.707)) translateY(calc(-50% - var(--circle-radius)*.707))}22.5%{opacity:1;top:50%;transform:translateX(calc(-50% + var(--circle-radius))) translateY(-50%)}31.25%{opacity:1;top:50%;transform:translateX(calc(-50% + var(--circle-radius)*.707)) translateY(calc(-50% + var(--circle-radius)*.707))}40%{opacity:1;top:50%;transform:translateX(-50%) translateY(calc(-50% + var(--circle-radius)))}48.75%{opacity:1;top:50%;transform:translateX(calc(-50% - var(--circle-radius)*.707)) translateY(calc(-50% + var(--circle-radius)*.707))}57.5%{opacity:1;top:50%;transform:translateX(calc(-50% - var(--circle-radius))) translateY(-50%)}66.25%{opacity:1;top:50%;transform:translateX(calc(-50% - var(--circle-radius)*.707)) translateY(calc(-50% - var(--circle-radius)*.707))}75%{opacity:1;top:50%;transform:translateX(-50%) translateY(calc(-50% - var(--circle-radius)))}95%{opacity:1;top:calc(100% + 100px);transform:translateX(-50%) translateY(0)}99%{opacity:0;top:calc(100% + 100px);transform:translateX(-50%) translateY(0);visibility:hidden}to{opacity:0;top:calc(100% + 100px);transform:translateX(-50%) translateY(0);visibility:hidden}}.character-item:hover{animation-play-state:paused;z-index:100}.character-item:hover .character-image{transform:scale(1.3);transition:transform .3s ease}.character-image{align-items:center;background:var(--color);border:4px solid #fff;border-radius:20px;box-shadow:0 8px 20px #0000004d;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.character-image:before{animation:shine 2s linear infinite;background:linear-gradient(45deg,#0000,#ffffff4d,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.character-img{border-radius:20px;height:100%;object-fit:cover;width:100%}.character-name{background:#ffffffe6;border-radius:15px;bottom:-80px;box-shadow:0 2px 10px #0003;color:#333;font-size:.8rem;font-weight:700;left:50%;min-width:-webkit-max-content;min-width:max-content;padding:5px 10px;position:absolute;transform:translateX(-50%);white-space:nowrap;z-index:10}.character-info{align-items:center;animation:fadeIn .3s ease;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-card{animation:slideUp .3s ease;background:linear-gradient(135deg,#fff,#f0f8ff);border:3px solid #ff69b4;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:25px;position:relative;text-align:center;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.info-card h2{margin-bottom:20px}.info-card p{color:#333;font-size:1.1rem;line-height:1.6;margin:15px 0}.info-card strong{color:#ff69b4}.close-btn{border:none;border-radius:25px;cursor:pointer;font-size:1rem;font-weight:700;margin-top:20px;padding:12px 24px;transition:all .3s ease}@media (max-width:1200px){.character-item{--circle-radius:250px;height:65px;margin-left:-32.5px;margin-top:-32.5px;width:65px}}@media (max-width:768px){.container{padding:10px}.title{font-size:2rem;top:30px}.character-item{--circle-radius:200px;height:55px;margin-left:-27.5px;margin-top:-27.5px;width:55px}.character-img{height:100%;width:100%}.character-name{bottom:-50px;font-size:.65rem;padding:4px 8px}.user-welcome{right:10px!important;top:10px!important}.user-welcome p{font-size:.8rem!important}.info-card{margin:10px;max-height:90vh;max-width:95%;overflow-y:auto;padding:20px}.character-header{margin-bottom:15px;margin-top:5px;padding-right:45px}.character-title{font-size:1.5rem}.character-image-container{margin-bottom:15px}.character-info-img{height:100px;width:100px}.character-description{font-size:1rem;padding:12px}.close-modal-btn{height:35px;right:10px;top:10px;width:35px}}@media (max-width:480px){.container{padding:5px}.character-item{--circle-radius:160px;height:45px;margin-left:-22.5px;margin-top:-22.5px;width:45px}.character-name{bottom:-45px;font-size:.6rem;padding:3px 6px}.info-card{max-height:95vh;padding:15px}.character-header{margin-bottom:12px;margin-top:0;padding-right:40px}.character-title{font-size:1.3rem}.character-image-container{margin-bottom:12px}.character-info-img{height:80px;width:80px}.character-description{font-size:.9rem;padding:10px}.tags-container{gap:6px}.tag{font-size:.8rem;padding:4px 10px}.select-btn{font-size:.9rem;padding:10px 20px}.close-modal-btn{height:32px;right:8px;top:8px;width:32px}}@media (max-width:360px){.character-item{--circle-radius:140px;height:40px;margin-left:-20px;margin-top:-20px;width:40px}.character-name{bottom:-40px;font-size:.55rem;padding:2px 5px}}.character-header{align-items:center;display:flex;justify-content:center;margin-bottom:20px;margin-top:10px;padding-right:50px}.character-title{color:#ff69b4;font-size:2rem;margin:0;text-align:center;text-shadow:2px 2px 4px #0000001a}.character-image-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.character-info-img{border:3px solid #ff69b4;border-radius:15px;box-shadow:0 4px 15px #ff69b44d;height:120px;object-fit:cover;width:120px}.info-card h2{color:#ff69b4;font-size:2rem;margin:0;text-shadow:2px 2px 4px #0000001a}.character-details{margin-bottom:25px;text-align:right}.character-description{background:#ffb6c11a;border-radius:10px;border-right:4px solid #ff69b4;color:#333;font-size:1.1rem;line-height:1.8;margin:15px 0;padding:15px}.level-section,.story-section,.tags-section{margin:20px 0;text-align:right}.level-section h3,.story-section h3,.tags-section h3{color:#ff69b4;font-size:1.2rem;margin-bottom:10px}.tags-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:10px}.tag{background:linear-gradient(135deg,#ff69b4,plum);border-radius:15px;box-shadow:0 2px 8px #ff69b44d;color:#fff;font-size:.9rem;font-weight:700;padding:5px 12px}.story-text{background:#ffb6c11a;border-radius:10px;border-right:4px solid #ff69b4;font-style:italic;line-height:1.8;padding:15px}.level-text{background:linear-gradient(135deg,gold,orange);border-radius:20px;box-shadow:0 4px 15px #ffd7004d;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:10px 20px}.icon-tag:before{content:"🏷";font-size:1.2rem;margin-left:5px}.icon-book:before{content:"📖";font-size:1.2rem;margin-left:5px}.icon-star:before{content:"⭐";font-size:1.2rem;margin-left:5px}.icon-check:before{content:"✓";font-size:1.2rem;font-weight:700}.icon-close:before{content:"✕";font-size:1.2rem;font-weight:700}.action-buttons{gap:15px;margin-top:20px}.action-buttons,.close-btn,.select-btn{align-items:center;display:flex;justify-content:center}.close-btn,.select-btn{border:none;border-radius:25px;box-sizing:border-box;cursor:pointer;font-size:1rem;font-weight:700;gap:8px;height:50px;padding:12px 20px;transition:all .3s ease;vertical-align:top;width:120px}.select-btn{background:linear-gradient(135deg,#32cd32,#228b22);box-shadow:0 4px 15px #32cd324d;color:#fff}.select-btn:hover{box-shadow:0 6px 20px #32cd3266;transform:translateY(-2px)}.close-btn{background:linear-gradient(135deg,#ff69b4,plum);box-shadow:0 4px 15px #ff69b44d;color:#fff}.close-btn:hover{box-shadow:0 6px 20px #ff69b466;transform:translateY(-2px)}.close-modal-btn{align-items:center;background:linear-gradient(135deg,#ff69b4,plum);border:none;border-radius:50%;box-shadow:0 4px 15px #ff69b44d;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:40px;z-index:10}.close-modal-btn:hover{box-shadow:0 6px 20px #ff69b466;transform:scale(1.1)}.close-modal-btn .icon-close:before{font-size:1.5rem;font-weight:700}.select-button-container{display:flex;justify-content:center;margin-top:25px}.select-button-container .select-btn{align-items:center;background:linear-gradient(135deg,#32cd32,#228b22);border:none;border-radius:25px;box-shadow:0 4px 15px #32cd324d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;height:auto;padding:12px 30px;transition:all .3s ease;width:auto}.select-button-container .select-btn:hover{box-shadow:0 6px 20px #32cd3266;transform:translateY(-2px)}.admin-glass-button{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fff3;border:2px solid #ffffff4d;border-radius:50px;bottom:30px;box-shadow:0 8px 32px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:12px;left:50%;padding:15px 30px;position:fixed;text-shadow:0 2px 4px #0003;transform:translateX(-50%);transition:all .3s ease;z-index:500}.admin-glass-button:hover{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 12px 40px #0003;transform:translateX(-50%) translateY(-5px)}.admin-glass-button:active{transform:translateX(-50%) translateY(-2px)}.admin-button-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.2));font-size:1.5rem}.admin-button-text{font-size:1rem}@media (max-width:768px){.admin-glass-button{font-size:.9rem;padding:12px 20px}.admin-button-icon{font-size:1.2rem}.admin-button-text{font-size:.9rem}}
/*# sourceMappingURL=main.253806c7.css.map*/