.route-loading-skeleton{background:var(--background-color,#fff);min-height:100vh;padding:20px}.skeleton-header{background:linear-gradient(90deg, var(--skeleton-base,#e0e0e0) 25%, var(--skeleton-highlight,#f0f0f0) 50%, var(--skeleton-base,#e0e0e0) 75%);background-size:200% 100%;border-radius:4px;width:200px;height:32px;margin-bottom:24px;animation:1.5s infinite skeleton-shimmer}.skeleton-content{max-width:800px}.skeleton-line{background:linear-gradient(90deg, var(--skeleton-base,#e0e0e0) 25%, var(--skeleton-highlight,#f0f0f0) 50%, var(--skeleton-base,#e0e0e0) 75%);background-size:200% 100%;border-radius:4px;height:16px;margin-bottom:12px;animation:1.5s infinite skeleton-shimmer}.skeleton-line.short{width:60%}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.app-wrapper{width:100%}.nav-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:12px;gap:8px;max-width:800px;margin:0 auto 30px;padding:8px;display:flex}.nav-bar button{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:12px 24px;font-size:16px;font-weight:600;transition:all .2s}.nav-bar button:hover{background:#ffffff1a}.nav-bar button.active{color:#667eea;background:#fff;box-shadow:0 4px 12px #00000026}.app{width:100%}.card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d}h1{margin:0 0 8px;font-size:32px}.subtitle{color:#666;margin:0 0 32px;font-size:16px}.button-group{gap:12px;margin-bottom:24px;display:flex}.btn{cursor:pointer;border:none;border-radius:8px;flex:1;padding:14px 24px;font-size:16px;font-weight:600;transition:all .2s}.btn-narrow{max-width:120px}.btn-primary{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #667eea66}.btn-secondary{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-secondary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #f5576c66}.redeem-token-btn{overflow:hidden}.error{background:var(--color-surface);border:1px solid var(--color-error);color:var(--color-error);border-radius:8px;margin-bottom:24px;padding:16px}.error-help{color:#666;margin:8px 0 0;font-size:14px}.results{margin-top:32px}h2{margin:0 0 20px;font-size:24px}h3{margin:0 0 16px;font-size:18px}.time-display{background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-radius:12px;margin-bottom:24px;padding:24px}.time-item{justify-content:space-between;align-items:center;padding:12px 0;font-size:18px;display:flex}.time-item.highlight{background:#667eea1a;border-radius:8px;margin:0 -16px;padding:12px 16px}.time-item .label{color:#555;font-weight:600}.time-item .value{color:#667eea;font-family:Courier New,monospace;font-size:20px;font-weight:700}.stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-item{background:var(--color-surface);border-radius:var(--radius-sm);text-align:center;border:1px solid var(--color-divider);padding:20px}.stat-label{color:var(--color-onSurface);opacity:.7;margin-bottom:8px;font-size:14px;font-weight:500;display:block}.stat-value{color:var(--color-onSurface);font-family:Courier New,monospace;font-size:1.15rem;font-weight:700;display:block}.explanation{background:#f8f9fa;border-radius:12px;margin-bottom:32px;padding:24px}.explanation ol{margin:16px 0;padding-left:24px}.explanation li{margin:8px 0;line-height:1.6}.explanation code{background:#e9ecef;border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:14px}.explanation strong{color:#667eea}.note{background:#fff;border-left:4px solid #667eea;border-radius:8px;margin-top:16px;padding:16px;font-size:14px;line-height:1.6}.sync-history{background:#f8f9fa;border-radius:12px;padding:24px}.history-table{margin-top:16px}.history-header,.history-row{grid-template-columns:2fr 1fr 1fr;gap:16px;padding:12px;font-size:14px;display:grid}.history-header{color:#666;border-bottom:2px solid #dee2e6;font-weight:600}.history-row{border-bottom:1px solid #e9ecef;font-family:Courier New,monospace}.history-row:last-child{border-bottom:none}.welcome{text-align:center;background:linear-gradient(135deg,#667eea15 0%,#764ba215 100%);border-radius:12px;margin-top:24px;padding:32px}.welcome p{color:#555;margin:12px 0;font-size:16px;line-height:1.6}.s{aspect-ratio:1;background-image:url(/streak-sticker.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;display:inline-block}.s.st-xs{width:16px}.s.st-sm{width:24px}.s.st-md{width:36px}.s.st-lg{width:48px}@media (width<=768px),(height<=768px){.auto-collapse-mobile{max-height:500px;overflow:hidden}.auto-collapse-mobile.delay-collapse{max-height:0;padding-top:0;padding-bottom:0;transition:max-height 1s,padding 1s;overflow:hidden}.nv-c.main-navigation{margin:0!important;padding:0!important}.nv-c .nav-header-right,.nv-c .nav-logo-link{display:none}.nv-c .streak-counter{top:5px;left:5px;transform:unset!important}}@media (width<=600px){.card{padding:24px}h1{font-size:24px}.button-group{flex-direction:column}.stats{grid-template-columns:1fr}.history-header,.history-row{grid-template-columns:1fr;gap:4px}.history-header span:before,.history-row span:before{content:attr(data-label);margin-right:8px;font-weight:600}}.auth-container{background:var(--color-background);flex-direction:column;min-height:100vh;padding:20px;display:flex;overflow-y:auto}.auth-container>.auth-card{flex-direction:column;justify-content:center;margin:auto;display:flex}.auth-card{background:var(--color-surface);border-radius:var(--radius-md);width:100%;max-width:420px;box-shadow:var(--elevation-16);padding:40px}.auth-card form{max-height:2000px;transition:opacity .3s ease-out,max-height .3s ease-out;overflow:hidden}.auth-card form.fading-out{opacity:0;pointer-events:none;max-height:0;margin:0;padding:0}.auth-card h1{text-align:center;color:var(--color-primary);margin:0 0 5px;font-size:36px;font-weight:700}.auth-card .tagline{text-align:center;color:var(--color-primaryVariant);text-transform:uppercase;letter-spacing:2px;margin:0 0 20px;font-size:14px;font-weight:500}.auth-card h2{text-align:center;color:var(--color-onSurface);margin:0 0 30px;font-size:24px;font-weight:500}.form-group label{color:var(--color-onSurface);opacity:.8;margin-bottom:6px;font-size:14px;font-weight:500;display:block}.form-group input{border:2px solid var(--color-divider);border-radius:var(--radius-sm);box-sizing:border-box;background-color:var(--color-surface);width:100%;color:var(--color-onSurface);padding:12px;font-size:15px;transition:border-color .2s}.form-group input:focus{border-color:var(--color-primary);background-color:var(--color-surface);color:var(--color-onSurface);outline:none}.form-group input:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.5}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:14px;font-size:16px;font-weight:600;transition:all .2s;display:flex}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-onPrimary)}.auth-card .btn-primary{margin-bottom:20px}.btn-primary:hover:not(:disabled){background:var(--color-primaryVariant);box-shadow:var(--elevation-4);transform:translateY(-1px)}.btn-google{background:var(--color-surface);border:2px solid var(--color-divider);color:var(--color-onSurface);margin-top:16px}.btn-google:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary)}.btn-google svg{flex-shrink:0}.btn-facebook{background:var(--color-surface);border:2px solid var(--color-divider);color:var(--color-onSurface);margin-top:12px}.btn-facebook:hover:not(:disabled){background:var(--color-background);border-color:var(--color-primary)}.btn-facebook svg{flex-shrink:0}.divider{text-align:center;color:var(--color-disabled);margin:24px 0;font-size:13px;position:relative}.divider:before,.divider:after{content:"";background:var(--color-divider);width:40%;height:1px;position:absolute;top:50%}.divider:before{left:0}.divider:after{right:0}.error-message{background:var(--color-error);color:var(--color-onError);border-radius:var(--radius-sm);opacity:.9;margin-bottom:20px;padding:12px;font-size:14px}.info-message{color:#fff;border-radius:var(--radius-sm);background:#2196f3;margin-bottom:20px;padding:12px;font-size:14px}.info-message p{margin:8px 0 0}.auth-link{text-align:center;color:var(--color-onSurface);opacity:.8;margin-top:24px;font-size:14px}.auth-link a{color:var(--color-primary);font-weight:600;text-decoration:none}.auth-link a:hover{color:var(--color-primaryVariant);text-decoration:underline}.turnstile-container-wrapper{justify-content:center;margin-bottom:1rem;display:flex}.turnstile-widget-wrapper{position:relative}.turnstile-widget-wrapper.modal-mode{z-index:1001;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.turnstile-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background-color:#000000bf;position:fixed;inset:0}:root{--font-family:"Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", "Oxygen", "Ubuntu", sans-serif;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-xxl:48px;--radius-sm:0px;--radius-md:12px;--radius-lg:0px;--radius-round:50%;--elevation-1:0 1px 3px var(--color-shadow);--elevation-2:0 2px 6px var(--color-shadow);--elevation-4:0 4px 12px var(--color-shadow);--elevation-8:0 8px 24px var(--color-shadow);--elevation-16:0 16px 48px var(--color-shadow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html{height:100dvh}body{font-family:var(--font-family);background-color:var(--color-background);color:var(--color-onBackground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;line-height:1.6;overflow:hidden}#root{flex-direction:column;height:100%;display:flex;overflow:hidden}.btn{font-family:var(--font-family);letter-spacing:.75px;text-transform:uppercase;padding:10px var(--spacing-md);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;gap:var(--spacing-xs);border:none;min-width:64px;height:36px;font-size:14px;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.btn:hover{box-shadow:var(--elevation-2);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{background-color:var(--color-primary);color:var(--color-onPrimary)}.btn-primary:hover:not(:disabled){background-color:var(--color-primaryVariant)}.btn-secondary{background-color:var(--color-secondary);color:var(--color-onSecondary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-secondaryVariant)}.btn-surface{background-color:var(--color-surface);color:var(--color-onSurface);box-shadow:var(--elevation-1)}.btn-surface:hover:not(:disabled){background-color:var(--color-surface);box-shadow:var(--elevation-4)}.btn-text{color:var(--color-onSurface);box-shadow:none;opacity:.7;background-color:#0000}.btn-text:hover:not(:disabled){box-shadow:none;opacity:1;background-color:#00000014;transform:none}.btn-link{color:var(--color-primary);cursor:pointer;font-size:inherit;text-transform:none;letter-spacing:normal;box-shadow:none;background:0 0;border:none;padding:0;font-weight:500;text-decoration:underline}.btn-link:hover:not(:disabled){color:var(--color-primaryVariant);box-shadow:none;transform:none}.btn-sm{padding:8px var(--spacing-sm);min-width:48px;height:32px;font-size:12px}.btn-lg{padding:12px var(--spacing-lg);min-width:96px;height:44px;font-size:16px}.card{background-color:var(--color-surface);color:var(--color-onSurface);border-radius:var(--radius-md);box-shadow:var(--elevation-2);padding:var(--spacing-md);transition:box-shadow var(--transition-fast)}.card:hover{box-shadow:var(--elevation-4)}.card-clickable{cursor:pointer}.card-clickable:active{box-shadow:var(--elevation-8)}input,textarea,select{font-family:var(--font-family);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-divider);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-onSurface);transition:all var(--transition-fast);width:100%;font-size:16px}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);background-color:var(--color-surface);color:var(--color-onSurface);box-shadow:none;outline:none}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}label{margin-bottom:var(--spacing-xs);color:var(--color-onSurface);font-weight:500;display:block}hr{background-color:var(--color-divider);height:1px;margin:var(--spacing-md) 0;border:none}.text-primary{color:var(--color-primary)}.text-secondary{color:var(--color-secondary)}.text-error{color:var(--color-error)}.text-disabled{color:var(--color-disabled)}.error-message{background-color:var(--color-error);color:var(--color-onError);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;font-size:14px}.success-message{color:#fff;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);margin:var(--spacing-sm) 0;background-color:#4caf50;font-size:14px}.modal-overlay{z-index:1000;padding:var(--spacing-md);background-color:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface);color:var(--color-onSurface);border-radius:var(--radius-md);box-shadow:var(--elevation-16);padding:var(--spacing-lg);width:100%;max-width:500px;max-height:90vh;overflow-y:auto}.modal-content h2{margin-bottom:var(--spacing-md);color:var(--color-onSurface)}.modal-actions{gap:var(--spacing-sm);margin-top:var(--spacing-lg);justify-content:flex-end;display:flex}.modal-actions .btn{min-width:100px}.form-group{margin-bottom:var(--spacing-md)}.container{max-width:1200px;padding:var(--spacing-md);margin:0 auto}.loading{min-height:200px;color:var(--color-disabled);justify-content:center;align-items:center;display:flex}[data-theme=sixseven] body,[data-theme=sixseven] .btn,[data-theme=sixseven] input,[data-theme=sixseven] textarea,[data-theme=sixseven] select,[data-theme=sixseven] label,[data-theme=sixseven] h1,[data-theme=sixseven] h2,[data-theme=sixseven] h3,[data-theme=sixseven] h4,[data-theme=sixseven] h5,[data-theme=sixseven] h6,[data-theme=sixseven] p,[data-theme=sixseven] span{text-shadow:1px 0 #7a4fff,-1px 0 #4cffb3}.avatar-with-frame{display:inline-block;position:relative}.avatar-with-frame img{border-radius:50%;display:block}.avatar-frame{pointer-events:none;border-radius:50%;width:120%;height:120%;position:absolute;top:-10%;left:-10%}.avatar .frame-bronze{background:linear-gradient(135deg,#cd7f321a 0%,#8b45131a 100%);border-color:#0000;border-radius:50%;box-shadow:0 0 15px #cd7f3299,inset 0 0 15px #cd7f3266}.avatar .frame-silver{background:linear-gradient(135deg,#c0c0c026 0%,#a9a9a926 100%);border-color:#0000;border-radius:50%;box-shadow:0 0 15px #c0c0c0cc,inset 0 0 15px #c0c0c080}.avatar .frame-gold{background:linear-gradient(135deg,#ffd70033 0%,#daa52033 100%);border-color:#0000;border-radius:50%;animation:2s ease-in-out infinite gold-pulse;box-shadow:0 0 20px #ffd700cc,inset 0 0 20px #ffd70080}@keyframes gold-pulse{0%,to{box-shadow:0 0 20px #ffd700cc,inset 0 0 20px #ffd70080}50%{box-shadow:0 0 30px gold,inset 0 0 30px #ffd700b3}}.avatar .frame-platinum{background:linear-gradient(135deg,#e5e4e2bf,#d3d3d3bf,#e5e4e2bf);border-radius:50%;position:relative}.avatar .frame-platinum:after{content:"";mix-blend-mode:screen;background:linear-gradient(135deg,#fff0 40%,#fff9 50%,#fff0 60%);border-radius:50%;animation:3s linear infinite sweep;position:absolute;inset:0}@keyframes sweep{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar .frame-platinum:before{content:"";border-radius:50%;animation:3s linear infinite platinum-shimmer;position:absolute;inset:0;box-shadow:0 0 25px #e5e4e2e6,inset 0 0 25px #e5e4e299}@keyframes platinum-shimmer{0%{filter:hue-rotate();opacity:1}50%{filter:hue-rotate();opacity:.65}to{filter:hue-rotate(360deg);opacity:1}}.avatar .frame-animated-blue{background:conic-gradient(#4169e14d 0deg,#1e90ff4d 90deg,#87cefa4d 180deg,#1e90ff4d 270deg,#4169e14d 360deg);border-color:#0000;border-radius:50%;animation:4s linear infinite blue-rotate;box-shadow:0 0 25px #4169e1e6}@keyframes blue-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar .frame-animated-red{background:conic-gradient(#dc143c4d 0deg,#ff45004d 90deg,#ff63474d 180deg,#ff45004d 270deg,#dc143c4d 360deg);border-color:#0000;border-radius:50%;animation:3s linear infinite red-pulse-rotate;box-shadow:0 0 25px #dc143ce6}@keyframes red-pulse-rotate{0%{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.05)}to{transform:rotate(360deg)scale(1)}}.avatar .frame-animated-green{background:conic-gradient(#32cd324d 0deg,#228b224d 90deg,#7cfc004d 180deg,#228b224d 270deg,#32cd324d 360deg);border-color:#0000;border-radius:50%;animation:4s ease-in-out infinite green-wave;box-shadow:0 0 25px #32cd32e6}@keyframes green-wave{0%,to{filter:brightness();transform:rotate(0)}25%{filter:brightness(1.2);transform:rotate(90deg)}50%{filter:brightness();transform:rotate(180deg)}75%{filter:brightness(1.2);transform:rotate(270deg)}}.avatar .frame-animated-yellow{background:conic-gradient(#ffff00e6 0deg,#f0e68ccc 90deg,#ffcd0fe6 180deg,#ffd766b3 270deg,#ffff32e6 360deg);border-color:#0000;border-radius:50%;animation:3s linear infinite yellow-sparkle;box-shadow:0 0 25px #ffd700e6}@keyframes yellow-sparkle{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}.avatar .frame-neon-pink{background:radial-gradient(circle,#f09 0%,#ff4db8 40%,#ff80cc 70%);border-radius:50%;animation:2.4s ease-in-out infinite neon-gas;box-shadow:0 0 15px #f09,0 0 35px #ff4db8,0 0 65px #ff80cc,0 0 95px #ff80cce6}.avatar .frame-neon-orange{background:radial-gradient(circle,#f60 0%,#ff8533 40%,#ffb380 70%);border-radius:50%;animation:2.4s ease-in-out infinite neon-gas;box-shadow:0 0 15px #f60,0 0 35px #ff8533,0 0 65px #ffb380,0 0 95px #ffb380e6}.avatar .frame-neon-purple{background:radial-gradient(circle,#c0f 0%,#d94dff 40%,#e699ff 70%);border-radius:50%;animation:2.4s ease-in-out infinite neon-gas;box-shadow:0 0 15px #c0f,0 0 35px #d94dff,0 0 65px #e699ff,0 0 95px #e699ffe6}.avatar .frame-neon-cyan{background:radial-gradient(circle,#00a8ff 0%,#00d4ff 40%,#66faff 70%);border-radius:50%;animation:2.4s ease-in-out infinite neon-gas;box-shadow:0 0 20px #00a8ff,0 0 45px #00d4ff,0 0 85px #66faff,0 0 120px #66fafff2}@keyframes neon-gas{0%,to{filter:brightness(1.1)saturate(1.4)}50%{filter:brightness(1.4)saturate(1.8)}}.avatar .frame-stardust{background:linear-gradient(135deg,#8a2be24d,#4b00824d);border-color:#0000;border-radius:50%;position:relative;overflow:visible;box-shadow:0 0 30px #8a2be2cc}.avatar .frame-stardust:before{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 11% 27%,#fff 0%,#0000 3%),radial-gradient(circle at 84% 20%,#fff 0%,#0000 3%),radial-gradient(circle at 40% 95%,#fff 0%,#0000 2%),radial-gradient(circle at 80% 85%,#fff 0%,#0000 4%),radial-gradient(circle at 15% 80%,#fff 0%,#0000 3%),radial-gradient(circle at 60% 2%,#fff 0%,#0000 5%);animation:.9s ease-in-out infinite stardust-flicker-1,2.1s ease-in-out infinite stardust-flicker-2,4.2s ease-in-out infinite stardust-flicker-3;position:absolute;inset:0}@keyframes stardust-flicker-1{0%,to{opacity:1;filter:brightness()}50%{opacity:.6;filter:brightness(1.4)}}@keyframes stardust-flicker-2{0%,to{opacity:1;filter:brightness()}40%{opacity:.7;filter:brightness(1.2)}}@keyframes stardust-flicker-3{0%,to{opacity:1;filter:brightness()}60%{opacity:.5;filter:brightness(1.5)}}.avatar .frame-shooting-star{background:linear-gradient(135deg,#8a2be24d,#4b00824d);border-color:#0000;border-radius:50%;animation:3s linear infinite shooting-star-orbit;overflow:hidden;box-shadow:0 0 30px #ffffffe6}.avatar .frame-shooting-star:before{content:"";background:linear-gradient(90deg,#0000,#fff,#0000);width:30%;height:3px;animation:3s linear infinite shooting-star-streak;position:absolute;top:20%;left:-30%}@keyframes shooting-star-orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shooting-star-streak{0%{top:8%;left:-30%}20%{top:12%;left:100%}21%{top:88%;left:100%}40%{top:92%;left:100%}60%{top:95%;left:-30%}61%{top:65%;left:-30%}80%{top:10%;left:-30%}to{top:8%;left:-30%}}.avatar .frame-flames{background:conic-gradient(#ff0 0deg,#ff8c0066 90deg,#ff450066 180deg,#f006 270deg,#ff0 360deg);border-color:#0000;border-radius:50%;animation:1.1s ease-in-out infinite flames-flicker;box-shadow:0 0 30px #ff4500e6}@keyframes flames-flicker{0%,to{filter:brightness();box-shadow:0 0 30px #ff4500e6}25%{filter:brightness(1.2);box-shadow:0 0 35px #ff8c00}50%{filter:brightness(1.1);box-shadow:0 0 40px red}75%{filter:brightness(1.2);box-shadow:0 0 35px #ff8c00}}.avatar .frame-moon{background:linear-gradient(#000,#00008b,#00f);border-color:#0000;border-radius:50%;position:relative;overflow:visible;box-shadow:0 0 25px #f0e68cb3}@property --orbit-angle{syntax:"<angle>";inherits:false;initial-value:0deg}@property --moon-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.avatar .frame-moon:before{content:"🌙";z-index:9;transform:translate(-50%, -50%) rotate(var(--orbit-angle)) translate(0, -92%) rotate(var(--moon-angle));transform-origin:50%;font-size:24px;animation:12s linear infinite moon-orbit,12s linear infinite moon-counter;position:absolute;top:50%;left:50%}.avatar-large .frame-moon:before{transform:translate(-50%, -50%) rotate(var(--orbit-angle)) translate(0, -80%) rotate(var(--moon-angle))!important;font-size:1.5rem!important}.avatar-medium .frame-moon:before{transform:translate(-50%, -50%) rotate(var(--orbit-angle)) translate(0, -85%) rotate(var(--moon-angle))!important;font-size:.8rem!important}.avatar-small .frame-moon:before{transform:translate(-50%, -50%) rotate(var(--orbit-angle)) translate(0, -50%) rotate(var(--moon-angle))!important;font-size:.6rem!important}@keyframes moon-orbit{to{--orbit-angle:360deg}}@keyframes moon-counter{to{--moon-angle:-360deg}}.avatar .frame-ouroborous{z-index:9;background-image:url(/ouroboros-frame.png);background-position:50%;background-repeat:no-repeat;background-size:cover;border-color:#0000;border-radius:50%;animation:15s linear infinite ouroboros-rotate;position:relative;overflow:visible;width:115%!important;height:115%!important}.avatar .frame-ouroborous:before{content:none}@keyframes ouroboros-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar .frame-betta{background:linear-gradient(135deg,#8a2be24d,#4b00824d);position:relative;overflow:visible}.avatar .frame-betta:before{content:"";pointer-events:none;z-index:8;background-color:#0000;background-image:radial-gradient(circle at 15% 90%,#ffffffe6 0%,#fff0 40%),radial-gradient(circle at 35% 80%,#ffffffeb 0%,#fff0 40%),radial-gradient(circle at 58% 88%,#ffffffd9 0%,#fff0 40%),radial-gradient(circle at 78% 85%,#fffffff2 0%,#fff0 40%);background-position:0 0,0 0,0 0,0 0;background-repeat:no-repeat;background-size:8px 8px,10px 10px,7px 7px,9px 9px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;animation:6s linear infinite betta-bubbles;position:absolute;inset:0}.avatar .frame-betta:after{content:"";pointer-events:none;z-index:9;transform-origin:50%;background-image:url(/betta.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:32%;height:33%;animation:20s linear infinite betta-swim;position:absolute;bottom:10%;left:0}@keyframes betta-swim{0%{left:0%;transform:translateY(0%)scaleX(-1)}10%{transform:translateY(-3%)scaleX(-1)}25%{transform:translateY(2%)scaleX(-1)}45%{left:68%;transform:translateY(-2%)scaleX(-1)}49.99%{left:70%;transform:translateY(0%)scaleX(-1)}50%{left:70%;transform:translateY(0%)scaleX(1)}55%{transform:translateY(-3%)scaleX(1)}75%{transform:translateY(2%)scaleX(1)}90%{left:2%;transform:translateY(-1%)scaleX(1)}to{left:0%;transform:translateY(0%)scaleX(1)}}@keyframes betta-bubbles{0%{opacity:.9;background-position:15% 90%,35% 80%,58% 88%,78% 85%}to{opacity:0;background-position:15% 30%,35% 20%,58% 28%,78% 25%}}.avatar .frame-sixseven{background:linear-gradient(135deg,#4b00824d,#8a2be24d);border-color:#0000;border-radius:50%;box-shadow:0 0 30px #4b0082e6}.avatar .frame-sixseven:before,.avatar .frame-sixseven:after{color:gold;text-shadow:0 0 10px #ffd700cc;font-size:1rem;font-weight:700;position:absolute}.avatar-small .frame-sixseven:before,.avatar-small .frame-sixseven:after{font-size:.7rem!important}.avatar .frame-sixseven:before{content:"6";transform-origin:50%;z-index:9;animation:4s linear infinite sixseven-orbit-6}.avatar .frame-sixseven:after{content:"7";transform-origin:50%;z-index:9;animation:4.5s linear infinite sixseven-orbit-7}@keyframes sixseven-orbit-6{0%{top:10%;left:50%;transform:translate(-50%,-50%)rotate(0)}25%{top:50%;left:100%;transform:translate(-50%,-50%)rotate(90deg)}50%{top:100%;left:50%;transform:translate(-50%,-50%)rotate(180deg)}75%{top:50%;left:10%;transform:translate(-50%,-50%)rotate(270deg)}to{top:10%;left:50%;transform:translate(-50%,-50%)rotate(360deg)}}@keyframes sixseven-orbit-7{0%{top:50%;left:100%;transform:translate(-50%,-50%)rotate(180deg)}25%{top:100%;left:50%;transform:translate(-50%,-50%)rotate(270deg)}50%{top:50%;left:10%;transform:translate(-50%,-50%)rotate(360deg)}75%{top:10%;left:50%;transform:translate(-50%,-50%)rotate(450deg)}to{top:50%;left:100%;transform:translate(-50%,-50%)rotate(540deg)}}.avatar .frame-thug-life{pointer-events:none;border-color:#0000;border-radius:50%}.avatar .frame-thug-life:before{content:"";z-index:1;background:conic-gradient(#000000e6 0deg,#1919194d 90deg,#000000e6 180deg,#1919194d 270deg,#000000e6 360deg);border-radius:50%;animation:1.9s ease-in-out infinite thug-flicker;position:absolute;inset:0;box-shadow:0 0 25px #000000e6}@keyframes thug-flicker{0%,to{opacity:1;filter:brightness()}50%{opacity:.6;filter:brightness(1.4)}}.avatar .frame-thug-life:after{content:"";pointer-events:none;z-index:9;background-image:url(/thug-life.svg);background-position:50%;background-repeat:no-repeat;background-size:70%;width:100%;height:80%;animation:7s ease-in-out infinite thugLifeEntrance;position:absolute;transform:translateY(-120%)}@keyframes thugLifeEntrance{0%{opacity:0;transform:translateY(-120%)}20%{opacity:1;transform:translateY(0%)}90%{opacity:1;transform:translateY(0%)}95%{opacity:0;transform:translateY(120%)}to{opacity:0;transform:translateY(-120%)}}.avatar .frame-googly-eyes{pointer-events:none;z-index:9;position:absolute;inset:0}.avatar .frame-googly-eyes:before{content:"";pointer-events:none;background:radial-gradient(circle,#fff 70%,#dcdcdc 100%) 30%/32% 100% no-repeat,radial-gradient(circle,#fff 70%,#dcdcdc 100%) 70%/32% 100% no-repeat;width:64%;height:32%;position:absolute;top:28%;left:18%}.avatar .frame-googly-eyes:after{content:"";pointer-events:none;background:radial-gradient(circle,#000 0 40%,#0000 41%) 30%/32% 100% no-repeat,radial-gradient(circle,#000 0 40%,#0000 41%) 70%/32% 100% no-repeat;width:64%;height:32%;animation:1.4s linear infinite googly-orbit;position:absolute;top:28%;left:18%}@keyframes googly-orbit{0%{background-position:30% 40%,70% 40%}25%{background-position:34%,66%}50%{background-position:30% 60%,70% 60%}75%{background-position:26%,74%}to{background-position:30% 40%,70% 40%}}.avatar .frame-zzzzz{background:linear-gradient(135deg,#19197033,#0000004d);border-color:#0000;border-radius:50%;position:relative;overflow:visible;box-shadow:0 0 20px #4682b499}.avatar .frame-zzzzz:before{content:"";z-index:9;pointer-events:none;background-image:url(/nightcap.svg);background-position:0 0;background-repeat:no-repeat;background-size:contain;width:90%;height:100%;position:absolute;top:-13%;right:-18%}.avatar .frame-zzzzz:after{content:"Zzz";color:#4682b4;text-shadow:0 0 8px #4682b4cc,0 0 4px #fff9;z-index:9;pointer-events:none;transform-origin:50%;background-color:#fff9;border-radius:40%;width:1.7rem;padding:0 3px;font-size:1.1rem;font-style:italic;font-weight:700;animation:5s ease-in-out infinite zzz-bubble-pulse;position:absolute;top:0;left:18%}.avatar-small .frame-zzzzz:after{background-color:#fff9;border-radius:40%;padding:0 3px;font-size:.3rem;top:0;left:15%}.avatar-medium .frame-zzzzz:after{background-color:#fff9;border-radius:40%;padding:0 3px;font-size:.7rem;top:0;left:15%}.avatar-large .frame-zzzzz:after{background-color:#fff9;border-radius:40%;width:1.5rem;padding:0 3px;font-size:.9rem;top:0;left:18%}@keyframes zzz-bubble-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.15)}}.avatar-frame.locked{filter:grayscale();opacity:.5;background:#0003;border:2px dashed #ffffff4d}@media (width<=768px){.avatar-frame.moon:before,.avatar-frame.ouroborous:before,.avatar-frame.sixseven:before,.avatar-frame.sixseven:after{font-size:20px}}