@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Nunito:wght@400;600;700;800;900&display=swap";html,body,#root{height:100%;margin:0;padding:0;overflow:hidden}body{font-family:Inter,sans-serif;background-color:#fff;color:#333;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app-container{display:flex;flex-direction:column;height:100vh;width:100%;overflow:hidden}.layout-wrapper{display:flex;flex:1;width:100%;overflow:hidden}.sidebar{width:260px;background-color:#fff;box-shadow:2px 0 15px #0000000a;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;box-sizing:border-box;border-right:1px solid #f0f0f0;z-index:100}.nav-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:30px;margin-bottom:30px;border-bottom:1px solid #f0f0f0}.nav-header h2{color:#4361ee;font-size:3rem;font-weight:800;font-family:Nunito,sans-serif;margin:0 auto;padding-left:0}.nav-header-close-button{background:none;border:none;color:#888;cursor:pointer;padding:10px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s ease,color .2s ease}.nav-header-close-button:hover{background-color:#eef2ff;color:#4361ee}.nav-list{list-style:none;display:flex;flex-direction:column;gap:15px;margin:0;padding:0}.nav-item-link{display:grid;grid-template-columns:30px auto;gap:15px;align-items:center;padding:16px 20px;text-decoration:none;color:#666;background-color:transparent;border-radius:15px;font-weight:600;font-family:Nunito,sans-serif;transition:background-color .3s ease,color .3s ease,transform .2s ease,box-shadow .3s ease}.nav-item-link:hover{background-color:#eef2ff;color:#4361ee;transform:translateY(-3px);box-shadow:0 4px 12px #4361ee1a}.nav-item-link.active{color:#fff;background-color:#4361ee;box-shadow:0 6px 20px #4361ee59;font-weight:700;transform:none}.nav-item-icon-wrapper{display:flex;justify-content:center;font-size:24px;color:inherit}.nav-item-label{font-size:1.08em}.nav-item-icon-wrapper .gi-gamepad-icon{font-size:26px}.main-content{flex:1;overflow-y:auto;padding:20px 20px 90px;box-sizing:border-box;background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;height:auto}.mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex}.mobile-sidebar{width:85%;max-width:320px;background:#fff;height:100%;padding:30px 20px;animation:slideIn .3s ease-out;box-shadow:5px 0 25px #0003;box-sizing:border-box}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:75px;background:#fff;display:flex;justify-content:space-around;align-items:center;padding:12px 0;box-shadow:0 -6px 20px #00000014;z-index:999}.mobile-nav-item-link{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:#888;font-weight:600;font-family:Nunito,sans-serif;font-size:.8em;padding:10px 0;border-radius:12px;transition:color .3s ease,background-color .3s ease,transform .2s ease;min-width:70px}.mobile-nav-item-link:hover{background-color:#eef2ff;color:#4361ee;transform:translateY(-2px)}.mobile-nav-item-link.active{color:#4361ee;font-weight:700;transform:none}.mobile-nav-item-icon-wrapper{font-size:28px;margin-bottom:5px}.mobile-nav-item-label{margin-top:2px}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@media (max-width: 767px){.sidebar{display:none}.main-content{width:100%;padding-bottom:200px}}@media (min-width: 768px){.bottom-nav,.mobile-overlay,.mobile-sidebar{display:none!important}}.deadline-game-thumbnail{width:56px;height:56px;border-radius:6px;-o-object-fit:cover;object-fit:cover;background-color:#000;border:1.5px solid #E5E5E5;flex-shrink:0}.novel-title-highlight{color:var(--accent-color);font-weight:700}.countdown-container{display:flex;justify-content:center;gap:var(--spacing-md);margin:var(--spacing-lg) 0;padding:var(--spacing-md);background-color:#ffffff0d;border-radius:var(--border-radius);border:1px dashed var(--border-color);text-align:center}.countdown-item{display:flex;flex-direction:column;align-items:center}.countdown-number{font-size:clamp(1.5rem,4vw,2.5rem);font-weight:800;color:var(--accent-color);line-height:1}.countdown-label{font-size:.8rem;font-weight:500;text-transform:uppercase;color:var(--text-secondary);margin-top:5px}.novel-cover-image-container{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px dashed var(--border-color)}.novel-cover-image{width:100px;height:124px;border-radius:6px;-o-object-fit:cover;object-fit:cover;box-shadow:0 4px 12px #0003;animation:neon-pulse 1.5s infinite alternate}@keyframes neon-pulse{0%{box-shadow:0 0 5px var(--accent-color)}to{box-shadow:0 0 10px 2px var(--accent-color),0 0 20px 5px var(--accent-color)}}.play-now-link-button{color:var(--accent-color);background-color:var(--card-bg);border:1px solid var(--accent-color);padding:var(--spacing-sm) var(--spacing-md);border-radius:8px;text-decoration:none;font-weight:600;transition:all .2s ease-in-out;text-align:center;margin-top:var(--spacing-sm)}.play-now-link-button:hover{background-color:var(--accent-color);color:var(--card-bg);box-shadow:0 2px 8px #0000004d}.xp-leaderboard-container{max-width:600px;margin:var(--spacing-lg) auto;background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 10px #00000080;color:var(--text-primary);font-family:var(--font-family);font-size:clamp(.85rem,2.5vw,1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none}.xp-leaderboard-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:nowrap}.xp-leaderboard-title{font-weight:700;font-size:clamp(1.4rem,4vw,1.8rem);color:var(--accent-color);letter-spacing:.05em;white-space:nowrap}.xp-leaderboard-loading,.xp-leaderboard-error{padding:var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--border-radius);color:var(--text-secondary);text-align:center;font-style:italic;font-size:clamp(.8rem,2vw,1rem)}.xp-leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:auto}.xp-leaderboard-table th,.xp-leaderboard-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-size:clamp(.75rem,2vw,.9rem);white-space:nowrap}.xp-leaderboard-table thead th{font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.xp-leaderboard-table tbody tr{background-color:var(--bg-color);border-radius:var(--border-radius)}.xp-leaderboard-table td:first-child{font-weight:700;color:var(--accent-color);min-width:40px;font-size:clamp(.9rem,2vw,1rem)}.xp-leaderboard-table td:nth-child(2){font-weight:600;color:var(--text-primary);font-size:clamp(.85rem,2vw,1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.xp-leaderboard-table td:last-child{font-weight:700;color:var(--text-primary);min-width:80px;font-size:clamp(.9rem,2vw,1rem)}.xp-winner-row{background-color:#2a3a59}.xp-winner-row td:first-child{font-size:clamp(1rem,2.5vw,1.1rem)}@media (max-width: 480px){.xp-leaderboard-container{padding:var(--spacing-md)}.xp-leaderboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.xp-leaderboard-title{font-size:clamp(1.2rem,5vw,1.4rem)}.xp-leaderboard-table td:first-child{min-width:30px}.xp-leaderboard-table td:last-child{min-width:60px}}@media (max-width: 400px){.xp-leaderboard-table thead{display:none}.xp-leaderboard-table,.xp-leaderboard-table tbody,.xp-leaderboard-table tr,.xp-leaderboard-table td{display:block;width:100%;text-align:left}.xp-leaderboard-table td{padding:10px 12px;position:relative}.xp-leaderboard-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);display:block;margin-bottom:2px}}body{margin:0;background-color:var(--bg-color)}.leaderboard-container{max-width:600px;margin:var(--spacing-lg) auto;background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 10px #00000080;color:var(--text-primary);font-family:var(--font-family);font-size:clamp(.85rem,2.5vw,1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.leaderboard-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:nowrap}.go-ant-thumbnail{width:56px;height:56px;border-radius:6px;background-color:#000;-o-object-fit:contain;object-fit:contain;border:1.5px solid var(--accent-color);flex-shrink:0}.leaderboard-title-text{font-weight:700;font-size:clamp(1.4rem,4vw,1.8rem);color:var(--accent-color);letter-spacing:.05em;white-space:nowrap}.leaderboard-table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-size:clamp(.75rem,2vw,.9rem)}.leaderboard-table thead th{font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.leaderboard-rank{font-weight:700;color:var(--accent-color);min-width:40px;font-size:clamp(.9rem,2vw,1rem);white-space:nowrap}.leaderboard-name{font-weight:600;color:var(--text-primary);font-size:clamp(.85rem,2vw,1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.leaderboard-score{font-weight:700;color:var(--text-primary);min-width:80px;font-size:clamp(.9rem,2vw,1rem);white-space:nowrap}.leaderboard-reward{white-space:normal;word-break:break-word;min-width:100px;font-size:clamp(.8rem,2vw,.9rem)}.reward-prize-tag{padding:4px 10px;color:#291a75!important;font-size:clamp(.6rem,1.6vw,.85rem);font-weight:300;border-radius:12px;opacity:.95;white-space:nowrap;overflow:visible;text-overflow:unset;max-width:100%}.winner-row .reward-prize-tag{background-color:#f0d861;color:#1e1e1e;font-weight:800}@media (max-width: 480px){.leaderboard-container{padding:var(--spacing-md);margin:var(--spacing-md) auto}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs);flex-wrap:wrap}.go-ant-thumbnail{width:48px;height:48px}.leaderboard-title-text{font-size:clamp(1.2rem,5vw,1.4rem);white-space:normal;text-align:left;width:100%}.leaderboard-rank{min-width:30px}.leaderboard-score{min-width:60px}.leaderboard-reward{min-width:80px}.reward-prize-tag{padding:3px 8px;font-size:clamp(.65rem,1.5vw,.7rem)}}@media (max-width: 400px){.leaderboard-table{border-spacing:0}.leaderboard-table thead{display:none}.reward-prize-tag{padding:4px 10px;font-size:clamp(.7rem,1.6vw,.8rem);white-space:nowrap;overflow:visible;text-overflow:unset;max-width:100%}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%;text-align:left}.leaderboard-table tbody tr{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm)}.leaderboard-table td{padding:8px 0;position:relative;border-bottom:1px dashed var(--border-color)}.leaderboard-table td:last-child{border-bottom:none}.leaderboard-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);display:inline-block;width:90px;margin-right:var(--spacing-xs);text-align:right;flex-shrink:0}.leaderboard-rank,.leaderboard-name,.leaderboard-score,.leaderboard-reward{display:flex;align-items:center;justify-content:flex-start;white-space:normal;overflow:visible;text-overflow:clip;max-width:none}.leaderboard-reward{flex-wrap:wrap}}.reward-post-container{background-color:var(--card-bg);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:var(--spacing-lg);color:var(--text-primary);font-family:var(--font-family);max-width:600px;margin:var(--spacing-lg) auto;box-shadow:0 2px 10px #00000080;-webkit-user-select:none;-moz-user-select:none;user-select:none}.reward-post-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.go-ant-reward-thumbnail{width:56px;height:56px;border-radius:6px;-o-object-fit:cover;object-fit:cover;background-color:#000;border:1.5px solid var(--accent-color);flex-shrink:0}.reward-post-title{font-weight:700;font-size:clamp(1.3rem,3vw,1.6rem);color:var(--accent-color);letter-spacing:.03em;margin:0;white-space:nowrap}.reward-details{text-align:left;padding:0 var(--spacing-sm)}.reward-description{font-size:clamp(1rem,2vw,1.2rem);color:var(--text-primary);margin-top:var(--spacing-xs);font-weight:600}.reward-subtext{font-size:.95rem;color:var(--text-secondary);margin-top:var(--spacing-xs);text-align:left;line-height:1.5}.reward-subtext a{color:var(--accent-color);text-decoration:none;font-weight:400;opacity:.9}.reward-subtext a:hover{text-decoration:none}:root{--bg-color: #121821;--card-bg: #1e2738;--border-color: #2f3a50;--text-primary: #e1e8f0;--text-secondary: #a0acc8;--accent-color: #f0b33e;--hover-bg: #283646;--font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;--spacing-xs: 6px;--spacing-sm: 12px;--spacing-md: 18px;--spacing-lg: 24px;--border-radius: 8px}html,body{margin:0;padding:0;overflow-x:hidden;width:100%;height:100%;font-family:var(--font-family);background-color:var(--bg-color)}*{box-sizing:border-box;scrollbar-width:none;-ms-overflow-style:none}*::-webkit-scrollbar{display:none}.leaderboard-container{width:100%;max-width:600px;margin:var(--spacing-lg) auto;background-color:var(--card-bg);border-radius:var(--border-radius);padding:var(--spacing-lg);box-shadow:0 2px 10px #00000080;color:var(--text-primary);font-size:clamp(.8rem,2.2vw,1rem);-webkit-user-select:none;-moz-user-select:none;user-select:none}.leaderboard-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);flex-wrap:wrap}.game-thumbnail{width:56px;height:56px;border-radius:6px;background-color:#000;-o-object-fit:contain;object-fit:contain;border:1.5px solid var(--accent-color);flex-shrink:0}.leaderboard-title-text{font-weight:700;font-size:clamp(1.4rem,4vw,1.8rem);color:var(--accent-color);letter-spacing:.05em;white-space:normal;text-align:left}.leaderboard-loading,.leaderboard-error,.leaderboard-empty{padding:var(--spacing-sm);background-color:var(--bg-color);border-radius:var(--border-radius);color:var(--text-secondary);text-align:center;font-style:italic;font-size:clamp(.8rem,2vw,1rem)}.leaderboard-table-wrapper{width:100%;overflow-x:auto}.leaderboard-table{width:100%;border-collapse:separate;border-spacing:0 6px;table-layout:fixed}.leaderboard-table th,.leaderboard-table td{padding:var(--spacing-xs) var(--spacing-sm);text-align:center;font-size:clamp(.75rem,2vw,.9rem);word-break:break-word;white-space:normal}.leaderboard-table thead th{font-weight:600;color:var(--text-secondary);border-bottom:2px solid var(--border-color);text-transform:uppercase;letter-spacing:.05em}.leaderboard-table tbody tr{background-color:var(--bg-color);border-radius:var(--border-radius)}.leaderboard-rank{font-weight:700;color:var(--accent-color);font-size:clamp(.9rem,2vw,1rem)}.leaderboard-name{font-weight:600;color:var(--text-primary);font-size:clamp(.85rem,2vw,1rem);white-space:normal;overflow:visible}.leaderboard-level,.leaderboard-clock{font-weight:700;color:var(--text-primary);font-size:clamp(.9rem,2vw,1rem);white-space:normal}.leaderboard-game-status{white-space:normal;word-break:break-word;font-size:clamp(.8rem,2vw,.9rem)}.winner-row{background-color:#2a3a59}.winner-row .leaderboard-rank{font-size:clamp(1rem,2.5vw,1.1rem)}@media (max-width: 480px){.leaderboard-container{padding:var(--spacing-md);margin:var(--spacing-md) auto}.leaderboard-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}.game-thumbnail{width:48px;height:48px}.leaderboard-title-text{font-size:clamp(1.2rem,5vw,1.4rem);width:100%}.leaderboard-table,.leaderboard-name,.leaderboard-level,.leaderboard-clock,.leaderboard-game-status{font-size:.75rem}}@media (max-width: 400px){.leaderboard-table{border-spacing:0}.leaderboard-table thead{display:none}.leaderboard-table,.leaderboard-table tbody,.leaderboard-table tr,.leaderboard-table td{display:block;width:100%;text-align:left}.leaderboard-table tbody tr{margin-bottom:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--card-bg);border-radius:var(--border-radius)}.leaderboard-table td{padding:8px 0;position:relative;border-bottom:1px dashed var(--border-color)}.leaderboard-table td:last-child{border-bottom:none}.leaderboard-table td:before{content:attr(data-label);font-weight:700;color:var(--text-secondary);display:inline-block;width:90px;margin-right:var(--spacing-xs);text-align:right;flex-shrink:0}.leaderboard-rank,.leaderboard-name,.leaderboard-level,.leaderboard-clock,.leaderboard-game-status{display:flex;align-items:center;justify-content:flex-start;white-space:normal;overflow:visible;max-width:none;font-size:.75rem}}@media (min-width: 401px){.leaderboard-table td:before{content:none}}body{font-family:Inter,sans-serif;color:#333;background-color:#f7f9fc;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.game-hub-container{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;box-sizing:border-box;overflow-y:auto;padding:clamp(30px,6%,60px) clamp(10px,4%,40px)}.game-hub-container::-webkit-scrollbar{width:8px}.game-hub-container::-webkit-scrollbar-track{background:#f7f9fc;border-radius:10px}.game-hub-container::-webkit-scrollbar-thumb{background-color:#e0e6ed;border-radius:10px;border:2px solid #f7f9fc}.game-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px;width:100%;padding:0;justify-content:center}.game-card{background-color:#fff;border-radius:16px;box-shadow:0 8px 24px #00000014;overflow:hidden;cursor:pointer;outline:none;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:16px;border:2px solid transparent;max-width:320px}.game-card:hover{transform:translateY(-10px) scale(1.03);box-shadow:0 16px 40px #00000026}.game-card:focus-visible{border:2px solid #6a6aff;box-shadow:0 0 0 3px #6a6aff4d}.game-card-coming-soon{cursor:default;opacity:.7;background-color:#f0f0f0;box-shadow:0 4px 12px #0000000d;filter:grayscale(50%)}.game-card-coming-soon:hover{transform:none;box-shadow:0 4px 12px #0000000d}.game-card-image-wrapper{width:100%;padding-bottom:100%;position:relative;overflow:hidden;margin-bottom:16px;background-color:#e8eaf6;border-top-left-radius:16px;border-top-right-radius:16px}.game-card-image{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.game-card-title{font-family:Nunito,sans-serif;font-size:1.6em;font-weight:700;color:#4a4a4a;margin-bottom:0;padding:0 20px;line-height:1.3;display:flex;align-items:center;justify-content:center}.no-games-message{font-size:1.4em;color:#999;text-align:center;margin-top:60px;grid-column:1 / -1;font-style:italic;font-family:Inter,sans-serif}@media (max-width: 1200px){.game-hub-container{padding:clamp(25px,5%,50px) clamp(10px,3%,30px)}.game-card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:25px}.game-card{max-width:300px}.game-card-title{font-size:1.4em}}@media (max-width: 768px){.game-hub-container{padding:20px 12px}.game-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:20px}.game-card{max-width:none;border-radius:12px;padding-bottom:12px}.game-card-image-wrapper{border-top-left-radius:12px;border-top-right-radius:12px;margin-bottom:12px}.game-card-title{font-size:1.3em}}@media (max-width: 480px){.game-hub-container{padding:15px 8px}.game-card-grid{grid-template-columns:1fr;gap:18px}.game-card{max-width:260px;margin:0 auto;border-radius:10px}.game-card-image-wrapper{border-top-left-radius:10px;border-top-right-radius:10px}.game-card-title{font-size:1.1em}}:root{--theme-primary-dark-bg: #1A1A2E;--theme-secondary-dark-card: #2D2C4D;--theme-light-element-bg: #404060;--theme-accent-pink-vibrant: #FF69B4;--theme-accent-pink-darker: #E056A0;--theme-accent-pink-lighter: #FFC0CB;--theme-accent-gold: #FFD166;--theme-accent-blue: #4CC9F0;--theme-accent-purple: #9D4EDD;--theme-text-light: #F8F9FA;--theme-text-medium: #ADB5BD;--theme-text-error: #FF0000;--theme-border-subtle: #4A4A6B;--theme-shadow-deep: rgba(0, 0, 0, .6);--theme-shadow-pink-glow: rgba(255, 105, 180, .7);--theme-shadow-blue-glow: rgba(76, 201, 240, .5);--spacing-xxs: 4px;--spacing-xs: 8px;--spacing-sm: 12px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--border-radius-sm: 12px;--border-radius-md: 24px;--border-radius-pill: 999px}.game-play-root-layout{scale:.6;margin:0;padding:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:transparent}.game-iframe-wrapper{width:100%;height:0;padding-bottom:177.78%;position:relative;max-width:540px;max-height:960px}.unity-game-iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none;transition:filter .5s ease-out,opacity .5s ease-out}.unity-game-iframe.disabled-game-view{pointer-events:none;filter:blur(4px) grayscale(80%);opacity:.5}.game-over-modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeInNoBackground .3s ease-out forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.game-over-modal-content{background:linear-gradient(145deg,var(--theme-secondary-dark-card),#3A3A5D);padding:var(--spacing-xl);border-radius:var(--border-radius-md);box-shadow:0 10px 40px var(--theme-shadow-deep),0 0 0 1px #ffffff1a;width:90%;max-width:480px;display:flex;flex-direction:column;align-items:center;text-align:center;border:1px solid rgba(255,255,255,.1);animation:slideInModalContent .4s cubic-bezier(.175,.885,.32,1.275) forwards;position:relative;overflow:hidden}.game-over-modal-content:before{content:"";position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(45deg,transparent,var(--theme-accent-blue),transparent);transform:translate(50%) skew(-20deg);opacity:.15;pointer-events:none}.close-modal-icon-button{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--border-radius-pill);transition:all .2s ease;z-index:10}.close-modal-icon-button svg{width:24px;height:24px;color:var(--theme-text-medium);transition:all .2s ease}.close-modal-icon-button:hover{background-color:#ffffff1a;box-shadow:0 0 0 3px #ff69b433}.close-modal-icon-button:hover svg{color:var(--theme-accent-pink-vibrant);transform:rotate(90deg)}.close-modal-icon-button:disabled{opacity:.5;cursor:not-allowed;background:none;box-shadow:none}.close-modal-icon-button:disabled svg{color:var(--theme-text-medium)!important;transform:none!important}.modal-title{font-family:Poppins,sans-serif;font-size:2.6rem;color:var(--theme-text-error);margin-bottom:var(--spacing-md);font-weight:800;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.3),0 0 10px rgba(255,0,0,.6);position:relative;z-index:1}.final-score-display{font-family:Poppins,sans-serif;font-size:1.6rem;color:var(--theme-text-light);margin-bottom:var(--spacing-lg);font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.2);display:flex;align-items:baseline;gap:var(--spacing-xs);justify-content:center}.final-score-display span{font-weight:900;color:var(--theme-accent-gold);font-size:3.2rem;background:linear-gradient(to right,var(--theme-accent-gold),#FFEA00);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 5px rgba(255,209,102,.5),0 0 15px rgba(255,209,102,.2);display:inline-block;padding:0 var(--spacing-xs);transition:transform .2s ease-out}.final-score-display span:hover{transform:scale(1.08) rotate(2deg)}.score-submission-form{width:100%;display:flex;flex-direction:column;gap:var(--spacing-md);position:relative;z-index:1}.privacy-consent-note{font-size:.85rem;color:var(--theme-text-medium);text-align:center;margin-top:var(--spacing-md);margin-bottom:var(--spacing-lg);padding:var(--spacing-xs) var(--spacing-sm);background-color:#ffffff0d;border-radius:var(--border-radius-sm);border:1px solid rgba(255,255,255,.1);line-height:1.4;font-family:Inter,sans-serif;animation:fadeInSlideUp .6s ease-out forwards;animation-delay:.6s;opacity:0;transform:translateY(10px)}.form-group{text-align:left;width:100%;position:relative;animation:fadeInSlideUp .6s ease-out forwards;opacity:0;transform:translateY(10px)}.form-group:nth-child(1){animation-delay:.2s}.form-group:nth-child(2){animation-delay:.4s}.label-with-info{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xxs);padding-left:var(--spacing-xs)}.form-group label{display:block;font-size:1.1rem;color:var(--theme-accent-pink-vibrant);margin-bottom:var(--spacing-xxs);font-weight:600;font-family:Poppins,sans-serif;padding-left:var(--spacing-xs)}.info-icon-container{position:relative;width:28px;height:28px;background-color:var(--theme-light-element-bg);border-radius:var(--border-radius-pill);display:flex;justify-content:center;align-items:center;font-size:1.1rem;font-weight:700;color:var(--theme-text-light);cursor:help;transition:all .2s ease;box-shadow:0 1px 3px #0000004d}.info-icon-container:hover{background-color:var(--theme-accent-blue);box-shadow:0 0 0 3px #4cc9f033,0 2px 8px #0006;transform:scale(1.1)}.tooltip-text{visibility:hidden;opacity:0;background-color:var(--theme-primary-dark-bg);color:var(--theme-text-light);text-align:center;border-radius:var(--border-radius-sm);padding:var(--spacing-sm) var(--spacing-md);position:absolute;z-index:10;bottom:150%;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.95rem;box-shadow:0 2px 10px #0006;border:1px solid var(--theme-border-subtle);transition:opacity .3s ease,visibility .3s ease,bottom .3s ease}.tooltip-text:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:var(--theme-primary-dark-bg) transparent transparent transparent}.info-icon-container:hover .tooltip-text{visibility:visible;opacity:1;bottom:160%}.form-group input[type=text],.form-group input[type=tel]{width:100%;padding:var(--spacing-md) var(--spacing-lg);border:2px solid var(--theme-border-subtle);border-radius:var(--border-radius-pill);font-size:1.15rem;color:var(--theme-text-light);background-color:#1a1a2eb3;box-sizing:border-box;transition:all .3s ease;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.form-group input[type=text]:focus,.form-group input[type=tel]:focus{border-color:var(--theme-accent-pink-vibrant);box-shadow:0 0 0 4px var(--theme-shadow-pink-glow),0 0 15px var(--theme-shadow-pink-glow);outline:none;background-color:#1a1a2ee6}.feedback-message{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--border-radius-sm);margin-top:var(--spacing-md);font-weight:500;text-align:center;font-size:1rem;border:1px solid transparent;font-family:Poppins,sans-serif;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .4s ease-out forwards}.feedback-message.success{background:#2ed57333;color:#2ed573;border-color:#2ed5734d}.feedback-message.error{background:#ff6b6b33;color:var(--theme-text-error);border-color:#ff6b6b4d}.modal-action-buttons{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg);width:100%;animation:fadeInSlideUp .6s ease-out forwards;animation-delay:.8s;opacity:0;transform:translateY(10px)}.submit-score-button{display:block;width:100%;padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:var(--border-radius-pill);font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-family:Poppins,sans-serif;position:relative;overflow:hidden;z-index:1;background:linear-gradient(45deg,var(--theme-accent-pink-vibrant),var(--theme-accent-purple));color:#fff;box-shadow:0 4px 15px var(--theme-shadow-pink-glow),0 2px 4px #0003}.submit-score-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,var(--theme-accent-pink-darker),#7B2CBF);opacity:0;transition:opacity .3s ease;z-index:-1}.submit-score-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px var(--theme-shadow-pink-glow),0 4px 6px #0000001a}.submit-score-button:hover:before{opacity:1}.submit-score-button:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important;background:var(--theme-light-element-bg)!important;color:var(--theme-text-medium)!important;border-color:transparent!important}@keyframes fadeInNoBackground{0%{opacity:0}to{opacity:1}}@keyframes slideInModalContent{0%{transform:translateY(20px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}@keyframes fadeInSlideUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.game-over-modal-content:after{content:"";position:absolute;top:15%;left:5%;width:4px;height:4px;border-radius:50%;background:var(--theme-accent-blue);opacity:.7;animation:floatParticle 5s infinite ease-in-out;animation-delay:0s;z-index:0}.game-over-modal-content:before{content:"";position:absolute;top:0;right:0;width:120px;height:100%;background:linear-gradient(45deg,transparent,var(--theme-accent-blue),transparent);transform:translate(50%) skew(-20deg);opacity:.15;pointer-events:none;z-index:0}.game-over-modal-content:after{content:"";position:absolute;top:15%;left:5%;width:6px;height:6px;border-radius:50%;background:var(--theme-accent-blue);box-shadow:0 0 10px var(--theme-accent-blue),0 0 20px var(--theme-accent-pink-vibrant);opacity:.8;animation:floatParticle 8s infinite ease-in-out;animation-delay:0s;z-index:0}@keyframes floatParticle{0%{transform:translate(0) scale(.8);opacity:.8}25%{transform:translate(20px,-30px) scale(1.1);opacity:.9}50%{transform:translate(-10px,-60px) scale(1);opacity:.7}75%{transform:translate(30px,-90px) scale(1.2);opacity:1}to{transform:translate(50px,-120px) scale(.9);opacity:.6}}@media (max-width: 600px){.game-over-modal-content{padding:var(--spacing-lg);max-width:95%;border-radius:var(--border-radius-md)}.modal-title{font-size:2rem}.final-score-display{font-size:1.4rem}.final-score-display span{font-size:2.2rem}.form-group label{font-size:1rem}.info-icon-container{width:24px;height:24px;font-size:.9rem}.tooltip-text{font-size:.85rem;padding:var(--spacing-xs) var(--spacing-sm)}.form-group input[type=text],.form-group input[type=tel]{padding:var(--spacing-sm);font-size:1rem}.feedback-message{font-size:.85rem;padding:var(--spacing-xs)}.submit-score-button{font-size:1.05rem;padding:var(--spacing-sm)}.close-modal-icon-button{top:var(--spacing-sm);right:var(--spacing-sm);padding:var(--spacing-xxs)}.close-modal-icon-button svg{width:20px;height:20px}}@media (min-width: 768px){.modal-action-buttons{flex-direction:row;justify-content:center}.submit-score-button{width:auto;flex:1}}:root{--primary-blue: #5b82ee;--primary-blue-dark: #4a72e0;--primary-blue-shadow: rgba(91, 130, 238, .3);--primary-pink: #ff6384;--primary-pink-dark: #e05574;--primary-pink-shadow: rgba(255, 99, 132, .3);--neutral-dark-text: #3a3a3a;--neutral-medium-text: #7a7a7a;--neutral-light-border: #e0e0e0;--page-background: #f8faff;--card-background: #ffffff;--error-red: #dc3545;--grid-base-font-size: 16px}body{margin:0;font-family:Inter,sans-serif}.auth-outer-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--page-background);padding:20px;box-sizing:border-box;color:var(--neutral-dark-text)}.login-box{background-color:var(--card-background);padding:40px;border-radius:20px;box-shadow:0 10px 30px #00000014;width:100%;max-width:500px;text-align:center;box-sizing:border-box;margin:20px auto;aspect-ratio:5 / 4;min-width:300px;max-width:600px;font-size:clamp(14px,2.5vw,var(--grid-base-font-size))}.login-title{font-size:2.2em;color:var(--neutral-dark-text);font-weight:800;font-family:Nunito,sans-serif;margin-bottom:25px}.auth-error-message{color:var(--error-red);margin-bottom:15px;font-size:.9em;background-color:#dc35451a;padding:8px;border-radius:8px}.input-group{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.input-group.signup{display:grid;grid-template-rows:repeat(auto-fit,minmax(auto,1fr));gap:15px}.input-field,.dob-field{width:100%;padding:15px;border-radius:12px;font-size:1em;font-family:Inter,sans-serif;color:var(--neutral-dark-text);outline:none;box-sizing:border-box;transition:border-color .3s ease,box-shadow .3s ease}.input-field::-moz-placeholder{color:var(--neutral-medium-text)}.input-field::placeholder{color:var(--neutral-medium-text)}.login-page .input-field,.login-page .dob-field{border:1px solid var(--primary-blue)}.login-page .input-field:focus,.login-page .dob-field:focus{border:2px solid var(--primary-blue-dark);box-shadow:0 0 0 5px var(--primary-blue-shadow)}.signup-page .input-field,.signup-page .dob-field{border:1px solid var(--primary-pink)}.signup-page .input-field:focus,.signup-page .dob-field:focus{border:2px solid var(--primary-pink-dark);box-shadow:0 0 0 5px var(--primary-pink-shadow)}.dob-select-group{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;flex-wrap:nowrap}.dob-label{font-size:1em;color:var(--neutral-medium-text);font-weight:600;white-space:nowrap;flex-shrink:0}.dob-fields-container{display:flex;gap:5px;flex-grow:1;flex-wrap:nowrap;min-width:0;width:100%}.dob-field{flex:1 1 33.33%;min-width:0;padding:8px 5px;font-size:.85em;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.gender-radio-group{display:flex;align-items:center;gap:10px;width:100%;box-sizing:border-box;margin:0;flex-wrap:nowrap}.gender-label{font-size:1em;color:var(--neutral-medium-text);font-weight:600;white-space:nowrap;flex-shrink:0}.gender-options{display:flex;flex-wrap:nowrap;gap:5px;justify-content:space-between;flex-grow:1;min-width:0}.gender-options label{display:flex;align-items:center;font-size:.85em;cursor:pointer;color:var(--neutral-dark-text);-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:1;min-width:0;padding:0 2px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.gender-options input[type=radio]{margin-right:4px;width:15px;height:15px;border:2px solid var(--primary-pink);border-radius:50%;-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer;outline:none;transition:all .2s ease-in-out;position:relative;flex-shrink:0}.gender-options input[type=radio]:before{content:"";display:block;width:7px;height:7px;background-color:var(--primary-pink);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:transform .2s ease-in-out}.gender-options input[type=radio]:checked{border-color:var(--primary-pink-dark)}.gender-options input[type=radio]:checked:before{transform:translate(-50%,-50%) scale(1)}.gender-options input[type=radio]:focus{box-shadow:0 0 0 3px var(--primary-pink-shadow)}.action-buttons{margin-bottom:25px}.btn{display:block;width:100%;padding:16px 25px;border:none;border-radius:15px;font-size:1.1em;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;transition:background-color .3s ease,transform .2s ease,box-shadow .3s ease;color:#fff;box-shadow:0 5px 15px #0000001a}.btn.blue{background-color:var(--primary-blue);box-shadow:0 6px 20px var(--primary-blue-shadow)}.btn.blue:hover{background-color:#3a5fd8;transform:translateY(-3px);box-shadow:0 10px 30px #5b82ee80}.btn.pink{background-color:var(--primary-pink);box-shadow:0 6px 20px var(--primary-pink-shadow)}.btn.pink:hover{background-color:#d94b66;transform:translateY(-3px);box-shadow:0 10px 30px #ff638480}.divider{position:relative;text-align:center;margin:20px 0;color:var(--neutral-medium-text);font-size:.9em}.divider:before,.divider:after{content:"";position:absolute;top:50%;width:40%;height:1px;background-color:var(--neutral-light-border)}.divider:before{left:0}.divider:after{right:0}.divider span{background-color:var(--card-background);padding:0 10px;position:relative;z-index:1}.google-btn{display:flex;align-items:center;justify-content:center;gap:15px;width:100%;padding:16px 25px;background-color:var(--card-background);border:1px solid var(--neutral-light-border);border-radius:15px;font-size:1.1em;font-weight:700;font-family:Nunito,sans-serif;color:var(--neutral-dark-text);cursor:pointer;transition:background-color .3s ease,box-shadow .3s ease,transform .2s ease;box-shadow:0 4px 15px #0000000d}.google-btn:hover{background-color:#f8f8f8;box-shadow:0 6px 20px #00000014;transform:translateY(-2px)}.google-icon{width:24px;height:24px}.switch-auth{margin-top:20px;font-size:1.1em;color:var(--neutral-medium-text)}.switch-auth button{background:none;border:none;font-weight:700;font-family:Nunito,sans-serif;cursor:pointer;margin-left:5px;font-size:1em;text-decoration:none;transition:color .3s ease,-webkit-text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease;transition:color .3s ease,text-decoration .3s ease,-webkit-text-decoration .3s ease}.switch-auth .to-signup{color:var(--primary-pink)}.switch-auth .to-signup:hover{color:var(--primary-pink-dark);text-decoration:underline}.switch-auth .to-login{color:var(--primary-blue)}.switch-auth .to-login:hover{color:var(--primary-blue-dark);text-decoration:underline}.terms{margin-top:15px;font-size:.85em;color:var(--neutral-medium-text);line-height:1.5}@media (max-width: 500px){.login-box{padding:20px 15px;border-radius:15px;aspect-ratio:9 / 16;min-width:280px}.login-title{font-size:1.4em;margin-bottom:15px}.auth-outer-wrapper{padding:5px}.input-field,.btn,.google-btn{padding:10px;font-size:.9em}.dob-select-group{gap:8px}.dob-label{font-size:.85em;padding-right:2px}.dob-fields-container{gap:3px}.dob-field{padding:6px 3px;font-size:.75em;box-sizing:border-box}.gender-radio-group{gap:8px}.gender-label{font-size:.85em;padding-right:2px}.gender-options{gap:5px}.gender-options label{font-size:.8em;padding:0 1px}.gender-options input[type=radio]{margin-right:3px;width:12px;height:12px}.gender-options input[type=radio]:before{width:5px;height:5px}.switch-auth{font-size:.95em}.terms{font-size:.75em}}@media (min-width: 501px) and (max-width: 768px){.login-box{padding:30px;font-size:clamp(15px,2vw,var(--grid-base-font-size));aspect-ratio:5 / 4}.login-title{font-size:2em}.input-field,.dob-field,.btn,.google-btn{padding:14px;font-size:.95em}.dob-select-group{gap:12px}.dob-fields-container{gap:6px}.dob-field{font-size:.88em;padding:8px 5px}.gender-radio-group{gap:12px}.gender-options{gap:8px}.gender-options label{font-size:.85em}}@media (min-width: 769px){.auth-outer-wrapper{padding:40px}.login-box{padding:50px;border-radius:25px;max-width:600px;font-size:var(--grid-base-font-size);aspect-ratio:5 / 4}.login-title{font-size:2.5em;margin-bottom:30px}.input-field,.btn,.google-btn{padding:18px 25px;font-size:1.05em}.dob-field{font-size:1em}.switch-auth{font-size:1.15em}}body{font-family:Helvetica Neue,Arial,sans-serif}.profile-container{margin:20px auto;color:#333}.profile-loading-message{text-align:center;font-size:1.1em;color:#555}.profile-avatar-container{display:block;margin:0 auto 1.5rem;background:transparent;position:relative;border:none}.profile-avatar{width:140px;height:140px;-o-object-position:center;object-position:center;border-radius:50%;display:flex;background:#e9ecef}.avatar-edit-overlay{position:absolute;top:50%;left:50%;background:#fff3;transform:translate(-50%,-50%);border-radius:50%;width:92%;height:98%;display:flex;justify-content:center;align-items:center;padding:0;opacity:0;transition:opacity .3s ease}.profile-avatar-container:hover .avatar-edit-overlay{opacity:1;cursor:pointer}.avatar-edit-overlay svg{width:32px;height:32px}.profile-title-group{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:20px}.profile-title{font-size:1.8em;margin:0;color:#333}.profile-edit-icon-button{background:none;border:none;cursor:pointer;padding:5px;color:#007bff}.profile-edit-icon-button:hover{color:#0056b3}.profile-feedback-message{padding:10px;border-radius:5px;margin-bottom:15px;text-align:center;font-size:.9em}.profile-feedback-message.success{background-color:#d4edda;color:#155724;border-color:#c3e6cb}.profile-feedback-message.error{background-color:#f8d7da;color:#721c24;border-color:#f5c6cb}.profile-display-section{text-align:center;margin-bottom:20px}.profile-info-item{margin-bottom:8px;font-size:1em;color:#555}.profile-username{font-weight:700;color:#007bff}.profile-email{font-size:.9em;color:#777}.profile-bio-text{white-space:pre-wrap;word-wrap:break-word;max-width:90%;margin:10px auto 0;line-height:1.5;color:#444}.profile-edit-section{width:100%;margin-top:15px;display:flex;flex-direction:column;gap:10px}.profile-input-group{margin-bottom:10px}.profile-input-group label{display:block;margin-bottom:5px;font-weight:700;color:#555;font-size:.9em}.profile-input-group input,.profile-input-group textarea{width:calc(100% - 20px);padding:8px 10px;border:1px solid #ddd;border-radius:4px;font-size:1em;color:#333}.profile-input-group input[readOnly]{background-color:#f0f0f0;cursor:default}.profile-input-group textarea{resize:none;min-height:80px;max-height:150px}.profile-action-buttons{display:flex;justify-content:space-between;gap:0px;margin-top:20px}.profile-save-button,.profile-cancel-button{width:90px;height:30px;border:none;border-radius:5px;cursor:pointer;font-size:1em;font-weight:700}.profile-save-button{background-color:#28a745;color:#fff}.profile-save-button:hover{background-color:#218838}.profile-cancel-button{background-color:#6c757d;color:#fff}.profile-cancel-button:hover{background-color:#5a6268}.profile-save-button:disabled,.profile-cancel-button:disabled{opacity:.6;cursor:default}.profile-save-button:disabled:hover{background-color:#28a745}.profile-logout-fixed-button{position:absolute;bottom:15px;right:15px;padding:8px 12px;background-color:#dc3545;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:.9em;font-weight:700}.profile-logout-fixed-button:hover{background-color:#c82333}.profile-xp{font-size:1.1em;font-weight:700;color:#ffc107;background-color:#fff3cd;padding:6px 12px;border-radius:5px;display:inline-block;margin-top:10px}.profile-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.profile-modal-box{background-color:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 10px #0003;text-align:center;color:#333;max-width:350px}.profile-modal-box p{margin-bottom:20px;font-size:1.1em}.profile-modal-actions{display:flex;justify-content:center;gap:15px}.profile-modal-confirm,.profile-modal-cancel{padding:8px 15px;border:none;border-radius:5px;cursor:pointer;font-size:.95em;font-weight:700}.profile-modal-confirm{background-color:#dc3545;color:#fff}.profile-modal-confirm:hover{background-color:#c82333}.profile-modal-cancel{background-color:#007bff;color:#fff}.profile-modal-cancel:hover{background-color:#0056b3}