.portal-tooltip{background:var(--glass-bg, rgba(10, 12, 18, .92))!important;backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border, rgba(102, 192, 244, .25));border-radius:var(--radius-xl, 16px);box-shadow:0 8px 32px #0006,0 0 20px var(--color-primary-muted, rgba(102, 192, 244, .15)),inset 0 1px #ffffff0d;width:180px;padding:var(--space-4, 1rem);color:var(--color-text-primary, white);font-family:var(--font-body, "Inter", sans-serif);text-align:center;animation:tooltipFadeIn .15s ease-out;pointer-events:none;position:relative}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.portal-tooltip:before{content:"";position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,var(--tooltip-accent-color, var(--color-primary, #66c0f4)),transparent)}.portal-tooltip-title{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-base, 1rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, white);margin:0 0 var(--space-2, .5rem) 0;letter-spacing:var(--tracking-wide, .05em)}.portal-tooltip-status{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-success, #2ecc71);background:linear-gradient(135deg,#2ecc7133,#2ecc711a);border:1px solid rgba(46,204,113,.3);border-radius:var(--radius-full, 9999px);margin-top:var(--space-3, .75rem)}.portal-tooltip-status-dot{width:6px;height:6px;background:var(--color-success, #2ecc71);border-radius:50%;box-shadow:0 0 8px var(--color-success-glow, rgba(46, 204, 113, .5));animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.portal-tooltip-status-text{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-success, #2ecc71);text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.portal-tooltip-username{display:block;margin-top:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));border-radius:var(--radius-md, 8px);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-medium, 500);color:var(--color-primary, #66c0f4);text-decoration:none;transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1));pointer-events:auto;cursor:pointer}.portal-tooltip-username:hover{background:var(--color-primary-hover, rgba(102, 192, 244, .2));border-color:var(--color-border, rgba(102, 192, 244, .3));color:var(--color-text-primary, white);text-shadow:0 0 10px var(--color-primary-glow, rgba(102, 192, 244, .5))}.portal-tooltip-username:after{content:" ↗";font-size:var(--text-xs, .64rem);opacity:.6}.portal-tooltip-disconnected{margin-top:var(--space-3, .75rem)}.portal-tooltip-description{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-normal, 400);color:var(--color-text-secondary, rgba(255, 255, 255, .7));line-height:var(--leading-relaxed, 1.625);margin:0 0 var(--space-2, .5rem) 0}.portal-tooltip-not-connected{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-full, 9999px);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-muted, rgba(255, 255, 255, .4));text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.portal-tooltip-not-connected:before{content:"";width:6px;height:6px;background:var(--color-text-muted, rgba(255, 255, 255, .3));border-radius:50%}.platform-stats-card{background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));border-radius:var(--radius-xl, 16px);padding:var(--space-5, 1.25rem);overflow:hidden;position:relative}.platform-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--color-primary, #66c0f4),transparent)}.stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5, 1.25rem);padding-bottom:var(--space-4, 1rem);border-bottom:1px solid var(--color-border-subtle, rgba(102, 192, 244, .1))}.stats-username{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-lg, 1.25rem);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4);cursor:pointer;transition:var(--transition-colors, color .15s);text-decoration:none;display:flex;align-items:center;gap:var(--space-2, .5rem)}.stats-username:hover{color:var(--color-text-primary, white);text-shadow:0 0 12px var(--color-primary-glow, rgba(102, 192, 244, .5))}.stats-username:after{content:"↗";font-size:var(--text-sm, .8rem);opacity:.6}.stats-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, .75rem);margin-bottom:var(--space-5, 1.25rem)}.stat-hero-item{background:var(--color-primary-muted, rgba(102, 192, 244, .05));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .1));border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem);text-align:center;transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1))}.stat-hero-item:hover{background:var(--color-primary-subtle, rgba(102, 192, 244, .08));border-color:var(--color-border, rgba(102, 192, 244, .2));transform:translateY(-2px)}.stat-hero-value{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-2xl, 1.953rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, white);line-height:1;margin-bottom:var(--space-2, .5rem);text-shadow:0 0 20px var(--color-primary-muted, rgba(102, 192, 244, .2))}.stat-hero-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.stat-hero-item.full-width{grid-column:span 2}.stat-hero-item.full-width .stat-hero-value{font-size:var(--text-lg, 1.25rem)}.stats-secondary{display:flex;flex-direction:column;gap:var(--space-2, .5rem);margin-top:var(--space-5, 1.25rem)}.stat-secondary-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2, .5rem) var(--space-3, .75rem);background:var(--color-primary-muted, rgba(102, 192, 244, .03));border-radius:var(--radius-md, 8px);transition:background var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.stat-secondary-item:hover{background:var(--color-primary-subtle, rgba(102, 192, 244, .08))}.stat-secondary-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .8rem);font-weight:var(--weight-normal, 400);color:var(--color-text-tertiary, rgba(255, 255, 255, .6))}.stat-secondary-value{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, white)}.achievement-progress{margin-top:var(--space-4, 1rem);padding:var(--space-4, 1rem);background:var(--color-primary-muted, rgba(102, 192, 244, .05));border-radius:var(--radius-lg, 12px);border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .1))}.achievement-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3, .75rem)}.achievement-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.achievement-count{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4)}.achievement-bar{height:8px;background:#0000004d;border-radius:var(--radius-full, 9999px);overflow:hidden;position:relative}.achievement-fill{height:100%;background:linear-gradient(90deg,var(--color-button, #105ea8),var(--color-primary, #66c0f4));border-radius:var(--radius-full, 9999px);transition:width var(--duration-slow, .4s) var(--ease-out, cubic-bezier(.16, 1, .3, 1));box-shadow:0 0 12px var(--color-primary-glow, rgba(102, 192, 244, .4))}.achievement-percentage{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-muted, rgba(255, 255, 255, .4));text-align:right;margin-top:var(--space-2, .5rem)}.trophy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2, .5rem);margin-top:var(--space-4, 1rem)}.trophy-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-3, .75rem) var(--space-2, .5rem);background:var(--color-primary-muted, rgba(102, 192, 244, .03));border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .08))}.trophy-icon{font-size:var(--text-lg, 1.25rem)}.trophy-count{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-base, 1rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, white)}.trophy-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);color:var(--color-text-muted, rgba(255, 255, 255, .4));text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em)}.trophy-item.platinum{background:linear-gradient(135deg,#b9f2ff1a,#66c0f40d);border-color:#b9f2ff33}.trophy-item.platinum .trophy-count{color:#b9f2ff;text-shadow:0 0 10px rgba(185,242,255,.5)}.trophy-item.gold{background:linear-gradient(135deg,#ffd7001a,#ffc1070d);border-color:#ffd70033}.trophy-item.gold .trophy-count{color:gold;text-shadow:0 0 10px rgba(255,215,0,.4)}.trophy-item.silver{background:linear-gradient(135deg,#c0c0c01a,#a9a9a90d);border-color:#c0c0c033}.trophy-item.silver .trophy-count{color:silver}.trophy-item.bronze{background:linear-gradient(135deg,#cd7f321a,#b873330d);border-color:#cd7f3233}.trophy-item.bronze .trophy-count{color:#cd7f32}.twitter-stats-card{background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));border-radius:var(--radius-xl, 16px);padding:var(--space-5, 1.25rem);overflow:hidden;position:relative}.twitter-stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#1da1f2,transparent)}.twitter-stats-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5, 1.25rem);padding-bottom:var(--space-4, 1rem);border-bottom:1px solid var(--color-border-subtle, rgba(102, 192, 244, .1))}.twitter-stats-username{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-lg, 1.25rem);font-weight:var(--weight-semibold, 600);color:#1da1f2;cursor:pointer;transition:var(--transition-colors, color .15s);text-decoration:none;display:flex;align-items:center;gap:var(--space-2, .5rem)}.twitter-stats-username:hover{color:var(--color-text-primary, white);text-shadow:0 0 12px rgba(29,161,242,.5)}.twitter-stats-username:before{content:"@";opacity:.6}.twitter-stats-username:after{content:"↗";font-size:var(--text-sm, .8rem);opacity:.6}.twitter-member-since{display:flex;align-items:center;gap:var(--space-2, .5rem);padding:var(--space-2, .5rem) var(--space-3, .75rem);background:#1da1f21a;border:1px solid rgba(29,161,242,.2);border-radius:var(--radius-full, 9999px);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .64rem);color:var(--color-text-secondary, rgba(255, 255, 255, .8))}.twitter-member-since:before{content:"📅";font-size:var(--text-sm, .8rem)}.twitter-stats-hero{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3, .75rem);margin-bottom:var(--space-4, 1rem)}.twitter-stat-hero-item{background:var(--color-primary-muted, rgba(102, 192, 244, .05));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .1));border-radius:var(--radius-lg, 12px);padding:var(--space-4, 1rem);text-align:center;transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1))}.twitter-stat-hero-item:hover{background:var(--color-primary-subtle, rgba(102, 192, 244, .08));border-color:var(--color-border, rgba(102, 192, 244, .2));transform:translateY(-2px)}.twitter-stat-hero-item.followers{background:linear-gradient(135deg,#1da1f21a,#1da1f20d);border-color:#1da1f233}.twitter-stat-hero-item.followers:hover{background:linear-gradient(135deg,#1da1f226,#1da1f214);border-color:#1da1f24d}.twitter-stat-hero-item.followers .twitter-stat-hero-value{color:#1da1f2;text-shadow:0 0 20px rgba(29,161,242,.3)}.twitter-stat-hero-value{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-2xl, 1.953rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, white);line-height:1;margin-bottom:var(--space-2, .5rem)}.twitter-stat-hero-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-tertiary, rgba(255, 255, 255, .6));text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.twitter-stats-secondary{display:flex;gap:var(--space-2, .5rem)}.twitter-stat-secondary-item{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1, .25rem);padding:var(--space-3, .75rem) var(--space-2, .5rem);background:var(--color-primary-muted, rgba(102, 192, 244, .03));border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .08));transition:background var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.twitter-stat-secondary-item:hover{background:var(--color-primary-subtle, rgba(102, 192, 244, .08))}.twitter-stat-secondary-value{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-lg, 1.25rem);font-weight:var(--weight-bold, 700);color:var(--color-text-primary, white)}.twitter-stat-secondary-label{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-muted, rgba(255, 255, 255, .4));text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em)}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex;flex-direction:column;transition:transform .3s ease-in-out}.overlay-container:not(.collapsed){transform:translateY(0)}.overlay-container.collapsed{transform:translateY(-100%)}.overlay-container.collapsed .chat-bubble,.overlay-container.collapsed .chat-bubble-collapse{pointer-events:auto}.overlay-container:not(.collapsed) .chat-bubble,.overlay-container:not(.collapsed) .chat-bubble-content,.overlay-container:not(.collapsed) .chat-bubble-content *{pointer-events:all}.chat-bubble{position:fixed;top:0;left:0;width:100%;height:100%;max-width:none;margin:0;display:flex;flex-direction:column;transition:all .3s ease-in-out;border:none;border-radius:0;pointer-events:auto}.chat-bubble-content{flex:1;overflow-y:auto;padding:1rem;pointer-events:auto}.guardian-container{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.platform-stats{display:flex;flex-direction:column;gap:1rem;padding:1rem}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background:#0000001a;border-radius:4px}.stat-label{font-weight:500;color:#888}.stat-value{font-weight:600}.stat-section{margin-top:1rem}.stat-section h4{margin-bottom:.5rem;color:#666}.recent-games{display:flex;flex-direction:column;gap:.5rem}.game-item{padding:.5rem;background:#0000000d;border-radius:4px}.game-name{font-weight:500;display:block;margin-bottom:.25rem}.game-stats{display:flex;justify-content:space-between;font-size:.875rem;color:#666}.steam-profile-link{display:inline-block;padding:.5rem 1rem;background:#1b2838;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .2s}.steam-profile-link:hover{background:#2a475e}.twitch-profile-link{display:inline-block;padding:.5rem 1rem;background:#9146ff;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .2s}.twitch-profile-link:hover{background:#7c2cf3}.stream-info{display:flex;flex-direction:column;gap:.5rem;background:#9146ff1a;padding:.5rem;border-radius:4px}.twitter-profile-link{display:inline-block;padding:.5rem 1rem;background:#1da1f2;color:#fff;text-decoration:none;border-radius:4px;text-align:center;transition:background-color .2s}.twitter-profile-link:hover{background:#1a94da}.recent-tweets{display:flex;flex-direction:column;gap:.75rem}.tweet-item{padding:.75rem;background:#1da1f21a;border-radius:4px}.tweet-text{margin:0 0 .5rem;font-size:.9rem;line-height:1.4}.tweet-metrics{display:flex;gap:1rem;font-size:.8rem;color:#666;margin-bottom:.25rem}.tweet-date{font-size:.8rem;color:#888}.psn-profile-link{display:inline-block;padding:.5rem 1rem;background:#006fcd;color:#fff;text-decoration:none;border-radius:4px;text-align:center;margin-top:1rem}.platform-stats .trophy-count{display:flex;gap:.5rem;align-items:center;justify-content:flex-end}.platform-stats .game-platform{font-size:.75rem;color:#666;background:#006fcd1a;padding:.25rem .5rem;border-radius:4px;margin-left:.5rem}.mobile-tabs-container{display:none;position:fixed;top:0;left:0;right:0;padding:.75rem;z-index:2500;background:#000000f2;border-bottom:1px solid rgba(102,192,244,.3)}.mobile-tabs{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.5rem;background:#66c0f41a;border:1px solid rgba(102,192,244,.2);border-radius:1rem;width:100%;max-width:100%}.tab-button{flex:1;display:flex;align-items:center;justify-content:center;padding:.5rem;border-radius:.75rem;background:transparent;color:#66c0f4;transition:all .3s ease;border:none;cursor:pointer;min-width:40px;min-height:40px}.tab-button.active{background:#66c0f433}.tab-button-content{display:flex;align-items:center;justify-content:center;gap:.5rem}.tab-icon{font-size:1.25rem}.tab-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;max-width:0;opacity:0;transition:all .3s ease}.tab-title.expanded{max-width:200px;opacity:1}.tab-separator{width:1px;height:24px;background:#66c0f44d;margin:0 .25rem}.connect-button,.platform-auth-button,button,a,input{pointer-events:auto!important;position:relative;z-index:2001}@media (max-width: 768px){.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;pointer-events:auto}.chat-bubble{position:fixed;top:var(--mobile-header-height, 60px);left:0;width:100%;height:calc(100% - var(--mobile-header-height, 60px) - var(--mobile-footer-height, 80px));max-width:none;margin:0;display:flex;flex-direction:column;border:none;border-radius:0;pointer-events:all;z-index:180}.mobile-panel .chat-bubble{position:relative;top:0;height:100%;z-index:10}.chat-bubble-content{flex:1;overflow-y:auto;padding:1rem;pointer-events:all;z-index:3600}.chat-bubble-content button,.chat-bubble-content a,.chat-bubble-content input,.chat-bubble-content .connect-button,.chat-bubble-content .platform-auth-button{pointer-events:all;position:relative;z-index:3700}.guardian-container{position:relative;width:100%;height:100%;display:flex;flex-direction:column;pointer-events:auto}.guardian-container .guardian-logo{display:none}.chat-bubble:before{display:none}.chat-bubble-collapse{position:absolute;top:50%;right:1rem;transform:translateY(-50%);background:#66c0f41a;border:1px solid rgba(102,192,244,.3);color:#66c0f4;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:3}.connect-button,.platform-auth-button{padding:1rem;margin:.5rem 0;min-height:44px}.platform-stats{padding:.5rem}.chat-bubble-close{position:absolute!important;top:1rem;right:1rem;width:40px;height:40px;background:transparent;border:1px solid rgba(102,192,244,.3);border-radius:4px;color:#66c0f4;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.2rem;transition:all .2s ease;z-index:3800!important;padding:0}.chat-bubble-close:hover,.chat-bubble-close:focus{background:#66c0f41a}.mobile-panel-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid rgba(102,192,244,.3);background:#000c}.mobile-panel-title{font-size:1.2rem;color:#66c0f4;font-weight:700;text-transform:uppercase}.mobile-platform-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;padding:1rem}.mobile-platform-item{background:#105ea833;border:1px solid rgba(102,192,244,.3);border-radius:8px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem}.mobile-platform-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#0000004d;border-radius:50%}.mobile-platform-name{font-size:.9rem;color:#66c0f4;text-align:center}.mobile-platform-status{font-size:.8rem;color:#999}@media (max-height: 500px) and (orientation: landscape){.chat-bubble{top:var(--mobile-header-height, 40px);height:calc(100% - var(--mobile-header-height, 40px) - var(--mobile-footer-height, 60px))}.mobile-platform-grid{grid-template-columns:repeat(3,1fr)}}}.score-counter{background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border, rgba(102, 192, 244, .3));border-radius:var(--radius-2xl, 24px);padding:var(--space-5, 1.25rem) var(--space-8, 2rem) var(--space-8, 2rem);box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0, 0, 0, .5), 0 0 20px rgba(102, 192, 244, .3));display:flex;flex-direction:column;align-items:center;gap:var(--space-6, 1.5rem);position:relative;overflow:hidden;z-index:var(--z-overlay, 1000);min-height:130px;min-width:220px}.score-counter:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary, #66c0f4),transparent)}.score-display{display:flex;gap:var(--space-1, 4px);height:48px;position:relative;margin-top:var(--space-2, 8px)}.digit-column{width:36px;height:100%;position:relative;overflow:hidden;background:#0006;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));box-shadow:inset 0 2px 4px #0000004d}.digit-scroll{position:absolute;top:0;left:0;width:100%;transition:transform var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.digit{height:48px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xl, 1.563rem);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4);text-shadow:0 0 12px var(--color-primary-glow, rgba(102, 192, 244, .3)),0 0 24px var(--color-primary-muted, rgba(102, 192, 244, .1))}.score-diff{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-semibold, 600);color:var(--color-success, #2ecc71);opacity:0;transform:translateY(10px);animation:fadeInUp .3s var(--ease-out, cubic-bezier(.16, 1, .3, 1)) forwards;text-shadow:0 0 10px var(--color-success-glow, rgba(46, 204, 113, .3))}.score-label{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-semibold, 600);letter-spacing:var(--tracking-widest, .15em);text-transform:uppercase;color:var(--color-text-secondary, rgba(255, 255, 255, .8));text-shadow:0 0 10px var(--color-primary-glow, rgba(102, 192, 244, .3));position:absolute;bottom:var(--space-4, 1rem)}.score-counter.large{min-width:320px;padding:var(--space-6, 1.5rem) var(--space-10, 2.5rem) var(--space-10, 2.5rem);margin-top:var(--space-4, 1rem)}.score-counter.large .score-display{height:64px}.score-counter.large .digit-column{width:44px}.score-counter.large .digit{height:64px;font-size:var(--text-2xl, 1.953rem)}.score-counter.large .score-label{font-size:var(--text-sm, .8rem);bottom:var(--space-5, 1.25rem)}.score-counter.animating .digit-scroll{transition:transform var(--duration-slow, .4s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.score-counter:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,var(--color-primary-subtle, rgba(102, 192, 244, .08)),transparent);transform:rotate(45deg);animation:shine 4s ease-in-out infinite;pointer-events:none}.score-counter .score-diff{position:absolute;top:calc(-1 * var(--space-5, 1.25rem));right:var(--space-4, 1rem);font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-semibold, 600);color:var(--color-success, #2ecc71);text-shadow:0 0 12px var(--color-success-glow, rgba(46, 204, 113, .5))}@media screen and (max-width: 767px){.score-counter{min-height:0;min-width:0;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem) var(--space-5, 1.25rem) var(--space-6, 1.5rem);border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-glow-md, 0 0 20px rgba(102, 192, 244, .3));margin-top:0}.score-display{height:40px}.digit-column{width:30px}.digit{height:40px;font-size:var(--text-lg, 1.25rem)}.score-label{font-size:var(--text-xs, .64rem);padding-top:0;margin-top:var(--space-1, .25rem);position:static;font-weight:var(--weight-bold, 700);letter-spacing:var(--tracking-wider, .1em)}.score-counter .score-diff{top:calc(-1 * var(--space-4, 1rem));right:var(--space-2, .5rem);font-size:var(--text-xs, .64rem)}}.leaderboard-container{position:fixed;right:var(--space-8, 2rem);top:var(--space-8, 2rem);background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border, rgba(102, 192, 244, .3));border-radius:var(--radius-xl, 16px);padding:var(--space-6, 1.5rem);box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0, 0, 0, .5), 0 0 20px rgba(102, 192, 244, .25));overflow:hidden;width:100%;max-width:520px;color:var(--color-text-primary, white);z-index:var(--z-dropdown, 100)}@media (max-width: 768px){.leaderboard-container{position:fixed;top:var(--space-4, 1rem);right:var(--space-4, 1rem);left:var(--space-4, 1rem);width:auto;max-width:none;padding:var(--space-4, 1rem)}.mobile-panel-content .leaderboard-container{position:relative;top:auto;right:auto;left:auto;margin:0;width:100%;padding:var(--space-3, .75rem);box-shadow:none}.leaderboard-table{-webkit-overflow-scrolling:touch;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary-hover, rgba(102, 192, 244, .5)) transparent}.leaderboard-rows{-webkit-overflow-scrolling:touch}}.platform-progress{margin-bottom:var(--space-6, 1.5rem)}.segments-container{display:flex;gap:3px;height:10px;width:100%;background:var(--color-primary-muted, rgba(102, 192, 244, .05));border-radius:var(--radius-full, 9999px);padding:3px;border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15))}.progress-segment{flex:1;height:100%;background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border-radius:var(--radius-full, 9999px);transition:all var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.progress-segment.active{background:var(--color-primary, #66c0f4);box-shadow:var(--shadow-glow-sm, 0 0 10px rgba(102, 192, 244, .5))}.progress-text{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-primary, #66c0f4);margin-top:var(--space-2, .5rem);text-align:right;opacity:.8}.leaderboard-header{text-align:center;margin-bottom:var(--space-6, 1.5rem)}.leaderboard-header h2{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xl, 1.563rem);font-weight:var(--weight-bold, 700);color:var(--color-primary, #66c0f4);text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em);margin:0;text-shadow:0 0 12px var(--color-primary-glow, rgba(102, 192, 244, .3)),0 0 24px var(--color-primary-muted, rgba(102, 192, 244, .1))}@media (max-width: 768px){.leaderboard-header h2{font-size:var(--text-lg, 1.25rem)}}.leaderboard-table{margin-bottom:var(--space-6, 1.5rem);max-height:300px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary-hover, rgba(102, 192, 244, .5)) transparent}.leaderboard-table::-webkit-scrollbar{width:6px}.leaderboard-table::-webkit-scrollbar-track{background:transparent}.leaderboard-table::-webkit-scrollbar-thumb{background:var(--color-primary-hover, rgba(102, 192, 244, .5));border-radius:var(--radius-full, 9999px)}.leaderboard-table::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong, rgba(102, 192, 244, .7))}.leaderboard-headers{position:sticky;top:0;background:var(--color-bg-secondary, rgba(0, 0, 0, .95));z-index:1;display:grid;grid-template-columns:60px minmax(0,1fr) 120px;padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-2, .5rem);font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-semibold, 600);letter-spacing:var(--tracking-wider, .1em);text-transform:uppercase;color:var(--color-text-secondary, rgba(255, 255, 255, .8))}@media (max-width: 768px){.leaderboard-headers{grid-template-columns:40px minmax(0,1fr) 80px;padding:var(--space-2, .5rem);font-size:var(--text-xs, .64rem)}}.leaderboard-row{display:grid;grid-template-columns:60px minmax(0,1fr) 120px;padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);margin-bottom:var(--space-1, .25rem);transition:var(--transition-colors, background-color .15s cubic-bezier(.4, 0, .2, 1));border:1px solid transparent}@media (max-width: 768px){.leaderboard-row{grid-template-columns:40px minmax(0,1fr) 80px;padding:var(--space-2, .5rem);font-size:var(--text-sm, .8rem)}}.leaderboard-row:hover{background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border-color:var(--color-border-subtle, rgba(102, 192, 244, .15))}.rank{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4)}.address{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-normal, 400);color:var(--color-text-secondary, rgba(255, 255, 255, .8));white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}@media (max-width: 768px){.address,.leaderboard-row.link-wallet .address{font-size:var(--text-xs, .64rem)}}.score{font-family:var(--font-mono, "JetBrains Mono", monospace);font-weight:var(--weight-semibold, 600);color:var(--color-text-primary, white)}.mint-section{background:var(--glass-bg-light, rgba(102, 192, 244, .08));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));border-radius:var(--radius-lg, 12px);padding:var(--space-6, 1.5rem);text-align:center}.mint-section h3{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-lg, 1.25rem);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4);margin:0;text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em);text-shadow:0 0 10px var(--color-primary-glow, rgba(102, 192, 244, .3))}.leaderboard-table:after{content:"";position:absolute;bottom:0;left:0;right:0;height:24px;background:linear-gradient(to top,var(--color-bg-primary, rgba(0, 0, 0, .9)),transparent);pointer-events:none}.leaderboard-separator{text-align:center;padding:var(--space-2, .5rem) 0;color:var(--color-text-muted, rgba(255, 255, 255, .4));font-weight:var(--weight-bold, 700);letter-spacing:var(--tracking-widest, .15em)}.leaderboard-row.current-user{background:var(--color-primary-hover, rgba(102, 192, 244, .15));border:1px solid var(--color-border, rgba(102, 192, 244, .3));box-shadow:inset 0 0 20px var(--color-primary-muted, rgba(102, 192, 244, .05))}.leaderboard-row.current-user:hover{background:var(--color-primary-hover, rgba(102, 192, 244, .2))}.leaderboard-row.link-wallet{background:#ff444426;border:1px solid rgba(255,68,68,.3)}.leaderboard-row.link-wallet:hover{background:#f443}@media (max-width: 480px){.leaderboard-container{top:var(--space-2, .5rem);right:var(--space-2, .5rem);left:var(--space-2, .5rem);padding:var(--space-3, .75rem);width:auto;max-width:100%}.mobile-panel-content .leaderboard-container{border-radius:var(--radius-md, 8px);max-width:100%;width:100%;position:relative;top:0;left:0;right:0}.leaderboard-container.small-screen .leaderboard-headers,.leaderboard-container.small-screen .leaderboard-row{grid-template-columns:30px minmax(0,1fr) 70px;padding:var(--space-2, .5rem) var(--space-1, .25rem)}.leaderboard-container.small-screen .address{font-size:var(--text-xs, .64rem);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.leaderboard-container.small-screen .rank,.leaderboard-container.small-screen .score{font-size:var(--text-xs, .64rem)}.leaderboard-table{max-height:250px;overflow-x:hidden}.platform-progress,.leaderboard-header{margin-bottom:var(--space-4, 1rem)}.mint-section{padding:var(--space-4, 1rem)}.mint-section h3{font-size:var(--text-base, 1rem)}}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal, 9999);animation:fadeIn var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.loading-container{background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur-heavy, 24px));-webkit-backdrop-filter:blur(var(--glass-blur-heavy, 24px));border:1px solid var(--color-border, rgba(102, 192, 244, .3));border-radius:var(--radius-xl, 16px);padding:var(--space-8, 2rem);box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0, 0, 0, .5), 0 0 20px rgba(102, 192, 244, .25));width:90%;max-width:480px;color:var(--color-text-primary, white);animation:slideUp var(--duration-slow, .4s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.loading-container h2{text-align:center;font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-lg, 1.25rem);font-weight:var(--weight-bold, 700);color:var(--color-primary, #66c0f4);margin-bottom:var(--space-8, 2rem);text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em);text-shadow:0 0 12px var(--color-primary-glow, rgba(102, 192, 244, .3)),0 0 24px var(--color-primary-muted, rgba(102, 192, 244, .1))}.loading-progress{margin-bottom:var(--space-6, 1.5rem)}.loading-status{text-align:center;margin-bottom:var(--space-6, 1.5rem);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .8rem);color:var(--color-text-secondary, rgba(255, 255, 255, .8));letter-spacing:var(--tracking-wide, .05em)}.connection-list{display:flex;flex-direction:column;gap:var(--space-2, .5rem)}.connection-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--color-primary-subtle, rgba(102, 192, 244, .08));border:1px solid transparent;border-radius:var(--radius-md, 8px);opacity:.5;transition:all var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1));width:100%}.connection-item.loaded{opacity:1;background:var(--color-primary-hover, rgba(102, 192, 244, .15));border-color:var(--color-border-subtle, rgba(102, 192, 244, .15));box-shadow:0 0 16px var(--color-primary-muted, rgba(102, 192, 244, .08))}.connection-name{font-family:var(--font-body, "Inter", sans-serif);font-weight:var(--weight-medium, 500);font-size:var(--text-sm, .8rem);color:var(--color-text-primary, white)}.connection-platform{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em);color:var(--color-text-tertiary, rgba(255, 255, 255, .6))}.connection-score{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-sm, .8rem);font-weight:var(--weight-semibold, 600);color:var(--color-success, #2ecc71);text-shadow:0 0 8px var(--color-success-glow, rgba(46, 204, 113, .3))}.connection-type{font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-semibold, 600);color:var(--color-primary, #66c0f4);text-transform:uppercase;letter-spacing:var(--tracking-wide, .05em)}.loading-screen .segments-container{display:flex;gap:3px;height:10px;width:100%;background:var(--color-primary-muted, rgba(102, 192, 244, .05));border-radius:var(--radius-full, 9999px);padding:3px;border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15))}.loading-screen .progress-segment{flex:1;height:100%;background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border-radius:var(--radius-full, 9999px);transition:all var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.loading-screen .progress-segment.active{background:var(--color-primary, #66c0f4);box-shadow:var(--shadow-glow-sm, 0 0 10px rgba(102, 192, 244, .5))}.loading-screen .progress-text{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-primary, #66c0f4);margin-top:var(--space-2, .5rem);text-align:right;opacity:.8}.chatbox-container{position:fixed;bottom:var(--space-8, 2rem);left:50%;transform:translate(-50%);width:90%;max-width:600px;height:400px;background:var(--glass-bg, rgba(10, 12, 18, .85));backdrop-filter:blur(var(--glass-blur, 16px));-webkit-backdrop-filter:blur(var(--glass-blur, 16px));border:1px solid var(--color-border, rgba(102, 192, 244, .3));border-radius:var(--radius-xl, 16px);box-shadow:var(--shadow-elevated, 0 8px 24px rgba(0, 0, 0, .5), 0 0 20px rgba(102, 192, 244, .2));display:flex;flex-direction:column;z-index:var(--z-overlay, 1001);transition:all var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1))}.chatbox-container:after{display:none}.chatbox-container.collapsed .chatbox-header:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,var(--color-primary-subtle, rgba(102, 192, 244, .08)),transparent);transform:rotate(45deg);animation:shine 4s ease-in-out infinite;z-index:0;pointer-events:none}.chatbox-container.collapsed{height:52px}.chatbox-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3, .75rem) var(--space-4, 1rem);background:var(--color-bg-elevated, rgba(10, 10, 14, .95));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));border-radius:var(--radius-lg, 12px);position:relative;overflow:hidden;z-index:1}.chatbox-header-left{display:flex;align-items:center;gap:var(--space-3, .75rem)}.chatbox-logo{width:28px;height:28px;display:flex;align-items:center;justify-content:center}.chatbox-logo img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px var(--color-primary-glow, rgba(102, 192, 244, .4)))}.chatbox-header:after{display:none}.chatbox-header:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary, #66c0f4),transparent);z-index:1}.chatbox-title{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-medium, 500);color:var(--color-text-secondary, rgba(255, 255, 255, .8));letter-spacing:var(--tracking-wide, .05em);position:relative;z-index:2;margin-left:var(--space-2, .5rem);transition:opacity var(--duration-normal, .25s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.collapse-button{background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .2));color:var(--color-primary, #66c0f4);cursor:pointer;padding:var(--space-1, .25rem);font-size:var(--text-base, 1rem);transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1));display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md, 8px);position:relative;z-index:2}.collapse-button:hover{background:var(--color-primary-hover, rgba(102, 192, 244, .2));border-color:var(--color-border, rgba(102, 192, 244, .3));transform:translateY(-1px);box-shadow:var(--shadow-glow-sm, 0 0 10px rgba(102, 192, 244, .3))}.collapse-button:active{transform:translateY(0)}.chatbox-content{flex:1;display:flex;flex-direction:column;min-height:0;position:relative;z-index:1;overflow:hidden}.chatbox-messages{flex:1;overflow-y:auto;padding:var(--space-4, 1rem);display:flex;flex-direction:column;gap:var(--space-3, .75rem);scrollbar-width:thin;scrollbar-color:var(--color-primary-hover, rgba(102, 192, 244, .5)) transparent}.message{max-width:80%;padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-lg, 12px);animation:messageSlideIn var(--duration-normal, .25s) var(--ease-out, cubic-bezier(.16, 1, .3, 1));position:relative;word-wrap:break-word;white-space:pre-wrap}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.message.user{align-self:flex-end;background:var(--color-primary-hover, rgba(102, 192, 244, .15));border:1px solid var(--color-border, rgba(102, 192, 244, .3));box-shadow:0 2px 12px var(--color-primary-muted, rgba(102, 192, 244, .1));border-bottom-right-radius:var(--radius-sm, 4px)}.message.ai{align-self:flex-start;background:var(--color-bg-elevated, rgba(10, 10, 14, .95));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));box-shadow:0 2px 12px #0000004d;max-width:85%;border-bottom-left-radius:var(--radius-sm, 4px)}.message-content{font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .8rem);font-weight:var(--weight-normal, 400);line-height:var(--leading-relaxed, 1.625);color:var(--color-text-primary, white);overflow-wrap:break-word;word-break:break-word;white-space:pre-wrap}.message-timestamp{font-family:var(--font-mono, "JetBrains Mono", monospace);font-size:var(--text-xs, .64rem);color:var(--color-text-muted, rgba(255, 255, 255, .4));margin-top:var(--space-1, .25rem)}.chatbox-input{flex:0 0 auto;display:flex;gap:var(--space-3, .75rem);padding:var(--space-4, 1rem);background:var(--color-bg-elevated, rgba(10, 10, 14, .95));border-top:1px solid var(--color-border-subtle, rgba(102, 192, 244, .15));position:relative}.chatbox-input:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-border, rgba(102, 192, 244, .3)),transparent)}.chatbox-input input{flex-grow:1;background:#00000080;border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .2));border-radius:var(--radius-lg, 12px);padding:var(--space-3, .75rem) var(--space-4, 1rem);font-family:var(--font-body, "Inter", sans-serif);font-size:var(--text-sm, .8rem);color:var(--color-text-primary, white);transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1))}.chatbox-input input::placeholder{color:var(--color-text-muted, rgba(255, 255, 255, .4))}.chatbox-input input:focus{outline:none;border-color:var(--color-primary, #66c0f4);box-shadow:0 0 0 3px var(--color-primary-muted, rgba(102, 192, 244, .1)),0 0 20px var(--color-primary-muted, rgba(102, 192, 244, .15))}.chatbox-input button{background:var(--color-button, #105ea8);color:var(--color-text-primary, white);border:1px solid var(--color-primary, #66c0f4);padding:var(--space-3, .75rem) var(--space-5, 1.25rem);border-radius:var(--radius-lg, 12px);cursor:pointer;transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1));font-family:var(--font-display, "Space Grotesk", sans-serif);font-size:var(--text-xs, .64rem);font-weight:var(--weight-semibold, 600);text-transform:uppercase;letter-spacing:var(--tracking-wider, .1em)}.chatbox-input button:hover:not(:disabled){background:var(--color-primary, #66c0f4);color:#000000e6;transform:translateY(-2px);box-shadow:0 4px 16px var(--color-primary-glow, rgba(102, 192, 244, .4))}.chatbox-input button:active:not(:disabled){transform:translateY(0)}.chatbox-input button:disabled{opacity:.5;cursor:not-allowed;transform:none}.loading-dots{display:flex;gap:var(--space-1, .25rem);padding:var(--space-2, .5rem);color:var(--color-primary, #66c0f4)}.loading-dots span{animation:bounce 1.2s var(--ease-in-out, cubic-bezier(.65, 0, .35, 1)) infinite}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.chatbox-messages::-webkit-scrollbar{width:6px}.chatbox-messages::-webkit-scrollbar-track{background:transparent}.chatbox-messages::-webkit-scrollbar-thumb{background:var(--color-primary-hover, rgba(102, 192, 244, .5));border-radius:var(--radius-full, 9999px)}.chatbox-messages::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong, rgba(102, 192, 244, .7))}.chatbox-content{transition:opacity var(--duration-fast, .15s) var(--ease-smooth, cubic-bezier(.4, 0, .2, 1))}.collapsed .chatbox-content{opacity:0;pointer-events:none}.chatbox-header-controls{display:flex;align-items:center;gap:var(--space-2, .5rem)}.fullscreen-button{display:none;background:var(--color-primary-subtle, rgba(102, 192, 244, .1));border:1px solid var(--color-border-subtle, rgba(102, 192, 244, .2));color:var(--color-primary, #66c0f4);cursor:pointer;padding:var(--space-1, .25rem);font-size:var(--text-base, 1rem);transition:var(--transition-all, all .25s cubic-bezier(.16, 1, .3, 1));align-items:center;justify-content:center;width:28px;height:28px;border-radius:var(--radius-md, 8px)}.fullscreen-button:hover{background:var(--color-primary-hover, rgba(102, 192, 244, .2));border-color:var(--color-border, rgba(102, 192, 244, .3));transform:translateY(-1px);box-shadow:var(--shadow-glow-sm, 0 0 10px rgba(102, 192, 244, .3))}@media (max-width: 768px){.chatbox-container{position:fixed;bottom:var(--mobile-footer-height, 80px);left:0;transform:none;width:100%;max-width:100%;border-radius:0;height:50vh;z-index:95;backdrop-filter:blur(var(--glass-blur-heavy, 24px));-webkit-backdrop-filter:blur(var(--glass-blur-heavy, 24px))}.chatbox-container.collapsed{height:52px;bottom:var(--mobile-footer-height, 80px)}.chatbox-container.fullscreen{height:calc(100vh - var(--mobile-header-height, 60px) - var(--mobile-footer-height, 80px));top:var(--mobile-header-height, 60px);bottom:var(--mobile-footer-height, 80px)}.chatbox-header{border-radius:0}.chatbox-title{font-size:var(--text-xs, .64rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:200px}.chatbox-header-controls{display:flex;gap:var(--space-2, .5rem)}.fullscreen-button{display:flex}.fullscreen-button,.collapse-button{width:32px;height:32px;min-width:32px}.chatbox-input{padding:var(--space-3, .75rem)}.chatbox-input input{font-size:var(--text-sm, .8rem)}.chatbox-input button{padding:var(--space-3, .75rem) var(--space-4, 1rem)}.message{max-width:90%}.message.ai{max-width:95%}.message-content{font-size:var(--text-sm, .8rem)}}@media (max-width: 480px){.chatbox-title{font-size:var(--text-xs, .64rem);max-width:150px}.chatbox-logo{width:22px;height:22px}.chatbox-input button{padding:var(--space-3, .75rem);font-size:var(--text-xs, .64rem)}}@media (max-height: 500px) and (orientation: landscape){.chatbox-container{bottom:var(--mobile-footer-height, 60px);height:40vh}.chatbox-container.collapsed{bottom:var(--mobile-footer-height, 60px)}.chatbox-container.fullscreen{height:calc(100vh - var(--mobile-header-height, 40px) - var(--mobile-footer-height, 60px));top:var(--mobile-header-height, 40px);bottom:var(--mobile-footer-height, 60px)}}.mobile-menu{display:flex;flex-direction:column;gap:16px;width:100%}.mobile-menu-item{background:#105ea84d;color:#66c0f4;border:1px solid #66c0f4;padding:16px;border-radius:8px;cursor:pointer;font-size:1rem;text-transform:uppercase;transition:all .2s ease;width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between}.mobile-menu-item:hover,.mobile-menu-item:focus{background:#66c0f433}.mobile-menu-item:after{content:"›";font-size:1.5rem;font-weight:700}.mobile-score{display:flex;align-items:center;max-width:60%;overflow:hidden}.mobile-score-centered{display:flex;align-items:center;justify-content:center;width:100%;position:relative}.mobile-panel{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;flex-direction:column;z-index:1000;transform:translate(100%);transition:transform .3s cubic-bezier(.16,1,.3,1),opacity .2s ease;visibility:hidden;opacity:.8}.mobile-panel.active{transform:translate(0);visibility:visible;opacity:1}.mobile-panel.closing{transform:translate(100%);opacity:0;visibility:visible;transition:transform .3s cubic-bezier(.36,0,.66,-.56),opacity .25s ease-in}.mobile-panel.closing .panel-header{transform:translateY(-10px);opacity:0;transition:transform .2s ease-in,opacity .15s ease-in}.mobile-panel.closing .back-button{transform:translate(-15px);opacity:0;transition:transform .15s ease-in,opacity .1s ease-in}.mobile-panel.closing .mobile-panel-content{transform:translateY(20px);opacity:0;transition:transform .25s ease-in,opacity .2s ease-in}.mobile-panel-content{flex:1;overflow-y:auto;overflow-x:hidden;position:relative;padding:0 16px 16px;transform:translateY(20px);opacity:0}.mobile-panel.active .mobile-panel-content{transform:translateY(0);opacity:1}.panel-header{display:flex;align-items:center;padding:16px;border-bottom:1px solid rgba(102,192,244,.3);margin-bottom:16px;background:#000000f2;position:sticky;top:0;z-index:10;transform:translateY(-10px);opacity:.9;transition:transform .3s ease .05s,opacity .3s ease .05s}.mobile-panel.active .panel-header{transform:translateY(0);opacity:1}.back-button{background:transparent;border:none;color:#66c0f4;display:flex;align-items:center;padding:0;margin-right:16px;cursor:pointer;min-width:24px;min-height:24px;transform:translate(-10px);opacity:0;transition:transform .3s ease .1s,opacity .3s ease .1s}.mobile-panel.active .back-button{transform:translate(0);opacity:1}.panel-title{color:#66c0f4;font-size:1.2rem;font-weight:700;text-transform:uppercase;margin:0}.connection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}.connection-grid-item{display:flex;flex-direction:column;align-items:center;text-align:center}.connection-icon{width:60px;height:60px;border-radius:50%;background:#0000004d;border:1px solid rgba(102,192,244,.5);display:flex;align-items:center;justify-content:center;margin-bottom:8px}.connection-icon img{width:32px;height:32px;object-fit:contain}.connection-label{font-size:.8rem;color:#66c0f4}.mobile-nav-button{width:auto;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:8px;padding:8px 16px;gap:6px}.mobile-nav-button:hover,.mobile-nav-button:focus{background:#66c0f41a}.nav-label{font-size:.7rem;color:#66c0f4;margin-top:4px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.message-bar{background:#000000b3;border:1px solid rgba(102,192,244,.3);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);padding:8px 16px;border-radius:20px;box-shadow:0 0 10px #00000080}.record-button{display:flex;align-items:center;justify-content:center;background:#000000b3;border:1px solid rgba(102,192,244,.3);border-radius:50%;width:50px;height:50px;cursor:pointer;transition:all .2s ease}@media screen and (min-width: 768px){.mobile-ui-container{display:none}}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", "Fira Code", monospace;--text-xs: .64rem;--text-sm: .8rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-4xl: 3.052rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--tracking-tight: -.02em;--tracking-normal: 0;--tracking-wide: .05em;--tracking-wider: .1em;--tracking-widest: .15em;--color-primary: #66c0f4;--color-primary-hover: rgba(102, 192, 244, .2);--color-primary-glow: rgba(102, 192, 244, .3);--color-primary-subtle: rgba(102, 192, 244, .1);--color-primary-muted: rgba(102, 192, 244, .05);--color-button: #105ea8;--color-button-hover: #1a7ad4;--color-bg-primary: rgba(0, 0, 0, .9);--color-bg-secondary: rgba(0, 0, 0, .95);--color-bg-overlay: rgba(0, 0, 0, .8);--color-bg-elevated: rgba(10, 10, 14, .95);--color-text-primary: #ffffff;--color-text-secondary: rgba(255, 255, 255, .8);--color-text-tertiary: rgba(255, 255, 255, .6);--color-text-muted: rgba(255, 255, 255, .4);--color-text-accent: var(--color-primary);--color-success: #2ecc71;--color-success-glow: rgba(46, 204, 113, .3);--color-error: #ff4444;--color-warning: #ffbb33;--color-border: rgba(102, 192, 244, .3);--color-border-subtle: rgba(102, 192, 244, .15);--color-border-strong: rgba(102, 192, 244, .5);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 8px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .6);--shadow-glow-sm: 0 0 10px var(--color-primary-glow);--shadow-glow-md: 0 0 20px var(--color-primary-glow);--shadow-glow-lg: 0 0 30px var(--color-primary-glow), 0 0 60px var(--color-primary-muted);--shadow-elevated: var(--shadow-lg), var(--shadow-glow-md);--glass-blur: 16px;--glass-blur-heavy: 24px;--glass-bg: rgba(10, 12, 18, .85);--glass-bg-light: rgba(102, 192, 244, .08);--glass-border: 1px solid var(--color-border);--glass-border-subtle: 1px solid var(--color-border-subtle);--duration-instant: 0ms;--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--duration-slower: .6s;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--transition-colors: color var(--duration-fast) var(--ease-smooth), background-color var(--duration-fast) var(--ease-smooth), border-color var(--duration-fast) var(--ease-smooth);--transition-transform: transform var(--duration-normal) var(--ease-out);--transition-opacity: opacity var(--duration-normal) var(--ease-smooth);--transition-all: all var(--duration-normal) var(--ease-out);--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 500;--z-overlay: 1000;--z-modal: 2000;--z-popover: 3000;--z-tooltip: 4000;--mobile-header-height: 60px;--mobile-footer-height: 80px}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);box-shadow:var(--shadow-elevated)}.glass-subtle{background:var(--glass-bg-light);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border-subtle)}.text-display{font-family:var(--font-display);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:var(--leading-tight)}.text-heading{font-family:var(--font-display);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-wide);line-height:var(--leading-snug);text-transform:uppercase}.text-body{font-family:var(--font-body);font-weight:var(--weight-normal);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}.text-mono{font-family:var(--font-mono);font-weight:var(--weight-medium);letter-spacing:var(--tracking-normal)}.text-glow{text-shadow:0 0 10px var(--color-primary-glow),0 0 20px var(--color-primary-muted)}.gradient-border-top:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent)}*{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background:#000;font-family:var(--font-body);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100vw;height:100vh}.app{position:relative;width:100vw;height:100vh;overflow:hidden}.overlay-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;overflow:hidden}.guardian-container{position:fixed;bottom:-5px;left:0;display:flex;align-items:flex-start;gap:0;transform-origin:bottom left;transform:scale(.6)}.guardian-logo{width:550px;height:550px;pointer-events:none;filter:drop-shadow(0 0 10px rgba(102,192,244,.3));margin-bottom:0;z-index:1;position:relative}.chat-bubble{position:absolute;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:var(--space-6) var(--space-8);color:var(--color-text-primary);pointer-events:auto;min-width:320px;max-width:400px;left:400px;top:-400px;z-index:2;overflow:hidden;width:100%;box-sizing:border-box}.chat-bubble:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;z-index:-1;pointer-events:none;background:linear-gradient(45deg,transparent,var(--color-primary-subtle),transparent);transform:rotate(45deg);animation:shine 4s ease-in-out infinite}.chat-bubble:before{content:"";position:absolute;bottom:40px;left:-10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid var(--glass-bg)}@keyframes shine{0%{transform:translate(-100%) rotate(45deg)}to{transform:translate(100%) rotate(45deg)}}.platform-message{text-align:center;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text-secondary);margin:0}.platform-info{text-align:left}.platform-info h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-primary);margin-bottom:var(--space-2);letter-spacing:var(--tracking-wide);text-shadow:0 0 10px var(--color-primary-glow)}.platform-info p{font-family:var(--font-body);font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--color-text-secondary);margin-bottom:var(--space-4)}.connect-button{background:var(--color-button);color:var(--color-text-primary);border:1px solid var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;pointer-events:auto;transition:var(--transition-all);margin-top:var(--space-4);width:100%;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.connect-button:hover{background:var(--color-primary);color:#000000e6;transform:translateY(-2px);box-shadow:0 6px 20px var(--color-primary-glow)}.connect-button:active{transform:translateY(0)}.connect-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.wallet-connect{display:flex;justify-content:center;width:100%}.wallet-info{background:var(--glass-bg-light);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-6);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));width:100%;max-width:24rem}.address-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin-bottom:var(--space-4)}.wallet-label{font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.address{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);opacity:.8}.explorer-link{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-primary);text-decoration:none;transition:var(--transition-opacity)}.explorer-link:hover{opacity:.7;text-decoration:underline}.disconnect-button{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-full);border:1px solid var(--color-border-subtle);background:var(--color-primary-subtle);color:var(--color-text-primary);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);transition:var(--transition-all);cursor:pointer}.disconnect-button:hover{background:var(--color-primary-hover);border-color:var(--color-border)}.disconnect-button svg{width:1rem;height:1rem}.platform-auth-button{background:var(--color-button);color:var(--color-text-primary);border:1px solid rgba(255,255,255,.1);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);cursor:pointer;transition:var(--transition-all);margin-top:var(--space-4);width:100%;font-family:var(--font-display);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wider)}.platform-auth-button.steam{background-color:#1b2838}.platform-auth-button.discord{background-color:#5865f2}.platform-auth-button.twitter{background-color:#1da1f2}.platform-auth-button.xbox{background-color:#107c10}.platform-auth-button.playstation{background-color:#006fcd}.platform-auth-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;filter:brightness(1.1)}.platform-auth-button:active{transform:translateY(0)}.platform-auth-button:disabled{opacity:.5;cursor:not-allowed;transform:none;filter:none}.wallet-status{display:flex;align-items:center;justify-content:space-around;gap:1rem}.wallet-status-flex{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:1rem}.platform-section{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-border-subtle)}.platform-info{animation:fadeIn var(--duration-normal) var(--ease-out)}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.platform-auth-button.connected{background-color:var(--color-success)!important;cursor:default;box-shadow:0 0 16px var(--color-success-glow)}.platform-auth-button.connected:hover{transform:none;box-shadow:0 0 16px var(--color-success-glow);filter:none}.platform-auth-container{display:flex;flex-direction:column;gap:var(--space-4);width:100%}.platform-stats{display:flex;flex-direction:column;gap:var(--space-4)}.stat-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) 0;border-bottom:1px solid var(--color-border-subtle)}.stat-item:last-child{border-bottom:none}.stat-label{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-tertiary)}.stat-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.platform-connections{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:1rem;margin:1rem 0;padding:1rem;background:#0003;border-radius:.5rem;border:1px solid rgba(102,192,244,.2);max-width:100%}.connection-item{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.5rem;border-radius:.25rem;transition:background-color .2s}.connection-item:hover{background:#ffffff1a}.connection-logo{width:32px;height:32px;opacity:.8;transition:opacity .2s;max-width:100%;object-fit:contain}.connection-logo:hover{opacity:1}.connection-name{font-size:.75rem;color:#fff;opacity:.8;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}@media (max-width: 1280px){.guardian-container{transform:scale(.5)}}@media (max-width: 768px){.guardian-container{transform:none}.chat-bubble{position:fixed;left:0;right:0;bottom:0;top:0;max-width:none;min-width:0;width:100%;height:100%;border-radius:12px;padding:1rem;transform:none;display:flex;flex-direction:column;pointer-events:auto}.chat-bubble.collapsed{display:none;height:60px;top:0;border-radius:12px 12px 0 0}.tw-connect-wallet{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3000;padding:1rem 2rem;font-size:1.1rem;min-width:200px;text-align:center}.chat-bubble-content:not(:has(.wallet-status)){display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:2rem 1rem}.chat-bubble-content:not(:has(.wallet-status)) .wallet-connect{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%}.chat-bubble-content:has(.wallet-status){padding:1rem}}@media (min-width: 1920px){.guardian-container{transform:scale(.8)}}.platform-features{list-style:none;margin:.5rem 0;padding:0}.platform-features li{color:#fff;font-size:.9rem;margin-bottom:.5rem;padding-left:1.2rem;position:relative}.platform-features li:before{content:"•";color:#d13639;position:absolute;left:0}.platform-auth-button.riotgames{background-color:#d13639;border:1px solid rgba(255,255,255,.2)}.platform-auth-button.riotgames:hover{background-color:#e14649}.ui-layer{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ui-layer>*{pointer-events:auto}.score-display{position:fixed;top:2rem;left:50%;transform:translate(-50%);z-index:1000;pointer-events:none}.score-display>*{pointer-events:auto}.leaderboard-wrapper{position:fixed;bottom:450px;right:2rem;transform:none;z-index:1000;pointer-events:auto}@media (max-width: 1200px){.leaderboard-wrapper{position:fixed;bottom:2rem;right:50%;transform:translate(50%)}}.rotation-hint{position:fixed;top:180px;left:42.5%;transform:translate(-50%);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-4) var(--space-6);color:var(--color-text-primary);display:flex;align-items:center;gap:var(--space-4);z-index:var(--z-overlay);box-shadow:var(--shadow-elevated);pointer-events:none;animation:hintFadeIn var(--duration-slow) var(--ease-out)}@keyframes hintFadeIn{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.rotation-hint span{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary)}.rotation-hint .hand-icon{color:var(--color-primary);font-size:var(--text-xl);animation:grab-animation 2.5s var(--ease-in-out) infinite;filter:drop-shadow(0 0 8px var(--color-primary-glow))}@keyframes grab-animation{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.platform-genres{margin-top:1rem}.genre-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.genre-tag{background:#1db9541a;color:#1db954;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem}.spotify-connect-btn{background:#1db954;color:#fff;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;margin:12px 0 20px;font-weight:500;align-self:flex-start}.spotify-connect-btn:hover{background:#1ed760}.spotify-stats-section{border-top:1px solid rgba(255,255,255,.1);padding-top:20px;margin-top:8px}.spotify-player{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.player-container{width:20rem;background-color:#12121a;border-radius:1rem;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a;border:1px solid rgba(30,144,255,.2);max-height:fit-content}.album-art-container{position:relative;width:100%;aspect-ratio:1}.album-art{width:100%;height:100%;object-fit:cover;filter:brightness(.75)}.player-controls-container{padding:1.5rem}.player-controls-container>*+*{margin-top:1rem}.progress-bar{position:relative;height:.375rem;background-color:#1e90ff1a;border-radius:9999px;overflow:hidden}.progress-bar-fill{position:absolute;top:0;left:0;height:100%;background-color:#1e90ff;transition:width .1s linear;box-shadow:0 0 10px #1e90ffb3}.controls-wrapper{display:flex;align-items:center;justify-content:space-between}.control-btn{color:#1e90ff;transition:color .15s}.control-btn:hover{color:#40a9ff}.control-btn.play-pause{padding:.5rem;border-radius:9999px;border:1px solid rgba(30,144,255,.2)}.control-btn.play-pause:hover{border-color:#1e90ff;box-shadow:0 0 15px #1e90ff80}.volume-control{display:flex;align-items:center;gap:.75rem}.time-display{color:#1e90ff;font-size:.875rem;font-family:monospace;text-align:center}.playlist-select{position:absolute;top:1rem;right:1rem;z-index:10;background-color:#12121a;color:#1e90ff;border:1px solid rgba(30,144,255,.2);border-radius:.25rem;padding:.25rem .5rem;font-size:.875rem}.volume-control input[type=range]{width:6rem;height:.375rem;background-color:#1e90ff1a;border-radius:9999px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.volume-control input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.75rem;height:.75rem;border-radius:9999px;background-color:#1e90ff;box-shadow:0 0 10px #1e90ffb3;cursor:pointer}.volume-control input[type=range]::-moz-range-thumb{width:.75rem;height:.75rem;border-radius:9999px;background-color:#1e90ff;box-shadow:0 0 10px #1e90ffb3;border:none;cursor:pointer}.tw-connect-wallet{border:1px solid var(--color-primary)!important;font-family:var(--font-display)!important;font-weight:var(--weight-semibold)!important;letter-spacing:var(--tracking-wide)!important;transition:var(--transition-all)!important}.tw-connect-wallet:hover{background-color:var(--color-primary)!important;color:#000000e6!important;box-shadow:0 6px 20px var(--color-primary-glow)!important}.chat-bubble-content{flex:1;overflow-y:auto;padding:var(--space-4);pointer-events:auto;scrollbar-width:thin;scrollbar-color:var(--color-primary-hover) transparent}.chat-bubble-content::-webkit-scrollbar{width:6px}.chat-bubble-content::-webkit-scrollbar-track{background:transparent}.chat-bubble-content::-webkit-scrollbar-thumb{background:var(--color-primary-hover);border-radius:var(--radius-full)}.chat-bubble-content::-webkit-scrollbar-thumb:hover{background:var(--color-border-strong)}:root{--mobile-header-height: 60px;--mobile-footer-height: 80px;--mobile-side-padding: 16px}@media screen and (max-width: 767px){.app{display:flex;flex-direction:column;height:100vh;width:100vw;overflow:hidden}.mobile-ui-container{position:absolute;top:0;left:0;width:100%;height:100dvh;display:flex;flex-direction:column;pointer-events:none;z-index:100}.mobile-header{height:var(--mobile-header-height);width:100%;padding:0 var(--mobile-side-padding);display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:150;pointer-events:auto;border-bottom:1px solid rgba(102,192,244,.2)}.mobile-content{flex:1;position:relative;overflow:hidden}.mobile-footer{height:var(--mobile-footer-height);width:100%;padding:0 var(--mobile-side-padding);display:flex;align-items:center;justify-content:space-around;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:150;pointer-events:auto;border-top:1px solid rgba(102,192,244,.2)}.mobile-nav-button{background:transparent;border:none;color:#66c0f4;font-size:1.5rem;padding:8px;cursor:pointer;pointer-events:auto;position:relative;z-index:5}.mobile-panel{position:absolute;top:var(--mobile-header-height);left:0;width:100%;height:calc(100% - var(--mobile-footer-height) - 28px);background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translate(100%);transition:transform .3s ease-in-out;z-index:200;overflow-y:auto;pointer-events:auto}.mobile-panel.active{transform:translate(0)}.mobile-panel-content{padding:16px;height:auto;overflow-y:auto}.score-display{position:static;top:auto;left:auto;transform:none;padding:0}.score-counter{transform:scale(.85);transform-origin:center center;margin:0 auto}.profile-panel{position:fixed;left:0;top:0;width:100%;height:100%;background-color:#000000b3;z-index:90}.leaderboard-container{width:100%;height:100%;max-width:none;padding:16px;overflow-y:auto}.leaderboard-table{width:100%}.guardian-container{display:none}.mobile-panel-content>*>.guardian-container{display:flex;padding-bottom:20px;padding-right:10px}.chat-bubble{position:absolute;left:10px;top:auto;width:calc(100% - 20px);max-width:none;min-width:0;z-index:90}.platform-connections{flex-wrap:wrap;justify-content:center;gap:8px}.mobile-menu-button{position:fixed;bottom:calc(var(--mobile-footer-height) + 10px);right:10px;width:50px;height:50px;border-radius:25px;background:#000000b3;border:1px solid #66c0f4;color:#66c0f4;display:flex;align-items:center;justify-content:center;z-index:95;pointer-events:auto;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.message-bar-container{position:fixed;bottom:calc(var(--mobile-footer-height) + 10px);width:100%;padding:0 16px;z-index:95;pointer-events:auto}.record-button-container{position:fixed;bottom:calc(var(--mobile-footer-height) + 10px);right:16px;z-index:160}.rotation-hint{left:25%;right:25%}.wallet-connect{display:block;width:fit-content}}@media screen and (min-width: 768px) and (max-width: 1023px){.score-counter{transform:scale(.8);transform-origin:center top}.guardian-container{transform:scale(.5)}.leaderboard-container{width:80%;max-width:500px}}@media screen and (max-height: 500px) and (orientation: landscape){.mobile-header{height:40px}.mobile-footer{height:60px}.guardian-container{transform:scale(.3)}.mobile-panel{top:40px;height:calc(100% - 100px)}.chat-bubble{bottom:140px}.score-counter{transform:scale(.65)}.message-bar-container{bottom:calc(var(--mobile-footer-height, 60px) + 5px)}}