@import"https://fonts.googleapis.com/css?family=Roboto&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:.625rem 1.5rem .625rem 2.5rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.navbar-logo{display:flex;align-items:center}.navbar-logo-link{display:flex;align-items:center;gap:.875rem;text-decoration:none;transition:transform .3s ease}.navbar-logo-link:hover{transform:translateY(-2px)}.navbar-logo-icon{width:36px;height:36px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;box-shadow:0 4px 12px #667eea4d}.navbar-logo-text{display:flex;align-items:center}.navbar-logo-title{font-size:1rem;font-weight:700;color:#1f2937;letter-spacing:-.02em}.navbar-logo-play{font-size:1rem;font-weight:700;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.navbar-buttons{display:flex;gap:.75rem;align-items:center}@keyframes bounceOnce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.navbar-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.4375rem .9375rem;background:transparent;color:#4b5563;border:none;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;white-space:nowrap;font-family:inherit}.navbar-btn-icon{width:20px;height:20px;transition:transform .3s ease;stroke-width:2}.navbar-btn-text{transition:all .3s ease}.navbar-btn.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff!important;box-shadow:0 4px 12px #667eea4d}.navbar-btn.active:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);box-shadow:0 6px 20px #667eea66}.navbar-btn.active .navbar-btn-text{color:#fff!important}.home-btn:not(.active),.games-btn:not(.active),.profile-btn:not(.active){background:rgba(139,92,246,.08);color:#6b7280}.home-btn:not(.active):hover,.games-btn:not(.active):hover,.profile-btn:not(.active):hover{background:rgba(139,92,246,.15);color:#8b5cf6}.home-btn{padding:.5625rem 1.0625rem}.home-btn:active{animation:bounceOnce .5s ease-in-out}.home-btn:hover .navbar-btn-icon{transform:scale(1.1)}.navbar-dropdown{position:relative}.games-btn{padding:.5625rem 1.0625rem}.games-btn:active{animation:bounceOnce .5s ease-in-out}.games-btn:hover .navbar-btn-icon{transform:scale(1.1)}.navbar-dropdown-arrow{width:16px;height:16px;margin-left:.25rem;transition:transform .3s ease}.navbar-dropdown.dropdown-open .navbar-dropdown-arrow{transform:rotate(180deg)}.navbar-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;background:white;border-radius:12px;box-shadow:0 10px 40px #00000026;min-width:200px;padding:.5rem;z-index:1000;animation:slideDown .2s ease-out;border:1px solid rgba(0,0,0,.05)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar-dropdown-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;background:transparent;border:none;border-radius:8px;color:#4b5563;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit}.navbar-dropdown-item:hover{background:rgba(102,126,234,.1);color:#667eea}.navbar-dropdown-item.active{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff}.navbar-dropdown-icon{font-size:1.25rem;display:flex;align-items:center;gap:.25rem;font-weight:700}.navbar-numnections-icon{transform:rotate(-45deg) scale(.9);transform-origin:center;display:inline-block}.navbar-operator-plus{color:#3b82f6}.navbar-operator-multiply{color:#ec4899}.navbar-operator-minus{color:#10b981}.navbar-operator-divide{color:#f59e0b}.navbar-dropdown-text{flex:1}.profile-btn{padding:.5625rem 1.0625rem}.profile-btn:active{animation:bounceOnce .5s ease-in-out}.profile-btn:hover .navbar-btn-icon{transform:scale(1.15)}.login-btn{background:rgba(16,185,129,.08);color:#6b7280}.login-btn:hover{background:rgba(16,185,129,.15);color:#10b981}.login-btn:hover .navbar-btn-icon{transform:scale(1.15)}.login-icon{transform:scaleX(-1)}.login-btn:hover .login-icon{transform:scaleX(-1) scale(1.15)}.logout-btn:hover .navbar-btn-icon{transform:scale(1.15)}.navbar-btn:active:not(.active){transform:scale(.96)}.login-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.login-modal{position:relative;background:white;border-radius:16px;padding:2.5rem 2rem 2rem;max-width:420px;width:90%;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out;text-align:center}.login-modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:.5rem;border-radius:8px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.login-modal-close svg{width:20px;height:20px;stroke-width:2}.login-modal-close:hover{background:#f3f4f6;color:#4b5563}.login-modal-header{margin-bottom:2rem}.login-modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#d1fae5 0%,#a7f3d0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#10b981}.login-modal-icon svg{width:32px;height:32px;stroke-width:2}.login-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.login-modal-subtitle{font-size:1rem;color:#6b7280;margin:0;line-height:1.5}.login-modal-content{display:flex;flex-direction:column;align-items:center;gap:1rem}@media (max-width: 768px){.navbar{padding:1rem 1rem 1rem 1.5rem}.navbar-logo-icon{width:40px;height:40px;font-size:24px}.navbar-logo-title{font-size:1rem}.navbar-buttons{gap:.5rem}.navbar-btn{padding:.625rem .875rem;font-size:.8rem}.home-btn,.games-btn{padding:.675rem 1rem}.navbar-dropdown-menu{right:0;min-width:180px}.navbar-btn-text{display:none}.navbar-btn-icon{width:22px;height:22px}}@media (max-width: 480px){.navbar{padding:1rem .75rem 1rem 1rem}.navbar-logo-icon{width:36px;height:36px;font-size:20px}.navbar-logo-title{font-size:.95rem}.navbar-buttons{gap:.375rem}.navbar-btn{padding:.5rem .75rem;font-size:.75rem}.home-btn{padding:.625rem .875rem}.navbar-btn-icon{width:20px;height:20px}.login-modal,.logout-modal{padding:1.5rem}.login-modal-icon,.logout-modal-icon{width:56px;height:56px}.login-modal-icon svg,.logout-modal-icon svg{width:28px;height:28px}.login-modal-title,.logout-modal-title{font-size:1.25rem}.login-modal-subtitle,.logout-modal-message{font-size:.9rem}.logout-modal-actions{flex-direction:column}.logout-modal-btn{max-width:100%}}.gameselect-wrapper{min-height:100vh;background:transparent;position:relative;overflow-x:hidden}.gameselect-header-bar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2.5rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.05);position:sticky;top:0;z-index:1000}.gameselect-logo{display:flex;align-items:center;gap:.875rem}.gameselect-logo-icon{width:48px;height:48px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:800;color:#fff;animation:spinAlternate 6s ease-in-out infinite;box-shadow:0 4px 12px #667eea4d}@keyframes spinAlternate{0%{transform:rotate(0)}22%{transform:rotate(360deg)}28%{transform:rotate(360deg)}50%{transform:rotate(0)}56%{transform:rotate(0)}78%{transform:rotate(-360deg)}84%{transform:rotate(-360deg)}to{transform:rotate(0)}}.gameselect-logo-text{display:flex;align-items:center}.gameselect-logo-title{font-size:1.25rem;font-weight:700;color:#1f2937;letter-spacing:-.02em}.gameselect-nav-buttons{display:flex;gap:.75rem;align-items:center}@keyframes oscillate{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.gameselect-nav-btn{position:relative;display:flex;align-items:center;gap:.5rem;padding:.625rem 1.125rem;background:transparent;color:#4b5563;border:none;border-radius:12px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);letter-spacing:.02em;white-space:nowrap;font-family:inherit}.gameselect-btn-icon{width:20px;height:20px;transition:transform .3s ease;stroke-width:2}.gameselect-btn-text{transition:all .3s ease}.home-btn{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;box-shadow:0 4px 12px #667eea4d;padding:.75rem 1.25rem}.home-btn:hover{background:linear-gradient(135deg,#5a6fd8 0%,#6a4190 100%);box-shadow:0 6px 20px #667eea66}.home-btn:hover .gameselect-btn-icon{transform:scale(1.1)}.profile-btn{background:rgba(139,92,246,.08);color:#6b7280}.profile-btn:hover{background:rgba(139,92,246,.15);color:#8b5cf6}.profile-btn:hover .gameselect-btn-icon{transform:scale(1.15)}.logout-btn{background:rgba(239,68,68,.08);color:#6b7280}.logout-btn:hover{background:rgba(239,68,68,.15);color:#ef4444}.logout-btn:hover .gameselect-btn-icon{transform:scale(1.15)}.gameselect-nav-btn:active{transform:scale(.96);animation:none}.gameselect-content{max-width:1200px;margin:0 auto;padding:1rem 2rem 1.5rem;text-align:center;position:relative;z-index:1}.gameselect-title{font-size:2.5rem;font-weight:800;color:#1f2937;margin:0 0 .35rem;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.gameselect-title-highlight{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-subtitle{font-size:1.1rem;color:#6b7280;margin:0 0 1.25rem;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.gameselect-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:1.25rem;max-width:1200px;margin:0 auto}.gameselect-card{grid-column:span 2}.gameselect-grid>.gameselect-card:nth-child(4){grid-column:2 / 4}.gameselect-grid>.gameselect-card:nth-child(5){grid-column:4 / 6}.gameselect-card{position:relative;border-radius:16px;padding:1rem .875rem;text-align:center;background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(0,0,0,.06);box-shadow:0 4px 16px #0000000f;overflow:hidden;animation:fadeIn .5s ease-in;transition:all .3s cubic-bezier(.4,0,.2,1)}.gameselect-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#60a5fa);opacity:0;transition:opacity .3s ease}.gameselect-card:hover{box-shadow:0 12px 32px #0000001a;transform:translateY(-6px);border-color:#00000014}.gameselect-card:hover:before{opacity:1}.gameselect-card:nth-child(1):before{background:linear-gradient(90deg,#f97316,#ea580c)}.gameselect-card:nth-child(2):before{background:linear-gradient(90deg,#10b981,#059669)}.gameselect-card:nth-child(3):before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.gameselect-card:nth-child(4):before{background:linear-gradient(90deg,#ec4899,#db2777)}.gameselect-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.gameselect-difficulty-header{display:flex;align-items:center;gap:.5rem;padding:.35rem .5rem;background:white;border-radius:12px;box-shadow:0 1px 3px #0000001a}.gameselect-difficulty-header .gameselect-difficulty-label{font-size:.65rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.gameselect-difficulty-header .gameselect-difficulty-bars{display:flex;gap:.3rem;align-items:center}.gameselect-card-badge{padding:.35rem .75rem;background:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.25);border-radius:12px;color:#3b82f6;font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;transition:all .2s ease}.gameselect-card:hover .gameselect-card-badge{transform:translateY(-2px)}.gameselect-card:nth-child(1) .gameselect-card-badge{background:rgba(249,115,22,.1);border-color:#f9731640;color:#c2410c}.gameselect-card:nth-child(2) .gameselect-card-badge{background:rgba(16,185,129,.1);border-color:#10b98140;color:#059669}.gameselect-card:nth-child(3) .gameselect-card-badge{background:rgba(59,130,246,.1);border-color:#3b82f640;color:#2563eb}.gameselect-card:nth-child(4) .gameselect-card-badge{background:rgba(236,72,153,.1);border-color:#ec489940;color:#db2777}.gameselect-card-icon-container{margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;transition:all .3s ease;height:80px;min-height:80px}.gameselect-card-icon{font-size:3rem;line-height:1;transition:transform .3s ease;filter:drop-shadow(0 2px 8px rgba(0,0,0,.1));display:inline-block}.gameselect-card:hover .gameselect-card-icon{transform:scale(1.1);filter:drop-shadow(0 4px 12px rgba(0,0,0,.15))}.gameselect-card:nth-child(1) .gameselect-card-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center;gap:.35rem;font-weight:700;flex-wrap:wrap}.gameselect-card:nth-child(1) .operator-plus{color:#3b82f6;display:inline-block;transition:all .3s ease}.gameselect-card:nth-child(1) .operator-multiply{color:#ec4899;display:inline-block;transition:all .3s ease}.gameselect-card:nth-child(1) .operator-minus{color:#10b981;display:inline-block;transition:all .3s ease}.gameselect-card:nth-child(1) .operator-divide{color:#f59e0b;display:inline-block;transition:all .3s ease}.gameselect-card:nth-child(1):hover .operator-plus{color:#2563eb;transform:scale(1.1)}.gameselect-card:nth-child(1):hover .operator-multiply{color:#db2777;transform:scale(1.1)}.gameselect-card:nth-child(1):hover .operator-minus{color:#059669;transform:scale(1.1)}.gameselect-card:nth-child(1):hover .operator-divide{color:#d97706;transform:scale(1.1)}.gameselect-card-title{font-size:1.2rem;font-weight:700;color:#1f2937;margin:0 0 .4rem;letter-spacing:-.02em}.gameselect-card-description{font-size:.825rem;color:#6b7280;margin:0 0 .875rem;line-height:1.4;font-weight:400;min-height:34px}.gameselect-stat{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;margin-bottom:.75rem;padding:.25rem .75rem;background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(147,51,234,.05) 100%);border-radius:8px;border:1px solid rgba(59,130,246,.15);transition:all .3s ease}.gameselect-card:hover .gameselect-stat{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(147,51,234,.08) 100%);border-color:#3b82f640;transform:translateY(-1px)}.gameselect-stat-label{font-size:.65rem;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}.gameselect-stat-value{font-size:1.25rem;font-weight:800;background:linear-gradient(135deg,#3b82f6 0%,#9333ea 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.gameselect-stat-subtext{font-size:.65rem;font-weight:600;color:#9333ea;margin-left:.25rem}.gameselect-card:nth-child(1) .gameselect-stat{background:linear-gradient(135deg,rgba(249,115,22,.05) 0%,rgba(234,88,12,.05) 100%);border-color:#f9731626}.gameselect-card:nth-child(1):hover .gameselect-stat{background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,rgba(234,88,12,.08) 100%);border-color:#f9731640}.gameselect-card:nth-child(1) .gameselect-stat-value{background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-card:nth-child(1) .gameselect-stat-subtext{color:#ea580c}.gameselect-card:nth-child(2) .gameselect-stat{background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,rgba(5,150,105,.05) 100%);border-color:#10b98126}.gameselect-card:nth-child(2):hover .gameselect-stat{background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(5,150,105,.08) 100%);border-color:#10b98140}.gameselect-card:nth-child(2) .gameselect-stat-value{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-card:nth-child(2) .gameselect-stat-subtext{color:#059669}.gameselect-card:nth-child(3) .gameselect-stat{background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(37,99,235,.05) 100%);border-color:#3b82f626}.gameselect-card:nth-child(3):hover .gameselect-stat{background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(37,99,235,.08) 100%);border-color:#3b82f640}.gameselect-card:nth-child(3) .gameselect-stat-value{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-card:nth-child(3) .gameselect-stat-subtext{color:#2563eb}.gameselect-card:nth-child(4) .gameselect-stat{background:linear-gradient(135deg,rgba(236,72,153,.05) 0%,rgba(219,39,119,.05) 100%);border-color:#ec489926}.gameselect-card:nth-child(4):hover .gameselect-stat{background:linear-gradient(135deg,rgba(236,72,153,.08) 0%,rgba(219,39,119,.08) 100%);border-color:#ec489940}.gameselect-card:nth-child(4) .gameselect-stat-value{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-card:nth-child(4) .gameselect-stat-subtext{color:#db2777}.gameselect-card:nth-child(5) .gameselect-stat{background:linear-gradient(135deg,rgba(139,92,246,.05) 0%,rgba(109,40,217,.05) 100%);border-color:#8b5cf626}.gameselect-card:nth-child(5):hover .gameselect-stat{background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(109,40,217,.08) 100%);border-color:#8b5cf640}.gameselect-card:nth-child(5) .gameselect-stat-value{background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.gameselect-card:nth-child(5) .gameselect-stat-subtext{color:#6d28d9}.gameselect-difficulty-bars{display:flex;gap:.4rem;align-items:center}.gameselect-difficulty-bar{width:6px;height:6px;background:rgba(209,213,219,.5);border-radius:50%;transition:all .3s ease;position:relative}.gameselect-difficulty-bar.active{background:#3b82f6;box-shadow:0 0 6px #3b82f666;transform:scale(1.1)}.gameselect-card:nth-child(1) .gameselect-difficulty-bar.active{background:#f97316;box-shadow:0 0 6px #f9731666}.gameselect-card:nth-child(2) .gameselect-difficulty-bar.active{background:#10b981;box-shadow:0 0 6px #10b98166}.gameselect-card:nth-child(3) .gameselect-difficulty-bar.active{background:#3b82f6;box-shadow:0 0 6px #3b82f666}.gameselect-card:nth-child(4) .gameselect-difficulty-bar.active{background:#ec4899;box-shadow:0 0 6px #ec489966}.gameselect-card:nth-child(5):before{background:linear-gradient(90deg,#8b5cf6,#6d28d9)}.gameselect-card:nth-child(5) .gameselect-card-badge{background:rgba(139,92,246,.1);border-color:#8b5cf640;color:#6d28d9}.gameselect-card:nth-child(5) .gameselect-difficulty-bar.active{background:#8b5cf6;box-shadow:0 0 6px #8b5cf666}.gameselect-card:nth-child(4) .gameselect-card-icon{transform:rotate(-45deg) scale(.9);transform-origin:center}.gameselect-card:nth-child(4):hover .gameselect-card-icon{transform:rotate(-45deg) scale(1)}.gameselect-play-btn{width:100%;padding:.7rem 1.125rem;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:10px;color:#fff;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;font-family:inherit;box-shadow:0 3px 10px #3b82f64d;position:relative;overflow:hidden}.gameselect-play-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.gameselect-play-btn:hover:before{left:100%}.gameselect-play-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666}.gameselect-play-btn:active{transform:translateY(0)}.gameselect-arrow{font-size:1.125rem;transition:transform .2s ease}.gameselect-play-btn:hover .gameselect-arrow{transform:translate(4px)}.gameselect-card:nth-child(1) .gameselect-play-btn{background:linear-gradient(135deg,#f97316,#ea580c);box-shadow:0 3px 10px #f973164d}.gameselect-card:nth-child(1) .gameselect-play-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);box-shadow:0 6px 16px #f9731666}.gameselect-card:nth-child(2) .gameselect-play-btn{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 3px 10px #10b9814d}.gameselect-card:nth-child(2) .gameselect-play-btn:hover{background:linear-gradient(135deg,#059669,#047857);box-shadow:0 6px 16px #10b98166}.gameselect-card:nth-child(3) .gameselect-play-btn{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 3px 10px #3b82f64d}.gameselect-card:nth-child(3) .gameselect-play-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 6px 16px #3b82f666}.gameselect-card:nth-child(4) .gameselect-play-btn{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 3px 10px #ec48994d}.gameselect-card:nth-child(4) .gameselect-play-btn:hover{background:linear-gradient(135deg,#db2777,#be185d);box-shadow:0 6px 16px #ec489966}.gameselect-card:nth-child(5) .gameselect-play-btn{background:linear-gradient(135deg,#8b5cf6,#6d28d9);box-shadow:0 3px 10px #8b5cf64d}.gameselect-card:nth-child(5) .gameselect-play-btn:hover{background:linear-gradient(135deg,#6d28d9,#5b21b6);box-shadow:0 6px 16px #8b5cf666}.gameselect-stats-bar{margin-top:4rem;background:white;border-radius:16px;padding:2rem 1.5rem;display:flex;justify-content:space-around;align-items:center;box-shadow:0 10px 40px #00000014;max-width:900px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out .4s both}.gameselect-stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;flex:1}.gameselect-stat-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;letter-spacing:-.02em}.gameselect-stat-label{font-size:.8rem;font-weight:600;color:#4b5563;letter-spacing:.05em;text-transform:uppercase}@media (max-width: 1200px){.gameselect-grid{max-width:1000px;gap:1rem}.gameselect-card{padding:1.25rem 1rem;grid-column:span 2}.gameselect-grid>.gameselect-card:nth-child(4){grid-column:2 / 4}.gameselect-grid>.gameselect-card:nth-child(5){grid-column:4 / 6}}@media (max-width: 1024px){.gameselect-grid{grid-template-columns:repeat(2,1fr);max-width:750px;gap:1.25rem}.gameselect-card{grid-column:span 1}.gameselect-grid>.gameselect-card:nth-child(4),.gameselect-grid>.gameselect-card:nth-child(5){grid-column:span 1}}@media (max-width: 768px){.gameselect-content{padding:1.25rem 1rem 1.5rem}.gameselect-title{font-size:2.25rem}.gameselect-subtitle{font-size:1rem;margin-bottom:1.5rem}.gameselect-grid{grid-template-columns:1fr;gap:1rem}.gameselect-card{grid-column:span 1}.gameselect-grid>.gameselect-card:nth-child(4),.gameselect-grid>.gameselect-card:nth-child(5){grid-column:span 1}.gameselect-card{padding:1.5rem 1.125rem}.gameselect-card-icon-container{height:75px;min-height:75px}.gameselect-card-icon{font-size:3rem}.gameselect-card-title{font-size:1.25rem}.gameselect-card-description{font-size:.85rem;min-height:34px}.gameselect-play-btn{padding:.7rem 1.125rem;font-size:.875rem}.gameselect-card-badge{font-size:.6rem;padding:.3rem .65rem}.gameselect-difficulty-header{padding:.3rem .4rem;gap:.4rem}.gameselect-difficulty-header .gameselect-difficulty-label{font-size:.6rem}.gameselect-difficulty-header .gameselect-difficulty-bars{gap:.25rem}.gameselect-difficulty-bar{width:5px;height:5px}}@media (max-width: 480px){.gameselect-content{padding:1rem .75rem 1.25rem}.gameselect-title{font-size:2rem}.gameselect-subtitle{font-size:.95rem;margin-bottom:1.25rem}.gameselect-grid{gap:.875rem}.gameselect-card{padding:1.25rem 1rem}.gameselect-card-icon-container{height:70px;min-height:70px}.gameselect-card-icon{font-size:2.75rem}.gameselect-card-title{font-size:1.2rem}.gameselect-card-description{font-size:.825rem;min-height:32px}.gameselect-play-btn{font-size:.85rem;padding:.65rem 1rem}.gameselect-card-badge{font-size:.575rem;padding:.3rem .6rem}.gameselect-difficulty-header{padding:.3rem .4rem;gap:.35rem}.gameselect-difficulty-header .gameselect-difficulty-label{font-size:.575rem}.gameselect-difficulty-header .gameselect-difficulty-bars{gap:.25rem}.gameselect-difficulty-bar{width:5px;height:5px}.logout-modal{padding:1.5rem}.logout-modal-icon{width:56px;height:56px}.logout-modal-icon svg{width:28px;height:28px}.logout-modal-title{font-size:1.25rem}.logout-modal-message{font-size:.9rem}.logout-modal-actions{flex-direction:column}.logout-modal-btn{max-width:100%}}.logout-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;animation:fadeIn .2s ease-out}.logout-modal{background:white;border-radius:16px;padding:2rem;max-width:400px;width:90%;box-shadow:0 20px 50px #0000004d;animation:slideUp .3s ease-out;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.logout-modal-icon{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#fef3c7 0%,#fca5a5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#dc2626}.logout-modal-icon svg{width:32px;height:32px;stroke-width:2}.logout-modal-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.logout-modal-message{font-size:1rem;color:#6b7280;margin:0 0 1.5rem;line-height:1.5}.logout-modal-actions{display:flex;gap:.75rem;justify-content:center}.logout-modal-btn{padding:.75rem 1.5rem;border-radius:10px;border:none;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;flex:1;max-width:140px}.logout-modal-cancel{background:#f3f4f6;color:#4b5563}.logout-modal-cancel:hover{background:#e5e7eb;transform:translateY(-1px)}.logout-modal-confirm{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;box-shadow:0 4px 12px #ef44444d}.logout-modal-confirm:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 6px 16px #ef444466;transform:translateY(-1px)}.logout-modal-btn:active{transform:scale(.96)}.games-container{min-height:calc(100vh - 60px)}.connections-game{min-height:100vh;max-height:100vh;background:transparent;padding:.5rem;position:relative;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:visible;box-sizing:border-box}.game-content{max-width:570px;margin:0 auto;text-align:center;background:transparent;display:flex;flex-direction:column;min-height:100vh;max-height:100vh;overflow-y:auto;overflow-x:visible;box-sizing:border-box;width:100%}.game-info{text-align:center;margin-top:20px}.connect-message{text-align:center;margin:.15rem 0 .3rem;padding:.5rem 1rem;border-radius:10px;background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(219,39,119,.12));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dark-text);font-weight:600;font-size:.85rem;box-shadow:0 4px 12px #ec489926;border:1px solid rgba(236,72,153,.2);animation:fadeIn .3s ease-in;flex-shrink:0;display:flex;white-space:pre-line;justify-content:center;align-items:center}.new-game-button{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;padding:.7rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #ec489959,0 2px 6px #db277740;flex-shrink:0;font-family:inherit;position:relative;overflow:hidden}.new-game-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s;pointer-events:none}.new-game-button:hover{box-shadow:0 6px 20px #ec489973,0 3px 8px #db27774d;transform:translateY(-2px)}.new-game-button:active{transform:translateY(0);box-shadow:0 2px 8px #ec48994d}.attempts{margin:10px 0;color:#666}.numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:1fr;gap:10px;margin:.25rem auto;max-width:570px;width:calc(100% - 1rem);min-width:0;padding:.75rem;background:transparent;border-radius:20px;animation:fadeIn .5s ease-in;align-content:start;min-height:0;box-sizing:border-box;position:relative}@media (max-width: 600px){.numbers-grid{grid-auto-rows:minmax(calc((100vw - 1.5rem - 54px)/4),calc((100vw - 1.5rem - 54px)/4))}}.number-cell{aspect-ratio:1;border:2px solid rgba(236,72,153,.25);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.95),rgba(255,255,255,.85));color:var(--dark-text);font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;padding:6px;width:100%;min-height:0;box-shadow:0 2px 6px #ec48991a;position:relative;overflow:hidden;box-sizing:border-box;grid-row:span 1}.number-cell.animating{transition:all .6s cubic-bezier(.34,1.56,.64,1)}.number-cell.solved-hidden{visibility:hidden;pointer-events:none}.number-cell:hover:not(.selected):not(.solved){border-color:#ec489980;background:linear-gradient(135deg,rgba(255,255,255,1),rgba(255,255,255,.95));box-shadow:0 4px 10px #ec489933}.game-board{display:flex;flex-direction:column;align-items:center;width:100%;max-width:570px;margin:0 auto;transform:translate(-17px);animation:fadeInBoard .5s ease-in;flex:1 1 auto;min-height:0;box-sizing:border-box;position:relative}.difficulty-indicator{position:absolute;top:0;left:0;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);color:#fff;padding:.4rem .75rem;border-radius:8px;font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 2px 8px #ec48994d;animation:fadeIn .6s ease-out;z-index:10}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBoard{0%{opacity:0;transform:translate(-17px) translateY(10px)}to{opacity:1;transform:translate(-17px) translateY(0)}}.category-row{display:flex;flex-direction:column;align-items:center;padding:.75rem;margin:.25rem 0;border-radius:16px;color:#fff;width:100%;max-width:530px;box-shadow:0 4px 12px #00000026;animation:slideIn .4s ease-out;transition:transform .3s ease,box-shadow .3s ease}.category-row-in-grid{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:12px;color:#fff;box-shadow:0 4px 12px #00000026;animation:categorySlideIn .6s cubic-bezier(.34,1.56,.64,1);transition:all .5s cubic-bezier(.4,0,.2,1);aspect-ratio:4 / 1;width:100%;box-sizing:border-box;grid-row:span 1}.category-row-in-grid.animating{animation:categorySlideIn .6s cubic-bezier(.34,1.56,.64,1)}.category-row:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0003}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes categorySlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}50%{transform:scale(1.05) translateY(5px)}to{opacity:1;transform:scale(1) translateY(0)}}.category-title{font-weight:700;font-size:1.1rem;margin-bottom:.2rem;text-transform:uppercase;line-height:1.2}.category-subtitle{font-size:.95rem;line-height:1.2}.category-row-in-grid .category-title{font-weight:700;font-size:1.3rem;margin-bottom:.2rem;text-transform:uppercase;line-height:1.2;width:100%;text-align:center}.category-row-in-grid .category-subtitle{font-size:1.1rem;line-height:1.2;width:100%;text-align:center;word-wrap:break-word}.category-row.level-1,.category-row-in-grid.level-1{background-color:#e5c600}.category-row.level-2,.category-row-in-grid.level-2{background-color:#92c353}.category-row.level-3,.category-row-in-grid.level-3{background-color:#8ab5e3}.category-row.level-4,.category-row-in-grid.level-4{background-color:#c48ed7}.game-over .number-cell{cursor:default;background-color:transparent;border:none;font-size:20px;font-weight:400;padding:15px}.number-cell.selected{background:linear-gradient(135deg,rgba(236,72,153,.25),rgba(219,39,119,.3))!important;border-color:#ec4899!important;box-shadow:0 6px 16px #ec489959,0 2px 6px #db277740!important;color:#1f2937;font-weight:800;z-index:1}.number-cell.selected:hover{background:linear-gradient(135deg,rgba(236,72,153,.3),rgba(219,39,119,.35))!important;box-shadow:0 8px 20px #ec489966,0 3px 8px #db27774d!important}.number-cell.solved-1{background-color:var(--level-1-color);border-color:var(--level-1-border)}.number-cell.solved-2{background-color:var(--level-2-color);border-color:var(--level-2-border)}.number-cell.solved-3{background-color:var(--level-3-color);border-color:var(--level-3-border)}.number-cell.solved-4{background-color:var(--level-4-color);border-color:var(--level-4-border)}.difficulty-select{text-align:center;margin-bottom:10px}.difficulty-buttons{display:flex;gap:10px;margin:10px 0;justify-content:center}.difficulty-button{padding:10px 20px;font-size:16px;border:2px solid #2196f3;border-radius:5px;background-color:#fff;color:#2196f3;cursor:pointer;transition:all .3s ease}.difficulty-button:hover{background-color:#e3f2fd}.difficulty-button.selected{background-color:#2196f3;color:#fff}.difficulty-description{margin-top:10px;color:#666;font-size:14px}.submit-button{background:linear-gradient(135deg,#4285f4,#7986cb);color:#fff;border:none;padding:.9rem 2rem;font-size:1.2rem;font-weight:600;border-radius:12px;cursor:pointer;margin:1rem 0;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px #4285f44d;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s}.submit-button:hover:before{width:300px;height:300px}.submit-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.submit-button:active{transform:translateY(0);box-shadow:0 2px 8px #4285f44d}.submit-button{background:linear-gradient(135deg,#ec4899,#db2777);box-shadow:0 4px 12px #ec489959,0 2px 6px #db277740;margin:.3rem 0;padding:.7rem 1.5rem;font-size:1rem;flex-shrink:0}.submit-button:hover:not(:disabled){box-shadow:0 6px 20px #ec489973,0 3px 8px #db27774d;transform:translateY(-2px)}.submit-button:disabled{opacity:.6;cursor:not-allowed;background:linear-gradient(135deg,#b0b0b0,#909090);box-shadow:0 2px 6px #0003}.game-over-buttons{display:flex;justify-content:center;gap:1rem;margin-top:2rem;flex-wrap:wrap;animation:fadeIn .5s ease-in}.btn-primary-connections{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px #ec489959,0 2px 6px #db277740;position:relative;overflow:hidden;white-space:nowrap}.btn-primary-connections:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s;pointer-events:none}.btn-primary-connections:hover:before{width:300px;height:300px}.btn-primary-connections:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489973,0 3px 8px #db27774d}.btn-primary-connections:active{transform:translateY(0);box-shadow:0 2px 8px #ec48994d}.btn-secondary-connections{padding:.875rem 1.75rem;font-size:1rem;font-weight:600;background:white;color:#475569;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 1px 3px #00000014;white-space:nowrap}.btn-secondary-connections:hover{background:#f8fafc;border-color:#ec48994d;color:#ec4899;transform:translateY(-2px);box-shadow:0 2px 8px #ec489926}.btn-secondary-connections:active{transform:translateY(0);box-shadow:0 1px 3px #00000014}.game-actions-connections{display:flex;justify-content:center;margin:1rem 0 .5rem}.btn-give-up-connections{padding:10px 28px;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ec48994d;font-family:inherit}.btn-give-up-connections:hover{background:linear-gradient(135deg,#db2777 0%,#be185d 100%);transform:translateY(-2px);box-shadow:0 6px 16px #ec489966}.btn-give-up-connections:active{transform:translateY(0)}.solved-categories{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.error-message{color:red;margin:10px 0;text-align:center}.attempts-counter{margin-top:.7rem;margin-bottom:.25rem;display:flex;justify-content:center;gap:6px;font-size:16px;font-weight:700;flex-shrink:0}.attempt-dot{font-size:18px;opacity:1;transition:opacity .3s ease;color:var(--dark-text)}.attempt-dot.used{opacity:.3}.attempts-label{color:var(--dark-text);font-size:16px;padding-right:8px}.gameplay-container{display:flex;flex-direction:column;width:570px;margin:0 auto;padding-bottom:10px}.gameplay-grid{display:grid;grid-template-columns:repeat(4,140px);gap:10px;margin:10px auto;justify-content:center}.game-header{text-align:center;margin-top:.25rem;margin-bottom:.15rem;animation:fadeIn .6s ease-in;background:transparent!important;position:relative;box-shadow:none!important;padding:0;outline:none!important;border:none!important;display:flex;justify-content:center;align-items:center;width:100%;flex-shrink:0}.game-header:before,.game-header:after{display:none;content:none}.title-with-help{display:flex;align-items:center;justify-content:center;gap:.5rem;background:transparent!important}.connections-setup .game-stats-display{display:flex;justify-content:center;align-items:center;gap:2rem;margin:2rem auto;padding:1.25rem 2rem;background:linear-gradient(135deg,rgba(236,72,153,.08) 0%,rgba(219,39,119,.08) 100%);border-radius:16px;border:2px solid rgba(236,72,153,.2);max-width:400px;animation:fadeInUp .6s ease-out;box-shadow:none!important;text-align:center}.connections-setup .game-stats-display .stat-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center}.connections-setup .game-stats-display .stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#be185d;box-shadow:none!important;text-shadow:none!important}.connections-setup .game-stats-display .stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;position:relative;box-shadow:none!important;padding:0;outline:none!important;border:none!important;margin-bottom:.15rem;width:100%}.title-with-help .connections-title{width:auto;flex:0 0 auto}.title-with-help:before,.title-with-help:after{display:none;content:none}.connections-game .help-button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #ec489966;outline:none;padding:0}.connections-game .help-button:hover{box-shadow:0 6px 16px #ec489980}.connections-game .help-button:active{box-shadow:0 2px 8px #ec48994d}.help-button:active{transform:scale(.95)}.connections-title{font-size:2.25rem;font-weight:800;color:#1f2937;margin:0;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both;background:transparent!important;position:relative;box-shadow:none!important;padding:0;outline:none!important;border:none!important;display:flex;align-items:center;justify-content:center;text-align:center;width:100%}.connections-title:before,.connections-title:after{display:none;content:none}.connections-title-highlight{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connections-subtitle{font-size:1.5rem;color:#6b7280;margin:0 0 2.5rem;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.setup-header{text-align:center;margin-bottom:1rem;margin-top:1rem;animation:fadeIn .6s ease-in}.connections-setup-title{font-size:3.25rem;font-weight:800;color:#1f2937;margin:0 0 1.5rem;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.connections-setup-title-highlight{background:linear-gradient(135deg,#ec4899 0%,#db2777 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connections-setup-subtitle{font-size:1.5rem;color:#6b7280;margin:0 0 2.5rem;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.game-over{margin:10px 0;font-size:20px}.game-over h2{margin-bottom:10px;color:var(--dark-text)}.status-message{margin:10px 0;padding:8px;border-radius:4px;color:var(--dark-text);font-weight:500}.popup-message{position:fixed;top:140px;left:50%;transform:translate(-50%);padding:12px 24px;background-color:var(--light-bg);border-radius:8px;box-shadow:0 2px 8px #00000026;z-index:1000;animation:fadeInOut 2s ease-in-out}@keyframes fadeInOut{0%,to{opacity:0}10%,90%{opacity:1}}.back-button{background:transparent;border:none;border-radius:12px;color:#888;font-size:1.8rem;cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;font-weight:600}:root{--level-1-color: #ffeeb3;--level-2-color: #bde5b7;--level-3-color: #b4d9f8;--level-4-color: #ffb3b3;--dark-text: #333;--light-bg: #edf2ff}.connections-setup{min-height:100vh;background:transparent;display:flex;flex-direction:column;align-items:center;position:relative;padding:2rem 1rem;width:100%}.connections-setup .title-with-help{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1.5rem}.connections-setup .title-with-help .connections-title{margin:0}.connections-setup .help-button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #ec489966;outline:none;padding:0}.connections-setup .help-button:hover{box-shadow:0 6px 16px #ec489980}.connections-setup .help-button:active{box-shadow:0 2px 8px #ec48994d}.setup-content{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:3rem 2.5rem;border-radius:24px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;align-items:center;gap:2rem;width:100%;max-width:600px;margin-top:2rem;border:2px solid rgba(102,126,234,.2);animation:fadeIn .6s ease-in;transition:transform .3s ease,box-shadow .3s ease}.setup-content:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026;border-color:#667eea4d}.connections-setup h2{font-size:2rem;margin-bottom:0;color:#2c3e50;font-weight:600;text-align:center;animation:fadeIn .8s ease-in}.connections-setup .back-button-container{position:fixed;top:90px;left:20px;z-index:1000}.connections-setup .back-button{background:transparent;border:none;border-radius:12px;color:#888;font-size:1.8rem;cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;font-weight:600}.connections-setup .back-button:hover{transform:translate(-2px);color:#666;box-shadow:0 6px 16px #0006,0 3px 6px #0000004d}.connections-setup .back-button:active{transform:translate(-1px) scale(.95)}.setup-content h2{font-size:2rem;color:#2c3e50;margin-bottom:2rem;font-weight:600;margin-top:0}.difficulty-options{display:flex;gap:1.5rem;justify-content:center;margin-bottom:1rem;flex-wrap:wrap;animation:fadeIn 1s ease-in}.difficulty-button{padding:1.2rem 2.5rem;font-size:1.3rem;font-weight:600;border:2px solid rgba(236,72,153,.3);border-radius:12px;background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,255,255,.7));color:#2c3e50;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:var(--font);box-shadow:0 4px 12px #ec489926;min-width:140px}.difficulty-button:hover{border-color:#ec489999;transform:translateY(-4px);box-shadow:0 6px 20px #ec48994d}.difficulty-button.selected{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border-color:#ec4899;box-shadow:0 6px 20px #ec489966;transform:translateY(-2px)}.start-game-button{background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;width:100%;font-family:var(--font);box-shadow:0 4px 12px #ec489959,0 2px 6px #db277740}.start-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ec489973,0 3px 8px #db27774d}.start-game-button:active{transform:translateY(0);box-shadow:0 2px 8px #ec48994d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);overflow:hidden;touch-action:none;-webkit-overflow-scrolling:none;pointer-events:auto}.connections-rules-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(253,242,248,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;max-width:550px;width:90%;box-shadow:0 12px 40px #0003,0 4px 12px #ec489926;border:2px solid rgba(236,72,153,.3);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.connections-rules-card::-webkit-scrollbar{width:8px}.connections-rules-card::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.connections-rules-card::-webkit-scrollbar-thumb{background:rgba(236,72,153,.3);border-radius:10px}.connections-rules-card::-webkit-scrollbar-thumb:hover{background:rgba(236,72,153,.5)}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(236,72,153,.15)}.rules-header h3{margin:0;font-size:1.75rem;background:linear-gradient(135deg,#ec4899,#db2777);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.rules-main-text{font-size:1.15rem;color:#1f2937;font-weight:600;margin:0;line-height:1.6;text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(236,72,153,.08),rgba(219,39,119,.08));border-radius:12px;border:1px solid rgba(236,72,153,.15)}.rule-step:hover{transform:translate(4px);box-shadow:0 4px 12px #ec489926;border-color:#ec489940}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#ec4899,#db2777);color:#fff;font-weight:700;font-size:1.1rem;border-radius:50%;box-shadow:0 4px 12px #ec48994d}.step-text{margin:0;color:#374151;font-size:.95rem;line-height:1.5;font-weight:500}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(236,72,153,.3),transparent);margin:1.5rem 0}.rules-examples{margin:1.5rem 0}.example-category-box{margin-bottom:.75rem;border-radius:12px;padding:.75rem 1rem;box-shadow:0 3px 10px #0000001f;transition:transform .2s ease,box-shadow .2s ease}.example-category-box:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.example-category-box.level-1{background:linear-gradient(135deg,#e5c600,#d4b600)}.example-category-box.level-2{background:linear-gradient(135deg,#92c353,#81b142)}.example-category-box.level-3{background:linear-gradient(135deg,#8ab5e3,#79a5d3)}.example-header{margin-bottom:.4rem}.example-label{color:#fff;font-weight:700;font-size:1.1rem;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.15)}.example-numbers{color:#fff;font-size:1.2rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.1)}.rules-tips{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.6);border-radius:10px;border-left:3px solid #ec4899}.difficulty-section{margin-top:1.5rem}.difficulty-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 .5rem}.difficulty-desc{font-size:.9rem;color:#6b7280;margin:0 0 1rem}.difficulty-levels{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.difficulty-level-item{display:flex;align-items:center;gap:.5rem;padding:.65rem .85rem;background:rgba(255,255,255,.7);border-radius:10px;border:1px solid rgba(0,0,0,.08);transition:all .2s ease}.difficulty-level-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.level-badge{font-size:1.4rem;line-height:1;filter:drop-shadow(0 2px 4px rgba(0,0,0,.15))}.level-badge-yellow{color:#e5c600}.level-badge-green{color:#92c353}.level-badge-blue{color:#8ab5e3}.level-badge-pink{color:#c48ed7}.level-name{font-size:.9rem;color:#374151;font-weight:600}.close-rules-btn{background:transparent;border:2px solid transparent;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .25s ease;font-weight:500}.close-rules-btn:hover{background:linear-gradient(135deg,rgba(236,72,153,.1),rgba(219,39,119,.1));color:#ec4899;border-color:#ec48994d}@media (max-width: 600px){.connections-rules-card{padding:1.5rem;max-width:95%;border-radius:16px}.rules-header h3{font-size:1.5rem}.game-over-buttons{flex-direction:column;width:100%;padding:0 1rem}.btn-primary-connections,.btn-secondary-connections{width:100%;padding:1rem 1.5rem}.rules-main-text{font-size:1rem;padding:.85rem}.rule-step{padding:.85rem;gap:.85rem}.step-number{width:32px;height:32px;min-width:32px;font-size:1rem}.step-text{font-size:.9rem}.examples-title,.difficulty-title{font-size:1rem}.example-category-box{padding:.65rem .85rem}.example-label{font-size:1rem}.example-numbers{font-size:1.1rem}.tip-item{padding:.65rem;gap:.65rem}.tip-icon{font-size:1.2rem}.tip-text{font-size:.85rem}.difficulty-levels{grid-template-columns:1fr}.difficulty-level-item{padding:.75rem}.level-badge{font-size:1.3rem}.level-name{font-size:.85rem}}.animate-wrong-bounce{animation:verticalBounce .45s cubic-bezier(.33,.01,.25,1) both}@keyframes verticalBounce{0%{transform:translateY(0)}35%{transform:translateY(-14px)}70%{transform:translateY(-3px)}to{transform:translateY(0)}}.animate-wrong-shake{animation:horizontalShake .5s cubic-bezier(.36,.07,.19,.97) both}@keyframes horizontalShake{0%,to{transform:translate(0)}10%,50%,90%{transform:translate(-2px)}30%,70%{transform:translate(2px)}}.number-cell{will-change:transform}.numbers-grid{perspective:1000px}.category-row-in-grid{will-change:transform,opacity;transform-origin:center center}.numbers-grid>*{flex-shrink:0}.number-cell.selected{transform-origin:center center}.number-cell:not(.selected){transition:background .2s ease,border-color .2s ease,box-shadow .2s ease}.category-select-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;min-height:calc(100vh - 70px);padding:3rem 2rem;background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#4facfe 75%,#00f2fe 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;font-family:var(--font);position:relative;overflow:hidden}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.category-select-wrapper:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 1px,transparent 1px);background-size:50px 50px;animation:backgroundMove 20s linear infinite;pointer-events:none;z-index:0}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}.category-select-wrapper h1{font-size:3rem;color:#fff;text-align:center;font-weight:800;font-family:var(--font);margin-bottom:2.5rem;text-shadow:0 8px 24px rgba(0,0,0,.3),0 4px 12px rgba(0,0,0,.2);letter-spacing:-.02em;position:relative;z-index:1;animation:fadeInDown .8s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.tic-category-select-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 2.5rem;width:100%;max-width:550px;margin:0 auto;background:rgba(255,255,255,.15);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);color:#fff;border-radius:28px;border:1px solid rgba(255,255,255,.3);box-shadow:0 20px 60px #0000004d,0 10px 30px #0003;text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out .2s backwards}.tic-category-select-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:28px;pointer-events:none;z-index:-1}.tic-category-select-container h2{font-size:2.2rem;color:#fff;margin-bottom:1.5rem;text-align:center;font-weight:800;font-family:var(--font);margin-top:0;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:-.01em}.select-group{width:100%;margin-bottom:1.5rem}.select-group label{display:flex;flex-direction:column;gap:.8rem;font-size:1.3rem;font-weight:600;width:100%;color:#fffffff2;text-shadow:0 2px 4px rgba(0,0,0,.2);letter-spacing:.02em}.select-group select{width:100%;padding:1rem 1.2rem;border-radius:14px;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:1.1rem;color:#fff;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer;box-shadow:0 4px 12px #0000001a}.select-group select option{background:rgba(102,126,234,.95);color:#fff;padding:.5rem}.select-group select:hover{border-color:#ffffff80;background:rgba(255,255,255,.2);transform:translateY(-2px);box-shadow:0 6px 16px #00000026}.select-group select:focus{outline:none;border-color:#fff9;background:rgba(255,255,255,.25);box-shadow:0 8px 20px #0003,0 0 0 3px #fff3}.tic-category-select-container button{margin-top:1.5rem;padding:1rem 2.5rem;font-size:1.2rem;color:#667eea;background:rgba(255,255,255,.95);border:none;border-radius:14px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:700;box-shadow:0 8px 20px #0003;position:relative;overflow:hidden}.tic-category-select-container button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transition:left .5s ease}.tic-category-select-container button:hover:before{left:100%}.tic-category-select-container button:hover{background:rgba(255,255,255,1);transform:translateY(-3px);box-shadow:0 12px 30px #0000004d}.tic-category-select-container button:active{transform:translateY(-1px)}.tic-back-button-container{position:fixed;top:90px;left:20px;z-index:1000}.tic-back-button{background:transparent;border:none;border-radius:12px;color:#888;font-size:1.8rem;cursor:pointer;width:55px;height:55px;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;font-weight:600}.tic-back-button:hover{transform:translate(-2px);color:#666;box-shadow:0 6px 16px #0006,0 3px 6px #0000004d}.tic-back-button:active{transform:translate(-1px) scale(.95)}body.dark .category-select-container{background-color:var(--dark-bg);color:var(--dark-text)}body.dark .category-select-container h2{color:var(--dark-text)}body.dark .select-group select{background-color:var(--dark-input-bg);border-color:var(--dark-border);color:var(--dark-text)}body.dark .select-group select:hover{border-color:var(--primary)}body.dark .select-group select:focus{border-color:var(--primary);box-shadow:0 0 0 2px #2196f333}.nerdle-container{display:flex;flex-direction:column;align-items:center;height:100vh;padding:.3rem .5rem;position:relative;width:100%;background:transparent;overflow:hidden}.nerdle-header{text-align:center;margin-bottom:.1rem;margin-top:.1rem;animation:fadeIn .6s ease-in}.title-with-help{display:flex;align-items:center;justify-content:center;gap:1rem;position:relative}.nerdle-stat-inline{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.6rem 1rem;background:linear-gradient(135deg,rgba(16,185,129,.08) 0%,rgba(5,150,105,.08) 100%);border-radius:12px;border:2px solid rgba(16,185,129,.2);margin-left:.75rem;animation:fadeInRight .6s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.stat-label-inline{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#065f46;box-shadow:none!important;text-shadow:none!important}.stat-value-inline{font-size:1.8rem;font-weight:800;background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;box-shadow:none!important;text-shadow:none!important;background-clip:text;line-height:1}.nerdle-title{font-size:2.7rem;font-weight:800;color:#1f2937;margin:0;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.nerdle-title-highlight{background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.title-with-help{display:flex;align-items:center;justify-content:center;gap:.75rem}.nerdle-container .help-button{width:45px;height:45px;border-radius:50%;border:none;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-size:1.55rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #10b98166}.nerdle-container .help-button:hover{box-shadow:0 6px 16px #10b98180}.nerdle-container .help-button:active{box-shadow:0 2px 8px #10b9814d}.nerdle-rules-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(240,253,244,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;max-width:550px;width:90%;box-shadow:0 12px 40px #0003,0 4px 12px #10b9811a;border:2px solid rgba(16,185,129,.25);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.nerdle-rules-card::-webkit-scrollbar{width:8px}.nerdle-rules-card::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.nerdle-rules-card::-webkit-scrollbar-thumb{background:rgba(16,185,129,.3);border-radius:10px}.nerdle-rules-card::-webkit-scrollbar-thumb:hover{background:rgba(16,185,129,.5)}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(16,185,129,.15)}.rules-header h3{margin:0;font-size:1.75rem;background:linear-gradient(135deg,#10b981 0%,#059669 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.rules-main-text{font-size:1.15rem;color:#1f2937;font-weight:600;margin:0;line-height:1.6;text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(5,150,105,.08));border-radius:12px;border:1px solid rgba(16,185,129,.15)}.rule-step:hover{transform:translate(4px);box-shadow:0 4px 12px #10b98126;border-color:#10b98140}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;font-weight:700;font-size:1.1rem;border-radius:50%;box-shadow:0 4px 12px #10b9814d}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(16,185,129,.3),transparent);margin:1.5rem 0}.rules-sub-text{font-size:.95rem;color:#4b5563;margin:0 0 .75rem;line-height:1.6}.rules-examples{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(0,0,0,.1)}.examples-title{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.example-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;padding:.75rem;background:rgba(255,255,255,.6);border-radius:10px;border:1px solid rgba(0,0,0,.06);transition:all .2s ease}.example-row:hover{background:rgba(255,255,255,.8);box-shadow:0 2px 8px #10b9811a}.example-row:last-child{margin-bottom:0}.example-tiles{display:flex;gap:4px;flex-shrink:0}.example-tile{width:40px;height:40px;border:2px solid #d3d6da;display:flex;justify-content:center;align-items:center;font-size:1.3rem;font-weight:700;background-color:#fff;color:#2c3e50;border-radius:6px}.example-tile.correct{background:linear-gradient(135deg,#6aaa64,#5a9a54);border-color:#6aaa64;color:#fff}.example-tile.present{background:linear-gradient(135deg,#c9b458,#b9a448);border-color:#c9b458;color:#fff}.example-tile.absent{background:linear-gradient(135deg,#787c7e,#686c6e);border-color:#787c7e;color:#fff}.example-text{font-size:.95rem;color:#4b5563;margin:0;line-height:1.5;flex:1}.example-text strong{color:#1f2937;font-weight:600}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.6);border-radius:10px;border-left:3px solid #10b981}.empty-tile{background:rgba(0,0,0,.05)!important;border:1px solid rgba(0,0,0,.1)!important;color:#9ca3af!important}.close-rules-btn{background:transparent;border:2px solid transparent;font-size:1.5rem;color:#9ca3af;cursor:pointer;width:32px;height:32px;transition:all .25s ease;font-weight:500;padding:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-rules-btn:hover{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.1));color:#10b981;border-color:#10b9814d}.rules-list li{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;font-size:.95rem;color:#4b5563;line-height:1.5}.rule-icon{font-size:1.2rem;flex-shrink:0}.new-game-button{background:linear-gradient(135deg,#4285f4,#7986cb);color:#fff;border:none;padding:.85rem 2.15rem;border-radius:12px;font-size:1.2rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px #4285f44d;margin:.4rem 0 .25rem;animation:fadeIn .5s ease-in;position:relative;overflow:hidden;width:auto;display:inline-block}.new-game-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s}.new-game-button:hover:before{width:300px;height:300px}.new-game-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4285f466}.new-game-button:active{transform:translateY(0);box-shadow:0 2px 8px #4285f44d}.board{display:flex;flex-direction:column;gap:5px;margin:.5rem 0;padding:.75rem 1rem;background:rgba(255,255,255,.95);border-radius:16px;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.row{display:flex;gap:6px;justify-content:center}.tile{width:62px;height:62px;border:2px solid #d3d6da;display:flex;justify-content:center;align-items:center;font-size:1.95rem;font-weight:700;background-color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);color:#2c3e50;border-radius:8px;box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.tile:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.05));opacity:0;transition:opacity .3s}.tile:hover:before{opacity:1}.tile.correct{background:linear-gradient(135deg,#6aaa64,#5a9a54);border-color:#6aaa64;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #6aaa6466;animation:flipIn .5s ease-out}.tile.present{background:linear-gradient(135deg,#c9b458,#b9a448);border-color:#c9b458;color:#fff;transform:scale(1.05);box-shadow:0 4px 12px #c9b45866;animation:flipIn .5s ease-out}.tile.absent{background:linear-gradient(135deg,#787c7e,#686c6e);border-color:#787c7e;color:#fff;transform:scale(.95);box-shadow:0 2px 8px #787c7e4d;animation:flipIn .5s ease-out}.keyboard{display:flex;flex-direction:column;gap:7px;padding:.6rem;margin-bottom:.4rem;width:100%;max-width:500px}.keyboard-row{display:flex;justify-content:center;align-items:stretch;gap:6px;width:100%}.key{font-family:inherit;font-weight:600;border:0;padding:0;margin:0;height:48px;width:84px;border-radius:8px;cursor:pointer;-webkit-user-select:none;user-select:none;background:linear-gradient(135deg,#e8e8e8,#d3d6da);color:#2c3e50;display:flex;justify-content:center;align-items:center;font-size:1.15rem;-webkit-tap-highlight-color:rgba(0,0,0,.1);transition:all .2s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0000001a;position:relative;overflow:hidden}.key:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.3);transform:translate(-50%,-50%);transition:width .3s,height .3s}.key:active:before{width:200px;height:200px}.key:hover{transform:translateY(-2px);box-shadow:0 4px 8px #00000026}.key:active{transform:translateY(0);box-shadow:0 1px 2px #0000001a}.key.correct{background:linear-gradient(135deg,#6aaa64,#5a9a54);color:#fff;box-shadow:0 4px 8px #6aaa644d}.key.present{background:linear-gradient(135deg,#c9b458,#b9a448);color:#fff;box-shadow:0 4px 8px #c9b4584d}.key.absent{background:linear-gradient(135deg,#787c7e,#686c6e);color:#fff;box-shadow:0 2px 4px #787c7e4d}.game-actions-nerdle{display:flex;justify-content:center;margin:.4rem 0 .3rem}.btn-give-up-nerdle{padding:8px 24px;background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:none;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #10b9814d;font-family:inherit}.btn-give-up-nerdle:hover{background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-2px);box-shadow:0 6px 16px #10b98166}.btn-give-up-nerdle:active{transform:translateY(0)}.game-status-modal{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2.5rem;background:rgba(255,255,255,.98);border-radius:24px;box-shadow:0 20px 60px #0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);max-width:500px;width:90%;border:2px solid rgba(255,255,255,.3)}.nerdle-status-message{font-size:2.15rem;font-weight:700;color:#2c3e50;margin:0;padding:0;text-align:center;line-height:1.4}.play-again{background:#4a90e2;color:#fff;border:none;padding:1.2rem 3rem;border-radius:12px;font-size:1.45rem;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;box-shadow:0 4px 12px #4a90e24d}.play-again:hover{background:#3a7bc8;transform:scale(1.05)}.play-again:active{transform:scale(1)}.instructions{text-align:center;max-width:600px;margin:1rem 0;color:#666;line-height:1.5}.message{margin-top:1rem;padding:1rem;border-radius:5px;background-color:#f0f0f0;color:#333;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes flipIn{0%{transform:rotateX(90deg) scale(.8);opacity:0}50%{transform:rotateX(45deg) scale(1.1)}to{transform:rotateX(0) scale(1);opacity:1}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}.shake{animation:shake .4s ease-in-out}@media (max-width: 768px){.nerdle-title{font-size:2.7rem}.nerdle-container .help-button{width:45px;height:45px;font-size:1.55rem}}@media (max-width: 500px){.nerdle-container{padding:1rem .5rem}.board{padding:.5rem;gap:4px;margin:.5rem 0}.row{gap:4px}.tile{width:58px;height:58px;font-size:1.8rem;border-width:2px}.keyboard{padding:.5rem;gap:6px;max-width:100%;margin-bottom:.5rem}.key{height:48px;width:84px;font-size:1.15rem;border-radius:8px}.keyboard-row{gap:4px}.game-status-modal{padding:2rem 1.5rem;gap:1.2rem}.nerdle-status-message{font-size:1.7rem}.play-again{padding:1.1rem 2.4rem;font-size:1.3rem}.nerdle-title{font-size:2.4rem}.nerdle-container .help-button{width:41px;height:41px;font-size:1.2rem}.new-game-button{padding:.95rem 2.15rem;font-size:1.15rem;margin:.3rem 0}.nerdle-rules-card{padding:1.5rem;width:95%;border-radius:16px}.rules-header h3{font-size:1.5rem}.rules-main-text{font-size:1rem;padding:.85rem}.rule-step{padding:.85rem;gap:.85rem}.step-number{width:32px;height:32px;min-width:32px;font-size:1rem}.step-title{font-size:.95rem}.step-desc{font-size:.85rem}.rules-sub-text{font-size:.9rem}.example-row{flex-direction:column;align-items:flex-start;padding:.65rem;gap:.75rem}.example-tile{width:36px;height:36px;font-size:1.1rem}.example-text{font-size:.9rem}.tip-item{padding:.65rem;gap:.65rem}.tip-icon{font-size:1.2rem}.tip-text{font-size:.85rem}}.twentyfour-container{min-height:100vh;padding:.5rem;display:flex;flex-direction:column;align-items:center;background:linear-gradient(135deg,#f8fafc 0%,#e2e8f0 100%);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif}.twentyfour-container.dark{background:linear-gradient(135deg,#1e293b 0%,#0f172a 100%);color:#f1f5f9}.back-button{background:transparent;border:none;color:#888;font-size:1.8rem;cursor:pointer;border-radius:12px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;display:flex;align-items:center;justify-content:center;width:55px;height:55px;font-weight:600}.difficulty-selection{max-width:600px;width:100%;margin:20px auto 0;padding:0 1rem}.title-section{text-align:center;margin-bottom:.5rem}.game-stats-display{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.25rem 2rem;background:linear-gradient(135deg,rgba(249,115,22,.08) 0%,rgba(234,88,12,.08) 100%);border-radius:16px;border:2px solid rgba(249,115,22,.2);max-width:400px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out;box-shadow:none!important}.game-stats-display .stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.game-stats-display .stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a3412;box-shadow:none!important;text-shadow:none!important}.game-stats-display .stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;box-shadow:none!important;text-shadow:none!important}.title-with-help{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem;position:relative}.twentyfour-title{font-size:3.5rem;font-weight:800;margin:0;color:#0f172a;letter-spacing:-.02em}.twentyfour-title-highlight{color:#f97316}.twentyfour-container.dark .twentyfour-title{color:#f1f5f9}.twentyfour-container.dark .twentyfour-title-highlight{color:#fb923c}.twentyfour-subtitle{font-size:1.125rem;color:#64748b;margin:0;font-weight:400}.twentyfour-container.dark .twentyfour-subtitle{color:#94a3b8}.help-button{width:44px;height:44px;min-width:44px;min-height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:none!important;transition:none!important;transform:none!important;outline:none;padding:0;margin:0;position:relative}.help-button:hover,.help-button:active,.help-button:focus,.help-button:focus-visible{opacity:1!important;transform:none!important;box-shadow:none!important;outline:none;background:linear-gradient(135deg,#f97316,#ea580c);width:44px;height:44px}.twentyfour-container.dark .help-button{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff;transform:none!important}.twentyfour-container.dark .help-button:hover,.twentyfour-container.dark .help-button:active,.twentyfour-container.dark .help-button:focus{opacity:1!important;transform:none!important;background:linear-gradient(135deg,#fb923c,#f97316)}.gameplay-help{position:absolute;top:0;right:0;transform:none!important;transition:none!important}.setup-cards{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}.setup-card{background:white;border-radius:16px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:1px solid #e2e8f0;transition:all .2s ease}.setup-card:hover{box-shadow:0 4px 12px #0000001a}.twentyfour-container.dark .setup-card{background:#1e293b;border-color:#334155}.setup-card h3{font-size:1.25rem;font-weight:700;color:#0f172a;margin:0 0 .5rem}.twentyfour-container.dark .setup-card h3{color:#f1f5f9}.setup-card-description{font-size:.875rem;color:#64748b;margin:0 0 1.5rem}.twentyfour-container.dark .setup-card-description{color:#94a3b8}.number-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:1.75rem}.number-option{padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:1.25rem;font-weight:700;color:#0f172a;cursor:pointer;transition:all .2s ease}.number-option:hover{background:#f1f5f9;border-color:#cbd5e1}.number-option.selected{background:#f97316;border-color:#f97316;color:#fff}.twentyfour-container.dark .number-option{background:#0f172a;border-color:#334155;color:#f1f5f9}.twentyfour-container.dark .number-option:hover{background:#1e293b;border-color:#475569}.twentyfour-container.dark .number-option.selected{background:#fb923c;border-color:#fb923c;color:#0f172a}.target-input{width:100%;padding:1rem;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;font-size:2rem;font-weight:700;color:#0f172a;text-align:center;transition:all .2s ease;box-sizing:border-box}.target-input:focus{outline:none;border-color:#f97316;background:white}.twentyfour-container.dark .target-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.twentyfour-container.dark .target-input:focus{border-color:#fb923c;background:#1e293b}.target-hint{margin-top:.5rem;font-size:.75rem;color:#94a3b8;text-align:center}.start-game-btn{width:100%;padding:1.25rem 2rem;background:linear-gradient(135deg,#f97316,#ea580c);border:none;border-radius:12px;color:#fff;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 4px 12px #f973164d}.start-game-btn:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.start-game-btn:active{transform:translateY(0)}.start-arrow{font-size:1.25rem;transition:transform .2s ease}.start-game-btn:hover .start-arrow{transform:translate(4px)}.twentyfour-container.dark .start-game-btn{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.twentyfour-container.dark .start-game-btn:hover{background:linear-gradient(135deg,#f97316,#ea580c)}.game-container{max-width:600px;width:100%;margin:10px auto;display:flex;flex-direction:column;gap:.5rem}.game-content{display:flex;flex-direction:column;gap:.5rem}.game-header{display:flex;justify-content:center;position:relative;margin-bottom:.5rem}.target-display{background:white;border-radius:16px;padding:.75rem 2rem;box-shadow:0 2px 8px #00000014;border:1px solid #e2e8f0;display:flex;flex-direction:column;align-items:center;gap:.25rem}.twentyfour-container.dark .target-display{background:#1e293b;border-color:#334155}.target-label{font-size:.75rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.1em}.twentyfour-container.dark .target-label{color:#94a3b8}.target-number{font-size:2.5rem;font-weight:800;color:#f97316;line-height:1}.twentyfour-container.dark .target-number{color:#fb923c}.fraction-display{display:inline-flex;align-items:center;gap:.15rem;font-family:inherit}.fraction-numerator,.fraction-denominator{font-weight:inherit}.fraction-line{font-weight:400;opacity:.7}.expression-display{background:white;border-radius:16px;padding:.75rem 1.5rem;min-height:50px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.twentyfour-container.dark .expression-display{background:#1e293b;border-color:#334155}.current-expression{font-size:1.75rem;font-weight:700;color:#0f172a}.twentyfour-container.dark .current-expression{color:#f1f5f9}.current-expression.placeholder{font-size:1.125rem;font-weight:500;color:#94a3b8;font-style:italic}.numbers-display{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.75rem;row-gap:.75rem;padding:1rem;background:white;border-radius:16px;min-height:90px;align-items:center;justify-items:stretch;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.twentyfour-container.dark .numbers-display{background:#1e293b;border-color:#334155}.number{width:100%;height:70px;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:800;color:#0f172a;cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.number:hover{background:white;border-color:#cbd5e1;transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.number:active{transform:translateY(-2px)}.number.selected{background:#f97316;border-color:#f97316;color:#fff;transform:translateY(-4px);box-shadow:0 4px 12px #f9731666}.number.second-selected{background:#fed7aa;border-color:#fdba74;color:#9a3412;transform:translateY(-4px);box-shadow:0 4px 12px #fdba7466}.twentyfour-container.dark .number{background:#0f172a;border-color:#334155;color:#f1f5f9}.twentyfour-container.dark .number:hover{background:#1e293b;border-color:#475569}.twentyfour-container.dark .number.selected{background:#fb923c;border-color:#fb923c;color:#0f172a}.twentyfour-container.dark .number.second-selected{background:#fed7aa;border-color:#fdba74;color:#9a3412;transform:translateY(-4px);box-shadow:0 4px 12px #fdba7466}.keypad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.75rem;row-gap:.75rem;padding:1rem;background:white;border-radius:16px;box-shadow:0 1px 3px #00000014;border:1px solid #e2e8f0}.twentyfour-container.dark .keypad{background:#1e293b;border-color:#334155}.key{width:100%;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:.75rem;font-size:1.25rem;font-weight:700;color:#475569;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;min-height:50px}.key:hover{background:white;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.key:active{transform:translateY(0)}.twentyfour-container.dark .key{background:#0f172a;border-color:#334155;color:#cbd5e1}.twentyfour-container.dark .key:hover{background:#1e293b;border-color:#475569}.operator{background:#f97316;border-color:#f97316;color:#fff;font-size:1.5rem}.operator:hover{background:#ea580c;border-color:#ea580c}.operator.selected{background:#c2410c;border-color:#c2410c;box-shadow:0 4px 12px #f9731666}.twentyfour-container.dark .operator{background:#fb923c;border-color:#fb923c;color:#fff}.twentyfour-container.dark .operator:hover{background:#f97316;border-color:#f97316}.twentyfour-container.dark .operator.selected{background:#ea580c;border-color:#ea580c}.back,.clear{grid-column:span 2;font-size:1rem;background:#cbd5e1;border-color:#cbd5e1;color:#0f172a}.back:hover,.clear:hover{background:#94a3b8;border-color:#94a3b8}.twentyfour-container.dark .back,.twentyfour-container.dark .clear{background:#475569;border-color:#475569;color:#f1f5f9}.twentyfour-container.dark .back:hover,.twentyfour-container.dark .clear:hover{background:#334155;border-color:#334155}.game-actions{display:flex;justify-content:center;gap:.75rem;flex-wrap:wrap;margin-top:.25rem}.btn{padding:.875rem 1.5rem;border:none;border-radius:12px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#f97316,#ea580c)!important;color:#fff!important;box-shadow:0 2px 8px #f973164d}.btn-primary:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 4px 12px #f9731666}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:white;color:#475569;border:2px solid #e2e8f0;box-shadow:0 1px 3px #00000014}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;transform:translateY(-2px);box-shadow:0 2px 8px #0000001a}.btn-secondary:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.twentyfour-container.dark .btn-primary{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.twentyfour-container.dark .btn-primary:hover{background:linear-gradient(135deg,#f97316,#ea580c)}.twentyfour-container.dark .btn-secondary{background:#1e293b;color:#f1f5f9;border-color:#334155}.twentyfour-container.dark .btn-secondary:hover{background:#334155;border-color:#475569}.message{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:1.25rem 2rem;border-radius:12px;font-weight:600;z-index:1000;max-width:85%;box-shadow:0 8px 24px #00000026;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.success{background:#10b981;color:#fff;font-size:1.25rem;padding:2rem 3rem}.error{background:white;color:#dc2626;border:2px solid #fecaca}.twentyfour-container.dark .error{background:#1e293b;color:#fca5a5;border-color:#991b1b}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.game-status-modal{background:white;border-radius:20px;padding:3rem 2rem;max-width:400px;width:90%;display:flex;flex-direction:column;align-items:center;gap:2rem;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease}.game-status-modal.winning{animation:modalSlideIn .4s ease,rotate67 .75s linear .4s infinite}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rotate67{0%{transform:rotate(0)}25%{transform:rotate(15deg)}75%{transform:rotate(-15deg)}to{transform:rotate(0)}}.twentyfour-container.dark .game-status-modal{background:#1e293b}.twentyfour-status-message{font-size:1.75rem;font-weight:800;color:#0f172a;margin:0;text-align:center;line-height:1.4}.twentyfour-container.dark .twentyfour-status-message{color:#f1f5f9}.play-again{background:linear-gradient(135deg,#f97316,#ea580c);color:#fff;border:none;padding:1rem 2.5rem;border-radius:12px;font-size:1.125rem;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #f973164d}.play-again:hover{background:linear-gradient(135deg,#ea580c,#c2410c);transform:translateY(-2px);box-shadow:0 6px 16px #f9731666}.play-again:active{transform:translateY(0)}.twentyfour-container.dark .play-again{background:linear-gradient(135deg,#fb923c,#f97316);color:#fff}.twentyfour-container.dark .play-again:hover{background:linear-gradient(135deg,#f97316,#ea580c)}.popup{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}.popup-content{background:white;border-radius:20px;padding:2rem;max-width:500px;width:90%;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease}.twentyfour-container.dark .popup-content{background:#1e293b}.popup h2{margin:0 0 1.5rem;color:#f97316;font-size:1.75rem;font-weight:800;text-align:center}.twentyfour-container.dark .popup h2{color:#fb923c}.solution-text{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem;margin:1.5rem 0;max-height:300px;overflow-y:auto;font-family:Courier New,monospace;font-size:.9375rem;line-height:1.8;color:#0f172a}.twentyfour-container.dark .solution-text{background:#0f172a;border-color:#334155;color:#f1f5f9}.popup-buttons{display:flex;justify-content:center;gap:.75rem;margin-top:1.5rem}.popup-buttons .btn{flex:1}.game-rules-card{background:white;border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s ease}.twentyfour-container.dark .game-rules-card{background:#1e293b}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e2e8f0}.twentyfour-container.dark .rules-header{border-bottom-color:#334155}.rules-header h3{margin:0;font-size:1.5rem;font-weight:800;color:#f97316}.twentyfour-container.dark .rules-header h3{color:#fb923c}.close-rules-btn{background:transparent;border:none;font-size:1.5rem;color:#64748b;cursor:pointer;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease}.close-rules-btn:hover{background:#f8fafc;color:#475569}.twentyfour-container.dark .close-rules-btn{color:#94a3b8}.twentyfour-container.dark .close-rules-btn:hover{background:#334155;color:#cbd5e1}.rules-content{color:#475569}.twentyfour-container.dark .rules-content{color:#cbd5e1}.rules-list li{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem;font-size:.9375rem;line-height:1.6}.rule-text strong{color:#0f172a;font-weight:700}.twentyfour-container.dark .rule-text strong{color:#f1f5f9}.solution-animation-overlay{position:fixed;top:0;left:0;right:0;padding:1rem;background:linear-gradient(135deg,rgba(249,115,22,.95),rgba(234,88,12,.95));color:#fff;z-index:999;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 12px #0003;animation:slideDown .3s ease-out}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.solution-animation-message{font-size:1.25rem;font-weight:700;text-align:center;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.twentyfour-container.dark .solution-animation-overlay{background:linear-gradient(135deg,rgba(251,146,60,.95),rgba(249,115,22,.95))}@media (max-width: 768px){.game-container{margin:20px auto;gap:.5rem}.game-content{gap:.75rem}.setup-cards{grid-template-columns:1fr}.twentyfour-title{font-size:2.75rem}.twentyfour-subtitle{font-size:1rem}.target-number{font-size:2.5rem}.current-expression{font-size:1.75rem}.numbers-display{padding:1.5rem;min-height:100px}.number{width:70px;height:70px;font-size:1.75rem}.keypad{padding:1.25rem}.key{font-size:1.25rem;padding:.875rem}.operator{font-size:1.5rem}}@media (max-width: 480px){.difficulty-selection,.game-container{margin-top:30px;gap:.25rem}.game-content{gap:.5rem}.twentyfour-title{font-size:2.25rem}.game-header{margin-bottom:.5rem}.target-display{padding:1rem 1.5rem}.target-number{font-size:2rem}.expression-display{padding:.75rem 1rem;min-height:50px}.current-expression{font-size:1.5rem}.numbers-display{padding:1rem;min-height:80px;gap:.5rem}.number{width:60px;height:60px;font-size:1.5rem}.keypad{padding:.75rem;gap:.5rem}.key{font-size:1.125rem;padding:.75rem;min-height:50px}.operator{font-size:1.375rem}.game-actions{flex-direction:column;margin-top:0}.btn{width:100%}}.flash-addition-container{height:100vh;background:transparent;color:#fff;padding:10px;position:relative;overflow:hidden}.difficulty-selection{max-width:1200px;margin:0 auto;padding:10px 20px;text-align:center}.title-section{margin-bottom:10px}.flash-addition-container .game-stats-display{display:flex;justify-content:center;gap:1.5rem;margin:1.5rem auto 2rem;padding:1rem 1.5rem;background:linear-gradient(135deg,rgba(139,92,246,.08) 0%,rgba(109,40,217,.08) 100%);border-radius:16px;border:2px solid rgba(139,92,246,.2);max-width:500px;animation:fadeInUp .6s ease-out;box-shadow:none!important}.flash-addition-container .game-stats-display .stat-item{display:flex;flex-direction:column;align-items:center;gap:.4rem;flex:1}.flash-addition-container .game-stats-display .stat-label{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#6d28d9;box-shadow:none!important;text-shadow:none!important}.flash-addition-container .game-stats-display .stat-value{font-size:2rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6 0%,#6d28d9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;box-shadow:none!important;text-shadow:none!important}.title-with-help{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:1rem}.flash-title{font-size:3.25rem;font-weight:800;color:#1f2937;margin:0;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.flash-title-highlight{background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.flash-subtitle{font-size:1.25rem;color:#6b7280;margin:0 0 1.5rem;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.flash-addition-container .help-button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;box-shadow:0 4px 12px #8b5cf666}.flash-addition-container .help-button:hover{box-shadow:0 6px 16px #8b5cf680}.flash-addition-container .help-button:active{box-shadow:0 2px 8px #8b5cf64d}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-rules-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(243,232,255,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;max-width:550px;width:90%;text-align:left;border:2px solid rgba(139,92,246,.25);box-shadow:0 12px 40px #0003,0 4px 12px #8b5cf61a;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.game-rules-card::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3);border-radius:10px}.game-rules-card::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(139,92,246,.15)}.rules-header h3{font-size:1.75rem;margin:0;background:linear-gradient(135deg,#8b5cf6 0%,#7c3aed 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:800;letter-spacing:-.02em}.rules-content{margin-top:0}.close-rules-btn{background:transparent;border:2px solid transparent;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:all .25s ease;font-weight:500;border-radius:50%;transition:all .2s ease}.close-rules-btn:hover{background:linear-gradient(135deg,rgba(139,92,246,.1),rgba(124,58,237,.1));color:#8b5cf6;border-color:#8b5cf64d}.rules-main-text{font-size:1.15rem;color:#1f2937;font-weight:600;margin:0;line-height:1.6;text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(139,92,246,.08),rgba(124,58,237,.08));border-radius:12px;border:1px solid rgba(139,92,246,.15)}.rule-step:hover{transform:translate(4px);box-shadow:0 4px 12px #8b5cf626;border-color:#8b5cf640}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;font-weight:700;font-size:1.1rem;border-radius:50%;box-shadow:0 4px 12px #8b5cf64d}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.3),transparent);margin:1.5rem 0}.goal-box{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(124,58,237,.08));border-radius:12px;border:2px solid rgba(139,92,246,.25);box-shadow:0 4px 12px #8b5cf626}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.6);border-radius:10px;border-left:3px solid #8b5cf6}.rules-list li{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;margin-bottom:.75rem;color:#4b5563;line-height:1.5}.rule-icon{font-size:1.2rem;min-width:24px;text-align:center;flex-shrink:0}.rule-text{flex:1;color:#4b5563}.rule-text strong{color:#1f2937;font-weight:600}.difficulty-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:30px;max-width:900px;margin-left:auto;margin-right:auto}.difficulty-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:25px 20px;cursor:pointer;transition:all .3s ease;border:2px solid rgba(139,92,246,.2);box-shadow:0 4px 12px #0000001a}.difficulty-card.easy-card{background:linear-gradient(135deg,rgba(16,185,129,.15),rgba(16,185,129,.08));border-color:#10b98166}.difficulty-card.medium-card{background:linear-gradient(135deg,rgba(59,130,246,.15),rgba(59,130,246,.08));border-color:#3b82f666}.difficulty-card.hard-card{background:linear-gradient(135deg,rgba(239,68,68,.15),rgba(239,68,68,.08));border-color:#ef444466}.difficulty-card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #00000026}.difficulty-card.easy-card:hover{background:linear-gradient(135deg,rgba(16,185,129,.25),rgba(16,185,129,.15));border-color:#10b98199;box-shadow:0 8px 20px #10b98140}.difficulty-card.medium-card:hover{background:linear-gradient(135deg,rgba(59,130,246,.25),rgba(59,130,246,.15));border-color:#3b82f699;box-shadow:0 8px 20px #3b82f640}.difficulty-card.hard-card:hover{background:linear-gradient(135deg,rgba(239,68,68,.25),rgba(239,68,68,.15));border-color:#ef444499;box-shadow:0 8px 20px #ef444440}.difficulty-card:active{transform:translateY(-2px)}.difficulty-icon{font-size:4rem;margin-bottom:20px}.difficulty-card h3{font-size:2rem;margin-bottom:10px;font-weight:700;color:#1f2937}.difficulty-card.easy-card h3{color:#059669}.difficulty-card.medium-card h3{color:#2563eb}.difficulty-card.hard-card h3{color:#dc2626}.difficulty-card p{font-size:1.1rem;margin-bottom:20px;color:#4b5563}.difficulty-badge{display:inline-block;padding:8px 20px;border-radius:20px;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:1px;border:1px solid;color:#fff}.difficulty-badge.easy{background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981}.difficulty-badge.medium{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#3b82f6}.difficulty-badge.hard{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#ef4444}.difficulty-high-score{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:center;gap:5px}.high-score-label{font-size:1rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.5px}.high-score-value{font-size:2.25rem;font-weight:700;color:#1f2937}.difficulty-card.easy-card .difficulty-high-score{border-top-color:#10b9814d}.difficulty-card.easy-card .high-score-label,.difficulty-card.easy-card .high-score-value{color:#059669}.difficulty-card.medium-card .difficulty-high-score{border-top-color:#3b82f64d}.difficulty-card.medium-card .high-score-label,.difficulty-card.medium-card .high-score-value{color:#2563eb}.difficulty-card.hard-card .difficulty-high-score{border-top-color:#ef44444d}.difficulty-card.hard-card .high-score-label,.difficulty-card.hard-card .high-score-value{color:#dc2626}.game-area{max-width:800px;margin:0 auto;padding:10px}.game-header,.flash-game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:15px 25px;border-radius:15px;border:2px solid rgba(139,92,246,.3);box-shadow:0 10px 30px #00000026;position:relative;overflow:visible}.gameplay-help{position:absolute;right:-50px;top:calc(50% - 8px);transform:translateY(-50%);align-self:center}.flash-game-header:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.8),rgba(124,58,237,.8),rgba(139,92,246,.8),transparent);animation:shimmer 3s linear infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.lives-display{display:flex;gap:10px;font-size:2rem}.heart{transition:all .3s ease;display:inline-block}.heart.active{animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.heart.lost{opacity:.3;filter:grayscale(100%)}.score-display{display:flex;align-items:center;gap:15px}.score-label{font-size:1.5rem;font-weight:600;color:#1f2937}.score-value{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#8b5cf6,#7c3aed,#8b5cf6);background-size:200% 200%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:colorShift 2s ease infinite;filter:drop-shadow(0 0 15px rgba(139,92,246,.5))}.high-score-display-ingame{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:.75rem;padding:.6rem 1.25rem;background:linear-gradient(135deg,rgba(139,92,246,.1) 0%,rgba(109,40,217,.1) 100%);border-radius:12px;border:2px solid rgba(139,92,246,.25);animation:fadeInUp .6s ease-out;box-shadow:none!important}.game-actions-flash{display:flex;justify-content:center;margin-top:20px;gap:15px}.btn-end-game{padding:12px 32px;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #ef44444d;font-family:inherit}.btn-end-game:hover{background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);transform:translateY(-2px);box-shadow:0 6px 16px #ef444466}.btn-end-game:active{transform:translateY(0)}.flash-area{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:30px;height:350px;width:100%;max-width:800px;margin:0 auto;display:flex;align-items:center;justify-content:center;padding:40px;border:3px solid rgba(139,92,246,.3);box-shadow:0 20px 60px #00000026;position:relative;overflow:hidden}.flash-area:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(139,92,246,.05) 0%,transparent 70%);animation:rotateGlow 20s linear infinite}@keyframes rotateGlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.number-flash{font-size:8rem;font-weight:700;color:#1f2937;position:relative;z-index:1;animation:simpleFadeIn .3s ease-out;letter-spacing:-.02em;font-variant-numeric:tabular-nums;min-height:120px;display:flex;align-items:center;justify-content:center}@keyframes simpleFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.number-flash.blank{font-size:8rem;opacity:.4;color:#6b7280;font-weight:300}.answer-section{text-align:center;width:100%;display:flex;align-items:center;justify-content:center;min-height:150px}.answer-section form{display:flex;justify-content:center;align-items:center;width:100%}.answer-input{width:100%;max-width:300px;padding:25px;font-size:4rem;text-align:center;border:2px solid rgba(255,255,255,.3);border-radius:12px;background:rgba(255,255,255,.95);color:#333;font-weight:600;transition:all .2s ease;position:relative;z-index:1;box-shadow:0 2px 8px #0000001a}.answer-input::placeholder{color:#9ca3af66;font-size:1rem}.answer-input:focus{outline:none;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d;background:white}.submit-btn{padding:12px 35px;font-size:1.2rem;font-weight:700;background:linear-gradient(135deg,#10b981 0%,#34d399 100%);color:#fff;border:2px solid rgba(255,255,255,.3);border-radius:12px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #10b98166,0 0 20px #10b98133;position:relative;overflow:hidden}.submit-btn: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}.submit-btn:hover:before{left:100%}.submit-btn:hover{transform:translateY(-3px);box-shadow:0 6px 25px #10b98199,0 0 30px #10b9814d;background:linear-gradient(135deg,#059669 0%,#10b981 100%);border-color:#ffffff80}.submit-btn:active{transform:translateY(0);box-shadow:0 2px 10px #10b98180}.feedback{text-align:center;animation:feedbackAppear .5s ease-out;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:150px}@keyframes feedbackAppear{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.feedback-text{font-size:7rem;font-weight:700;margin-bottom:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.feedback.correct .feedback-text{color:#10b981}.feedback.incorrect .feedback-text{color:#ef4444}.correct-answer{font-size:1.8rem;margin-top:20px;padding:15px 25px;background:rgba(239,68,68,.1);border-radius:15px;border:2px solid rgba(239,68,68,.3);font-weight:600;color:#1f2937;box-shadow:0 4px 15px #ef444433}.game-over-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px}.game-over-content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px 40px;text-align:center;max-width:650px;width:90%;border:2px solid rgba(139,92,246,.3);animation:slideUp .4s ease-out;box-shadow:0 8px 32px #00000026}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.game-over-title{font-size:2.5rem;font-weight:700;margin-bottom:30px;color:#1f2937}.final-score{display:flex;align-items:center;justify-content:center;margin:35px 0;padding:25px;background:rgba(139,92,246,.1);border-radius:16px;border:2px solid rgba(139,92,246,.3)}.score-text{display:flex;flex-direction:column;align-items:center;gap:8px}.score-text .score-label{font-size:1rem;color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-weight:500}.score-text .score-number{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#8b5cf6,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.difficulty-label{font-size:1rem;margin-bottom:25px;color:#6b7280;font-weight:500}.achievement{font-size:1.1rem;margin:12px 0;padding:12px 20px;background:rgba(16,185,129,.1);border-radius:12px;font-weight:500;border:2px solid rgba(16,185,129,.3);color:#059669}.game-over-actions{display:flex;flex-direction:column;gap:15px;margin-top:40px}.btn-primary,.btn-secondary{padding:12px 28px;font-size:1rem;font-weight:600;border-radius:12px;cursor:pointer;transition:all .3s ease;border:2px solid}.btn-primary{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border-color:#8b5cf6;box-shadow:0 4px 12px #8b5cf64d}.btn-primary:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-2px);box-shadow:0 6px 16px #8b5cf666}.btn-secondary{background:white;color:#6b7280;border-color:#d1d5db;box-shadow:0 2px 8px #0000001a}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}@media (max-width: 768px){.flash-title{font-size:2.5rem}.flash-subtitle{font-size:1.25rem}.flash-addition-container .help-button{width:38px;height:38px;font-size:1.2rem}.difficulty-cards{grid-template-columns:1fr;gap:20px}.flash-area{height:350px;padding:30px}.number-flash{font-size:5rem;min-height:100px}.answer-prompt{font-size:1.8rem}.answer-input{font-size:2rem;padding:15px;max-width:200px}.feedback-text{font-size:5rem}.game-over-title{font-size:2rem}.score-text .score-number{font-size:2.5rem}}@media (max-width: 480px){.flash-title{font-size:2.125rem}.flash-subtitle{font-size:1.1rem}.flash-addition-container .help-button{width:34px;height:34px;font-size:1rem}.flash-area{height:300px;padding:20px}.number-flash{font-size:4rem;min-height:80px}.answer-input{font-size:1.5rem;padding:10px;max-width:150px}.feedback-text{font-size:4rem}.game-over-content{padding:40px 20px}.game-rules-card{padding:1.5rem;width:95%;border-radius:16px}.rules-header h3{font-size:1.5rem}.rules-main-text{font-size:1rem;padding:.85rem}.rule-step{padding:.85rem;gap:.85rem}.step-number{width:32px;height:32px;min-width:32px;font-size:1rem}.step-title{font-size:.95rem}.step-desc{font-size:.85rem}.goal-box{padding:1rem}.goal-icon{font-size:1.75rem}.goal-title{font-size:1rem}.goal-desc{font-size:.9rem}.tip-item{padding:.65rem;gap:.65rem}.tip-icon{font-size:1.2rem}.tip-text{font-size:.85rem}}.graph-tangle-container{display:flex;flex-direction:column;align-items:center;height:100vh;padding:.5rem;position:relative;width:100%;font-family:inherit;background:transparent;overflow:hidden}.back-button-container{position:fixed;top:90px;left:20px;z-index:1000}.back-button{background:transparent;border:none;color:#888;font-size:1.8rem;width:55px;height:55px;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d,0 2px 4px #0003;font-weight:600}.back-button:hover{transform:translate(-2px);color:#666;box-shadow:0 6px 16px #0006,0 3px 6px #0000004d}.back-button:active{transform:translate(-1px) scale(.95)}.difficulty-selection{display:flex;flex-direction:column;align-items:center;justify-content:center;height:calc(100vh - 100px);width:100%;max-width:900px;padding:1rem;animation:fadeInUp .6s ease-out}.title-section{text-align:center;margin-bottom:1rem}.graph-tangle-container .game-stats-display{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem;padding:1.25rem 2rem;background:linear-gradient(135deg,rgba(59,130,246,.08) 0%,rgba(37,99,235,.08) 100%);border-radius:16px;border:2px solid rgba(59,130,246,.2);max-width:400px;margin-left:auto;margin-right:auto;animation:fadeInUp .6s ease-out;box-shadow:none!important}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.graph-tangle-container .game-stats-display .stat-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.graph-tangle-container .game-stats-display .stat-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#1e40af;box-shadow:none!important;text-shadow:none!important}.graph-tangle-container .game-stats-display .stat-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1;box-shadow:none!important;text-shadow:none!important}.title-with-help{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1rem}.graph-title{font-size:3.5rem;font-weight:800;margin:0;color:#1f2937;line-height:1.1;letter-spacing:-.03em;animation:fadeInUp .6s ease-out .1s both}.graph-title-highlight{background:linear-gradient(135deg,#3b82f6 0%,#60a5fa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.graph-subtitle{font-size:1.25rem;color:#6b7280;margin:.5rem 0 0;font-weight:400;line-height:1.6;animation:fadeInUp .6s ease-out .2s both}.graph-tangle-container .help-button{width:44px;height:44px;border-radius:50%;border:none;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;font-size:1.5rem;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 4px 12px #38bdf866}.graph-tangle-container .help-button:hover{box-shadow:0 6px 16px #38bdf880}.graph-tangle-container .help-button:active{box-shadow:0 2px 8px #38bdf84d}.difficulty-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;max-width:900px;animation:fadeInUp .6s ease-out .3s both}.difficulty-card{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:24px;padding:2.5rem 2rem;text-align:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);border:2px solid rgba(56,189,248,.15);box-shadow:0 4px 12px #00000014;position:relative;overflow:hidden}.difficulty-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);transform:scaleX(0);transition:transform .3s ease}.difficulty-card:hover:before{transform:scaleX(1)}.difficulty-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #38bdf833;border-color:#38bdf84d}.easy-card:hover{border-color:#10b98166;box-shadow:0 12px 40px #10b98133}.easy-card:before{background:#10b981}.medium-card:hover{border-color:#3b82f666}.medium-card:before{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.hard-card:hover{border-color:#ef444466}.hard-card:before{background:linear-gradient(90deg,#ef4444,#f87171)}.difficulty-icon{font-size:4rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center}.graph-icon{width:80px;height:80px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1));transition:all .3s ease}.difficulty-card:hover .graph-icon{transform:scale(1.1);filter:drop-shadow(0 6px 12px rgba(0,0,0,.15))}.difficulty-card h3{font-size:1.75rem;font-weight:700;margin:.5rem 0;color:#1f2937}.difficulty-card p{font-size:1.1rem;color:#6b7280;margin:.5rem 0 1.5rem}.difficulty-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:20px;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.difficulty-badge.easy{background:rgba(16,185,129,.08);color:#059669;border:2px solid rgba(16,185,129,.3)}.difficulty-badge.medium{background:rgba(59,130,246,.1);color:#2563eb;border:2px solid rgba(59,130,246,.3)}.difficulty-badge.hard{background:rgba(239,68,68,.1);color:#dc2626;border:2px solid rgba(239,68,68,.3)}.game-area{width:100%;max-width:750px;margin:10px auto;display:flex;flex-direction:column;align-items:center;gap:.75rem;animation:fadeInUp .6s ease-out}.game-header{display:flex;justify-content:center;gap:1rem;margin-bottom:.25rem;animation:fadeIn .6s ease-in;position:relative}.gameplay-help{position:absolute;right:-80px;top:50%;transform:translateY(-50%)}.stat-display{display:inline-flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem 1.5rem;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-radius:16px;box-shadow:0 8px 32px #38bdf859;position:relative;overflow:hidden;transition:all .3s ease}.stat-display:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.15) 0%,transparent 70%);animation:shimmer 3s ease-in-out infinite}@keyframes shimmer{0%,to{transform:translate(-25%,-25%)}50%{transform:translate(0)}}.stat-display:hover{transform:translateY(-4px);box-shadow:0 12px 40px #38bdf873}.stat-label{font-size:.75rem;font-weight:700;color:#ffffffe6;text-transform:uppercase;letter-spacing:.15em;z-index:1}.stat-value{font-size:1.75rem;font-weight:900;color:#fff;line-height:1;z-index:1;text-shadow:0 2px 8px rgba(0,0,0,.2)}.canvas-container{position:relative;background:rgba(255,255,255,.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:.75rem;box-shadow:0 8px 32px #0000001a;border:1px solid rgba(255,255,255,.8);display:flex;align-items:center;justify-content:center}.canvas-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,rgba(56,189,248,.3),rgba(14,165,233,.3));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}canvas{display:block;border-radius:16px;cursor:grab;background:rgba(255,255,255,.5)}canvas:active{cursor:grabbing}.celebration-overlay{position:absolute;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background:rgba(56,189,248,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:28px;z-index:10;animation:fadeIn .3s ease-in}.celebration-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;animation:celebrationBounce .6s cubic-bezier(.68,-.55,.265,1.55)}.celebration-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center}.celebration-icon{width:100px;height:100px;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 40px #38bdf880,0 0 0 8px #38bdf826;position:relative;z-index:2;animation:iconPulse 1.5s ease-in-out infinite}.celebration-glow{position:absolute;width:130px;height:130px;background:radial-gradient(circle,rgba(56,189,248,.4) 0%,transparent 70%);border-radius:50%;animation:glowPulse 2s ease-in-out infinite;z-index:1}.checkmark{width:56px;height:56px;stroke-width:3}.checkmark-circle{stroke:#ffffff4d;stroke-width:3;stroke-miterlimit:10;animation:checkmarkCircle .6s ease-in-out .1s both}.checkmark-check{stroke:#fff;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:checkmarkCheck .5s ease-in-out .4s both}.celebration-text{font-size:1.875rem;font-weight:800;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.5px;display:flex;align-items:center;gap:.75rem;animation:textSlideIn .4s ease-out .6s both}.celebration-emoji{font-size:1.5rem;animation:emojiDance .6s ease-in-out infinite;display:inline-block}.celebration-emoji:first-child{animation-delay:0s}.celebration-emoji:last-child{animation-delay:.3s}.game-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap;margin-top:.5rem}.btn-primary,.btn-secondary,.btn-hint{padding:.875rem 1.75rem;border:none;border-radius:14px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);text-align:center;font-family:inherit;position:relative;overflow:hidden}.btn-primary:before,.btn-secondary:before,.btn-hint:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,transparent 100%);pointer-events:none}.btn-primary{background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);color:#fff;box-shadow:0 6px 20px #38bdf866,inset 0 -2px #00000026}.btn-primary:hover{background:linear-gradient(135deg,#0ea5e9 0%,#0284c7 100%);transform:translateY(-3px);box-shadow:0 10px 30px #38bdf880,inset 0 -2px #00000026}.btn-primary:active{transform:translateY(-1px);box-shadow:0 4px 16px #38bdf866,inset 0 -1px #00000026}.btn-skip-level{box-shadow:0 6px 20px #00000026,inset 0 -2px #00000026!important}.btn-skip-level:hover{box-shadow:0 10px 30px #0003,inset 0 -2px #00000026!important}.btn-skip-level:active{box-shadow:0 4px 16px #00000026,inset 0 -1px #00000026!important}.btn-secondary{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#4b5563;box-shadow:0 4px 12px #0000001a,inset 0 -2px #0000001a;border:1px solid rgba(209,213,219,.5)}.btn-secondary:hover{background:rgba(249,250,251,1);transform:translateY(-3px);box-shadow:0 8px 20px #00000026,inset 0 -2px #0000001a;border-color:#d1d5dbcc}.btn-secondary:active{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a,inset 0 -1px #0000001a}.btn-hint{background:linear-gradient(135deg,#f59e0b 0%,#f97316 100%);color:#fff;box-shadow:0 6px 20px #f59e0b66,inset 0 -2px #00000026}.btn-hint:hover:not(:disabled){background:linear-gradient(135deg,#d97706 0%,#ea580c 100%);transform:translateY(-3px);box-shadow:0 10px 30px #f59e0b80,inset 0 -2px #00000026}.btn-hint:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b66,inset 0 -1px #00000026}.btn-hint:disabled{opacity:.5;cursor:not-allowed;transform:none}.game-over-screen{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:20px;animation:fadeInUp .6s ease-out}.game-over-content{background:rgba(255,255,255,.98);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:28px;padding:3rem 2.5rem;text-align:center;max-width:550px;width:90%;border:1px solid rgba(255,255,255,.8);animation:modalSlideIn .5s cubic-bezier(.4,0,.2,1);box-shadow:0 20px 60px #0003;position:relative}.game-over-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:28px;padding:2px;background:linear-gradient(135deg,rgba(56,189,248,.4),rgba(14,165,233,.4));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;pointer-events:none}.game-over-title{font-size:2.25rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.final-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin:1.5rem 0}.stat-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem 1rem;background:rgba(56,189,248,.08);border-radius:16px;border:2px solid rgba(56,189,248,.2)}.stat-card-label{font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:1px;font-weight:600}.stat-card-value{font-size:2.5rem;font-weight:800;background:linear-gradient(135deg,#38bdf8,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.difficulty-label{font-size:1rem;margin-bottom:1.5rem;color:#6b7280;font-weight:500}.achievement{font-size:1rem;margin:.75rem 0;padding:.875rem 1.5rem;background:rgba(56,189,248,.1);border-radius:12px;font-weight:600;border:2px solid rgba(56,189,248,.25);color:#0ea5e9}.game-over-actions{display:flex;flex-direction:column;gap:.875rem;margin-top:2rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:10000;animation:fadeIn .3s ease-in;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-rules-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(224,242,254,.98));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:2rem;max-width:550px;width:90%;box-shadow:0 12px 40px #0003,0 4px 12px #38bdf81a;border:2px solid rgba(56,189,248,.25);position:relative;animation:modalSlideIn .4s cubic-bezier(.4,0,.2,1);max-height:90vh;overflow-y:auto}.game-rules-card::-webkit-scrollbar{width:8px}.game-rules-card::-webkit-scrollbar-track{background:rgba(0,0,0,.05);border-radius:10px}.game-rules-card::-webkit-scrollbar-thumb{background:rgba(56,189,248,.3);border-radius:10px}.game-rules-card::-webkit-scrollbar-thumb:hover{background:rgba(56,189,248,.5)}.rules-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid rgba(56,189,248,.15)}.rules-header h3{font-size:1.75rem;font-weight:800;margin:0;background:linear-gradient(135deg,#38bdf8 0%,#0ea5e9 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}.close-rules-btn{background:transparent;border:2px solid transparent;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:0;width:32px;height:32px;transition:all .25s ease;font-weight:500;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .2s ease}.close-rules-btn:hover{background:linear-gradient(135deg,rgba(56,189,248,.1),rgba(14,165,233,.1));color:#38bdf8;border-color:#38bdf84d}.close-rules-btn:active{transform:scale(.9)}.rules-content{color:#4b5563}.rules-intro{margin-bottom:1.5rem}.rules-main-text{font-size:1.15rem;color:#1f2937;font-weight:600;margin:0;line-height:1.6;text-align:center;padding:1rem;background:linear-gradient(135deg,rgba(56,189,248,.08),rgba(14,165,233,.08));border-radius:12px;border:1px solid rgba(56,189,248,.15)}.rules-steps{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.rule-step{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(255,255,255,.7);border-radius:12px;border:1px solid rgba(0,0,0,.08);transition:all .3s ease}.rule-step:hover{transform:translate(4px);box-shadow:0 4px 12px #38bdf826;border-color:#38bdf840}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;min-width:36px;background:linear-gradient(135deg,#38bdf8,#0ea5e9);color:#fff;font-weight:700;font-size:1.1rem;border-radius:50%;box-shadow:0 4px 12px #38bdf84d}.step-content{flex:1}.step-title{margin:0 0 .25rem;color:#1f2937;font-size:1rem;font-weight:700;line-height:1.4}.step-desc{margin:0;color:#6b7280;font-size:.9rem;line-height:1.5}.rules-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(56,189,248,.3),transparent);margin:1.5rem 0}.rules-goal{margin:1.5rem 0}.goal-box{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:linear-gradient(135deg,rgba(56,189,248,.12),rgba(14,165,233,.08));border-radius:12px;border:2px solid rgba(56,189,248,.25);box-shadow:0 4px 12px #38bdf826}.goal-icon{font-size:2rem;flex-shrink:0}.goal-text{flex:1}.goal-title{margin:0 0 .25rem;color:#1f2937;font-size:1.1rem;font-weight:700}.goal-desc{margin:0;color:#374151;font-size:.95rem;line-height:1.5}.rules-tips{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0 0}.tip-item{display:flex;align-items:flex-start;gap:.75rem;padding:.75rem;background:rgba(255,255,255,.6);border-radius:10px;border-left:3px solid #38bdf8}.tip-icon{font-size:1.3rem;line-height:1;flex-shrink:0}.tip-text{margin:0;color:#374151;font-size:.9rem;line-height:1.5}.demo-animation{background:linear-gradient(135deg,rgba(56,189,248,.05),rgba(14,165,233,.05));border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;border:2px solid rgba(56,189,248,.15);display:flex;flex-direction:column;align-items:center}.graph-demo-svg{width:100%;max-width:220px;height:160px;margin-bottom:.75rem}.demo-edge{stroke-width:3;stroke-linecap:round}.demo-edge.edge-green-always{stroke:#10b981}.demo-edge.edge-crossing{stroke:#ef4444}.demo-node{stroke:#fff;stroke-width:2.5}.demo-node.node-static{fill:#10b981}.demo-node.node-moving{fill:#059669;filter:drop-shadow(0 0 8px rgba(16,185,129,.6));cursor:pointer}.demo-hint{margin:0;font-size:.9rem;color:#059669;font-weight:600}.rules-list{list-style:none;padding:0;margin:0}.rules-list li{display:flex;align-items:flex-start;gap:.875rem;margin-bottom:1rem;font-size:1rem;line-height:1.5}.rules-list li:last-child{margin-bottom:0}.rule-icon{font-size:1.25rem;flex-shrink:0}.rule-text{flex:1}.rule-text strong{color:#1f2937;font-weight:700}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes celebrationBounce{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes glowPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.2);opacity:.8}}@keyframes checkmarkCircle{0%{stroke-dasharray:0 157;opacity:0}50%{stroke-dasharray:157 157;opacity:1}to{stroke-dasharray:157 157;opacity:1}}@keyframes checkmarkCheck{0%{stroke-dashoffset:48}to{stroke-dashoffset:0}}@keyframes textSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes emojiDance{0%,to{transform:rotate(0) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-30px)}to{opacity:1;transform:scale(1) translateY(0)}}@media (max-width: 900px){.difficulty-cards{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 768px){.game-area{margin:80px auto 40px;gap:1.25rem}.graph-title{font-size:2.75rem}.graph-subtitle{font-size:1.1rem}.graph-tangle-container .help-button{width:38px;height:38px;font-size:1.2rem}.difficulty-cards{grid-template-columns:1fr;gap:1rem}.game-header{gap:1rem}.gameplay-help{right:-60px}.stat-display{padding:1rem 1.75rem}.stat-value{font-size:1.875rem}.canvas-container{padding:1rem}.celebration-icon{width:80px;height:80px}.celebration-glow{width:110px;height:110px}.checkmark{width:46px;height:46px}.celebration-text{font-size:1.5rem}.celebration-emoji{font-size:1.25rem}.game-over-title{font-size:1.875rem}.stat-card-value{font-size:2rem}.game-actions{flex-wrap:wrap}.btn-primary,.btn-secondary,.btn-hint{flex:1;min-width:140px}}@media (max-width: 480px){.game-area{margin:70px auto 30px;gap:1rem;padding:0 .75rem}.graph-title{font-size:2.25rem}.graph-subtitle{font-size:1rem}.graph-tangle-container .help-button{width:34px;height:34px;font-size:1rem}.game-header{gap:.75rem}.gameplay-help{right:-50px}.stat-display{padding:.875rem 1.5rem}.stat-label{font-size:.65rem}.stat-value{font-size:1.625rem}.canvas-container{padding:.75rem;border-radius:20px}.canvas-container:before{border-radius:20px}.celebration-overlay{border-radius:20px}.celebration-icon{width:70px;height:70px}.celebration-glow{width:95px;height:95px}.checkmark{width:40px;height:40px}.checkmark-check{stroke-width:3}.celebration-text{font-size:1.25rem;gap:.5rem}.celebration-emoji{font-size:1rem}.game-over-content{padding:2rem 1.5rem}.game-over-title{font-size:1.625rem}.final-stats{grid-template-columns:1fr;gap:.75rem}.stat-card{padding:1.25rem}.stat-card-value{font-size:1.875rem}.game-rules-card{padding:1.5rem;width:95%;border-radius:16px}.rules-header h3{font-size:1.5rem}.rules-main-text{font-size:1rem;padding:.85rem}.rule-step{padding:.85rem;gap:.85rem}.step-number{width:32px;height:32px;min-width:32px;font-size:1rem}.step-title{font-size:.95rem}.step-desc{font-size:.85rem}.goal-box{padding:1rem}.goal-icon{font-size:1.75rem}.goal-title{font-size:1rem}.goal-desc{font-size:.9rem}.tip-item{padding:.65rem;gap:.65rem}.tip-icon{font-size:1.2rem}.tip-text{font-size:.85rem}.demo-animation{padding:1rem;margin-bottom:1rem}.graph-demo-svg{max-width:160px;height:120px}.demo-hint{font-size:.85rem}.graph-icon{width:60px;height:60px}.btn-primary,.btn-secondary,.btn-hint{width:100%;min-width:auto;padding:.75rem 1.5rem}}:root{--primary: #4285f4;--primary-dim: rgb(66, 133, 244, .85);--darkgrey: #d4d4d4;--medgrey: #e0e0e0;--grey: #f7f7f7;--white: #fff;--black: #000;--light-text: #333;--dark-text: #ffffff}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-weight:300;color:var(--light-text);transition:color .3s ease,background-color .3s ease;min-height:100vh;background:url(https://raw.githubusercontent.com/sejal-rathi/sejal-rathi/main/space.jpg) no-repeat center center fixed;background-size:cover;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.1);pointer-events:none;z-index:-1;transition:background .3s ease}form{flex-grow:1}.u-flex{display:flex}.u-flexColumn{display:flex;flex-direction:column}.u-flex-justifyCenter{justify-content:center}.u-flex-alignCenter{align-items:center}.u-inlineBlock{display:inline-block}.u-bold{font-weight:600}.u-textCenter{text-align:center}.u-relative{position:relative}.u-pointer{cursor:pointer}.u-link:hover{color:var(--primary-dim)}.app-container{min-height:100vh;background:#1a237e}.auth-container{position:absolute;top:1rem;right:1rem;z-index:1000}.auth-button{padding:.5rem 1rem;background:#7986cb;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;transition:background .3s ease}.auth-button:hover{background:#5c6bc0}.login-prompt{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff;text-align:center;padding:2rem}.login-prompt h1{font-size:3rem;margin-bottom:1rem;color:#7986cb}.login-prompt p{font-size:1.5rem;color:#9fa8da}:root{--dark-bg: #111344;--light-bg: #edf2ff;--dark-text: #111344;--light-text: #edf2ff}#root{min-height:100vh}.u-link{color:var(--primary);text-decoration:none;cursor:pointer}.u-link:hover{color:var(--primary--dim)}.app-container{display:flex;flex-direction:column;min-height:100vh;background-color:#111827;color:#fff}.app-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;width:100%;max-width:1200px;margin:0 auto}button{transition:all .2s ease-in-out}button:hover{transform:translateY(-1px)}button:active{transform:translateY(1px)}input:focus{outline:none;box-shadow:0 0 0 2px #fff3}