*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a,button,input,select,textarea{touch-action:manipulation}.universal-header{align-items:center;background-color:#000;box-shadow:0 2px 8px #0003;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;left:0;padding:1rem 1.5rem;position:fixed;right:0;top:0;width:100%;z-index:1000}.universal-header-left{align-items:center;display:flex;flex:1 1;gap:1rem}.hamburger-btn{align-items:center;background:none;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;min-height:44px;min-width:44px;padding:.5rem;transition:color .2s ease,transform .2s ease}.hamburger-btn:hover{background-color:#ffffff1a;color:#f4a261}.hamburger-btn:active{background-color:#ffffff26;transform:scale(.95)}.header-text{display:flex;flex-direction:column;gap:.25rem}.universal-header-title{color:#fff;font-size:1.2rem;font-weight:700;margin:0;white-space:nowrap}.universal-header-subtitle{color:#f4a261;font-size:.85rem;margin:0;white-space:nowrap}.universal-header-right{align-items:center;display:flex}.universal-header-action{color:#16a085;font-size:.9rem;font-weight:500;margin:0;white-space:nowrap}@media (max-width:768px){.universal-header{padding:.75rem 1rem}.universal-header-left{gap:.5rem}.hamburger-btn{font-size:1.3rem;padding:.25rem}.universal-header-title{font-size:1rem}.universal-header-subtitle{font-size:.75rem}.universal-header-action{font-size:.8rem}}@media (max-width:480px){.universal-header{padding:.6rem .75rem}.universal-header-title{font-size:.95rem}.universal-header-subtitle{font-size:.75rem}.universal-header-action{font-size:.8rem}}@media (max-width:375px){.universal-header-title{font-size:.9rem}.universal-header-subtitle{display:none}.universal-header-action{font-size:.75rem}}@media (min-width:1025px){.hamburger-btn{display:none}.universal-header-left{margin-left:250px}}.universal-sidebar{background-color:#e4e1d9;box-shadow:2px 0 10px #0000001a;height:100vh;left:0;overflow-y:auto;padding-top:80px;position:fixed;top:0;transition:transform .3s ease;width:250px;z-index:999}.sidebar-nav{padding:1rem 0}.sidebar-menu{list-style:none;margin:0;padding:0}.sidebar-item{margin:.5rem 1rem}.sidebar-link{align-items:center;background-color:#dbd9d1;border-radius:10px;box-shadow:0 2px 6px #0000001a;color:#3b3b3b;display:flex;font-size:1rem;font-weight:500;gap:1rem;min-height:48px;padding:.9rem 1rem;text-decoration:none;transition:all .2s ease}.sidebar-link i{font-size:1.2rem;text-align:center;width:24px}.sidebar-link:hover{background-color:#cfccc7;box-shadow:0 4px 10px #00000026;transform:translateX(5px)}.sidebar-link.active{background:#a8d5f2;box-shadow:0 6px 12px #a8d5f280;color:#fff;font-weight:700}.sidebar-divider{background:linear-gradient(90deg,#0000,#c9c1b4,#0000);height:1px;margin:1rem 1.5rem}.universal-sidebar::-webkit-scrollbar{width:6px}.universal-sidebar::-webkit-scrollbar-thumb{background-color:#c9c1b4;border-radius:4px}.universal-sidebar::-webkit-scrollbar-track{background-color:#f4f4f4}@media (max-width:1024px){.universal-sidebar{max-width:300px;transform:translateX(-100%);width:80%}.universal-sidebar.sidebar-open{transform:translateX(0)}.sidebar-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.sidebar-item{margin:8px 12px}.sidebar-link{font-size:1.05rem;min-height:52px;padding:14px 16px}.sidebar-link i{font-size:1.3rem}}.sidebar-link.login-link{background:linear-gradient(135deg,#3498db,#2980b9);border:none;color:#fff}.sidebar-link.login-link:hover{transform:translateX(5px)}.sidebar-link.login-link.active,.sidebar-link.login-link:hover{background:linear-gradient(135deg,#2980b9,#1a5276)}.sidebar-user-section{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid #ffd70033;border-radius:12px;margin:1rem;padding:1rem}.user-info{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;margin-bottom:.75rem;padding-bottom:.75rem}.user-icon{font-size:1.5rem}.user-name{color:gold;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logout-button{align-items:center;background:#e74c3c33;border:1px solid #e74c3c66;border-radius:8px;color:#e74c3c;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease;width:100%}.logout-button:hover{background:#e74c3c4d;border-color:#e74c3c99}.logout-button i{font-size:1rem}@media (min-width:1025px){.universal-sidebar{transform:translateX(0)}.sidebar-overlay{display:none}}@media (min-width:1440px){.universal-sidebar{padding-top:90px;width:280px}.sidebar-item{margin:.6rem 1.2rem}.sidebar-link{border-radius:12px;font-size:1.05rem;padding:1rem 1.2rem}.sidebar-link i{font-size:1.3rem;width:28px}.sidebar-user-section{border-radius:14px;margin:1.2rem;padding:1.2rem}.user-icon{font-size:1.6rem}.user-name{font-size:1.05rem}.logout-button{border-radius:10px;font-size:.95rem;padding:.85rem}}@media (min-width:1920px){.universal-sidebar{padding-top:100px;width:300px}.sidebar-item{margin:.7rem 1.4rem}.sidebar-link{font-size:1.1rem;min-height:54px;padding:1.1rem 1.4rem}.sidebar-link i{font-size:1.4rem;width:30px}.sidebar-divider{margin:1.2rem 1.8rem}.sidebar-user-section{margin:1.4rem;padding:1.4rem}.user-info{gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.user-icon{font-size:1.8rem}.user-name{font-size:1.1rem}.logout-button{font-size:1rem;padding:1rem}}.mobile-footer{background:linear-gradient(0deg,#1a1a1a,#252525);bottom:0;box-shadow:0 -4px 20px #0006;display:none;left:0;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;width:100%;z-index:1000}.mobile-nav{justify-content:space-around;margin:0;padding:8px 4px 4px}.mobile-nav,.mobile-nav-item{align-items:center;display:flex}.mobile-nav-item{border-radius:12px;color:#888;flex-direction:column;justify-content:center;min-height:50px;min-width:60px;padding:6px 8px;position:relative;text-decoration:none;transition:all .2s ease}.mobile-nav-item:active{background-color:#ffffff14;transform:scale(.95)}.mobile-nav-item.active{color:#f39c12}.mobile-nav-item.active .nav-icon-img{filter:brightness(1.2) drop-shadow(0 0 4px rgba(243,156,18,.5))}.nav-icon-wrapper{align-items:center;display:flex;height:28px;justify-content:center;margin-bottom:4px;width:28px}.nav-icon-img{height:24px;object-fit:contain;transition:filter .2s ease;width:24px}.nav-icon-fallback{font-size:22px;line-height:1}.nav-label{font-size:10px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.active-indicator{background:linear-gradient(90deg,#f39c12,#e67e22);border-radius:2px;bottom:2px;height:3px;left:50%;position:absolute;transform:translateX(-50%);width:20px}.mobile-legal-mini{align-items:center;background-color:#151515;border-top:1px solid #333;display:flex;gap:8px;justify-content:center;padding:4px 0}.mobile-legal-mini a{color:#555;font-size:9px;text-decoration:none;transition:color .2s ease}.mobile-legal-mini a:active,.mobile-legal-mini a:hover{color:#f39c12}.mobile-legal-mini span{color:#333;font-size:8px}@media screen and (max-width:768px){.mobile-footer{display:block}}@media screen and (min-width:481px) and (max-width:768px){.mobile-nav-item{min-width:80px}.nav-icon-img{height:26px;width:26px}.nav-label{font-size:11px}}@media screen and (max-width:375px){.mobile-nav-item{min-width:50px;padding:5px 4px}.nav-icon-wrapper{height:24px;width:24px}.nav-icon-img{height:20px;width:20px}.nav-icon-fallback{font-size:18px}.nav-label{font-size:9px}.mobile-legal-mini a{font-size:8px}.mobile-legal-mini{gap:6px}}.desktop-footer{background-color:#e4e1d9;border-top:3px solid #e74c3c;color:#3b3b3b;padding:25px 20px;position:relative;text-align:center;width:100%}.desktop-footer-content{align-items:center;display:flex;flex-direction:column;gap:15px;margin:0 auto;max-width:1200px}.desktop-footer-links{display:flex;flex-wrap:wrap;gap:25px;justify-content:center;list-style:none;margin:0;padding:0}.desktop-footer-links.legal-links{gap:20px}.desktop-footer-link{color:#3b3b3b;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s ease}.legal-links .desktop-footer-link{color:#666;font-size:13px}.desktop-footer-link:hover{color:#e74c3c}.desktop-footer-info{margin-top:10px}.desktop-footer-info p{color:#666;font-size:13px;margin:5px 0}.desktop-footer-info .disclaimer{color:#888;font-size:11px;font-style:italic}.desktop-footer-info .contact-info{color:#3498db;font-size:12px}.legal-links{border-top:1px solid #0000001a;margin-top:10px;padding-top:10px}@media (min-width:1025px){.desktop-footer{margin-left:250px;width:calc(100% - 250px)}}@media (min-width:1440px){.desktop-footer{margin-left:280px;width:calc(100% - 280px)}}@media (min-width:1920px){.desktop-footer{margin-left:300px;width:calc(100% - 300px)}}@media screen and (max-width:768px){.desktop-footer{display:none}}.quiz-home-container{align-items:flex-start;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px 10px;position:relative;text-align:center;width:100%}.quiz-home-container:before{animation:sparkle-drift 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffd700cc,#0000),radial-gradient(2px 2px at 40px 70px,#ffffffb3,#0000),radial-gradient(2px 2px at 50px 160px,#ffd70099,#0000),radial-gradient(2px 2px at 90px 40px,#ffffffb3,#0000),radial-gradient(2px 2px at 130px 80px,#ffd700b3,#0000),radial-gradient(2px 2px at 160px 120px,#fff9,#0000),radial-gradient(3px 3px at 200px 50px,#e74c3c80,#0000),radial-gradient(2px 2px at 250px 100px,#ffd700cc,#0000),radial-gradient(2px 2px at 300px 60px,#fff9,#0000),radial-gradient(2px 2px at 80px 200px,#ffd700b3,#0000);background-repeat:repeat;background-size:320px 240px;bottom:0;content:"";left:0;opacity:.9;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes sparkle-drift{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-240px) translateX(20px)}}.quiz-home-content{align-items:center;display:flex;flex-direction:column;padding-top:20px;position:relative;width:100%;z-index:1}.quiz-home-title{-webkit-text-fill-color:#0000;animation:title-glow 3s ease-in-out infinite;animation:title-shine 4s linear infinite,title-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#fff,gold 50%,#fff);-webkit-background-clip:text;background-clip:text;background-size:200% auto;color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:2px;margin:0 0 20px;text-align:center;text-shadow:2px 2px 4px #000c,0 0 20px #ffd70080,0 0 40px #e74c3c4d}@keyframes title-shine{0%{background-position:200%}to{background-position:-200%}}@keyframes title-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(255,215,0,.5));transform:scale(1)}50%{filter:drop-shadow(0 0 20px rgba(255,215,0,.8));transform:scale(1.02)}}.quiz-home-image-container{margin:20px 0;position:relative}.quiz-home-image-container:before{animation:ring-spin 4s linear infinite;background:conic-gradient(from 0deg,#e74c3c,#f39c12,gold,#e74c3c);border-radius:50%;content:"";filter:blur(8px);height:220px;left:50%;opacity:.8;position:absolute;top:50%;transform:translate(-50%,-50%);width:220px}@keyframes ring-spin{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}.quiz-home-intro-image{animation:image-float 3s ease-in-out infinite;border:4px solid #ffd70099;border-radius:50%;box-shadow:0 0 30px #e74c3c80,0 0 60px #ffd7004d,inset 0 0 20px #0000004d;height:200px;object-fit:cover;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:200px;z-index:1}@keyframes image-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.02)}}.quiz-home-intro-image:hover{animation:none;box-shadow:0 0 40px #e74c3cb3,0 0 80px #ffd70080;transform:scale(1.15)}.quiz-home-subtitle{animation:subtitle-fade 2s ease-in-out infinite;color:#fff;font-size:1.1rem;font-weight:600;letter-spacing:3px;margin:0 0 20px;text-align:center;text-shadow:1px 1px 2px #000c,0 0 15px #ffd70066;text-transform:uppercase}@keyframes subtitle-fade{0%,to{opacity:.9}50%{opacity:1;text-shadow:1px 1px 2px #000c,0 0 25px #ffd70099}}.quiz-cards-container{box-sizing:border-box;display:flex;flex-direction:column;gap:15px;max-width:500px;padding:0 10px;width:100%}.quiz-card:first-child{animation:card-slide-in .6s ease-out .1s both,card-breathe 4s ease-in-out .7s infinite}.quiz-card:nth-child(2){animation:card-slide-in .6s ease-out .25s both,card-breathe 4s ease-in-out .85s infinite}.quiz-card:nth-child(3){animation:card-slide-in .6s ease-out .4s both,card-breathe 4s ease-in-out 1s infinite}@keyframes card-slide-in{0%{opacity:0;transform:translateX(-30px) scale(.9)}to{opacity:1;transform:translateX(0) scale(1)}}@keyframes card-breathe{0%,to{box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff1a}50%{box-shadow:0 6px 20px #0006,inset 0 1px 0 #ffffff26,0 0 15px #ffd70026}}.quiz-card{align-items:center;background:linear-gradient(145deg,#ffffff26,#ffffff0d);border:2px solid #fff3;border-radius:16px;box-shadow:0 4px 15px #0000004d,inset 0 1px 0 #ffffff1a;display:flex;flex-direction:column;overflow:hidden;padding:20px 16px;position:relative;text-align:center;transition:all .3s ease}.quiz-card:before{background:linear-gradient(45deg,#0000 40%,#ffffff1a 50%,#0000 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translateY(-100%);transition:transform .6s ease;width:200%}.quiz-card:hover:before{transform:rotate(45deg) translateY(100%)}.quiz-card:hover{border-color:#e74c3c80;box-shadow:0 15px 35px #e74c3c4d,0 5px 15px #0000004d;transform:translateY(-5px) scale(1.02)}.quiz-card:first-child:hover{border-color:#e74c3c99;box-shadow:0 15px 35px #e74c3c66,0 5px 15px #0000004d}.quiz-card:nth-child(2):hover{border-color:#3498db99;box-shadow:0 15px 35px #3498db66,0 5px 15px #0000004d}.quiz-card:nth-child(3):hover{border-color:#9b59b699;box-shadow:0 15px 35px #9b59b666,0 5px 15px #0000004d}.quiz-card-icon{filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));height:60px;margin-bottom:12px;object-fit:contain;width:60px}.quiz-card-title{color:#fff;font-size:1.3rem;font-weight:800;letter-spacing:1px;margin:0 0 8px;text-shadow:0 2px 4px #00000080,0 0 20px #ffffff1a;text-transform:uppercase}.quiz-card-description{color:#f8f8f8;font-size:.9rem;line-height:1.4;margin:0 0 15px}.quiz-card-button{background:linear-gradient(135deg,#e74c3c,#f39c12);border:none;border-radius:50px;box-shadow:0 8px 20px #e74c3c66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;min-height:48px;min-width:140px;padding:14px 32px;transition:all .3s ease}.quiz-card-button:hover{background:linear-gradient(135deg,#f39c12,#e74c3c);box-shadow:0 12px 25px #e74c3c99;transform:translateY(-3px)}.quiz-card-button:active{transform:translateY(-1px)}@keyframes pulse-glow{0%,to{box-shadow:0 8px 20px #e74c3c66}50%{box-shadow:0 8px 30px #e74c3c99}}.quiz-card-button{animation:pulse-glow 2s ease-in-out infinite}.quiz-card-button:hover{animation:none}@media (max-width:480px){.quiz-home-container{height:100dvh;max-height:100dvh;min-height:auto;overflow:hidden;padding:50px 4px;width:100%}.quiz-home-container:before{animation:sparkle-drift 15s linear infinite;background-size:200px 150px}.quiz-home-content{height:100%;justify-content:flex-start;overflow:hidden;padding-top:4px}.quiz-home-title{font-size:1.05rem;letter-spacing:1px;margin-bottom:8px;padding:0 8px}.quiz-home-image-container{margin:8px 0}.quiz-home-image-container:before{filter:blur(5px);height:95px;width:95px}.quiz-home-intro-image{animation:image-float 2.5s ease-in-out infinite;border-width:3px;height:85px;width:85px}@keyframes image-float{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.02)}}.quiz-home-subtitle{font-size:.8rem;letter-spacing:2px;margin-bottom:12px}.quiz-cards-container{gap:10px;padding:0 8px}.quiz-card{align-items:center;background:linear-gradient(145deg,#ffffff1f,#ffffff0a);border-radius:12px;border-width:2px;flex-direction:row;justify-content:space-between;padding:14px 12px;text-align:left}.quiz-card:first-child{border-left:4px solid #e74c3ccc}.quiz-card:nth-child(2){border-left:4px solid #3498dbcc}.quiz-card:nth-child(3){border-left:4px solid #9b59b6cc}.quiz-card-title{font-size:.95rem;letter-spacing:.5px;margin-bottom:0}.quiz-card-description{display:none}.quiz-card-icon{flex-shrink:0;height:36px;margin-bottom:0;margin-right:10px;width:36px}.quiz-card-button{border-radius:25px;flex-shrink:0;font-size:.85rem;font-weight:700;letter-spacing:1px;min-height:42px;min-width:100px;padding:12px 20px;text-transform:uppercase}}@media (max-width:375px){.quiz-home-container{padding-bottom:48px;padding-top:48px}.quiz-home-title{font-size:.95rem}.quiz-home-image-container:before{height:80px;width:80px}.quiz-home-intro-image{height:70px;width:70px}.quiz-home-subtitle{font-size:.75rem;margin-bottom:10px}.quiz-cards-container{gap:8px}.quiz-card{padding:12px 10px}.quiz-card-title{font-size:.9rem}.quiz-card-button{font-size:.8rem;min-height:38px;min-width:90px;padding:10px 16px}}@media (min-width:481px) and (max-width:667px){.quiz-home-container{padding-bottom:60px;padding-top:60px}.quiz-home-title{font-size:1.2rem}.quiz-home-image-container:before{height:160px;width:160px}.quiz-home-intro-image{height:140px;width:140px}.quiz-cards-container{gap:12px;max-width:450px}.quiz-card{padding:16px 14px}}@media (min-width:668px) and (max-width:1024px){.quiz-home-container{height:100vh}.quiz-home-image-container:before{height:200px;width:200px}.quiz-home-intro-image{height:180px;width:180px}.quiz-cards-container{max-width:600px}}@media (min-width:1025px){.quiz-home-container{min-height:100vh}.quiz-home-title{font-size:1.8rem;margin-bottom:25px}.quiz-home-intro-image{height:200px;width:200px}.quiz-home-subtitle{font-size:1.1rem;margin-bottom:25px}.quiz-cards-container{flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:center;max-width:100%}.quiz-card{flex:0 1 280px;padding:25px 20px}.quiz-card-title{font-size:1.3rem}.quiz-card-description{font-size:.95rem}}@media (min-width:1441px){.quiz-cards-container{gap:25px}.quiz-card{flex:0 1 320px}}@media (min-width:768px){.quiz-home-content{padding-top:40px}.quiz-home-title{font-size:1.6rem;letter-spacing:2px}.quiz-home-image-container:before{height:220px;width:220px}.quiz-home-intro-image{height:190px;width:190px}.quiz-home-subtitle{font-size:1rem;letter-spacing:4px;margin-bottom:30px}.quiz-cards-container{flex-direction:row;flex-wrap:wrap;gap:18px;justify-content:center;max-width:700px}.quiz-card{flex-direction:column;padding:25px 20px;text-align:center}.quiz-card,.quiz-card:last-child{flex-basis:calc(50% - 10px);flex-grow:0;flex-shrink:1}.quiz-card-icon{height:70px;margin-bottom:15px;margin-right:0;width:70px}.quiz-card-description{display:block}.quiz-card-title{margin-bottom:8px}}@media (min-width:1024px){.quiz-home-content{max-width:1200px;padding-top:50px}.quiz-home-title{font-size:2rem;letter-spacing:3px;margin-bottom:30px}.quiz-home-image-container{margin:25px 0}.quiz-home-image-container:before{height:250px;width:250px}.quiz-home-intro-image{border-width:5px;height:220px;width:220px}.quiz-home-subtitle{font-size:1.2rem;margin-bottom:35px}.quiz-cards-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(3,1fr);max-width:1100px}.quiz-card{border-radius:20px;flex:none;padding:30px 25px}.quiz-card-icon{height:80px;margin-bottom:18px;width:80px}.quiz-card-title{font-size:1.4rem;margin-bottom:12px}.quiz-card-description{font-size:1rem;line-height:1.5;margin-bottom:20px}.quiz-card-button{font-size:1.05rem;padding:16px 40px}}@media (min-width:1440px){.quiz-home-content{max-width:1300px}.quiz-home-title{font-size:2.3rem}.quiz-home-image-container:before{height:280px;width:280px}.quiz-home-intro-image{height:250px;width:250px}.quiz-cards-container{gap:35px;max-width:1200px}.quiz-card{padding:35px 30px}.quiz-card-icon{height:90px;margin-bottom:20px;width:90px}.quiz-card-title{font-size:1.5rem}.quiz-card-description{font-size:1.05rem}.quiz-card-button{font-size:1.1rem;padding:18px 45px}}@media (min-width:1920px){.quiz-home-content{max-width:1400px}.quiz-home-title{font-size:2.6rem}.quiz-home-image-container:before{height:320px;width:320px}.quiz-home-intro-image{height:280px;width:280px}.quiz-cards-container{gap:40px;max-width:1300px}.quiz-card{padding:40px 35px}.quiz-card-icon{height:100px;width:100px}.quiz-card-title{font-size:1.6rem}}.one-piece-intro-screen{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;color:#fff;display:flex;flex-direction:column;font-size:36px;font-weight:700;height:100vh;justify-content:center;margin-bottom:20px;text-align:center;text-shadow:2px 2px 4px #0000004d;width:100%}.one-piece-intro-image-container{border-radius:50%;box-shadow:0 4px 12px #0006;height:100px;justify-content:center;margin:20px;overflow:hidden;width:100px}.one-piece-intro-image{height:200%;object-fit:cover;width:200%}.one-piece-intro-image-container{align-items:center;border:none;border-radius:30px;box-shadow:0 4px 12px #0000004d;cursor:pointer;display:flex;font-size:20px;gap:10px;padding:20px 40px;transition:background-color .3s ease-in-out}.one-piece-start-game-button:hover{background-color:#e64a19}.one-piece-start-icon{font-size:30px}.intro-screen h2{color:#fff}.intro-screen{color:#fff;padding:20px;text-align:center}.intro-image{border-radius:50%;height:200px;margin-top:60px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;width:200px}.intro-image:hover{box-shadow:0 4px 8px #0000004d;transform:scale(1.1)}.start-game-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:50px;box-shadow:0 8px 20px #667eea66;color:#fff;cursor:pointer;display:flex;font-size:18px;font-weight:700;gap:10px;justify-content:center;margin-top:60px;min-height:52px;min-width:180px;padding:16px 40px;transition:all .3s ease}.start-game-button:hover{background:linear-gradient(135deg,#764ba2,#667eea);box-shadow:0 12px 25px #667eea99;transform:translateY(-3px)}.new-onepiece-game-container{align-items:flex-start;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;justify-content:center;min-height:100vh;overflow-y:auto;padding:20px 10px;text-align:center;transition:all .3s ease-in-out;width:100%}.new-onepiece-content{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:flex-start;margin:0 auto;max-width:1200px;min-height:100vh;padding-top:20px;width:100%}h2{color:#333;font-size:24px;font-weight:700;margin-bottom:10px}.anime-title{color:#1a73e8;font-size:18px;margin-bottom:20px}.new-onepiece-game-info-container{align-items:center;display:flex;justify-content:center;margin-bottom:20px;width:100%}.new-onepiece-top-info-game{display:flex;flex-direction:column;gap:15px;max-width:800px;width:100%}.info-row{display:flex;gap:10px;justify-content:center;width:100%}.info-box{background-color:rgba(253,254,255,.199);border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 6px #ffffff1a;color:#fff;flex-grow:1;flex:1 1 120px;min-width:120px;padding:10px;text-align:center}.info-box p{color:#f8f8f8;font-size:14px;margin:0}.new-onepiece-character-image-container{align-items:center;border-radius:50%;border-radius:10%;display:flex;height:120px;justify-content:center;margin:0 auto;opacity:1;overflow:hidden;padding:5px;transform:scale(1.2);transition:transform .3s ease,opacity .3s ease;width:120px}.new-onepiece-character-image{border-radius:10%;height:110%;object-fit:cover;object-position:center}.new-onepiece-character-image-container:hover .new-onepiece-character-image{transform:scale(3);transition:transform .3s ease}.new-onepiece-choices-container{align-items:center;display:flex;flex-direction:column;gap:12px;margin:20px auto 0;max-width:800px;width:100%}.pass-button-container{margin-top:20px;text-align:center}.pass-button{background-color:#f39c12;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;min-height:48px;min-width:120px;padding:12px 24px}.pass-button:disabled{background-color:#e0e0e0;cursor:not-allowed}.choice-row{display:flex;gap:15px;justify-content:center;margin:0 auto;max-width:800px;width:100%}.new-onepiece-choice-button{align-items:center;background-color:#4b7ead26;border:2px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:15px;justify-content:center;margin-bottom:0;max-width:350px;min-height:48px;min-width:140px;padding:14px 16px;text-align:center;transition:all .2s ease;word-break:break-word}.new-onepiece-choice-button.correct{background-color:green}.new-onepiece-choice-button.incorrect{background-color:red}.correct-icon,.incorrect-icon{font-size:10px;margin-left:10px}.new-onepiece-choice-button:disabled{background-color:rgba(0,0,0,.623);border:2px solid #ffffff4d;color:#fff}.new-onepiece-choice-button:hover{background-color:#4b7ead1a;transform:none}.game-action-buttons-container{flex-direction:column;font-size:14px;margin-bottom:8px;padding:10px}.action-button-row,.game-action-buttons-container{align-items:center;display:flex;gap:10px;width:100%}.action-button-row{flex-direction:row;flex-wrap:wrap;justify-content:center}.new-onepiece-next-button{font-size:14px;padding:10px}.new-onepiece-next-button.correct{background-color:green}.new-onepiece-next-button.incorrect{background-color:red}.new-onepiece-rematch-button{font-size:14px;margin-bottom:8px;padding:10px;width:100%}.restart-game-button:hover{background-color:#e64a19;transform:translateY(-2px)}.restart-game-button{background-color:#df4014}.next-question-button,.restart-game-button{border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:700;margin-bottom:0;min-height:48px;padding:14px 24px;transition:all .2s ease}.next-question-button{background-color:#1a73e8}.next-question-button:hover{background-color:#0f59b3}.new-onepiece-game-over{background-color:#333;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:10px;color:#fff;margin-top:20px;padding:20px;text-align:center}.game-over-heading{color:#ff5722;font-size:28px;font-weight:700;margin-bottom:20px}.game-results{display:flex;gap:20px;justify-content:center;margin-bottom:20px}.result{font-size:18px;font-weight:700;margin:0}.result.correct{color:green}.result.incorrect{color:red}.new-onepiece-rematch-button{background-color:#ff5722;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:18px;font-weight:700;min-height:52px;padding:16px 32px;transition:all .2s ease}.new-onepiece-rematch-button:hover{background-color:#e64a19}.new-onepiece-leaderboard-button{background:linear-gradient(135deg,gold,#ff8c00);border:none;border-radius:12px;color:#000;cursor:pointer;font-size:18px;font-weight:700;margin-top:10px;min-height:52px;padding:16px 32px;transition:all .2s ease}.new-onepiece-leaderboard-button:hover{box-shadow:0 5px 20px #ffd70080;transform:translateY(-2px)}.new-onepiece-answer-feedback{color:#fff;font-weight:700}body{font-family:Arial,sans-serif;margin:0;padding:0}@media (max-width:480px){.new-onepiece-game-container{align-items:flex-start;background-size:cover;height:100dvh;max-height:100dvh;min-height:auto;overflow:hidden;padding:55px 6px;width:100%}.new-onepiece-content{gap:4px;height:100%;justify-content:flex-start;overflow:hidden;padding-top:2px}.new-onepiece-content>p{font-size:11px;margin:4px 0}.new-onepiece-top-info-game{gap:2px;max-width:100%}.info-row{flex-wrap:nowrap;gap:4px}.info-box{flex:1 1;font-size:10px;min-width:0;padding:5px 4px}.info-box p{font-size:10px;line-height:1.2;margin:0}.new-onepiece-game-info-container{margin-bottom:4px}.new-onepiece-character-image-container{height:100px;margin:6px auto;transform:none;width:100px}.new-onepiece-choices-container{gap:4px;margin-top:2px;padding:0 2px}.choice-row{gap:6px}.new-onepiece-choice-button{flex:1 1;font-size:11px;min-height:32px;min-width:0;padding:6px 4px}.new-onepiece-choice-button img{height:85px!important;margin-bottom:0!important;width:70px!important}.pass-button-container{margin-top:2px}.pass-button{font-size:13px;min-height:38px;padding:8px 18px}.game-action-buttons-container{gap:4px;gap:6px;margin-bottom:0;padding:2px 0;padding:4px 0}.action-button-row{flex-wrap:nowrap;gap:8px;justify-content:center}.next-question-button,.restart-game-button{flex:0 1 auto;font-size:13px;max-width:140px;min-height:38px;padding:8px 14px}.new-onepiece-answer-feedback{font-size:12px;margin:4px 0}.new-onepiece-answer-feedback p{font-size:12px;margin:2px 0}.new-onepiece-next-button{font-size:12px;min-height:32px;padding:6px 12px}.start-game-button{font-size:16px;margin-top:30px;min-height:48px;padding:12px 28px}.intro-screen{height:100%;justify-content:center;overflow:hidden;padding:60px 12px}.intro-image{height:140px;margin-top:20px;width:140px}.new-onepiece-intro-title{font-size:1.2rem;padding:0 10px}.new-onepiece-game-over{border-radius:10px;margin:5px;padding:15px 12px}.game-over-heading{font-size:20px;margin-bottom:10px}.game-results{flex-direction:row;gap:15px;margin-bottom:10px}.result{font-size:14px}.new-onepiece-rematch-button{font-size:15px;min-height:44px;padding:10px 24px}}@media (min-width:668px) and (max-width:896px){.new-onepiece-game-container{background-size:cover;height:100vh;width:100%}}@media (min-width:897px) and (max-width:1024px){.new-onepiece-game-container{background-size:cover;height:100vh;width:100%}}@media (min-width:1025px) and (max-width:1366px){.new-onepiece-game-container{background-size:cover;margin:0 auto;max-width:900px}}@media (min-width:1367px) and (max-width:1440px){.new-onepiece-game-container{background-size:cover;margin:0 auto;max-width:1200px}}@media (min-width:1441px){.new-onepiece-game-container{background-size:cover;height:100vh;margin:0 auto;max-width:1440px}.new-onepiece-choices-container{margin:0 auto;max-width:700px;width:70%}}@media (min-width:412px) and (max-width:1024px){.container{font-size:16px;padding:20px}.header{font-size:20px}.game-container{margin:20px auto;max-width:80%}.button{font-size:16px;padding:12px;width:auto}}@media (min-width:1025px) and (max-width:1366px){.container{font-size:18px;padding:30px}.header{font-size:24px}.game-container{margin:20px auto;max-width:70%}.button{font-size:18px;padding:15px}}@media (min-width:1441px){.container{font-size:20px;padding:40px}.header{font-size:28px}.game-container{margin:30px auto;max-width:60%}.button{font-size:20px;padding:20px}}@media (max-width:375px){.new-onepiece-game-container{padding:52px 4px}.new-onepiece-content{gap:4px}.info-row,.new-onepiece-top-info-game{gap:3px}.info-box{flex:1 1;padding:4px 3px}.info-box p{font-size:9px}.new-onepiece-character-image-container{height:70px;margin:2px auto;width:70px}.new-onepiece-choices-container{gap:4px;margin-top:4px}.choice-row{gap:4px}.new-onepiece-choice-button{font-size:10px;min-height:34px;padding:6px 4px}.new-onepiece-choice-button img{height:75px!important;width:60px!important}.pass-button{font-size:12px;min-height:34px;padding:6px 14px}.next-question-button,.restart-game-button{font-size:12px;min-height:34px;padding:6px 12px}.new-onepiece-answer-feedback p{font-size:11px}.intro-image{height:120px;margin-top:15px;width:120px}.start-game-button{font-size:15px;margin-top:20px;padding:10px 24px}.new-onepiece-intro-title{font-size:1.1rem}.game-over-heading{font-size:18px}.result{font-size:13px}}@media (min-width:1900px){.new-onepiece-game-container{margin:0;max-width:none;width:99%}}..new-onepiece-intro-title{color:#000}.new-onepiece-intro-title{color:#fff!important}.username-modal-overlay{align-items:center;animation:overlay-fade-in .3s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.username-modal{animation:modal-slide-up .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a,inset 0 1px 0 #ffffff1a;max-width:380px;padding:30px 25px;width:100%}.modal-header{margin-bottom:25px;text-align:center}.modal-icon{animation:icon-float 2s ease-in-out infinite;font-size:3rem;margin-bottom:10px}@keyframes icon-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.modal-title{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:1px;margin:0 0 8px;text-shadow:0 0 20px #ffd70080;text-transform:uppercase}.modal-subtitle{color:#fff9;font-size:.85rem;margin:0}.modal-form{display:flex;flex-direction:column;gap:15px}.input-container{position:relative}.username-input{background:#0006;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1.1rem;font-weight:600;outline:none;padding:15px 60px 15px 18px;transition:all .3s ease;width:100%}.username-input::placeholder{color:#fff6;font-weight:400}.username-input:focus{border-color:gold;box-shadow:0 0 20px #ffd70033}.username-input.has-error{border-color:#e74c3c;box-shadow:0 0 15px #e74c3c4d}.username-input:disabled{cursor:not-allowed;opacity:.6}.char-count{color:#fff6;font-size:.75rem;font-weight:500;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.error-message{animation:shake .5s ease-out;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:8px;padding:10px 12px}.error-icon{font-size:1rem}.rules-hint{color:#fff6;font-size:.75rem;gap:8px}.rules-hint,.submit-button{display:flex;justify-content:center}.submit-button{align-items:center;background:linear-gradient(135deg,#e74c3c,#f39c12);border:none;border-radius:12px;box-shadow:0 5px 20px #e74c3c66;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;gap:10px;letter-spacing:1px;margin-top:5px;padding:16px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:hover:not(:disabled){box-shadow:0 8px 25px #e74c3c80;transform:translateY(-2px)}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.submit-button.submitting{background:linear-gradient(135deg,#f39c12,#e74c3c)}.spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}.skip-button{background:#0000;border:none;color:#ffffff80;cursor:pointer;display:block;font-size:.85rem;margin-top:15px;padding:12px;transition:color .2s ease;width:100%}.skip-button:hover:not(:disabled){color:#fffc}.skip-button:disabled{cursor:not-allowed}@media (max-width:480px){.username-modal-overlay{align-items:flex-end;padding:15px}.username-modal{animation:modal-slide-up-mobile .4s ease-out;border-radius:20px 20px 0 0;max-width:100%;padding:25px 20px}@keyframes modal-slide-up-mobile{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.modal-icon{font-size:2.5rem}.modal-title{font-size:1.2rem}.username-input{font-size:1rem;padding:14px 55px 14px 15px}.submit-button{font-size:.95rem;padding:14px 18px}}.avatar-grid{grid-gap:10px;background:#0003;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;max-height:200px;overflow-y:auto;padding:15px}.avatar-option{align-items:center;aspect-ratio:1;background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.avatar-option:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.avatar-option.selected{background:#ffd70033;border-color:gold;box-shadow:0 0 15px #ffd7004d}.avatar-option:disabled{cursor:not-allowed;opacity:.5}.avatar-emoji{font-size:1.5rem}.avatar-grid::-webkit-scrollbar{width:6px}.avatar-grid::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.avatar-grid::-webkit-scrollbar-track{background:#0003}.step-indicator{border-top:1px solid #ffffff1a;display:flex;gap:8px;justify-content:center;margin-top:20px;padding-top:15px}.step-dot{background:#fff3;border-radius:50%;height:8px;transition:all .3s ease;width:8px}.step-dot.active{background:gold;box-shadow:0 0 10px #ffd70080}@media (min-width:768px){.username-modal{padding:35px 30px}.modal-title{font-size:1.5rem}.username-input{font-size:1.15rem}.avatar-grid{gap:12px;grid-template-columns:repeat(5,1fr);max-height:250px}.avatar-emoji{font-size:1.8rem}}@media (max-width:480px){.avatar-grid{gap:8px;grid-template-columns:repeat(4,1fr);max-height:180px;padding:12px}.avatar-emoji{font-size:1.3rem}}.devil-fruit-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:20px}.devil-fruit-container,.intro-screen{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.intro-screen{height:100%}.intro-content{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.new-onepiece-intro-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #00000080}.game-subtitle{color:#fff;font-size:1.3rem;margin-bottom:20px;text-shadow:1px 1px 3px #00000080}@media (min-width:1900px){.devil-fruit-container{margin:0;max-width:none;width:99%}}.devil-intro{max-width:600px;text-align:center}.title-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));height:40px;object-fit:contain;vertical-align:middle;width:40px}.devil-intro h1{margin-bottom:20px;text-shadow:2px 2px 4px #00000080}.devil-intro-img{border-radius:20px;box-shadow:0 8px 16px #0000004d;height:300px;margin:30px 0;object-fit:cover;width:300px}.devil-start-btn{background:linear-gradient(135deg,#70f,#f0f);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.3rem;font-weight:700;padding:15px 40px;transition:transform .2s}.devil-start-btn:hover{transform:scale(1.05)}.devil-game-content{max-width:800px;width:100%}.devil-stats{background:#0000004d;border-radius:15px;color:#fff;display:flex;font-size:1.1rem;justify-content:space-around;margin-bottom:30px;padding:15px}.devil-question-area{margin-bottom:30px;text-align:center}.devil-character-img{border:3px solid #f0f;border-radius:15px;box-shadow:0 8px 16px #ff00ff4d;height:250px;margin-bottom:20px;object-fit:cover;width:200px}.devil-choices{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr;margin-bottom:20px}.devil-choice{align-items:center;background:#ffffff1a;border:2px solid #70f;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-weight:500;min-height:48px;padding:14px 18px;text-align:left;transition:all .2s}.devil-choice:hover:not(:disabled){background:#fff3;transform:translateX(5px)}.devil-choice:disabled{cursor:not-allowed;opacity:.6}.devil-correct{background:#00ff004d!important;border-color:#0f0!important}.devil-incorrect{background:#ff00004d!important;border-color:red!important}.devil-feedback{margin:20px 0;text-align:center}.devil-feedback p{font-size:1.2rem;font-weight:700;margin-bottom:15px}.devil-next-btn{background:#70f;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;min-height:48px;padding:14px 30px;transition:transform .2s}.devil-next-btn:hover{transform:scale(1.05)}.devil-pass-btn{background:#fff3;border:2px solid #fff;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:1rem;font-weight:500;margin:0 auto;min-height:48px;padding:12px 25px}.devil-pass-btn:disabled{cursor:not-allowed;opacity:.3}.devil-game-over{background:#00000080;border-radius:20px;color:#fff;padding:50px;text-align:center}.devil-game-over h2{font-size:2.5rem;margin-bottom:30px}.devil-game-over p{font-size:1.5rem;margin:15px 0}.devil-restart-btn{background:linear-gradient(135deg,#f0f,#70f);border:none;border-radius:50px;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:30px;min-height:52px;padding:16px 40px;transition:transform .2s}.devil-restart-btn:hover{transform:scale(1.05)}.devil-leaderboard-btn{background:linear-gradient(135deg,gold,#ff8c00);border:none;border-radius:50px;color:#000;cursor:pointer;display:block;font-size:1.2rem;font-weight:700;margin-left:auto;margin-right:auto;margin-top:15px;min-height:52px;padding:16px 40px;transition:transform .2s}.devil-leaderboard-btn:hover{transform:scale(1.05)}@media (max-width:768px){.devil-fruit-container{overflow-x:hidden;padding:16px 16px 80px}.intro-screen{padding:16px 16px 80px;width:100%}.intro-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.new-onepiece-intro-title{font-size:1.6rem;text-align:center}.game-subtitle{font-size:1.1rem;padding:0 10px;text-align:center}.intro-image{height:160px;margin-top:30px;width:160px}.start-game-button{font-size:17px;margin-top:40px;min-height:52px;padding:14px 32px}.devil-game-content{padding:10px;width:100%}.devil-character-img{height:175px;width:140px}.devil-stats{border-radius:12px;flex-wrap:wrap;gap:8px;padding:12px}.devil-stats,.devil-stats span{font-size:.95rem}.devil-question-area h2{font-size:1.3rem}.devil-choices{gap:12px}.devil-choice{padding:14px 16px}.devil-choice,.devil-pass-btn{font-size:1rem;min-height:48px}.devil-pass-btn{padding:12px 24px}.devil-feedback p,.devil-next-btn{font-size:1.1rem}.devil-next-btn{min-height:48px;padding:12px 28px}.devil-game-over{border-radius:16px;padding:30px 20px}.devil-game-over h2{font-size:2rem}.devil-game-over p{font-size:1.3rem}.devil-restart-btn{font-size:1.1rem;min-height:52px;padding:14px 32px}}@media (max-width:480px){.devil-fruit-container{height:100dvh;max-height:100dvh;overflow:hidden;padding:55px 6px}.devil-game-content{display:flex;flex-direction:column;height:100%;justify-content:space-between;overflow:hidden;padding:4px}.devil-stats{gap:6px;margin-bottom:8px;padding:6px 8px}.devil-stats,.devil-stats span{font-size:.8rem}.devil-question-area{margin-bottom:8px}.devil-question-area h2{font-size:1rem;margin-bottom:6px}.devil-character-img{height:105px;margin-bottom:8px;width:85px}.devil-choices{gap:8px;margin-bottom:8px}.devil-choice{font-size:.9rem;min-height:40px;padding:10px 12px}.devil-feedback{margin:6px 0}.devil-feedback p{font-size:.95rem;margin-bottom:8px}.devil-next-btn{font-size:.95rem;min-height:38px;padding:10px 20px}.devil-pass-btn{font-size:.9rem;margin-top:6px;min-height:36px;padding:8px 16px}.new-onepiece-intro-title{font-size:1.3rem}.game-subtitle{font-size:.95rem;margin-bottom:15px}.intro-image{height:130px;margin-top:15px;width:130px}.start-game-button{font-size:16px;margin-top:25px;padding:12px 28px}.devil-game-over{padding:20px 15px}.devil-game-over h2{font-size:1.6rem;margin-bottom:15px}.devil-game-over p{font-size:1.1rem;margin:8px 0}.devil-restart-btn{font-size:1rem;margin-top:15px;padding:12px 28px}}@media (max-width:375px){.devil-fruit-container{padding:50px 4px}.devil-game-content{padding:2px}.devil-stats{margin-bottom:5px;padding:5px 6px}.devil-stats,.devil-stats span{font-size:.75rem}.devil-question-area{margin-bottom:5px}.devil-question-area h2{font-size:.9rem;margin-bottom:4px}.devil-character-img{height:88px;margin-bottom:5px;width:70px}.devil-choices{gap:6px;margin-bottom:5px}.devil-choice{font-size:.85rem;min-height:36px;padding:8px 10px}.devil-feedback p{font-size:.9rem;margin-bottom:5px}.devil-next-btn{font-size:.9rem;min-height:34px;padding:8px 16px}.devil-pass-btn{font-size:.85rem;min-height:32px;padding:6px 14px}.new-onepiece-intro-title{font-size:1.1rem}.game-subtitle{font-size:.9rem}.intro-image{height:110px;margin-top:10px;width:110px}.start-game-button{font-size:15px;margin-top:20px;padding:10px 24px}.devil-game-over{padding:15px 12px}.devil-game-over h2{font-size:1.4rem;margin-bottom:10px}.devil-game-over p{font-size:1rem;margin:5px 0}.devil-restart-btn{font-size:.95rem;margin-top:10px;padding:10px 22px}}.leaderboard-container{background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);min-height:100vh;overflow:hidden;padding:70px 15px 100px;position:relative;width:100%}.particles-container{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.particle{animation:float-particle 15s ease-in-out infinite;border-radius:50%;opacity:.6;position:absolute}.particle-0{animation-delay:0s;background:gold;box-shadow:0 0 10px gold,0 0 20px gold;height:6px;left:10%;top:20%;width:6px}.particle-1{animation-delay:-3s;background:#e74c3c;box-shadow:0 0 8px #e74c3c;height:4px;left:25%;top:60%;width:4px}.particle-2{animation-delay:-5s;background:#3498db;box-shadow:0 0 15px #3498db;height:8px;left:50%;top:30%;width:8px}.particle-3{animation-delay:-8s;background:#9b59b6;box-shadow:0 0 10px #9b59b6;height:5px;left:75%;top:70%;width:5px}.particle-4{animation-delay:-12s;background:#f39c12;box-shadow:0 0 12px #f39c12;height:7px;left:90%;top:40%;width:7px}@keyframes float-particle{0%,to{opacity:.6;transform:translateY(0) translateX(0) scale(1)}25%{opacity:.8;transform:translateY(-100px) translateX(20px) scale(1.2)}50%{opacity:.4;transform:translateY(-50px) translateX(-30px) scale(.8)}75%{opacity:.7;transform:translateY(-150px) translateX(10px) scale(1.1)}}.leaderboard-header{margin-bottom:25px;position:relative;text-align:center;z-index:1}.header-glow{background:radial-gradient(ellipse,#ffd7004d 0,#0000 70%);filter:blur(20px);height:100px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:300px}.leaderboard-title{align-items:center;animation:title-glow 3s ease-in-out infinite;color:#fff;display:flex;font-size:1.8rem;font-weight:900;gap:12px;justify-content:center;letter-spacing:3px;margin:0 0 10px;text-shadow:0 0 10px #ffd700cc,0 0 20px #ffd70080,0 0 40px #e74c3c4d,2px 2px 4px #000c;text-transform:uppercase}.title-icon{animation:icon-bounce 2s ease-in-out infinite;font-size:1.5rem}.title-icon:last-child{animation-delay:.5s}@keyframes title-glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}@keyframes icon-bounce{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(5deg)}}.leaderboard-subtitle{color:#ffffffb3;font-size:.9rem;letter-spacing:2px;margin:0;text-transform:uppercase}.tabs-container{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;position:relative;z-index:1}.tab-button{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:25px;color:#ffffffb3;cursor:pointer;display:flex;font-size:.85rem;font-weight:600;gap:6px;letter-spacing:1px;padding:10px 16px;text-transform:uppercase;transition:all .3s ease}.tab-button:hover{background:#ffffff1a;border-color:#ffd7004d;transform:translateY(-2px)}.tab-button.active{background:linear-gradient(135deg,#e74c3c4d,#f39c124d);border-color:gold;box-shadow:0 0 20px #ffd7004d,inset 0 0 20px #ffd7001a;color:#fff}.tab-icon{font-size:1.1rem}.tab-icon-img{height:24px;object-fit:contain;width:24px}.leaderboard-table-container{margin:0 auto;max-width:800px;position:relative;z-index:1}.loading-container{align-items:center;color:#ffffffb3;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.loading-spinner{border:4px solid #ffd70033;height:50px;width:50px}.leaderboard-table{background:#0006;border:1px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 40px #00000080,inset 0 1px 0 #ffffff0d;overflow:hidden}.table-header{background:linear-gradient(135deg,#ffd70026,#e74c3c26);border-bottom:2px solid #ffd7004d;color:gold;display:grid;font-size:.7rem;font-weight:700;grid-template-columns:60px 1fr 70px 70px 90px;letter-spacing:1px;padding:15px 12px;text-transform:uppercase}.table-header.show-game{grid-template-columns:60px 1fr 70px 70px 80px 90px}.table-body{max-height:500px;overflow-y:auto}.table-row{align-items:center;animation:row-slide-in .5s ease-out backwards;border-bottom:1px solid #ffffff0d;display:grid;grid-template-columns:60px 1fr 70px 70px 90px;padding:14px 12px;position:relative;transition:all .3s ease}.table-row.show-game{grid-template-columns:60px 1fr 70px 70px 80px 90px}.table-row:hover{background:#ffffff0d}@keyframes row-slide-in{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}.table-row.top-1{background:linear-gradient(90deg,#ffd70026,#0000)}.table-row.top-2{background:linear-gradient(90deg,#c0c0c01f,#0000)}.table-row.top-3{background:linear-gradient(90deg,#cd7f321f,#0000)}.row-glow{animation:glow-pulse 2s ease-in-out infinite;bottom:0;left:0;position:absolute;top:0;width:4px}.glow-1{background:linear-gradient(180deg,gold,#f39c12);box-shadow:0 0 15px gold,0 0 30px gold}.glow-2{background:linear-gradient(180deg,silver,#a0a0a0);box-shadow:0 0 12px silver,0 0 24px silver}.glow-3{background:linear-gradient(180deg,#cd7f32,#b87333);box-shadow:0 0 10px #cd7f32,0 0 20px #cd7f32}@keyframes glow-pulse{0%,to{opacity:.8}50%{opacity:1}}.col-rank{align-items:center;display:flex;justify-content:center}.rank-medal{animation:medal-shine 3s ease-in-out infinite;font-size:1.5rem}.rank-medal.gold{animation-delay:0s}.rank-medal.silver{animation-delay:.5s}.rank-medal.bronze{animation-delay:1s}@keyframes medal-shine{0%,to{filter:brightness(1);transform:scale(1) rotate(0deg)}50%{filter:brightness(1.3);transform:scale(1.1) rotate(5deg)}}.rank-number{background:#ffffff1a;border-radius:50%;color:#fff9;font-size:1rem;font-weight:700;height:28px;justify-content:center;width:28px}.col-player,.rank-number{align-items:center;display:flex}.col-player{gap:8px;padding-left:10px}.player-avatar{flex-shrink:0;font-size:1.3rem}.player-name{align-items:center;color:#fff;display:flex;font-size:.95rem;font-weight:600;gap:6px}.crown{animation:crown-float 2s ease-in-out infinite}@keyframes crown-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.col-score{align-items:baseline;display:flex;gap:2px}.score-value{color:gold;font-size:1.1rem;font-weight:800;text-shadow:0 0 10px #ffd70080}.score-max{color:#fff6;font-size:.75rem}.col-time{color:#fffc;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.col-game{display:flex;justify-content:center}.game-badge{border-radius:12px;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.game-badge-character{background:#e74c3c4d;border:1px solid #e74c3c80;color:#e74c3c}.game-badge-image{background:#3498db4d;border:1px solid #3498db80;color:#3498db}.game-badge-devil-fruit{background:#9b59b64d;border:1px solid #9b59b680;color:#9b59b6}.col-date{color:#ffffff80;font-size:.8rem;text-align:right}.leaderboard-actions{display:flex;gap:15px;justify-content:center;margin-top:30px;position:relative;z-index:1}.action-btn{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:8px;letter-spacing:1px;padding:14px 28px;text-transform:uppercase;transition:all .3s ease}.home-btn{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff}.home-btn:hover{background:#fff3;box-shadow:0 10px 25px #0000004d;transform:translateY(-3px)}.play-btn{animation:play-btn-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#e74c3c,#f39c12);box-shadow:0 5px 20px #e74c3c66;color:#fff}.play-btn:hover{animation:none;box-shadow:0 10px 30px #e74c3c99;transform:translateY(-3px) scale(1.02)}@keyframes play-btn-pulse{0%,to{box-shadow:0 5px 20px #e74c3c66}50%{box-shadow:0 5px 30px #e74c3c99}}.btn-icon{font-size:1.2rem}.leaderboard-footer-decoration{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:40px;position:relative;z-index:1}.decoration-line{background:linear-gradient(90deg,#0000,#ffd70080,#0000);height:2px;width:80px}.decoration-text{color:#fff6;font-size:.75rem;letter-spacing:2px;text-transform:uppercase;white-space:nowrap}@media (max-width:480px){.leaderboard-container{padding:65px 10px 90px}.leaderboard-title{flex-wrap:wrap;font-size:1.3rem;letter-spacing:2px}.title-icon{font-size:1.2rem}.leaderboard-subtitle{font-size:.75rem;letter-spacing:1px}.tabs-container{gap:6px}.tab-button{font-size:.7rem;gap:4px;padding:8px 12px}.tab-icon{font-size:.9rem}.tab-label{display:none}.tab-button.active .tab-label{display:inline}.table-header{font-size:.6rem}.table-header,.table-row{grid-template-columns:50px 1fr 60px 60px;padding:12px 8px}.col-date,.col-game{display:none!important}.rank-medal{font-size:1.3rem}.rank-number{height:24px;width:24px}.player-name,.rank-number{font-size:.85rem}.col-player{padding-left:5px}.score-value{font-size:1rem}.col-time{font-size:.8rem}.leaderboard-actions{flex-direction:column;gap:10px;padding:0 20px}.action-btn{justify-content:center;padding:14px 20px;width:100%}.decoration-line{width:50px}.decoration-text{font-size:.65rem;letter-spacing:1px}}@media (max-width:375px){.leaderboard-title{font-size:1.1rem}.tab-button{padding:6px 10px}.table-header{font-size:.55rem}.table-header,.table-row{grid-template-columns:45px 1fr 55px 55px}.table-row{padding:10px 6px}.player-name{font-size:.8rem}.score-value{font-size:.9rem}}@media (min-width:481px) and (max-width:768px){.table-header,.table-row{grid-template-columns:60px 1fr 70px 70px 90px}.col-game{display:none!important}}@media (min-width:769px){.leaderboard-container{padding:80px 20px 30px}.leaderboard-title{font-size:2.2rem;letter-spacing:4px}.title-icon{font-size:1.8rem}.leaderboard-subtitle{font-size:1rem;letter-spacing:3px}.tab-button{font-size:.9rem;padding:12px 24px}.table-header,.table-row{grid-template-columns:70px 1fr 80px 80px 110px;padding:16px 20px}.table-header.show-game,.table-row.show-game{grid-template-columns:70px 1fr 80px 80px 100px 110px}.col-date{display:block!important}.player-name{font-size:1.05rem}.score-value{font-size:1.2rem}.leaderboard-actions{gap:20px}.action-btn{padding:16px 35px}}@media (min-width:1200px){.leaderboard-table-container{max-width:900px}.header-glow{height:120px;width:400px}}.tab-title-container{margin-bottom:20px;position:relative;text-align:center;z-index:1}.tab-title{color:#fff;font-size:1.2rem;font-weight:700;letter-spacing:2px;margin:0 0 5px;text-transform:uppercase}.tab-subtitle{color:#ffffff80;font-size:.75rem;letter-spacing:1px;text-transform:uppercase}.tab-title-row{gap:12px}.refresh-btn,.tab-title-row{align-items:center;display:flex;justify-content:center}.refresh-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:50%;cursor:pointer;font-size:1rem;height:36px;transition:all .3s ease;width:36px}.refresh-btn:hover:not(:disabled){background:#ffd70033;border-color:#ffd70066;transform:rotate(180deg)}.refresh-btn:disabled{cursor:not-allowed;opacity:.5}.refresh-btn.refreshing{animation:spin-refresh 1s linear infinite}@keyframes spin-refresh{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.refresh-icon-img{height:18px;object-fit:contain;width:18px}.tab-button.grand-masters-tab{background:linear-gradient(135deg,#ffd7001a,#ff8c001a);border-color:#ffd7004d}.tab-button.grand-masters-tab.active{background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border-color:gold;box-shadow:0 0 25px #ffd70066,inset 0 0 25px #ffd70026}.grand-masters-container{position:relative}.no-grand-masters{background:#0006;border:1px solid #ffffff1a;border-radius:16px;padding:50px 20px;text-align:center}.no-grand-masters .empty-icon{animation:float 3s ease-in-out infinite;font-size:4rem;margin-bottom:20px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.no-grand-masters h3{color:#fff;font-size:1.3rem;margin:0 0 10px}.no-grand-masters p{color:#fff9;margin:0 0 25px}.requirements{display:flex;flex-direction:column;gap:10px;margin:0 auto;max-width:250px}.requirement{align-items:center;background:#ffffff0d;border-radius:10px;color:#fffc;display:flex;font-size:.9rem;gap:10px;padding:10px 15px}.req-icon{font-size:1.2rem}.req-icon-img{height:24px;object-fit:contain;width:24px}.tier-legend{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:20px}.tier-item{align-items:center;border-radius:20px;display:flex;font-size:.75rem;gap:8px;padding:8px 15px}.tier-item.pirate-king{background:linear-gradient(135deg,#ffd70033,#ff8c0033);border:1px solid #ffd70080}.tier-item.yonko{background:linear-gradient(135deg,#c0c0c033,#ffd7001a);border:1px solid #ffd7004d}.tier-item.grand-master{background:#ffffff1a;border:1px solid #fff3}.tier-icon{font-size:1.1rem}.tier-name{color:#fff;font-weight:700;letter-spacing:1px;text-transform:uppercase}.tier-desc{color:#ffffff80;font-size:.7rem}.gm-table{background:#0006;border:1px solid #ffd70033;border-radius:16px;box-shadow:0 10px 40px #00000080,0 0 30px #ffd7001a;overflow:hidden}.gm-header{background:linear-gradient(135deg,#ffd70033,#ff8c0026);border-bottom:2px solid #ffd70066;color:gold;display:grid;font-size:.65rem;font-weight:700;grid-template-columns:50px 100px 1fr 70px 120px 70px 90px;letter-spacing:1px;padding:15px 12px;text-transform:uppercase}.gm-body{max-height:400px;overflow-y:auto}.gm-row{align-items:center;animation:row-slide-in .6s ease-out backwards;border-bottom:1px solid #ffffff0d;display:grid;grid-template-columns:50px 100px 1fr 70px 120px 70px 90px;padding:14px 12px;position:relative;transition:all .3s ease}.gm-row:hover{background:#ffffff0d}.gm-row.tier-pirate-king{background:linear-gradient(90deg,#ffd70026,#ff8c001a 50%,#0000)}.gm-row.tier-yonko{background:linear-gradient(90deg,#ffd70014,#0000)}.gm-row.tier-grand-master{background:linear-gradient(90deg,#ffffff08,#0000)}.pirate-king-glow{animation:pirate-king-pulse 2s ease-in-out infinite;background:linear-gradient(180deg,gold,#ff8c00,gold);bottom:0;box-shadow:0 0 20px gold,0 0 40px gold;left:0;position:absolute;top:0;width:5px}@keyframes pirate-king-pulse{0%,to{box-shadow:0 0 20px gold,0 0 40px gold;opacity:.8}50%{box-shadow:0 0 30px gold,0 0 60px gold;opacity:1}}.gm-col-rank{align-items:center}.gm-col-rank,.gm-col-tier{display:flex;justify-content:center}.tier-badge{align-items:center;border-radius:15px;display:flex;font-size:.65rem;font-weight:700;gap:5px;padding:5px 10px}.tier-badge.tier-pirate-king{animation:badge-glow 2s ease-in-out infinite;background:linear-gradient(135deg,#ffd7004d,#ff8c004d);border:1px solid gold;box-shadow:0 0 15px #ffd7004d;color:gold}@keyframes badge-glow{0%,to{box-shadow:0 0 15px #ffd7004d}50%{box-shadow:0 0 25px #ffd70080}}.tier-badge.tier-yonko{background:linear-gradient(135deg,#ffd70026,#c0c0c026);border:1px solid #ffd70080;color:gold}.tier-badge.tier-grand-master{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.badge-icon{font-size:.9rem}.badge-text{letter-spacing:.5px;text-transform:uppercase}.gm-col-player{align-items:center;display:flex;gap:8px;padding-left:10px}.gm-player-avatar{flex-shrink:0;font-size:1.4rem}.gm-player-name{color:#fff;font-size:.95rem;font-weight:600}.gm-col-total{align-items:baseline;display:flex;gap:2px}.total-score{color:gold;font-size:1.2rem;font-weight:800;text-shadow:0 0 15px #ffd70080}.total-max{color:#fff6;font-size:.75rem}.gm-col-breakdown{display:flex;gap:8px;justify-content:center}.breakdown-item{align-items:center;background:#ffffff0d;border-radius:5px;color:#fffc;display:flex;font-size:.8rem;gap:4px;padding:2px 6px}.breakdown-icon{height:16px;object-fit:contain;width:16px}.gm-col-time{color:#fffc;font-family:Courier New,monospace;font-size:.9rem;font-weight:600}.gm-col-date{color:#ffffff80;font-size:.8rem;text-align:right}@media (max-width:768px){.tier-legend{gap:8px}.tier-item{font-size:.65rem;padding:6px 10px}.tier-desc{display:none}.gm-header{font-size:.55rem}.gm-header,.gm-row{grid-template-columns:40px 80px 1fr 60px;padding:12px 8px}.gm-col-breakdown,.gm-col-date,.gm-col-time{display:none!important}.tier-badge{font-size:.6rem;padding:4px 8px}.badge-text{display:none}.badge-icon{font-size:1rem}.gm-player-name{font-size:.85rem}.total-score{font-size:1rem}}@media (max-width:480px){.tab-title{font-size:1rem}.tier-legend{gap:5px}.tier-item{padding:5px 8px}.tier-icon{font-size:1rem}.tier-name{font-size:.6rem}.no-grand-masters .empty-icon{font-size:3rem}.no-grand-masters h3{font-size:1.1rem}.requirements{max-width:220px}.requirement{font-size:.8rem;padding:8px 12px}}@media (min-width:769px){.tab-title{font-size:1.4rem}.tier-legend{gap:20px;margin-bottom:25px}.tier-item{font-size:.8rem;padding:10px 20px}.gm-header,.gm-row{grid-template-columns:60px 120px 1fr 80px 150px 80px 100px;padding:16px 15px}.gm-col-breakdown,.gm-col-date,.gm-col-time{display:flex!important}.gm-col-date{display:block!important}.tier-badge{font-size:.7rem;padding:6px 12px}.badge-text{display:inline}.gm-player-name{font-size:1rem}.total-score{font-size:1.3rem}.breakdown-item{font-size:.85rem;padding:3px 8px}}@media (min-width:1024px){.leaderboard-title{font-size:2.5rem;gap:16px;letter-spacing:5px}.title-icon{font-size:2rem}.leaderboard-subtitle{font-size:1.1rem;margin-top:8px}.tabs-container{gap:15px;margin-bottom:30px}.tab-button{font-size:.95rem;gap:10px;padding:14px 30px}.tab-icon-img{height:28px;width:28px}.leaderboard-table-container{max-width:950px}.table-header,.table-row{grid-template-columns:80px 1fr 90px 90px 120px;padding:18px 25px}.table-header{font-size:.75rem}.player-avatar{font-size:1.5rem}.player-name{font-size:1.1rem}.score-value{font-size:1.3rem}.col-time{font-size:1rem}.col-date{font-size:.85rem}.gm-header,.gm-row{grid-template-columns:70px 130px 1fr 90px 180px 90px 110px;padding:18px 20px}.gm-player-avatar{font-size:1.6rem}.gm-player-name{font-size:1.1rem}.breakdown-item{font-size:.9rem;gap:6px;padding:4px 10px}.breakdown-icon{height:20px;width:20px}.leaderboard-actions{gap:25px;margin-top:40px}.action-btn{font-size:1.05rem;padding:18px 45px}.decoration-line{width:120px}.decoration-text{font-size:.85rem;letter-spacing:3px}}@media (min-width:1440px){.leaderboard-title{font-size:2.8rem}.header-glow{height:150px;width:500px}.leaderboard-table-container{max-width:1200px}.table-header,.table-row{grid-template-columns:90px 1fr 100px 100px 140px;padding:20px 30px}.table-body{max-height:600px}.player-name{font-size:1.15rem}.score-value{font-size:1.4rem}.gm-header,.gm-row{grid-template-columns:80px 150px 1fr 100px 200px 100px 130px;padding:20px 25px}.gm-body{max-height:500px}.tier-legend{gap:30px}.tier-item{font-size:.85rem;padding:12px 25px}}@media (min-width:1920px){.leaderboard-table-container{max-width:1400px}.table-header,.table-row{grid-template-columns:100px 1fr 110px 110px 160px;padding:22px 35px}.gm-header,.gm-row{grid-template-columns:90px 170px 1fr 110px 220px 110px 150px}.leaderboard-title{font-size:3rem}.tabs-container{gap:20px}.tab-button{font-size:1rem;padding:16px 35px}}.avatar-modal-overlay{align-items:center;animation:avatar-overlay-fade .3s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes avatar-overlay-fade{0%{opacity:0}to{opacity:1}}.avatar-modal{animation:avatar-modal-slide .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;max-width:400px;padding:30px 25px;width:100%}@keyframes avatar-modal-slide{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.avatar-modal-header{margin-bottom:20px;text-align:center}.current-avatar-preview{animation:avatar-bounce 2s ease-in-out infinite;font-size:4rem;margin-bottom:10px}@keyframes avatar-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.avatar-modal-header h2{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:0 0 8px;text-transform:uppercase}.avatar-modal-header p{color:#fff9;font-size:.9rem;margin:0}.avatar-select-grid{grid-gap:10px;background:#0003;border-radius:12px;display:grid;gap:10px;grid-template-columns:repeat(5,1fr);margin-bottom:20px;max-height:220px;overflow-y:auto;padding:15px}.avatar-select-option{align-items:center;aspect-ratio:1;background:#ffffff1a;border:2px solid #0000;border-radius:12px;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s ease;width:100%}.avatar-select-option:hover:not(:disabled){background:#fff3;transform:scale(1.1)}.avatar-select-option.selected{background:#ffd70033;border-color:gold;box-shadow:0 0 15px #ffd7004d}.avatar-select-option:disabled{cursor:not-allowed;opacity:.5}.avatar-select-emoji{font-size:1.5rem}.avatar-select-grid::-webkit-scrollbar{width:6px}.avatar-select-grid::-webkit-scrollbar-thumb{background:#ffd7004d;border-radius:3px}.avatar-select-grid::-webkit-scrollbar-track{background:#0003}.avatar-modal-actions{display:flex;flex-direction:column;gap:10px}.avatar-save-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;letter-spacing:1px;padding:14px 20px;text-transform:uppercase;transition:all .2s ease;width:100%}.avatar-save-btn:hover:not(:disabled){box-shadow:0 5px 20px #3498db66;transform:translateY(-2px)}.avatar-save-btn:disabled{cursor:not-allowed;opacity:.6}.avatar-save-btn.saving{background:linear-gradient(135deg,#2980b9,#3498db)}.avatar-spinner{animation:avatar-spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes avatar-spin{to{transform:rotate(1turn)}}.avatar-cancel-btn{background:#0000;border:none;color:#fff9;cursor:pointer;font-size:.9rem;padding:12px 20px;transition:color .2s ease;width:100%}.avatar-cancel-btn:hover:not(:disabled){color:#ffffffe6}.avatar-cancel-btn:disabled{cursor:not-allowed}@media (max-width:480px){.avatar-modal-overlay{align-items:center;padding:15px}.avatar-modal{border-radius:16px;max-height:90vh;max-width:100%;overflow-y:auto}.current-avatar-preview{font-size:3rem}.avatar-select-grid{gap:8px;grid-template-columns:repeat(4,1fr);max-height:180px}.avatar-select-emoji{font-size:1.3rem}}.profile-container{align-items:flex-start;background:linear-gradient(135deg,#0a0a0f,#1a1a2e 50%,#16213e);display:flex;justify-content:center;min-height:calc(100vh - 80px);padding:20px;position:relative;width:100%}.profile-container:before{animation:sparkle-float 25s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffd70066,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff4d,#0000),radial-gradient(2px 2px at 90px 40px,#ffffff4d,#0000),radial-gradient(2px 2px at 130px 80px,#ffd70066,#0000),radial-gradient(3px 3px at 200px 50px,#e74c3c4d,#0000);background-repeat:repeat;background-size:250px 200px;bottom:0;content:"";left:0;opacity:.6;pointer-events:none;position:absolute;right:0;top:0;z-index:0}@keyframes sparkle-float{0%{transform:translateY(0) translateX(0)}to{transform:translateY(-200px) translateX(15px)}}.profile-card{background:linear-gradient(145deg,#1e1e32f2,#141428fa);border:2px solid #ffd70033;border-radius:24px;box-shadow:0 15px 50px #0006,0 0 30px #ffd7000d,inset 0 1px 0 #ffffff1a;margin-top:20px;max-width:600px;padding:35px 30px;position:relative;width:100%;z-index:1}.profile-card.profile-setup{max-width:450px;text-align:center}.profile-header{border-bottom:1px solid #ffffff1a;margin-bottom:30px;padding-bottom:20px;text-align:center}.profile-avatar-container{display:inline-block;margin-bottom:15px;position:relative}.profile-avatar,.profile-icon{align-items:center;animation:avatar-glow 3s ease-in-out infinite;background:linear-gradient(145deg,#ffd70026,#e74c3c1a);border:3px solid #ffd70066;border-radius:50%;box-shadow:0 0 30px #ffd70033,inset 0 0 20px #0003;display:flex;font-size:4.5rem;height:100px;justify-content:center;width:100px}@keyframes avatar-glow{0%,to{box-shadow:0 0 30px #ffd70033,inset 0 0 20px #0003}50%{box-shadow:0 0 40px #ffd70059,inset 0 0 20px #0003}}.change-avatar-btn{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:2px solid #1a1a2e;border-radius:50%;bottom:0;color:#fff;cursor:pointer;display:flex;font-size:.8rem;height:32px;justify-content:center;position:absolute;right:-10px;transition:all .2s ease;width:32px}.change-avatar-btn:hover{box-shadow:0 3px 10px #3498db66;transform:scale(1.1)}.username-row{align-items:center;display:flex;gap:10px;justify-content:center;margin-bottom:10px}.profile-header h1,.profile-username{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.8rem;font-weight:700;margin:0;text-shadow:0 0 20px #ffd7004d}.copy-username-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;cursor:pointer;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.copy-username-btn:hover{background:#ffd70033;border-color:#ffd70066;transform:scale(1.1)}.copy-username-btn.copied{background:#2ecc714d;border-color:#2ecc7180;color:#2ecc71}.profile-subtitle{color:#fff9;font-size:.95rem;margin:0}.grand-master-badge{background:linear-gradient(135deg,gold,#ff8c00);border-radius:20px;color:#000;display:inline-block;font-size:.85rem;font-weight:700;margin-bottom:15px;padding:6px 16px}.edit-username-btn{background:#ffffff1a;border:1px solid #fff3;border-radius:20px;color:#fffc;cursor:pointer;font-size:.9rem;padding:8px 20px;transition:all .2s ease}.edit-username-btn:hover{background:#fff3;color:#fff}.edit-username-form,.username-form{margin-top:20px}.input-group{margin-bottom:10px;position:relative}.input-group input{background:#0000004d;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1.1rem;outline:none;padding:14px 60px 14px 16px;transition:all .2s ease;width:100%}.input-group input:focus{border-color:gold;box-shadow:0 0 15px #ffd70033}.input-group input.has-error{border-color:#e74c3c}.input-group .char-count{color:#fff6;font-size:.8rem;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.input-hint{color:#ffffff80;font-size:.8rem;margin-bottom:20px}.error-message{align-items:center;color:#e74c3c;display:flex;font-size:.85rem;gap:8px;justify-content:center;margin-bottom:10px}.save-btn{background:linear-gradient(135deg,#e74c3c,#f39c12);border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;min-width:120px;padding:12px 30px;transition:all .2s ease}.save-btn:hover:not(:disabled){box-shadow:0 5px 20px #e74c3c66;transform:translateY(-2px)}.save-btn:disabled{cursor:not-allowed;opacity:.5}.cancel-btn{background:#0000;border:1px solid #fff3;border-radius:25px;color:#fff9;cursor:pointer;font-size:1rem;padding:12px 25px;transition:all .2s ease}.cancel-btn:hover:not(:disabled){border-color:#fff6;color:#fff}.edit-actions{display:flex;gap:10px;justify-content:center;margin-top:15px}.profile-stats{margin-top:20px}.stats-title{color:gold;font-size:1.3rem;font-weight:700;letter-spacing:2px;margin-bottom:22px;text-align:center;text-shadow:0 0 15px #ffd7004d;text-transform:uppercase}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr)}.stat-card{background:linear-gradient(145deg,#ffffff14,#0003);border:1px solid #ffffff1a;border-radius:16px;overflow:hidden;padding:22px 16px;position:relative;text-align:center;transition:all .3s ease}.stat-card:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.stat-card:hover:before{left:100%}.stat-card:hover{border-color:#ffd70066;box-shadow:0 10px 25px #0000004d;transform:translateY(-4px)}.stat-card.total-games{background:linear-gradient(145deg,#ffd70026,#ff8c0014);border:2px solid #ffd7004d;grid-column:span 2}.stat-card.total-games:hover{border-color:#ffd70080;box-shadow:0 10px 30px #ffd70026}.stat-icon{font-size:2rem;margin-bottom:8px}.stat-icon-img{filter:drop-shadow(0 3px 6px rgba(0,0,0,.3));height:52px;margin-bottom:10px;object-fit:contain;transition:transform .3s ease;width:52px}.stat-card:hover .stat-icon-img{transform:scale(1.1)}.stat-card h3{color:#fffc;font-size:.9rem;font-weight:500;margin:0 0 10px}.stat-score{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,gold);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:800;text-shadow:0 0 10px #ffd70066}.stat-details{color:#ffffff80;font-size:.8rem;margin-top:5px}.stat-empty{color:#fff6;font-size:.9rem;font-style:italic}.grand-master-progress{background:linear-gradient(135deg,#ffd70014,#ff8c000d);border:2px solid #ffd70040;border-radius:16px;box-shadow:0 5px 20px #0003,inset 0 1px 0 #ffffff0d;margin-top:30px;padding:25px}.gm-progress-header{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:15px}.gm-progress-icon{filter:drop-shadow(0 2px 4px rgba(255,215,0,.3));height:40px;object-fit:contain;width:40px}.grand-master-progress h3{color:gold;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:0;text-shadow:0 0 10px #ffd7004d;text-transform:uppercase}.progress-hint{color:#fff9;font-size:.85rem;margin-bottom:20px;text-align:center}.progress-checklist{display:flex;flex-direction:column;gap:12px}.progress-item{align-items:center;background:#0000004d;border:1px solid #ffffff1a;border-radius:12px;color:#ffffffb3;display:flex;font-size:.9rem;gap:12px;padding:14px 16px;transition:all .2s ease}.progress-item:hover{background:#0006;border-color:#ffffff26}.progress-item.completed{background:#2ecc7126;border-color:#2ecc714d}.progress-quiz-icon{flex-shrink:0;height:32px;object-fit:contain;width:32px}.progress-label{color:#ffffffe6;flex:1 1;font-weight:500}.progress-score{color:gold;font-size:1rem;font-weight:700;min-width:45px;text-align:right}.progress-item.completed .progress-score{color:#2ecc71}.progress-status{align-items:center;color:#2ecc71;display:flex;font-size:1rem;font-weight:700;height:24px;justify-content:center;width:24px}.check-icon{font-size:1.1rem}.profile-loading,.stats-loading{align-items:center;color:#fff9;display:flex;flex-direction:column;justify-content:center;padding:40px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top-color:gold;height:40px;margin-bottom:15px;width:40px}.loading-spinner.small{border-width:3px;height:24px;width:24px}@media (max-width:768px){.profile-container{padding:15px 15px 80px}.profile-card{margin-top:10px;padding:20px}.profile-avatar,.profile-icon{font-size:3rem}.profile-header h1,.profile-username{font-size:1.5rem}.stats-grid{gap:12px;grid-template-columns:1fr}.stat-card.total-games{grid-column:span 1}.stat-score{font-size:1.5rem}.edit-actions{flex-direction:column}.cancel-btn,.save-btn{width:100%}}.auth-buttons{display:flex;flex-direction:column;gap:15px;margin:25px 0}.auth-btn{align-items:center;border-radius:12px;display:flex;font-size:1.1rem;font-weight:600;gap:10px;justify-content:center;padding:16px 30px;text-decoration:none;transition:all .2s ease}.auth-btn.login-btn{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 5px 20px #3498db66;color:#fff}.auth-btn.login-btn:hover{box-shadow:0 8px 25px #3498db80;transform:translateY(-2px)}.auth-btn.guest-btn{background:#ffffff1a;border:1px solid #fff3;color:#fffc}.auth-btn.guest-btn:hover{background:#ffffff26;color:#fff}.or-divider{color:#fff6;font-size:.85rem;margin:0;text-align:center}.auth-note{border-top:1px solid #ffffff1a;color:#ffffff80;font-size:.8rem;margin-top:20px;padding-top:15px;text-align:center}.profile-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.logout-btn{align-items:center;background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:20px;color:#e74c3c;cursor:pointer;display:flex;font-size:.9rem;gap:8px;padding:8px 20px;transition:all .2s ease}.logout-btn:hover{background:#e74c3c4d;border-color:#e74c3c80}.logout-btn i{font-size:1rem}.username-change-overlay{align-items:center;animation:overlay-fade-in .3s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.username-change-modal{animation:modal-slide-up .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a;max-width:420px;padding:30px 25px;width:100%}.username-change-modal .modal-header{margin-bottom:20px;text-align:center}.username-change-modal .modal-header.warning{color:#f39c12}.username-change-modal .modal-icon{display:block;font-size:3rem;margin-bottom:10px}.username-change-modal .modal-header h2{color:#fff;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:0;text-transform:uppercase}.username-change-modal .modal-subtitle{color:#fff9;font-size:.9rem;margin-top:8px}.username-change-modal .modal-body,.warning-text{margin-bottom:20px}.warning-text{color:#ffffffe6;font-size:1rem;text-align:center}.warning-text strong{color:#f39c12}.warning-list{list-style:none;margin:0 0 20px;padding:0}.warning-list li{align-items:flex-start;background:#0003;border-radius:8px;color:#ffffffb3;display:flex;font-size:.9rem;gap:10px;margin-bottom:8px;padding:10px 15px}.warning-list li:before{color:#f39c12;content:"•";font-weight:700}.warning-question{color:#fff;font-size:1rem;font-weight:500;text-align:center}.username-change-modal .modal-actions{display:flex;flex-direction:column;gap:10px}.username-change-modal .proceed-btn{background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:14px 20px;transition:all .2s ease}.username-change-modal .proceed-btn:hover:not(:disabled){box-shadow:0 5px 20px #3498db66;transform:translateY(-2px)}.username-change-modal .proceed-btn:disabled{cursor:not-allowed;opacity:.5}.username-change-modal .cancel-btn{background:#0000;border:none;color:#ffffff80;cursor:pointer;font-size:.9rem;padding:12px 20px;transition:color .2s ease}.username-change-modal .cancel-btn:hover:not(:disabled){color:#fffc}@media (max-width:480px){.username-change-overlay{align-items:center;padding:15px}.username-change-modal{border-radius:16px;max-height:90vh;max-width:100%;overflow-y:auto}}@media (min-width:768px){.profile-card{max-width:650px;padding:40px 35px}.profile-avatar,.profile-icon{font-size:5rem;height:110px;width:110px}.profile-username{font-size:2rem}.stats-grid{gap:18px;grid-template-columns:repeat(2,1fr)}.stat-card{padding:25px 20px}.stat-icon-img{height:56px;width:56px}.stat-score{font-size:2.2rem}.stat-card h3{font-size:1rem}.grand-master-progress{padding:30px}.progress-item{padding:16px 20px}.progress-quiz-icon{height:36px;width:36px}.progress-label{font-size:1rem}.progress-score{font-size:1.1rem}}@media (min-width:1024px){.profile-card{max-width:1000px;padding:45px 50px}.profile-avatar,.profile-icon{font-size:6rem;height:130px;width:130px}.change-avatar-btn{font-size:.9rem;height:38px;width:38px}.profile-username{font-size:2.2rem}.copy-username-btn{font-size:1.1rem;height:42px;width:42px}.stats-title{font-size:1.5rem;margin-bottom:28px}.stats-grid{gap:20px;grid-template-columns:repeat(3,1fr)}.stat-card.total-games{grid-column:span 3}.stat-card{padding:28px 22px}.stat-icon-img{height:60px;width:60px}.stat-card h3{font-size:1.05rem}.stat-score{font-size:2.4rem}.stat-details{font-size:.9rem}.grand-master-progress{padding:35px}.gm-progress-header{gap:15px;margin-bottom:20px}.gm-progress-icon{height:48px;width:48px}.grand-master-progress h3{font-size:1.3rem}.progress-hint{font-size:.95rem;margin-bottom:25px}.progress-checklist{flex-direction:row;gap:15px}.progress-item{flex:1 1;flex-direction:column;gap:10px;padding:20px 15px;text-align:center}.progress-quiz-icon{height:48px;width:48px}.progress-label{font-size:.95rem}.progress-score{font-size:1.3rem;min-width:auto;text-align:center}.progress-status{font-size:1.2rem;height:28px;width:28px}.profile-actions{gap:15px;margin-top:20px}.edit-username-btn,.logout-btn{font-size:.95rem;padding:10px 25px}}@media (min-width:1440px){.profile-card{max-width:1200px;padding:55px 65px}.profile-avatar,.profile-icon{font-size:7rem;height:150px;width:150px}.profile-username{font-size:2.5rem}.stats-grid{gap:22px;grid-template-columns:repeat(4,1fr)}.stat-card.total-games{grid-column:span 1}.stat-card{padding:32px 25px}.stat-icon-img{height:65px;width:65px}.stat-score{font-size:2.6rem}.progress-item{padding:25px 20px}.progress-quiz-icon{height:56px;width:56px}.progress-score{font-size:1.5rem}}@media (min-width:1920px){.profile-card{max-width:1400px;padding:60px 80px}.stats-grid{gap:28px}.stat-card{padding:38px 30px}.stat-icon-img{height:72px;width:72px}.stat-score{font-size:2.8rem}.progress-item{padding:30px 25px}.progress-quiz-icon{height:64px;width:64px}}.login-modal-overlay{align-items:center;animation:overlay-fade-in .3s ease-out;background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}@keyframes overlay-fade-in{0%{opacity:0}to{opacity:1}}.login-modal{animation:modal-slide-up .4s ease-out;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffd7004d;border-radius:20px;box-shadow:0 20px 60px #00000080,0 0 40px #ffd7001a,inset 0 1px 0 #ffffff1a;max-width:380px;padding:30px 25px;width:100%}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal .modal-header{margin-bottom:25px;text-align:center}.login-modal .modal-icon{font-size:3rem;margin-bottom:10px}.login-modal .modal-title{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:1px;margin:0 0 8px;text-shadow:0 0 20px #ffd70080;text-transform:uppercase}.login-modal .modal-subtitle{color:#fff9;font-size:.85rem;margin:0}.login-modal .modal-form{display:flex;flex-direction:column;gap:15px}.login-modal .input-container{position:relative}.login-input{background:#0006;border:2px solid #fff3;border-radius:12px;box-sizing:border-box;color:#fff;font-size:1.1rem;font-weight:600;outline:none;padding:15px 18px;transition:all .3s ease;width:100%}.login-input::placeholder{color:#fff6;font-weight:400}.login-input:focus{border-color:gold;box-shadow:0 0 20px #ffd70033}.login-input.has-error{border-color:#e74c3c;box-shadow:0 0 15px #e74c3c4d}.login-input:disabled{cursor:not-allowed;opacity:.6}.login-modal .error-message{align-items:center;animation:shake .5s ease-out;background:#e74c3c26;border:1px solid #e74c3c4d;border-radius:8px;color:#e74c3c;display:flex;font-size:.85rem;gap:8px;padding:10px 12px}@keyframes shake{0%,to{transform:translateX(0)}20%,60%{transform:translateX(-5px)}40%,80%{transform:translateX(5px)}}.login-modal .error-icon{font-size:1rem}.login-modal .submit-button{align-items:center;background:linear-gradient(135deg,#3498db,#2980b9);border:none;border-radius:12px;box-shadow:0 5px 20px #3498db66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:10px;justify-content:center;letter-spacing:1px;margin-top:5px;padding:16px 20px;text-transform:uppercase;transition:all .3s ease;width:100%}.login-modal .submit-button:hover:not(:disabled){box-shadow:0 8px 25px #3498db80;transform:translateY(-2px)}.login-modal .submit-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.login-modal .submit-button.submitting{background:linear-gradient(135deg,#2980b9,#3498db)}.login-modal .btn-icon{font-size:1.2rem}.login-modal .spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.modal-footer{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:15px;text-align:center}.footer-text{color:#ffffff80;font-size:.85rem;margin-bottom:10px}.switch-button{background:#0000;border:1px solid #ffd7004d;border-radius:8px;color:gold;cursor:pointer;font-size:.9rem;padding:10px 20px;transition:all .2s ease}.switch-button:hover:not(:disabled){background:#ffd7001a;border-color:#ffd70080}.switch-button:disabled{cursor:not-allowed;opacity:.5}.close-button{background:#0000;border:none;color:#ffffff80;cursor:pointer;display:block;font-size:.85rem;margin-top:15px;padding:12px;transition:color .2s ease;width:100%}.close-button:hover:not(:disabled){color:#fffc}.close-button:disabled{cursor:not-allowed}@media (max-width:480px){.login-modal-overlay{align-items:center;padding:15px}.login-modal{border-radius:16px;max-height:90vh;max-width:100%;overflow-y:auto;padding:25px 20px}.login-modal .modal-icon{font-size:2.5rem}.login-modal .modal-title{font-size:1.2rem}.login-input{font-size:1rem;padding:14px 15px}.login-modal .submit-button{font-size:.95rem;padding:14px 18px}}@media (min-width:768px){.login-modal{max-width:420px;padding:35px 30px}.login-modal .modal-icon{font-size:3.5rem}.login-modal .modal-title{font-size:1.5rem}.login-modal .modal-subtitle{font-size:.9rem}.login-input{font-size:1.15rem;padding:16px 20px}.login-modal .submit-button{font-size:1.05rem;padding:18px 24px}}@media (min-width:1024px){.login-modal{border-radius:24px;max-width:450px;padding:40px 38px}.login-modal .modal-header{margin-bottom:30px}.login-modal .modal-icon{font-size:4rem;margin-bottom:15px}.login-modal .modal-title{font-size:1.6rem;letter-spacing:2px}.login-modal .modal-subtitle{font-size:.95rem}.login-modal .modal-form{gap:18px}.login-input{border-radius:14px;font-size:1.2rem;padding:18px 22px}.login-modal .submit-button{border-radius:14px;font-size:1.1rem;margin-top:10px;padding:20px 28px}.modal-footer{margin-top:25px;padding-top:20px}.footer-text{font-size:.9rem}.switch-button{font-size:.95rem;padding:12px 25px}}@media (min-width:1440px){.login-modal{max-width:480px;padding:45px}.login-modal .modal-icon{font-size:4.5rem}.login-modal .modal-title{font-size:1.8rem}.login-input{font-size:1.25rem;padding:20px 25px}.login-modal .submit-button{font-size:1.15rem;padding:22px 32px}}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.login-page-background{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460);bottom:0;left:0;position:fixed;right:0;top:0;z-index:-1}.login-page .login-modal-overlay{animation:none;background:#0000}@media (min-width:1025px){.login-page{margin-left:250px}}@media (max-width:1024px){.login-page{margin-left:0}}.legal-page-container{background-color:#e4e1d9;box-sizing:border-box;min-height:100vh;padding:80px 20px;width:100%}.legal-page-content{background:#dbd9d1;border:1px solid #c9c1b4;border-radius:16px;box-shadow:0 4px 15px #0000001a;color:#3b3b3b;margin:0 auto;max-width:800px;padding:40px}.legal-page-content h1{color:#3b3b3b;font-size:2rem;font-weight:700;margin:0 0 10px;text-align:center}.legal-page-content h2{border-bottom:2px solid #e74c3c4d;color:#e74c3c;font-size:1.4rem;font-weight:600;margin:30px 0 15px;padding-bottom:8px}.legal-page-content h3{color:#f39c12;font-size:1.1rem;font-weight:600;margin:20px 0 10px}.legal-page-content p{color:#4a4a4a;font-size:1rem;line-height:1.7;margin:0 0 15px}.last-updated{color:#666;font-size:.9rem;margin-bottom:30px;text-align:center}.legal-page-content ul{margin:10px 0 20px;padding-left:25px}.legal-page-content li{color:#4a4a4a;font-size:.95rem;line-height:1.6;margin-bottom:8px}.contact-email{color:#3498db;font-size:1.1rem;font-weight:600}section{margin-bottom:25px}.about-page .tagline{color:#e74c3c;font-size:1.3rem;font-weight:600;margin-bottom:30px;text-align:center}.quiz-list{display:flex;flex-direction:column;gap:20px;margin-top:20px}.quiz-item{background:#cfccc7;border:1px solid #c9c1b4;border-radius:12px;padding:20px}.quiz-item h3{color:#e74c3c;margin-top:0}.quiz-item p{margin-bottom:0}.contact-page .intro-text{font-size:1.1rem;margin-bottom:30px;text-align:center}.contact-methods{display:flex;flex-direction:column;gap:20px;margin:30px 0}.contact-card{background:#cfccc7;border:1px solid #c9c1b4;border-radius:12px;padding:25px;text-align:center}.contact-card h2{border:none;color:#3b3b3b;font-size:1.2rem;margin:0 0 10px;padding:0}.contact-card p{margin:5px 0}.cta-section{background:#a8d5f2;border-radius:12px;margin-top:40px;padding:20px;text-align:center}.cta-section p{color:#3b3b3b;margin:0}.home-link{color:#e74c3c;font-weight:600;text-decoration:none;transition:color .2s ease}.home-link:hover{color:#f39c12;text-decoration:underline}@media (max-width:480px){.legal-page-container{padding:60px 10px 70px}.legal-page-content{border-radius:12px;padding:20px 15px}.legal-page-content h1{font-size:1.5rem}.legal-page-content h2{font-size:1.2rem}.legal-page-content h3{font-size:1rem}.legal-page-content li,.legal-page-content p{font-size:.9rem}.about-page .tagline{font-size:1.1rem}.contact-card,.quiz-item{padding:15px}}@media (max-width:375px){.legal-page-container{padding-bottom:60px;padding-top:55px}.legal-page-content{padding:15px 12px}.legal-page-content h1{font-size:1.3rem}.legal-page-content h2{font-size:1.1rem}}@media (min-width:768px){.legal-page-container{padding:100px 40px 40px}.legal-page-content{padding:50px}.contact-methods{flex-direction:row;justify-content:center}.contact-card{flex:1 1;max-width:250px}}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot);src:url(/static/media/fontawesome-webfont.8b43027f47b20503057d.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(/static/media/fontawesome-webfont.20fd1704ea223900efa9.woff2) format("woff2"),url(/static/media/fontawesome-webfont.f691f37e57f04c152e23.woff) format("woff"),url(/static/media/fontawesome-webfont.1e59d2330b4c6deb84b3.ttf) format("truetype"),url(/static/media/fontawesome-webfont.c1e38fd9e0e74ba58f7a.svg#fontawesomeregular) format("svg")}.fa{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{text-align:center;width:1.28571429em}.fa-ul{list-style-type:none;margin-left:2.14285714em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2.14285714em;position:absolute;text-align:center;top:.14285714em;width:2.14285714em}.fa-li.fa-lg{left:-1.85714286em}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s linear infinite}.fa-pulse{animation:fa-spin 1s steps(8) infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";transform:scaleY(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-rotate-90{filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-close:before,.fa-remove:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-cog:before,.fa-gear:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-exclamation-triangle:before,.fa-warning:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-cogs:before,.fa-gears:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-floppy-o:before,.fa-save:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-sort:before,.fa-unsorted:before{content:"\f0dc"}.fa-sort-desc:before,.fa-sort-down:before{content:"\f0dd"}.fa-sort-asc:before,.fa-sort-up:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-gavel:before,.fa-legal:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-bolt:before,.fa-flash:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-clipboard:before,.fa-paste:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-chain-broken:before,.fa-unlink:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-caret-square-o-down:before,.fa-toggle-down:before{content:"\f150"}.fa-caret-square-o-up:before,.fa-toggle-up:before{content:"\f151"}.fa-caret-square-o-right:before,.fa-toggle-right:before{content:"\f152"}.fa-eur:before,.fa-euro:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-inr:before,.fa-rupee:before{content:"\f156"}.fa-cny:before,.fa-jpy:before,.fa-rmb:before,.fa-yen:before{content:"\f157"}.fa-rouble:before,.fa-rub:before,.fa-ruble:before{content:"\f158"}.fa-krw:before,.fa-won:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-caret-square-o-left:before,.fa-toggle-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-try:before,.fa-turkish-lira:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-bank:before,.fa-institution:before,.fa-university:before{content:"\f19c"}.fa-graduation-cap:before,.fa-mortar-board:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-image-o:before,.fa-file-photo-o:before,.fa-file-picture-o:before{content:"\f1c5"}.fa-file-archive-o:before,.fa-file-zip-o:before{content:"\f1c6"}.fa-file-audio-o:before,.fa-file-sound-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-ring:before,.fa-life-saver:before,.fa-support:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-rebel:before,.fa-resistance:before{content:"\f1d0"}.fa-empire:before,.fa-ge:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-hacker-news:before,.fa-y-combinator-square:before,.fa-yc-square:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-paper-plane:before,.fa-send:before{content:"\f1d8"}.fa-paper-plane-o:before,.fa-send-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-futbol-o:before,.fa-soccer-ball-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-ils:before,.fa-shekel:before,.fa-sheqel:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-bed:before,.fa-hotel:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-y-combinator:before,.fa-yc:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before,.fa-battery:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-paper-o:before,.fa-hand-stop-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-television:before,.fa-tv:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-american-sign-language-interpreting:before,.fa-asl-interpreting:before{content:"\f2a3"}.fa-deaf:before,.fa-deafness:before,.fa-hard-of-hearing:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-sign-language:before,.fa-signing:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-address-card:before,.fa-vcard:before{content:"\f2bb"}.fa-address-card-o:before,.fa-vcard-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer-full:before,.fa-thermometer:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bath:before,.fa-bathtub:before,.fa-s15:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.app-container{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden}.app-container,.main-content{background-color:#f1ede4;width:100%}.main-content{flex:1 1;min-height:calc(100vh - 70px);padding-top:70px}.main-content.game-route{background-color:initial;padding:70px 0 0}@media (min-width:1025px){.main-content{padding:70px 1rem 1rem}.main-content,.main-content.game-route{display:flex;justify-content:center;margin-left:250px;width:calc(100% - 250px)}.main-content.game-route{align-items:center;padding:70px 0 0}}@media (min-width:769px) and (max-width:1024px){.main-content{padding:70px .75rem .75rem}.main-content.game-route{padding:70px 0 0}}@media (max-width:768px){.main-content{min-height:calc(100vh - 60px)}.main-content,.main-content.game-route{padding:60px 0 70px}}
/*# sourceMappingURL=main.85a800d9.css.map*/