@charset "UTF-8";.game-card{cursor:pointer;background:linear-gradient(145deg,#1a1f3a,#0f1425);padding:1rem;border-radius:.75rem;border:2px solid #1e2749;box-shadow:0 8px 32px #0006;margin-bottom:1rem;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,240,255,.1) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.game-card:after{content:"";position:absolute;top:0;right:0;width:60px;height:60px;background:linear-gradient(135deg,#00f0ff 0%,transparent 70%);opacity:.2;clip-path:polygon(100% 0,100% 100%,0 0)}.game-card:hover{transform:translateY(-8px) scale(1.03);border-color:#00f0ff;box-shadow:0 12px 48px #00f0ff4d,0 0 20px #7b2cbf66;animation:borderGlowPrimary 2s ease-in-out infinite}.game-card:hover:before{opacity:1}.game-card:hover img{transform:scale(1.05);filter:brightness(1.1) saturate(1.2)}.game-card:hover span{color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(0,240,255,.4)}.game-card span{font-weight:700;margin-bottom:.5rem;display:block;color:#e0e7ff;transition:all .3s ease;position:relative;z-index:2;font-size:1.1rem;letter-spacing:.5px}.game-card img{width:100%;border-radius:calc(.75rem - 4px);margin-bottom:.5rem;transition:all .4s ease;position:relative;z-index:1;border:1px solid rgba(0,240,255,.2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:1rem}.spinner{width:60px;height:60px;border:4px solid transparent;border-top-color:#00f0ff;border-right-color:#f0f;border-bottom-color:#7b2cbf;border-left-color:#00f0ff;border-radius:50%;animation:spin 1s linear infinite,glow-pulse 2s ease-in-out infinite;position:relative;box-shadow:0 0 20px #00f0ff80,0 0 40px #ff00ff4d,inset 0 0 20px #00f0ff33}.spinner:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:70%;border:3px solid transparent;border-top-color:#f0f;border-radius:50%;animation:spin .8s linear infinite reverse}.spinner:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40%;height:40%;border:2px solid transparent;border-top-color:#00f0ff;border-radius:50%;animation:spin .6s linear infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 20px #00f0ff80,0 0 40px #ff00ff4d,inset 0 0 20px #00f0ff33}50%{box-shadow:0 0 30px #00f0ffcc,0 0 60px #ff00ff80,inset 0 0 30px #ff00ff4d}}.set-card{background:linear-gradient(145deg,#1a1f3a,#0f1425);padding:1rem;border-radius:.75rem;border:2px solid #1e2749;box-shadow:0 8px 32px #0006;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.set-card:before{content:"";position:absolute;inset:-2px;border-radius:.75rem;padding:2px;background:linear-gradient(45deg,#00f0ff,#f0f,#7b2cbf,#00f0ff);background-size:300% 300%;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;animation:borderAnimation 3s linear infinite}.set-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(123,44,191,.15) 0%,transparent 70%);opacity:0;transition:opacity .4s ease}.set-card:hover{transform:translateY(-10px) scale(1.05);border-color:#c77dff;animation:borderGlowAccent 2s ease-in-out infinite}.set-card:hover:before{opacity:1}.set-card:hover:after{opacity:1}.set-card:hover h4{color:#f0f;text-shadow:0 0 15px rgba(255,0,255,.6)}.set-card:hover p{color:#00f0ff}.set-card:hover img{transform:scale(1.1) rotate(3deg);filter:brightness(1.2) saturate(1.3);box-shadow:0 0 20px #00f0ff80,0 0 40px #7b2cbf4d}.set-card h4{font-size:1.2rem;margin:.5rem 0;color:#e0e7ff;transition:all .3s ease;position:relative;z-index:2;letter-spacing:.5px}.set-card p{margin:0;font-size:.9rem;color:#a8b2d1;transition:all .3s ease;position:relative;z-index:2}.set-card img{width:100%;max-width:100px;border-radius:calc(.75rem - 2px);margin-bottom:.5rem;transition:all .4s ease;position:relative;z-index:1;border:2px solid rgba(123,44,191,.3)}.back-button{position:fixed;top:5.5rem;left:1.5rem;display:flex;align-items:center;gap:.75rem;cursor:pointer;background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid #00f0ff;color:#00f0ff;font-family:Inter,sans-serif;font-weight:700;text-transform:uppercase;padding:.75rem 1.25rem;border-radius:.75rem;transition:all .3s ease;box-shadow:0 4px 15px #0000004d,0 0 15px #00f0ff4d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:hidden;z-index:999}.back-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,240,255,.3),transparent);transition:left .5s ease}.back-button:hover{background:linear-gradient(135deg,#00f0ff33,#7b2cbf33);border-color:#f0f;transform:translate(-5px);box-shadow:0 6px 20px #0006,0 0 25px #00f0ff80,0 0 40px #ff00ff4d}.back-button:hover:before{left:100%}.back-button:hover .icon{transform:translate(-3px)}.back-button:hover .label{text-shadow:0 0 10px rgba(0,240,255,.8)}.back-button:active{transform:translate(-2px)}.back-button .icon{font-size:1.2rem;color:#00f0ff;transition:transform .3s ease}.back-button .label{font-weight:700;font-size:1rem;text-transform:uppercase;color:#00f0ff;letter-spacing:1px;transition:text-shadow .3s ease}@media (max-width: 768px){.back-button{top:auto;bottom:1.5rem;left:auto;right:1rem;padding:0;border-radius:50%;width:3rem;height:3rem;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 20px #00000080,0 0 25px #00f0ff66}.back-button .label{display:none}.back-button .icon{line-height:1;display:flex;align-items:center;justify-content:center}.back-button:hover{transform:scale(1.1)}}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:currentColor;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.attempt-button-wrapper{display:flex;gap:.75rem;width:100%;justify-content:space-evenly}@media (max-width: 768px){.attempt-button-wrapper{gap:.5rem;justify-content:center}.attempt-button-wrapper .attempt-button{min-height:44px;min-width:44px;max-width:80px;font-size:1.25rem;flex:1}}.attempt-button-wrapper .attempt-button{position:relative;overflow:hidden;font-weight:600;text-transform:uppercase;letter-spacing:1px;border-width:2px;transition:all .3s ease}.attempt-button-wrapper .attempt-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .5s,height .5s}.attempt-button-wrapper .attempt-button:active:before{width:300px;height:300px}.attempt-button-wrapper .attempt-button:disabled{opacity:.5;cursor:wait;filter:grayscale(.5)}.attempt-button-wrapper .attempt-button.success{border-color:#0f8;background:linear-gradient(135deg,#0f83,#00d4aa33);color:#0f8;text-shadow:0 0 5px rgba(0,255,136,.3)}@media (hover: hover) and (pointer: fine){.attempt-button-wrapper .attempt-button.success:hover{background:linear-gradient(135deg,#0f8,#00d4aa);color:#fff;box-shadow:0 0 20px #00ff8880,0 0 40px #00ff884d,inset 0 0 20px #0f83;transform:translateY(-2px)}}.attempt-button-wrapper .attempt-button.success:active{background:#0f8;color:#fff;box-shadow:0 0 30px #00ff88b3,inset 0 0 20px #00ff884d}.attempt-button-wrapper .attempt-button.fail{border-color:#f05;background:linear-gradient(135deg,#f053,#ef444433);color:#f05;text-shadow:0 0 5px rgba(255,0,85,.3)}@media (hover: hover) and (pointer: fine){.attempt-button-wrapper .attempt-button.fail:hover{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;box-shadow:0 0 20px #ff005580,0 0 40px #ff00554d,inset 0 0 20px #f053;transform:translateY(-2px)}}.attempt-button-wrapper .attempt-button.fail:active{background:#f05;color:#fff;box-shadow:0 0 30px #ff0055b3,inset 0 0 20px #ff00554d}@keyframes successPulse{0%,to{box-shadow:0 0 8px #0f89,inset 0 0 8px #00ff884d}50%{box-shadow:0 0 15px #00ff88e6,inset 0 0 12px #00ff8880}}@keyframes failPulse{0%,to{box-shadow:0 0 8px #f059,inset 0 0 8px #ff00554d}50%{box-shadow:0 0 15px #ff0055e6,inset 0 0 12px #ff005580}}.stats-display{font-weight:700;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.stats-display .percentage{color:#00f0ff;margin-bottom:8px;font-size:1.2rem;transition:all .3s ease;letter-spacing:1px}.stats-display .percentage.high{color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.8),0 0 20px rgba(0,255,136,.4);animation:successPulse 2s ease-in-out infinite}.stats-display .percentage.medium{color:#fa0;text-shadow:0 0 10px rgba(255,170,0,.8),0 0 20px rgba(255,170,0,.4)}.stats-display .percentage.low{color:#f05;text-shadow:0 0 10px rgba(255,0,85,.8),0 0 20px rgba(255,0,85,.4);animation:failPulse 2s ease-in-out infinite}.stats-display .attempts-row{display:flex;gap:6px;flex-wrap:nowrap}@media (max-width: 768px){.stats-display .attempts-row{gap:3px;max-width:100%}}.stats-display .attempt-square{width:14px;height:14px;border:2px solid transparent;border-radius:3px;transition:all .3s ease;position:relative;flex-shrink:0}@media (max-width: 768px){.stats-display .attempt-square{width:10px;height:10px;border-width:1px}}.stats-display .attempt-square:hover{transform:scale(1.2)}.stats-display .attempt-square.success{background:linear-gradient(135deg,#0f8,#00d4aa);border-color:#0f8;box-shadow:0 0 10px #00ff8880,inset 0 0 5px #00ff884d}.stats-display .attempt-square.success:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60%;height:60%;background:#fff6;border-radius:1px}.stats-display .attempt-square.fail{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#f05;box-shadow:0 0 10px #ff005580,inset 0 0 5px #ff00554d}.stats-display .attempt-square.fail:before{content:"✕";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fffc;font-size:10px;font-weight:700}.stats-display .attempt-square.empty{background-color:#1e274999;border-color:#1e2749;box-shadow:inset 0 0 5px #0000004d}.section-row{position:relative;padding:.5rem 1rem;border-bottom:1px solid #c2c2c2;-webkit-user-select:none;user-select:none;touch-action:pan-y}@media (max-width: 768px){.section-row{padding:1rem;min-height:60px}}.section-row .row-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;align-items:center;width:100%}@media (max-width: 768px){.section-row .row-inner{grid-template-columns:repeat(2,1fr);gap:1rem}.section-row .row-inner>span{font-weight:700}}.section-row .row-inner[data-hide-columns=true]{grid-template-columns:repeat(2,1fr)}.section-row .row-inner>span{display:flex;align-items:center;justify-content:center;text-align:center;min-width:0}.section-row .row-inner span{min-width:150px}.section-row .row-inner .stats-display{min-width:200px;align-items:center;justify-content:center;margin:0 auto}.section-row .row-inner .transition{text-align:center}.section-row .row-inner .transition span{text-align:center;padding:.25rem .5rem;border-radius:.75rem;border:1px solid #ff00ff;color:#f0f;background-color:#fff2ff;font-size:12px;font-weight:700;-webkit-user-select:none;user-select:none}.section-row.success{color:#0f8}.section-row.fail{color:#f05}.alert-dialog-overlay{position:fixed;inset:0;z-index:1000;background:#000c;animation:fadeIn .2s ease-out}.alert-dialog-content{position:fixed;left:50%;top:50%;z-index:1001;width:90%;max-width:500px;transform:translate(-50%,-50%);background:#0a0e27f2;border:1px solid rgba(0,240,255,.3);border-radius:12px;padding:24px;box-shadow:0 8px 32px #0009;animation:slideIn .2s ease-out;color:#e0e7ff}.alert-dialog-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.alert-dialog-title{font-size:1.25rem;font-weight:600;color:#00f0ff;margin:0}.alert-dialog-description{font-size:.95rem;line-height:1.5;color:#ffffffd9;margin:0}.alert-dialog-footer{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.alert-dialog-footer button{padding:10px 20px;border-radius:6px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.alert-dialog-footer button:disabled{opacity:.5;cursor:not-allowed}.alert-dialog-cancel{background:#ffffff1a;color:#e0e7ff;border:1px solid rgba(255,255,255,.2)}.alert-dialog-cancel:hover:not(:disabled){background:#ffffff26}.alert-dialog-action{background:#00f0ff;color:#0a0e27;font-weight:600}.alert-dialog-action:hover:not(:disabled){background:#1af2ff;box-shadow:0 0 12px #00f0ff66}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}.success{text-align:center;color:#0f8;text-shadow:0 0 10px rgba(0,255,136,.6);font-weight:700}.auth-form{display:flex;flex-direction:column;gap:1.5rem;max-width:400px;margin:2rem auto;padding:2.5rem;border-radius:.75rem;background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid rgba(0,240,255,.3);box-shadow:0 8px 32px #0006,0 0 40px #00f0ff33,inset 0 0 60px #00f0ff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.auth-form:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f)}.auth-form:after{content:"";position:absolute;bottom:0;right:0;width:100px;height:100px;background:radial-gradient(circle,rgba(255,0,255,.2) 0%,transparent 70%);pointer-events:none}.auth-form h2{text-align:center;margin-bottom:1rem;background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:2rem;letter-spacing:2px;text-transform:uppercase;filter:drop-shadow(0 0 10px rgba(0,240,255,.5))}.auth-form input{padding:1rem;border:2px solid rgba(0,240,255,.3);border-radius:.75rem;outline:none;background:#0a0e2799;color:#e0e7ff;font-size:1rem;transition:all .3s ease}.auth-form input::placeholder{color:#e0e7ff80}.auth-form input:focus{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff66,inset 0 0 20px #00f0ff1a;background:#0a0e27cc}.auth-form input:disabled{background:#4a55684d;border-color:#4a556880;cursor:not-allowed}.auth-form button{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);font-weight:700;color:#fff;border:2px solid transparent;text-transform:uppercase;letter-spacing:1px;font-size:1rem;position:relative;overflow:hidden}.auth-form button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s ease}.auth-form button:hover{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff80,0 0 40px #00f0ff4d,inset 0 0 20px #00f0ff1a;transform:translateY(-2px)}.auth-form button:hover:before{left:100%}.auth-form button:active{transform:translateY(0)}.auth-form button:disabled{background:linear-gradient(135deg,#4a5568,#2d3748);cursor:not-allowed;opacity:.6;border-color:transparent}.auth-form button:disabled:hover{transform:none;box-shadow:none}.auth-form .error{color:#f05;text-align:center;text-shadow:0 0 10px rgba(255,0,85,.6);font-weight:700;padding:.5rem;background:#ff00551a;border-radius:.75rem;border:1px solid rgba(255,0,85,.3)}.auth-form .success{color:#0f8;text-align:center;text-shadow:0 0 10px rgba(0,255,136,.6);font-weight:700;padding:.5rem;background:#00ff881a;border-radius:.75rem;border:1px solid rgba(0,255,136,.3)}.navbar{position:fixed;z-index:1000;width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:linear-gradient(135deg,#1a1f3af2,#0f1425f2);border-bottom:2px solid #00f0ff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:navGlow 4s ease-in-out infinite}@media (max-width: 768px){.navbar{padding:.5rem 1rem}}.navbar .logo{font-weight:700;font-size:1.5rem;text-decoration:none;background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:logoGlow 3s ease-in-out infinite;letter-spacing:2px;text-transform:uppercase;position:relative}.navbar .logo:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f);transition:width .3s ease}.navbar .logo:hover:after{width:100%}@media (max-width: 768px){.navbar .logo{font-size:.9rem;letter-spacing:1px;white-space:nowrap}}.navbar .desktop-nav{display:flex;align-items:center;gap:1rem}@media (max-width: 768px){.navbar .desktop-nav{display:none}}.navbar .desktop-nav button{padding:.6rem 1.5rem;font-size:.85rem}.navbar .desktop-nav .nickname{font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5);font-size:1.1rem;letter-spacing:.5px;text-decoration:none;transition:all .3s ease}.navbar .desktop-nav .nickname:hover{color:#00d4ff;text-shadow:0 0 15px rgba(0,240,255,.6)}.navbar .mobile-nav{display:none}@media (max-width: 768px){.navbar .mobile-nav{display:flex;align-items:center;gap:.75rem}}.navbar .hamburger{display:flex;flex-direction:column;justify-content:space-around;width:28px;height:28px;background:transparent;border:none;cursor:pointer;padding:0;z-index:10;transition:all .3s ease}.navbar .hamburger span{width:28px;height:3px;background:#00f0ff;border-radius:10px;transition:all .3s ease;position:relative;transform-origin:center;box-shadow:0 0 10px #00f0ff66}.navbar .hamburger:hover span{background:#00d4ff;box-shadow:0 0 15px #00f0ff99}.navbar .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.navbar .hamburger.open span:nth-child(2){opacity:0;transform:translate(-20px)}.navbar .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(8px,-8px)}.navbar .mobile-menu{position:absolute;top:100%;left:0;right:0;background:linear-gradient(145deg,#1a1f3afa,#0f1425fa);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:2px solid #00f0ff;box-shadow:0 8px 32px #0006,0 0 20px #00f0ff33;animation:slideDown .3s ease}.navbar .mobile-menu .mobile-menu-item{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;text-decoration:none;color:#e0e7ff;font-weight:600;font-size:1rem;border:none;background:transparent;width:100%;text-align:left;transition:all .3s ease;border-bottom:1px solid #1e2749;cursor:pointer}.navbar .mobile-menu .mobile-menu-item .menu-icon{font-size:1.5rem;filter:drop-shadow(0 0 8px rgba(0,240,255,.4))}.navbar .mobile-menu .mobile-menu-item:hover{background:#00f0ff1a;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.4)}.navbar .mobile-menu .mobile-menu-item:hover .menu-icon{filter:drop-shadow(0 0 12px rgba(0,240,255,.6));transform:scale(1.1)}.navbar .mobile-menu .mobile-menu-item:active{background:#00f0ff33}.navbar .mobile-menu .mobile-menu-item:last-child{border-bottom:none}.navbar .mobile-menu .mobile-menu-item.logout-item{color:#f05}.navbar .mobile-menu .mobile-menu-item.logout-item:hover{background:#ff00551a;color:#f05}.navbar .role-tag{-webkit-user-select:none;user-select:none;color:#fff;font-size:.65rem;font-weight:700;padding:4px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:1px;box-shadow:0 2px 10px #0000004d}.navbar .role-tag.admin{background:linear-gradient(135deg,#f05,#e53935);box-shadow:0 2px 10px #f056,0 0 20px #ff00554d}.navbar .role-tag.premium{background:linear-gradient(135deg,gold,#fa0);box-shadow:0 2px 10px #ffd70066,0 0 20px #ffd7004d}.navbar .theme-toggle{position:static;line-height:22px;background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid #00f0ff;border-radius:50%;padding:.5rem;cursor:pointer;box-shadow:0 4px 15px #0000004d,0 0 20px #00f0ff66;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;font-size:1.2rem}@media (max-width: 768px){.navbar .theme-toggle{padding:.4rem;font-size:1rem}}.navbar .theme-toggle:hover{transform:scale(1.1) rotate(15deg);box-shadow:0 6px 20px #0006,0 0 30px #00f0ff99,0 0 50px #ff00ff4d}.set-extra-page{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;margin:0 auto}.set-extra-page .no-content,.set-extra-page h3{padding-top:1rem}.set-extra-page img{width:100%;max-width:100px;border-radius:.75rem}.set-extra-page .loading,.set-extra-page .error{text-align:center;font-size:1.2rem}.set-extra-page .sections-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:1rem;min-width:60%;padding-top:.5rem}.set-extra-page .sections-stats .section-card{background:#fefefe;padding:1rem;border-radius:.75rem;box-shadow:0 8px 32px #0006;display:flex;flex-direction:column;gap:.75rem;transition:transform .2s,box-shadow .2s}.set-extra-page .sections-stats .section-card:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.set-extra-page .sections-stats .section-card .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0}.set-extra-page .sections-stats .section-card .section-header h4{margin:0;font-size:1.25rem;font-family:Poppins,sans-serif;font-weight:600;color:#e0e7ff}.set-extra-page .sections-stats .section-card .section-header span{font-weight:500;color:#4caf50}.set-extra-page .sections-stats .section-card .section-header span.high{color:#0f8}.set-extra-page .sections-stats .section-card .section-header span.medium{color:#fa0}.set-extra-page .sections-stats .section-card .section-header span.low{color:#f05}.set-extra-page .sections-stats .section-card .section-info{display:flex;justify-content:space-between;gap:.5rem}.set-extra-page .sections-stats .section-card .section-info div{background:#0a0e27;padding:.3rem .6rem;border-radius:.75rem;font-size:.875rem;font-weight:500;text-align:center;color:#a8b2d1}.set-extra-page .sections-stats .section-card .progress-chart{margin-top:.5rem}.footer{width:100%;padding:1rem;background:linear-gradient(135deg,#1a1f3af2,#0f1425f2);border-top:2px solid #00f0ff;text-align:center;font-family:Inter,sans-serif;font-size:.875rem;color:#a8b2d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 -4px 20px #0000004d,inset 0 2px 10px #00f0ff0d}.footer .footer-text{margin:0;letter-spacing:.5px}.footer .footer-link{margin-left:.5rem;color:#00f0ff;font-weight:500;text-decoration:none;transition:all .3s ease;position:relative}.footer .footer-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f);transition:width .3s ease}.footer .footer-link:hover{color:#00d4ff;text-shadow:0 0 10px rgba(0,240,255,.6)}.footer .footer-link:hover:after{width:100%}.verify-page{display:flex;align-items:center;justify-content:center;min-height:80vh;font-family:Inter,sans-serif;text-align:center;padding:2rem;background:#fff;border-radius:1rem;box-shadow:0 4px 12px #0000001a;max-width:500px;margin:0 auto;font-size:1.2rem;line-height:1.6;color:#333;animation:fadeIn .4s ease-out}.verify-page.success{border:2px solid #4caf50;color:#2e7d32}.verify-page.error{border:2px solid #f44336;color:#b71c1c}.verify-page.ggs{margin:0;max-width:unset;background:unset;box-shadow:unset}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.image-uploader{display:flex;flex-direction:column;align-items:center;gap:10px;width:100%}.image-uploader label{cursor:pointer;padding:8px 16px;background-color:#4f46e5;color:#fff;border-radius:6px;font-weight:500;transition:background .2s;width:100%;text-align:center}.image-uploader label:hover{background-color:#4338ca}.image-uploader input[type=file]{display:none}.image-uploader .preview{margin-top:10px}.image-uploader .preview img{width:150px;height:150px;object-fit:cover;border-radius:8px;border:2px solid #e5e7eb}.image-uploader .upload-btn{margin-top:10px;padding:6px 12px;background-color:#6366f1;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;font-weight:500}.image-uploader .upload-btn:hover{background-color:#4f46e5}.section-editor{display:flex;flex-direction:column;gap:1rem}.section-editor .sections-list{display:flex;flex-direction:column;gap:.5rem}.section-editor .section-row{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;border:1px solid #ccc;border-radius:.75rem;background:#fff;transition:background .2s ease}.section-editor .section-row .title-input-wrapper,.section-editor .section-row .duration-input-wrapper{display:flex;align-items:center;gap:2rem;padding:0 3rem;flex:1;width:100%;justify-content:space-between}.section-editor .section-row .title-input-wrapper span,.section-editor .section-row .duration-input-wrapper span{white-space:nowrap;font-weight:500}.section-editor .section-row .title-input-wrapper input,.section-editor .section-row .duration-input-wrapper input{padding:.5rem;border:1px solid #ccc;border-radius:.75rem;font-size:.9rem;flex:1;min-width:0;max-width:50%;text-align:center;font-family:monospace}.section-editor .section-row .title-input-wrapper .duration-input,.section-editor .section-row .duration-input-wrapper .duration-input{display:flex;align-items:center;gap:.25rem;width:100%;max-width:50%}.section-editor .section-row .title-input-wrapper .duration-input input,.section-editor .section-row .duration-input-wrapper .duration-input input{flex:1}.section-editor .section-row .title-input-wrapper .duration-input .separator,.section-editor .section-row .duration-input-wrapper .duration-input .separator{font-weight:700;font-size:1rem;color:#444}.section-editor .section-row .drag-handle{cursor:grab;-webkit-user-select:none;user-select:none;font-size:1.2rem;margin-bottom:.25rem}.section-editor .section-row textarea{min-height:60px;resize:vertical}.section-editor .section-row .transition-checkbox{display:flex;align-items:center;justify-content:flex-start;gap:6rem;width:calc(100% - 6rem)}@media (max-width: 768px){.section-editor .section-row .transition-checkbox{gap:4rem}}.section-editor .section-row button{align-self:center;width:calc(100% - 6rem);margin-top:10px;color:#fff;padding:.25rem .5rem;border-color:#f05;background-color:#ff80aa;border:none;cursor:pointer;font-size:.8rem}.section-editor .section-row button:hover{background-color:#f05}.section-editor .section-row button:disabled{background:#aaa;cursor:not-allowed}.section-editor>button{align-self:flex-start;background:#00f0ff;color:#fff;padding:.5rem 1rem;border-radius:.75rem;border:none;cursor:pointer;width:100%}.section-editor>button:hover{background:#00d8e6}.section-editor>button:disabled{background:#aaa;cursor:not-allowed}.set-add-page{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:stretch;max-width:600px;margin:0 auto}.set-add-page h2{font-size:2rem;margin-bottom:1rem;text-align:center}.set-add-page .form-field{display:flex;flex-direction:column;margin-bottom:1rem}.set-add-page .form-field label{margin-bottom:.25rem;font-weight:700;font-size:.9rem}.set-add-page .form-field input{padding:.5rem;border:1px solid #ccc;border-radius:.75rem;font-size:1rem}.set-add-page .sections-editor{margin-top:1rem}.set-add-page .info-box{background:#f0f0f0;padding:12px;border-radius:8px;margin-top:16px;margin-bottom:16px;border:1px solid #ddd}.set-add-page .actions{margin-top:1rem;display:flex;justify-content:flex-end;gap:.5rem}.set-add-page .actions button{background:#00f0ff;color:#fff;padding:.5rem 1rem;border-radius:.75rem;border:none;cursor:pointer}.set-add-page .actions button:hover{background:#00d8e6}.set-add-page .actions button:disabled{background:#aaa;cursor:not-allowed}.profile-page{padding:1rem;max-width:1000px;margin:0 auto}.profile-page .profile-header{text-align:center;margin-bottom:3rem}.profile-page .profile-header h1{font-size:2.5rem;margin-bottom:1.5rem}.profile-page .profile-header .profile-stats{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;max-width:600px;margin:0 auto}@media (max-width: 768px){.profile-page .profile-header .profile-stats{gap:1rem}}.profile-page .profile-header .profile-stats .stat-item{display:flex;flex-direction:column;align-items:center;min-width:120px;padding:1rem;background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid #1e2749;border-radius:.75rem;box-shadow:0 8px 32px #0006;transition:all .3s ease}.profile-page .profile-header .profile-stats .stat-item:hover{border-color:#00f0ff;box-shadow:0 12px 48px #00f0ff4d,0 0 20px #7b2cbf66;transform:translateY(-2px)}.profile-page .profile-header .profile-stats .stat-item .stat-value{font-size:2rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5)}.profile-page .profile-header .profile-stats .stat-item .stat-label{font-size:.875rem;color:#a8b2d1;margin-top:.25rem;text-transform:uppercase;letter-spacing:.5px}.profile-page .profile-section{margin-bottom:3rem}.profile-page .profile-section h2{font-size:1.75rem;margin-bottom:1rem;border-bottom:2px solid #1e2749;padding-bottom:.5rem}.profile-page .profile-section .sets-group{margin-bottom:2rem}.profile-page .profile-section .sets-group h3{font-size:1.25rem;margin-bottom:1rem;color:#c77dff}.profile-page .profile-section .pagination-controls{display:flex;justify-content:center;align-items:center;gap:1rem;margin-top:1.5rem}.profile-page .profile-section .pagination-controls button{padding:.5rem 1rem;font-size:.875rem;background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid #00f0ff;border-radius:.75rem;color:#e0e7ff;cursor:pointer;transition:all .3s ease}.profile-page .profile-section .pagination-controls button:hover:not(:disabled){background:#00f0ff1a;box-shadow:0 0 15px #00f0ff4d}.profile-page .profile-section .pagination-controls button:disabled{opacity:.5;cursor:not-allowed;border-color:#4a5568}.profile-page .profile-section .pagination-controls span{color:#a8b2d1;font-size:.875rem}.profile-page .profile-section .sets-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem}@media (max-width: 768px){.profile-page .profile-section .sets-list{grid-template-columns:1fr}}.profile-page .profile-section .sets-list .created-set-card,.profile-page .profile-section .sets-list .recent-set-card{background:linear-gradient(145deg,#1a1f3a,#0f1425);border:2px solid #1e2749;border-radius:.75rem;box-shadow:0 8px 32px #0006;cursor:pointer;overflow:hidden;transition:all .3s ease}.profile-page .profile-section .sets-list .created-set-card:hover,.profile-page .profile-section .sets-list .recent-set-card:hover{transform:translateY(-4px);border-color:#00f0ff;box-shadow:0 12px 48px #00f0ff4d,0 0 20px #7b2cbf66}.profile-page .profile-section .sets-list .created-set-card img,.profile-page .profile-section .sets-list .recent-set-card img{width:100%;height:150px;object-fit:cover;border-bottom:2px solid #1e2749}.profile-page .profile-section .sets-list .created-set-card .info,.profile-page .profile-section .sets-list .recent-set-card .info{padding:1rem}.profile-page .profile-section .sets-list .created-set-card .info h4,.profile-page .profile-section .sets-list .recent-set-card .info h4{margin:0;font-size:1.125rem;color:#e0e7ff}.profile-page .profile-section .sets-list .created-set-card .info p,.profile-page .profile-section .sets-list .recent-set-card .info p{margin:.5rem 0;font-size:.875rem;color:#a8b2d1}.profile-page .profile-section .sets-list .created-set-card .info small,.profile-page .profile-section .sets-list .recent-set-card .info small{font-size:.75rem;color:#a8b2d1}.profile-page .profile-section .sets-list .created-set-card .info .card-footer,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem}.profile-page .profile-section .sets-list .created-set-card .info .card-footer .status-badge,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer .status-badge{padding:.25rem .75rem;border-radius:1rem;font-size:.75rem;font-weight:600;text-transform:uppercase}.profile-page .profile-section .sets-list .created-set-card .info .card-footer .status-badge.published,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer .status-badge.published{background:linear-gradient(135deg,#0f8,#00d4aa);color:#0a0e27;box-shadow:0 0 10px #0f86}.profile-page .profile-section .sets-list .created-set-card .info .card-footer .status-badge.draft,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer .status-badge.draft{background:linear-gradient(135deg,#fa0,#f80);color:#0a0e27;box-shadow:0 0 10px #fa06}.profile-page .profile-section .sets-list .created-set-card .info .card-footer .edit-button,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer .edit-button{padding:.375rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:2px solid rgba(0,240,255,.3);border-radius:.75rem;font-size:.875rem;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.profile-page .profile-section .sets-list .created-set-card .info .card-footer .edit-button:hover,.profile-page .profile-section .sets-list .recent-set-card .info .card-footer .edit-button:hover{border-color:#00f0ff;box-shadow:0 0 15px #00f0ff4d}.profile-page .profile-section p{color:#a8b2d1;font-style:italic}body:not(.dark) .profile-page .profile-stats .stat-item .stat-value{color:#4f46e5!important;text-shadow:0 2px 10px rgba(79,70,229,.3)!important}body:not(.dark) .profile-page .profile-stats .stat-item .stat-label{color:#64748b!important}body:not(.dark) .profile-page .profile-stats .stat-item:hover{border-color:#4f46e5!important;box-shadow:0 8px 32px #00000026,0 0 20px #4f46e533!important}body:not(.dark) .profile-page .profile-section h2{color:#4f46e5!important;border-bottom-color:#667eea4d!important}body:not(.dark) .profile-page .profile-section h3{color:#6366f1!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card:hover,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card:hover{border-color:#4f46e5!important;box-shadow:0 12px 48px #00000026,0 0 25px #4f46e540!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card img,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card img{border-bottom-color:#667eea4d!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info h4,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info h4{color:#1e293b!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info p,body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info small,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info p,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info small{color:#64748b!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info .card-footer .status-badge.published,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info .card-footer .status-badge.published{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 12px #10b98166!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info .card-footer .status-badge.draft,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info .card-footer .status-badge.draft{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important;box-shadow:0 4px 12px #f59e0b66!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info .card-footer .edit-button,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info .card-footer .edit-button{background:linear-gradient(135deg,#667eea,#764ba2)!important;border-color:#4f46e5!important}body:not(.dark) .profile-page .profile-section .sets-list .created-set-card .info .card-footer .edit-button:hover,body:not(.dark) .profile-page .profile-section .sets-list .recent-set-card .info .card-footer .edit-button:hover{border-color:#4338ca!important;box-shadow:0 0 20px #4f46e566!important}body:not(.dark) .profile-page .profile-section .pagination-controls button{background:linear-gradient(145deg,#fff,#f8fafc)!important;border-color:#4f46e5!important;color:#4f46e5!important}body:not(.dark) .profile-page .profile-section .pagination-controls button:hover:not(:disabled){background:linear-gradient(145deg,#eef2ff,#e0e7ff)!important;box-shadow:0 0 20px #4f46e54d!important}body:not(.dark) .profile-page .profile-section .pagination-controls button:disabled{border-color:#cbd5e1!important;color:#94a3b8!important}body:not(.dark) .profile-page .profile-section .pagination-controls span{color:#64748b!important}/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-outline-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.\@container\/card-header{container:card-header/inline-size}.absolute{position:absolute}.relative{position:relative}.static{position:static}.z-50{z-index:50}.col-start-2{grid-column-start:2}.row-span-2{grid-row:span 2/span 2}.row-start-1{grid-row-start:1}.block{display:block}.flex{display:flex}.grid{display:grid}.inline-flex{display:inline-flex}.h-\[180px\]{height:180px}.w-fit{width:fit-content}.w-full{width:100%}.min-w-\[8rem\]{min-width:8rem}.flex-1{flex:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-popover-content-transform-origin\){transform-origin:var(--radix-popover-content-transform-origin)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.touch-none{touch-action:none}.auto-rows-min{grid-auto-rows:min-content}.grid-rows-\[auto_auto\]{grid-template-rows:auto auto}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.self-start{align-self:flex-start}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.rounded-\[2px\]{border-radius:2px}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius)}.rounded-md{border-radius:calc(var(--radius) - 2px)}.rounded-xl{border-radius:calc(var(--radius) + 4px)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[1\.5px\]{border-style:var(--tw-border-style);border-width:1.5px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\(--color-border\){border-color:var(--color-border)}.border-border\/50{border-color:var(--border)}@supports (color:color-mix(in lab,red,red)){.border-border\/50{border-color:color-mix(in oklab,var(--border)50%,transparent)}}.border-input{border-color:var(--input)}.border-primary{border-color:var(--primary)}.border-transparent{border-color:#0000}.bg-\(--color-bg\){background-color:var(--color-bg)}.bg-background{background-color:var(--background)}.bg-card{background-color:var(--card)}.bg-destructive{background-color:var(--destructive)}.bg-muted{background-color:var(--muted)}.bg-popover{background-color:var(--popover)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-transparent{background-color:#0000}.leading-none{--tw-leading:1;line-height:1}.whitespace-nowrap{white-space:nowrap}.text-card-foreground{color:var(--card-foreground)}.text-foreground{color:var(--foreground)}.text-muted-foreground{color:var(--muted-foreground)}.text-popover-foreground{color:var(--popover-foreground)}.text-primary{color:var(--primary)}.text-primary-foreground{color:var(--primary-foreground)}.text-secondary-foreground{color:var(--secondary-foreground)}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline-offset-4{text-underline-offset:4px}.ring-ring\/50{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.ring-ring\/50{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-\[color\,box-shadow\]{transition-property:color,box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.selection\:bg-primary ::selection{background-color:var(--primary)}.selection\:bg-primary::selection{background-color:var(--primary)}.selection\:text-primary-foreground ::selection{color:var(--primary-foreground)}.selection\:text-primary-foreground::selection{color:var(--primary-foreground)}.file\:inline-flex::file-selector-button{display:inline-flex}.file\:border-0::file-selector-button{border-style:var(--tw-border-style);border-width:0}.file\:bg-transparent::file-selector-button{background-color:#0000}.file\:text-foreground::file-selector-button{color:var(--foreground)}.placeholder\:text-muted-foreground::placeholder{color:var(--muted-foreground)}@media (hover:hover){.hover\:bg-accent:hover{background-color:var(--accent)}.hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}.hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}.hover\:bg-secondary\/80:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){.hover\:bg-secondary\/80:hover{background-color:color-mix(in oklab,var(--secondary)80%,transparent)}}.hover\:text-accent-foreground:hover{color:var(--accent-foreground)}.hover\:underline:hover{text-decoration-line:underline}.hover\:ring-4:hover{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus-visible\:border-ring:focus-visible{border-color:var(--ring)}.focus-visible\:ring-4:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(4px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-\[3px\]:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(3px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-destructive\/20:focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){.focus-visible\:ring-ring\/50:focus-visible{--tw-ring-color:color-mix(in oklab,var(--ring)50%,transparent)}}.focus-visible\:outline-hidden:focus-visible{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.focus-visible\:outline-hidden:focus-visible{outline-offset:2px;outline:2px solid #0000}}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot=card-action]){grid-template-columns:1fr auto}.aria-invalid\:border-destructive[aria-invalid=true]{border-color:var(--destructive)}.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.aria-invalid\:ring-destructive\/20[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)20%,transparent)}}.data-\[disabled\]\:opacity-50[data-disabled]{opacity:.5}.data-\[orientation\=horizontal\]\:h-full[data-orientation=horizontal]{height:100%}.data-\[orientation\=horizontal\]\:w-full[data-orientation=horizontal]{width:100%}.data-\[orientation\=vertical\]\:h-full[data-orientation=vertical]{height:100%}.data-\[orientation\=vertical\]\:w-auto[data-orientation=vertical]{width:auto}.data-\[orientation\=vertical\]\:w-full[data-orientation=vertical]{width:100%}.data-\[orientation\=vertical\]\:flex-col[data-orientation=vertical]{flex-direction:column}.dark\:border-input:is(.dark *){border-color:var(--input)}.dark\:bg-destructive\/60:is(.dark *){background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-destructive\/60:is(.dark *){background-color:color-mix(in oklab,var(--destructive)60%,transparent)}}.dark\:bg-input\/30:is(.dark *){background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-input\/30:is(.dark *){background-color:color-mix(in oklab,var(--input)30%,transparent)}}@media (hover:hover){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:var(--accent)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--accent)50%,transparent)}}.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:var(--input)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-input\/50:is(.dark *):hover{background-color:color-mix(in oklab,var(--input)50%,transparent)}}}.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:focus-visible\:ring-destructive\/40:is(.dark *):focus-visible{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){.dark\:aria-invalid\:ring-destructive\/40:is(.dark *)[aria-invalid=true]{--tw-ring-color:color-mix(in oklab,var(--destructive)40%,transparent)}}.\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text{fill:var(--muted-foreground)}.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:var(--border)}@supports (color:color-mix(in lab,red,red)){.\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"]{stroke:color-mix(in oklab,var(--border)50%,transparent)}}.\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor{stroke:var(--border)}.\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector,.\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor{fill:var(--muted)}.\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"]{stroke:var(--border)}.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector{outline-offset:2px;outline:2px solid #0000}}.\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"]{stroke:#0000}.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface{outline-offset:2px;outline:2px solid #0000}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&\>svg\]\:pointer-events-none>svg{pointer-events:none}.\[\&\>svg\]\:text-muted-foreground>svg{color:var(--muted-foreground)}@media (hover:hover){a.\[a\&\]\:hover\:bg-accent:hover{background-color:var(--accent)}a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:var(--destructive)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-destructive\/90:hover{background-color:color-mix(in oklab,var(--destructive)90%,transparent)}}a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:var(--primary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-primary\/90:hover{background-color:color-mix(in oklab,var(--primary)90%,transparent)}}a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab,red,red)){a.\[a\&\]\:hover\:bg-secondary\/90:hover{background-color:color-mix(in oklab,var(--secondary)90%,transparent)}}a.\[a\&\]\:hover\:text-accent-foreground:hover{color:var(--accent-foreground)}}:root,:host{--color-border:var(--border)}:root{--radius:.625rem;--background:oklch(100% 0 0);--foreground:oklch(14.1% .005 285.823);--card:oklch(100% 0 0);--card-foreground:oklch(14.1% .005 285.823);--popover:oklch(100% 0 0);--popover-foreground:oklch(14.1% .005 285.823);--primary:oklch(21% .006 285.885);--primary-foreground:oklch(98.5% 0 0);--secondary:oklch(96.7% .001 286.375);--secondary-foreground:oklch(21% .006 285.885);--muted:oklch(96.7% .001 286.375);--muted-foreground:oklch(55.2% .016 285.938);--accent:oklch(96.7% .001 286.375);--accent-foreground:oklch(21% .006 285.885);--destructive:oklch(57.7% .245 27.325);--border:oklch(92% .004 286.32);--input:oklch(92% .004 286.32);--ring:oklch(70.5% .015 286.067);--chart-1:oklch(64.6% .222 41.116);--chart-2:oklch(60% .118 184.704);--chart-3:oklch(39.8% .07 227.392);--chart-4:oklch(82.8% .189 84.429);--chart-5:oklch(76.9% .188 70.08);--sidebar:oklch(98.5% 0 0);--sidebar-foreground:oklch(14.1% .005 285.823);--sidebar-primary:oklch(21% .006 285.885);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(96.7% .001 286.375);--sidebar-accent-foreground:oklch(21% .006 285.885);--sidebar-border:oklch(92% .004 286.32);--sidebar-ring:oklch(70.5% .015 286.067)}.dark{--background:oklch(14.1% .005 285.823);--foreground:oklch(98.5% 0 0);--card:oklch(21% .006 285.885);--card-foreground:oklch(98.5% 0 0);--popover:oklch(21% .006 285.885);--popover-foreground:oklch(98.5% 0 0);--primary:oklch(92% .004 286.32);--primary-foreground:oklch(21% .006 285.885);--secondary:oklch(27.4% .006 286.033);--secondary-foreground:oklch(98.5% 0 0);--muted:oklch(27.4% .006 286.033);--muted-foreground:oklch(70.5% .015 286.067);--accent:oklch(27.4% .006 286.033);--accent-foreground:oklch(98.5% 0 0);--destructive:oklch(70.4% .191 22.216);--border:oklch(100% 0 0/.1);--input:oklch(100% 0 0/.15);--ring:oklch(55.2% .016 285.938);--chart-1:oklch(48.8% .243 264.376);--chart-2:oklch(69.6% .17 162.48);--chart-3:oklch(76.9% .188 70.08);--chart-4:oklch(62.7% .265 303.9);--chart-5:oklch(64.5% .246 16.439);--sidebar:oklch(21% .006 285.885);--sidebar-foreground:oklch(98.5% 0 0);--sidebar-primary:oklch(48.8% .243 264.376);--sidebar-primary-foreground:oklch(98.5% 0 0);--sidebar-accent:oklch(27.4% .006 286.033);--sidebar-accent-foreground:oklch(98.5% 0 0);--sidebar-border:oklch(100% 0 0/.1);--sidebar-ring:oklch(55.2% .016 285.938)}@layer base{*{border-color:var(--border);outline-color:var(--ring)}@supports (color:color-mix(in lab,red,red)){*{outline-color:color-mix(in oklab,var(--ring)50%,transparent)}}body{background-color:var(--background);color:var(--foreground)}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes glow{0%,to{opacity:.6}50%{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes borderGlowPrimary{0%,to{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff66,0 8px 32px #0006,inset 0 0 20px #00f0ff1a}50%{border-color:#f0f;box-shadow:0 0 30px #f0f9,0 8px 32px #0006,inset 0 0 30px #ff00ff26}}@keyframes borderGlowAccent{0%,to{box-shadow:0 0 20px #7b2cbf66,0 8px 32px #0006,inset 0 0 20px #7b2cbf1a}50%{box-shadow:0 0 30px #f0f9,0 12px 48px #ff00ff4d,inset 0 0 30px #ff00ff26}}@keyframes navGlow{0%,to{box-shadow:0 4px 20px #00f0ff4d,inset 0 -2px 10px #00f0ff1a}50%{box-shadow:0 4px 30px #f0f6,inset 0 -2px 15px #ff00ff26}}@keyframes logoGlow{0%,to{text-shadow:0 0 10px rgba(0,240,255,.8),0 0 20px rgba(0,240,255,.4),0 0 30px rgba(123,44,191,.3)}50%{text-shadow:0 0 15px rgba(255,0,255,.9),0 0 30px rgba(255,0,255,.5),0 0 45px rgba(0,240,255,.4)}}@keyframes borderAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0a0e2799;border-radius:10px;border:1px solid rgba(0,240,255,.1)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#00f0ff99,#7b2cbf99);border-radius:10px;border:2px solid rgba(0,240,255,.3);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#00f0ffcc,#f0fc);box-shadow:0 0 10px #00f0ff80}::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#00f0ff,#f0f)}::-webkit-scrollbar-corner{background:#0a0e2799}*{scrollbar-width:thin;scrollbar-color:rgba(0,240,255,.6) rgba(10,14,39,.6)}body{font-family:Inter,sans-serif;background:#0a0e27;color:#e0e7ff;font-size:1rem;line-height:1.6;position:relative;min-height:100vh}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0e27;background-image:radial-gradient(circle at 20% 50%,rgba(123,44,191,.15) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(0,240,255,.15) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,0,255,.1) 0%,transparent 50%);background-size:200% 200%;animation:gradientShift 15s ease infinite;pointer-events:none;z-index:0}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,240,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,240,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:1}body>*{position:relative;z-index:2}h1,h2,h3,h4{font-family:Poppins,sans-serif;margin-bottom:.5rem;color:#e0e7ff;font-weight:700;text-shadow:0 0 20px rgba(0,240,255,.3);letter-spacing:.5px}h1{font-size:2.25rem;color:#00f0ff;text-shadow:0 0 20px rgba(0,240,255,.6),0 0 40px rgba(0,240,255,.3)}h1 .gradient-text{background:linear-gradient(135deg,#00f0ff,#7b2cbf,#f0f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{font-size:2rem;color:#00f0ff}h3{font-size:1.5rem;color:#c77dff}h4{font-size:1.25rem}p,span,label{font-family:Inter,sans-serif;font-size:1rem;color:#e0e7ff}button,a.button,.btn{cursor:pointer;border:2px solid rgba(0,240,255,.3);border-radius:.75rem;padding:.75rem 1.5rem;font-family:Inter,sans-serif;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;text-decoration:none;display:inline-block;text-align:center;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}button:before,a.button:before,.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}button:hover:before,a.button:hover:before,.btn:hover:before{width:300px;height:300px}button:hover,a.button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 0 20px #00f0ff80,0 0 40px #00f0ff4d,inset 0 0 20px #00f0ff1a;border-color:#00f0ff}button:active,a.button:active,.btn:active{transform:translateY(0)}button:disabled,a.button:disabled,.btn:disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}button:disabled:hover,a.button:disabled:hover,.btn:disabled:hover{transform:none;box-shadow:none}button.secondary,a.button.secondary,.btn.secondary{background:linear-gradient(135deg,#f093fb,#f5576c);border-color:#ff00ff4d}button.secondary:hover,a.button.secondary:hover,.btn.secondary:hover{border-color:#f0f;box-shadow:0 0 20px #ff00ff80,0 0 40px #ff00ff4d,inset 0 0 20px #ff00ff1a}button.outline,a.button.outline,.btn.outline{background:transparent;color:#00f0ff;border-color:#00f0ff}button.outline:hover,a.button.outline:hover,.btn.outline:hover{background:#00f0ff1a}input,select,textarea{font-family:Inter,sans-serif;font-size:1rem;background-color:#0a0e2799;border:2px solid #1e2749;border-radius:.75rem;padding:.5rem;outline:none;color:#e0e7ff;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff4d;background-color:#0a0e27cc}input:disabled,select:disabled,textarea:disabled{background-color:#4a55684d;color:#4a5568}@layer base{:root{--chart-1: oklch(.646 .222 41.116);--chart-2: oklch(.6 .118 184.704);--chart-3: oklch(.398 .07 227.392);--chart-4: oklch(.828 .189 84.429);--chart-5: oklch(.769 .188 70.08)}.dark{--chart-1: oklch(.488 .243 264.376);--chart-2: oklch(.696 .17 162.48);--chart-3: oklch(.769 .188 70.08);--chart-4: oklch(.627 .265 303.9);--chart-5: oklch(.645 .246 16.439)}}.games-page{padding:1rem;max-width:900px;margin:0 auto}.games-page .recent-sets{margin-bottom:2rem}.games-page .recent-sets h3{margin-bottom:1rem}.games-page .recent-sets .recent-sets-list{display:flex;gap:1rem;overflow-x:auto;padding-bottom:.5rem}.games-page .recent-sets .recent-sets-list .recent-set-card{flex:0 0 200px;background:#fff;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;cursor:pointer;overflow:hidden}.games-page .recent-sets .recent-sets-list .recent-set-card img{width:100%;height:120px;object-fit:cover}.games-page .recent-sets .recent-sets-list .recent-set-card .info{padding:.5rem}.games-page .recent-sets .recent-sets-list .recent-set-card .info h4{margin:0;font-size:1rem}.games-page .recent-sets .recent-sets-list .recent-set-card .info p{margin:.25rem 0;font-size:.875rem;color:#555}.games-page .recent-sets .recent-sets-list .recent-set-card .info small{font-size:.75rem;color:#888}.games-page .hero{text-align:center;margin-bottom:2rem}.games-page .hero h1{font-size:2rem;margin-bottom:.5rem}.games-page .hero p{font-size:1rem;color:#666}.games-page .search-form{display:flex;gap:1rem;margin-bottom:2rem}.games-page .search-form input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:.75rem}.games-page .search-form button{background-color:#00f0ff;color:#fff;transition:background .2s ease}.games-page .search-form button:hover:not(:disabled){background:#00d8e6}.games-page .games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.game-detail-page{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;max-width:900px;margin:0 auto}.game-detail-page .game-header{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1rem}.game-detail-page .game-header img{max-width:60%;height:auto;border-radius:.75rem;object-fit:cover}.game-detail-page .game-header h2{font-size:2rem;margin:0;line-height:1.2;text-align:center}.game-detail-page .sets-list{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1rem}.game-detail-page .create-set{margin:1rem 0}.game-detail-page .create-set button{background:#00f0ff;color:#fff;padding:.5rem 1rem;border-radius:.75rem;border:none;cursor:pointer}.game-detail-page .create-set button:hover{background:#00d8e6}.set-detail-page{padding:1rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:900px;margin:0 auto}.set-detail-page .set-header{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;background:#0a0e2766;border:1px solid rgba(0,240,255,.2);border-radius:8px}.set-detail-page .set-header .set-title-container{padding:20px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(0,240,255,.2)}.set-detail-page .set-header .set-title-container .set-title{margin:0;font-size:1.75rem;word-wrap:break-word;text-align:center}@media (max-width: 768px){.set-detail-page .set-header .set-title-container .set-title{font-size:1.5rem}}.set-detail-page .set-header .set-content-container{display:grid;grid-template-columns:100px 1fr;gap:20px;padding:0 20px 20px;align-items:center}.set-detail-page .set-header .set-content-container.no-image{grid-template-columns:1fr}@media (max-width: 768px){.set-detail-page .set-header .set-content-container{grid-template-columns:1fr;justify-items:center}}.set-detail-page .set-header .set-content-container .set-image{width:100px;max-width:100px;border-radius:.75rem;display:block;margin:0 auto}@media (max-width: 768px){.set-detail-page .set-header .set-content-container .set-image{width:80px;max-width:80px}}.set-detail-page .set-header .set-content-container .set-info{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:12px;min-width:0;align-content:start}@media (max-width: 768px){.set-detail-page .set-header .set-content-container .set-info{width:100%}}.set-detail-page .set-header .set-metadata{display:flex;gap:12px;flex-wrap:wrap;align-items:center;font-size:.9rem;opacity:.9}@media (max-width: 768px){.set-detail-page .set-header .set-metadata{justify-content:center}}.set-detail-page .set-header .set-metadata .metadata-item{display:inline-block}.set-detail-page .set-header .set-metadata .badge{font-size:.85em;padding:4px 8px;border-radius:4px;font-weight:500}.set-detail-page .set-header .set-metadata .badge.version-badge{background:#00f0ff33;color:#00f0ff}.set-detail-page .set-header .set-metadata .badge.forked-badge{background:#ffa50033;color:orange}.set-detail-page .set-header .set-metadata .badge.draft-badge{background:#ffc10733;color:#ffc107}.set-detail-page .set-header .set-metadata .badge.published-badge{background:#4caf5033;color:#4caf50}.set-detail-page .set-header .set-actions{display:flex;gap:10px;flex-wrap:wrap}@media (max-width: 768px){.set-detail-page .set-header .set-actions{width:100%;justify-content:center}.set-detail-page .set-header .set-actions button{flex:1;min-width:120px}}.set-detail-page .set-header .forks-browser-inline{display:flex;align-items:center;gap:10px;padding:12px;background:#0003;border-radius:6px;border:1px solid rgba(0,240,255,.15)}@media (max-width: 768px){.set-detail-page .set-header .forks-browser-inline{flex-direction:column;align-items:flex-start;width:100%}}.set-detail-page .set-header .forks-browser-inline label{font-size:.9rem;white-space:nowrap;font-weight:500}.set-detail-page .set-header .forks-browser-inline select{flex:1;min-width:250px}@media (max-width: 768px){.set-detail-page .set-header .forks-browser-inline select{width:100%;min-width:0}}.set-detail-page .transition-checkbox{display:flex;align-items:center;justify-content:center}.set-detail-page .complete-stats{margin-top:.5rem;background-color:#00f0ff;color:#0a0e27;transition:background .2s ease}.set-detail-page .complete-stats:hover:not(:disabled){background:#00d8e6}.set-detail-page .sections-wrapper .sections-grid{display:grid;grid-auto-rows:auto;grid-template-columns:1fr;margin-bottom:1rem}.set-detail-page .sections-wrapper .sections-grid .sections-header{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:.5rem 0;font-weight:700;border-bottom:2px solid #e5e7eb}.set-detail-page .sections-wrapper .sections-grid .sections-header>span{display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.set-detail-page .sections-wrapper .sections-grid .sections-header[data-hide-columns=true]{grid-template-columns:1fr 1fr}@media (max-width: 768px){.set-detail-page .sections-wrapper .sections-grid .sections-header{display:none}}.set-detail-page .stats-summary{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:1rem}.set-detail-page .stats-summary .stat-card{background-color:#fefefe;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem 1.5rem;min-width:120px;text-align:center;box-shadow:0 2px 4px #0000000d;transition:transform .2s}.set-detail-page .stats-summary .stat-card[data-should-hide=true]{display:none}.set-detail-page .stats-summary .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0000001a}.set-detail-page .stats-summary .stat-card .stat-label{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.set-detail-page .stats-summary .stat-card .stat-value{font-size:1.25rem;font-weight:700}.set-detail-page .stats-summary .stat-card .stat-value.percentage{color:#00f0ff}.game-add-page{padding:1rem;max-width:900px;margin:0 auto}.game-add-page .hero{text-align:center;margin-bottom:2rem}.game-add-page .hero h1{font-size:2rem;margin-bottom:.5rem}.game-add-page .hero p{font-size:1rem;color:#666}.game-add-page .search-form{display:flex;gap:1rem;margin-bottom:2rem}.game-add-page .search-form input{flex:1;padding:.5rem;border:1px solid #ccc;border-radius:.75rem}.game-add-page .search-form button{background-color:#00f0ff;color:#fff;transition:background .2s ease}.game-add-page .search-form button:hover:not(:disabled){background:#00d8e6}.game-add-page .igdb-games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.game-add-page .igdb-games-list .igdb-game-card{flex:0 0 200px;background:#fff;border-radius:.5rem;box-shadow:0 2px 6px #0000001a;cursor:pointer;overflow:hidden}.game-add-page .igdb-games-list .igdb-game-card img{width:100%;height:120px;object-fit:cover}.game-add-page .igdb-games-list .igdb-game-card .info{padding:.5rem}.game-add-page .igdb-games-list .igdb-game-card .info h4{margin:0;font-size:1rem}.game-add-page .igdb-games-list .igdb-game-card .info p{margin:.25rem 0;font-size:.875rem;color:#555}.game-add-page .igdb-games-list .igdb-game-card .info small{font-size:.75rem;color:#888}body.dark{background-color:#0a0e27;color:#e0e7ff}body.dark .game-card,body.dark .set-card,body.dark .auth-form,body.dark .recent-set-card,body.dark .section-card,body.dark .stat-card{background:linear-gradient(145deg,#1a1f3a,#0f1425);color:#e0e7ff;border-color:#1e2749;box-shadow:0 8px 32px #0006,0 0 20px #00f0ff1a}body.dark h1,body.dark h2,body.dark h3,body.dark h4{color:#e0e7ff;text-shadow:0 0 20px rgba(0,240,255,.3)}body.dark p,body.dark span,body.dark label{color:#e0e7ff}body.dark .recent-set-card{background:linear-gradient(145deg,#1a1f3a,#0f1425)!important;border:2px solid rgba(0,240,255,.2)}body.dark .igdb-game-card{background:linear-gradient(145deg,#1a1f3a,#0f1425)!important;border:2px solid rgba(123,44,191,.2)}body.dark .toaster *{color:#1f2937!important}body.dark .stat-card{background:linear-gradient(145deg,#1a1f3a,#0f1425)!important;border:2px solid rgba(0,240,255,.2);box-shadow:0 4px 20px #0006,0 0 15px #00f0ff26}body.dark .auth-form input:disabled{background-color:#1a1f3a99!important}body.dark .section-card{background:linear-gradient(145deg,#1a1f3a,#0f1425)!important;border:2px solid rgba(255,0,255,.2)}body.dark .section-card .section-info div{background:#1e2749cc!important;border:1px solid rgba(0,240,255,.2);border-radius:.5rem}body.dark .transition span{background-color:unset!important}body.dark .section-editor .section-row{background:#1a1f3a99!important;border:1px solid rgba(0,240,255,.2)}body.dark .info-box{background:#1a1f3acc!important;border:1px solid rgba(0,240,255,.3)!important;color:#e0e7ff!important}body.dark .navbar{background:linear-gradient(135deg,#1a1f3afa,#0f1425fa);border-bottom-color:#00f0ff;box-shadow:0 4px 20px #0000004d,0 0 20px #00f0ff26}body.dark footer{background:linear-gradient(135deg,#1a1f3afa,#0f1425fa);border-top-color:#00f0ff}body.dark .search-form input,body.dark input,body.dark select,body.dark textarea{background-color:#0a0e27cc;color:#e0e7ff;border-color:#1e2749}body.dark .search-form input:focus,body.dark input:focus,body.dark select:focus,body.dark textarea:focus{border-color:#00f0ff;box-shadow:0 0 20px #00f0ff66}body:not(.dark){background:#f0f4ff!important;color:#1a1f3a!important}body:not(.dark):before{background:#f0f4ff!important;background-image:radial-gradient(circle at 20% 50%,rgba(102,126,234,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(118,75,162,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(139,92,246,.06) 0%,transparent 50%)!important}body:not(.dark):after{background-image:linear-gradient(rgba(102,126,234,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(102,126,234,.05) 1px,transparent 1px)!important}body:not(.dark) .game-card,body:not(.dark) .set-card,body:not(.dark) .auth-form,body:not(.dark) .recent-set-card,body:not(.dark) .created-set-card,body:not(.dark) .section-card,body:not(.dark) .stat-card,body:not(.dark) .stat-item,body:not(.dark) .igdb-game-card{background:linear-gradient(145deg,#fff,#f8fafc)!important;border-color:#667eea4d!important;box-shadow:0 8px 32px #0000001a,0 0 20px #667eea1a!important}body:not(.dark) h1,body:not(.dark) h2,body:not(.dark) h3,body:not(.dark) h4{color:#4f46e5!important;text-shadow:0 2px 10px rgba(79,70,229,.2)!important}body:not(.dark) h1{color:#4f46e5!important}body:not(.dark) p,body:not(.dark) span,body:not(.dark) label{color:#1a1f3a!important}body:not(.dark) .navbar{background:linear-gradient(135deg,#fffffffa,#f8fafcfa)!important;border-bottom-color:#667eea4d!important}body:not(.dark) .navbar .logo{color:#4f46e5!important;-webkit-text-fill-color:#4f46e5!important}body:not(.dark) .navbar .nickname{color:#4f46e5!important}body:not(.dark) footer{background:linear-gradient(135deg,#fffffffa,#f8fafcfa)!important;border-top-color:#667eea4d!important}body:not(.dark) .footer-link{color:#4f46e5!important}body:not(.dark) input,body:not(.dark) select,body:not(.dark) textarea{background-color:#ffffffe6!important;color:#1a1f3a!important;border-color:#667eea4d!important}body:not(.dark) input::placeholder,body:not(.dark) select::placeholder,body:not(.dark) textarea::placeholder{color:#1a1f3a80!important}body:not(.dark) .section-row{background:#f8fafc99!important;border-color:#667eea33!important}body:not(.dark) .section-row:hover{background:#f8fafce6!important}body:not(.dark) button,body:not(.dark) a.button,body:not(.dark) .btn{color:#fff!important}body:not(.dark) .back-button{background:linear-gradient(145deg,#fff,#f8fafc)!important;border-color:#4f46e5!important}body:not(.dark) .back-button .icon,body:not(.dark) .back-button .label{color:#4f46e5!important}body:not(.dark) .theme-toggle{background:linear-gradient(145deg,#fff,#f8fafc)!important;border-color:#4f46e5!important}body:not(.dark) .toaster *{color:#1a1f3a!important}body:not(.dark) .mobile-menu{background:linear-gradient(145deg,#fffffffa,#f8fafcfa)!important;border-bottom-color:#667eea4d!important;box-shadow:0 8px 32px #0000001a,0 0 20px #667eea1a!important}body:not(.dark) .mobile-menu .mobile-menu-item{color:#1a1f3a!important;border-bottom-color:#667eea33!important}body:not(.dark) .mobile-menu .mobile-menu-item .menu-icon{filter:drop-shadow(0 0 8px rgba(79,70,229,.3))!important}body:not(.dark) .mobile-menu .mobile-menu-item:hover{background:#4f46e51a!important;color:#4f46e5!important;text-shadow:0 2px 10px rgba(79,70,229,.3)!important}body:not(.dark) .mobile-menu .mobile-menu-item:hover .menu-icon{filter:drop-shadow(0 0 12px rgba(79,70,229,.5))!important}body:not(.dark) .mobile-menu .mobile-menu-item:active{background:#4f46e526!important}body:not(.dark) .mobile-menu .mobile-menu-item.logout-item{color:#dc2626!important}body:not(.dark) .mobile-menu .mobile-menu-item.logout-item:hover{background:#dc26261a!important;color:#dc2626!important}body:not(.dark) .hamburger span{background:#4f46e5!important;box-shadow:0 0 10px #4f46e54d!important}body:not(.dark) .hamburger:hover span{background:#4338ca!important;box-shadow:0 0 15px #4f46e580!important}