@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--sileo-spring-easing: linear( 0, .002 .6%, .007 1.2%, .015 1.8%, .026 2.4%, .041 3.1%, .06 3.8%, .108 5.3%, .157 6.6%, .214 8%, .467 13.7%, .577 16.3%, .631 17.7%, .682 19.1%, .73 20.5%, .771 21.8%, .808 23.1%, .844 24.5%, .874 25.8%, .903 27.2%, .928 28.6%, .952 30.1%, .972 31.6%, .988 33.1%, 1.01 35.7%, 1.025 38.5%, 1.034 41.6%, 1.038 45%, 1.035 50.1%, 1.012 64.2%, 1.003 73%, .999 83.7%, 1 );--sileo-duration: .6s;--sileo-height: 40px;--sileo-width: 350px;--sileo-state-success: oklch(.723 .219 142.136);--sileo-state-loading: oklch(.556 0 0);--sileo-state-error: oklch(.637 .237 25.331);--sileo-state-warning: oklch(.795 .184 86.047);--sileo-state-info: oklch(.685 .169 237.323);--sileo-state-action: oklch(.623 .214 259.815)}[data-sileo-toast]{position:relative;cursor:pointer;pointer-events:auto;touch-action:none;border:0;background:transparent;padding:0;width:var(--sileo-width);height:var(--_h, var(--sileo-height));opacity:0;transform:translateZ(0) scale(.95);transform-origin:center;contain:layout style;overflow:visible}[data-sileo-toast][data-state=loading]{cursor:default}[data-sileo-toast][data-ready=true]{opacity:1;transform:translateZ(0) scale(1);transition:transform calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),opacity calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-bottom calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),margin-top calc(var(--sileo-duration) * .66) var(--sileo-spring-easing),height var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){transform:translateY(6px) scale(.95)}[data-sileo-toast][data-ready=true][data-exiting=true]{opacity:0;pointer-events:none}[data-sileo-viewport][data-position^=top] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(-6px) scale(.95)}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast][data-ready=true][data-exiting=true]{transform:translateY(6px) scale(.95)}[data-sileo-canvas]{position:absolute;left:0;right:0;pointer-events:none;transform:translateZ(0);contain:layout style;overflow:visible}[data-sileo-canvas][data-edge=top]{bottom:0;transform:scaleY(-1) translateZ(0)}[data-sileo-canvas][data-edge=bottom]{top:0}[data-sileo-svg]{overflow:visible}[data-sileo-header]{position:absolute;z-index:20;display:flex;align-items:center;padding:.5rem;height:var(--sileo-height);overflow:hidden;left:var(--_px, 0px);transform:var(--_ht);max-width:var(--_pw)}[data-sileo-toast][data-ready=true] [data-sileo-header]{transition:transform var(--sileo-duration) var(--sileo-spring-easing),left var(--sileo-duration) var(--sileo-spring-easing),max-width var(--sileo-duration) var(--sileo-spring-easing)}[data-sileo-header][data-edge=top]{bottom:0}[data-sileo-header][data-edge=bottom]{top:0}[data-sileo-header-stack]{position:relative;display:inline-flex;align-items:center;height:100%}[data-sileo-header-inner]{display:flex;align-items:center;gap:.5rem;white-space:nowrap;opacity:1;filter:blur(0px);transform:translateZ(0)}[data-sileo-header-inner][data-layer=current]{position:relative;z-index:1;animation:sileo-header-enter var(--sileo-duration) var(--sileo-spring-easing) both}[data-sileo-header-inner][data-layer=current]:not(:only-child),[data-sileo-header-inner][data-exiting=true]{will-change:opacity,filter}[data-sileo-header-inner][data-layer=prev]{position:absolute;left:0;top:0;z-index:0;pointer-events:none}[data-sileo-header-inner][data-exiting=true]{animation:sileo-header-exit calc(var(--sileo-duration) * .7) ease forwards}[data-sileo-badge]{display:flex;height:24px;width:24px;flex-shrink:0;align-items:center;justify-content:center;padding:2px;box-sizing:border-box;border-radius:9999px;color:var(--sileo-tone, currentColor);background-color:var(--sileo-tone-bg, transparent)}[data-sileo-title]{font-size:.825rem;line-height:1rem;font-weight:500;text-transform:capitalize;color:var(--sileo-tone, currentColor)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state]{--_c: var(--sileo-state-success)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=loading]{--_c: var(--sileo-state-loading)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=error]{--_c: var(--sileo-state-error)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=warning]{--_c: var(--sileo-state-warning)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=info]{--_c: var(--sileo-state-info)}:is([data-sileo-badge],[data-sileo-title],[data-sileo-button])[data-state=action]{--_c: var(--sileo-state-action)}:is([data-sileo-badge],[data-sileo-title])[data-state]{--sileo-tone: var(--_c);--sileo-tone-bg: color-mix(in oklch, var(--_c) 20%, transparent)}[data-sileo-content]{position:absolute;left:0;z-index:10;width:100%;pointer-events:none;opacity:var(--_co, 0)}[data-sileo-content]:not([data-visible=true]){content-visibility:hidden}[data-sileo-toast][data-ready=true] [data-sileo-content]{transition:opacity calc(var(--sileo-duration) * .08) ease calc(var(--sileo-duration) * .04)}[data-sileo-content][data-edge=top]{top:0}[data-sileo-content][data-edge=bottom]{top:var(--sileo-height)}[data-sileo-content][data-visible=true]{pointer-events:auto}[data-sileo-toast][data-ready=true] [data-sileo-content][data-visible=true]{transition:opacity calc(var(--sileo-duration) * .6) ease calc(var(--sileo-duration) * .3)}[data-sileo-description]{width:100%;text-align:left;padding:1rem;font-size:.875rem;line-height:1.25rem;contain:layout style paint;content-visibility:auto}[data-sileo-button]{display:flex;align-items:center;justify-content:center;height:1.75rem;padding:0 .625rem;margin-top:.75rem;border-radius:9999px;border:0;font-size:.75rem;font-weight:500;cursor:pointer;color:var(--sileo-btn-color, currentColor);background-color:var(--sileo-btn-bg, transparent);transition:background-color .15s ease}[data-sileo-button]:hover{background-color:var(--sileo-btn-bg-hover, transparent)}[data-sileo-button][data-state]{--sileo-btn-color: var(--_c);--sileo-btn-bg: color-mix(in oklch, var(--_c) 15%, transparent);--sileo-btn-bg-hover: color-mix(in oklch, var(--_c) 25%, transparent)}[data-sileo-icon=spin]{animation:sileo-spin 1s linear infinite}@keyframes sileo-spin{to{transform:rotate(360deg)}}@keyframes sileo-header-enter{0%{opacity:0;filter:blur(6px)}to{opacity:1;filter:blur(0px)}}@keyframes sileo-header-exit{0%{opacity:1;filter:blur(0px)}to{opacity:0;filter:blur(6px)}}[data-sileo-viewport]{position:fixed;z-index:50;display:flex;gap:.75rem;padding:.75rem;pointer-events:none;max-width:calc(100vw - 1.5rem);contain:layout style}[data-sileo-viewport][data-position^=top] [data-sileo-toast]:not([data-ready=true]){margin-bottom:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=bottom] [data-sileo-toast]:not([data-ready=true]){margin-top:calc(-1 * (var(--sileo-height) + .75rem))}[data-sileo-viewport][data-position^=top]{top:0;flex-direction:column-reverse}[data-sileo-viewport][data-position^=bottom]{bottom:0;flex-direction:column}[data-sileo-viewport][data-position$=left]{left:0;align-items:flex-start}[data-sileo-viewport][data-position$=right]{right:0;align-items:flex-end}[data-sileo-viewport][data-position$=center]{left:50%;transform:translate(-50%);align-items:center}@media(prefers-reduced-motion:no-preference){[data-sileo-toast][data-ready=true]:hover,[data-sileo-toast][data-ready=true][data-exiting=true]{will-change:transform,opacity,height}}@media(prefers-reduced-motion:reduce){[data-sileo-viewport],[data-sileo-viewport] *,[data-sileo-viewport] *:before,[data-sileo-viewport] *:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms}}[data-sileo-viewport][data-theme=dark] [data-sileo-description]{color:#00000080}[data-sileo-viewport][data-theme=light] [data-sileo-description]{color:#ffffff80}.forgot-pw__message{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.95rem;line-height:y}.forgot-pw__success{background-color:rgba(var(--success-color-rgb, 46, 213, 115),.1);color:var(--success-color, #2ed573);padding:15px;border-radius:8px;border:1px solid rgba(var(--success-color-rgb, 46, 213, 115),.3);margin-bottom:20px;text-align:center;font-size:.95rem}.reset-pw__message{text-align:center;color:var(--text-secondary);margin-bottom:20px;font-size:.95rem}@keyframes breathe{0%,to{box-shadow:0 0 20px #00f0ff4d,0 0 40px #00f0ff1a;transform:scale(1)}50%{box-shadow:0 0 30px #00f0ff80,0 0 60px #00f0ff33;transform:scale(1.02)}}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes glow-pulse{0%,to{text-shadow:0 0 10px rgba(0,240,255,.5),0 0 20px rgba(0,240,255,.3)}50%{text-shadow:0 0 20px rgba(0,240,255,.8),0 0 40px rgba(0,240,255,.5),0 0 60px rgba(0,240,255,.3)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-right{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes badge-glow{0%,to{filter:drop-shadow(0 0 5px currentColor)}50%{filter:drop-shadow(0 0 15px currentColor)}}@keyframes tick{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.animate-slide-up{animation:slide-up .5s ease forwards}.animate-fade-in{animation:fade-in .3s ease forwards}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-breathe{animation:breathe 3s ease-in-out infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-float{animation:float 3s ease-in-out infinite}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes text-glow-pulse{0%,to{filter:drop-shadow(0 0 5px rgba(0,240,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(0,240,255,.8)) drop-shadow(0 0 30px rgba(255,0,170,.4))}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:Inter,Segoe UI,-apple-system,sans-serif;background:#0a0a0f;color:#fff;min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-track{background:#050508}body::-webkit-scrollbar-thumb{background:#606070;border-radius:3px}body::-webkit-scrollbar-thumb:hover{background:#a0a0b0}#root{min-height:100vh;display:flex;flex-direction:column}.app{display:flex;flex-direction:column;min-height:100vh;max-width:480px;margin:0 auto;width:100%;position:relative;padding-bottom:80px}@media(max-width:480px){.app{max-width:100%}}.page{display:flex;flex-direction:column;flex:1;padding:1.5rem;animation:slide-up .4s ease}.page__header{margin-bottom:2rem}.page__header h1{font-size:1.75rem;font-weight:700;margin-bottom:.25rem}.page__header h1 span{color:#00f0ff}.page__header p{color:#a0a0b0;font-size:.9rem}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:70px;background:#0a0a0ff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.05);z-index:100;display:flex;align-items:center;justify-content:center}.bottom-nav__container{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 1.5rem}.bottom-nav__item{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:.25rem;padding:.5rem;color:#606070;text-decoration:none;transition:all .3s ease;border-radius:12px;flex:1}.bottom-nav__item.nav-item-home{color:#00f0ff99}.bottom-nav__item.nav-item-home:hover{color:#00f0ffe6}.bottom-nav__item.nav-item-history{color:#f0a9}.bottom-nav__item.nav-item-history:hover{color:#ff00aae6}.bottom-nav__item.nav-item-panic{color:#f359}.bottom-nav__item.nav-item-panic:hover{color:#ff3355e6}.bottom-nav__item.nav-item-arena{color:#ffd70099}.bottom-nav__item.nav-item-arena:hover{color:#ffd700e6}.bottom-nav__item.nav-item-profile{color:#0f89}.bottom-nav__item.nav-item-profile:hover{color:#00ff88e6}.bottom-nav__item.active,.bottom-nav__item.active.nav-item-home{color:#00f0ff}.bottom-nav__item.active.nav-item-home .bottom-nav__icon{text-shadow:0 0 10px rgba(0,240,255,.5),0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1)}.bottom-nav__item.active.nav-item-history{color:#f0a}.bottom-nav__item.active.nav-item-history .bottom-nav__icon{text-shadow:0 0 10px rgba(255,0,170,.5),0 0 20px rgba(255,0,170,.3),0 0 40px rgba(255,0,170,.1)}.bottom-nav__item.active.nav-item-panic{color:#f35}.bottom-nav__item.active.nav-item-panic .bottom-nav__icon{text-shadow:0 0 10px rgba(255,51,85,.5),0 0 20px rgba(255,51,85,.3),0 0 40px rgba(255,51,85,.1);animation:glow-pulse 1.5s infinite}.bottom-nav__item.active.nav-item-arena{color:gold}.bottom-nav__item.active.nav-item-arena .bottom-nav__icon{text-shadow:0 0 10px rgba(255,215,0,.6)}.bottom-nav__item.active.nav-item-profile{color:#0f8}.bottom-nav__item.active.nav-item-profile .bottom-nav__icon{text-shadow:0 0 10px rgba(0,255,136,.5),0 0 20px rgba(0,255,136,.3),0 0 40px rgba(0,255,136,.1)}.bottom-nav__icon{font-size:1.4rem;transition:all .3s ease}.bottom-nav__label{font-size:.65rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home{flex-direction:column;display:flex;align-items:center;justify-content:center;flex:1;gap:2rem;text-align:center;padding-top:3rem}.home__welcome{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:-1rem;z-index:2}.home__welcome-label{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#00f0ff;text-transform:uppercase;letter-spacing:3px;opacity:.8;text-shadow:0 0 10px rgba(0,240,255,.4)}.home__welcome-username{font-family:Inter,sans-serif;font-size:2.5rem;font-weight:800;line-height:1.1;background:linear-gradient(180deg,#fff700,#ff8c00 45%,red);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 4px rgba(255,69,0,.8));animation:fire-pulse 2s ease-in-out infinite alternate;max-width:100%;overflow-wrap:break-word}@keyframes fire-pulse{0%{filter:drop-shadow(0 0 4px rgba(255,69,0,.6));transform:scale(1)}to{filter:drop-shadow(0 0 10px rgba(255,0,0,.9));transform:scale(1.02)}}.home__badge{position:relative;width:180px;height:180px;display:flex;align-items:center;justify-content:center;animation:float 4s ease-in-out infinite;margin:0 auto;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#ffffff1a,#ffffff05);box-shadow:0 0 30px #00f0ff33,inset 0 0 20px #ffffff0d;border:2px solid rgba(0,240,255,.3)}.home__badge svg,.home__badge img{width:85%;height:85%;object-fit:cover;border-radius:50%}.home__badge-label{font-size:1.5rem;font-weight:800;margin-top:1rem;text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#00f0ff,#f0a,#0f8,#00f0ff);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradient-shift 3s ease infinite,text-glow-pulse 2s ease-in-out infinite;text-shadow:0 0 30px rgba(0,240,255,.5)}.home__counter{display:flex;flex-direction:column;gap:1rem}.home__counter-label{font-size:.85rem;color:#a0a0b0;text-transform:uppercase;letter-spacing:2px}.home__counter-time{font-family:JetBrains Mono,Fira Code,monospace;font-size:3rem;font-weight:700;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5),0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1);animation:glow-pulse 3s ease-in-out infinite;letter-spacing:2px}@media(max-width:480px){.home__counter-time{font-size:2.5rem}}.home__status{font-size:1.1rem;color:#a0a0b0;font-weight:500}.home__actions{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:280px;margin-top:1.5rem}.home__actions-row{display:flex;gap:.5rem;width:100%}.home__btn-start{flex:1;min-width:0}.home__btn-calendar{display:flex;align-items:center;justify-content:center;width:52px;flex-shrink:0;border-radius:12px;padding:0;border:1px solid rgba(255,255,255,.15);background:#ffffff0f;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;pointer-events:auto}.home__btn-calendar:hover{background:#ffffff1f;border-color:#ffffff40}.home__btn-calendar:disabled{opacity:.5;pointer-events:none}.home__btn-calendar-img{width:26px;height:26px;object-fit:contain;pointer-events:none}.home__next-badge{margin-top:1rem;padding:.5rem 1rem;background:#ffffff08;border-radius:12px;font-size:.8rem;color:#606070}.home__next-badge strong{color:#00f0ff}.btn{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;gap:.5rem}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg,#00f0ff,#00a8b3);color:#0a0a0f;box-shadow:0 0 10px #00f0ff4d,0 0 20px #00f0ff33,0 0 40px #00f0ff1a}.btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #00f0ff80}.btn--primary:active:not(:disabled){transform:translateY(0)}.btn--success{background:linear-gradient(135deg,#0f8,#00b35f);color:#0a0a0f;box-shadow:0 0 10px #00ff884d,0 0 20px #0f83,0 0 40px #00ff881a;animation:pulse 2s ease-in-out infinite}.btn--success:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 0 30px #00ff8880;animation:none}.btn--danger{background:linear-gradient(135deg,#f35,#e60026);color:#fff;box-shadow:0 0 10px #ff33554d,0 0 20px #f353,0 0 40px #ff33551a}.btn--danger:hover:not(:disabled){animation:shake .5s ease-in-out}.btn--ghost{background:transparent;color:#a0a0b0;border:1px solid rgba(255,255,255,.1)}.btn--ghost:hover:not(:disabled){background:#ffffff0d;color:#fff}.btn--large{padding:1.5rem 2rem;font-size:1.1rem;border-radius:16px}.history__list{display:flex;flex-direction:column;gap:1rem}.history__card{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.history__card:hover{background:#1a1a25cc;transform:translateY(-2px)}.history__card{display:flex;align-items:center;gap:1.5rem;animation:slide-in-right .4s ease;animation-delay:calc(var(--index) * .1s);animation-fill-mode:backwards}.history__card-badge{flex-shrink:0;width:75px;height:75px;min-width:75px;min-height:75px;max-width:75px;max-height:75px;overflow:hidden;position:relative;border-radius:50%;padding:3px;background:linear-gradient(135deg,#f60,#f35,#f60);background-size:200% 200%;animation:badge-glow 3s ease infinite;box-shadow:0 0 15px #ff66004d,0 0 30px #f353}.history__card-badge-image{display:block;width:100%;height:100%;object-fit:contain;border-radius:50%;background:#050508}.history__card-badge-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:linear-gradient(135deg,#050508,#0a0a0f);border-radius:50%}.history__card-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.history__card-label{font-size:1.1rem;font-weight:700;color:#fff}.history__card-duration{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:600;color:#0f8}.history__card-date{font-size:.8rem;color:#606070;display:flex;align-items:center}.history__empty{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;color:#606070}.history__empty-icon{font-size:4rem;opacity:.3}.history__empty p{font-size:.95rem}.history__clear-btn{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#ff33551a;border:1px solid rgba(255,51,85,.3);color:#f35;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.history__clear-btn:hover{background:#f353;transform:scale(1.05)}.page__header-row{display:flex;align-items:center;justify-content:space-between;align-items:flex-start;width:100%;gap:1rem;margin-bottom:2rem}.page__header-row .page__header{margin-bottom:0}.modal-overlay{position:fixed;inset:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .2s ease}.modal{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.modal:hover{background:#1a1a25cc;transform:translateY(-2px)}.modal{position:relative;width:calc(100% - 4rem);max-width:360px;padding:2rem;text-align:center;animation:slide-up .3s ease}.modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:transparent;border:none;color:#606070;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.modal__close:hover{background:#ffffff1a;color:#fff}.modal__icon{font-size:3rem;margin-bottom:1rem}.modal__title{font-size:1.25rem;font-weight:700;color:#fff;margin-bottom:.5rem}.modal__message{font-size:.9rem;color:#a0a0b0;line-height:1.6;margin-bottom:2rem}.modal__actions{display:flex;align-items:center;justify-content:center;gap:1rem}.modal__actions .btn{flex:1;min-width:100px}.emergency{position:fixed;top:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:100vh;background:#0a0a0f;z-index:200;overflow:hidden}.emergency__header{position:absolute;top:0;left:0;right:0;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;z-index:10;background:linear-gradient(to bottom,rgba(0,0,0,.8),transparent)}.emergency__header h2{font-size:1.1rem;color:#f0a;font-weight:600}.emergency__close{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff1a;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease;border:none}.emergency__close:hover{background:#fff3}.emergency__videos{height:100%;overflow-y:scroll;scroll-snap-type:y mandatory}.emergency__videos::-webkit-scrollbar{display:none}.emergency__video-container{height:100vh;width:100%;scroll-snap-align:start;position:relative;display:flex;align-items:center;justify-content:center;background:#050508}.emergency__video-container iframe{width:100%;height:100%;border:none}.emergency__video-placeholder{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1rem;width:100%;height:100%;background:linear-gradient(135deg,#050508,#0a0a0f);color:#606070}.emergency__video-placeholder span{font-size:.9rem;text-align:center;padding:0 1.5rem;max-width:80%}.emergency__play-icon{font-size:4rem;color:#a0a0b0;opacity:.5}.emergency__thumbnail{width:100%;height:60%;object-fit:cover;opacity:.7}.emergency__loading,.emergency__error{flex-direction:column;display:flex;align-items:center;justify-content:center;height:100%;gap:1.5rem;padding:2rem;text-align:center}.emergency__loading p,.emergency__error p{color:#a0a0b0;font-size:1rem}.emergency__loading .loading__spinner{width:50px;height:50px;border-width:4px}.emergency__error p{color:#f35}.emergency__error .btn{margin-top:1rem}.emergency__controls{position:absolute;bottom:100px;right:1.5rem;display:flex;flex-direction:column;gap:1rem}.emergency__control-btn{display:flex;align-items:center;justify-content:center;width:50px;height:50px;border-radius:50%;background:#00000080;color:#fff;font-size:1.25rem;cursor:pointer;transition:all .3s ease;border:none}.emergency__control-btn:hover{background:#fff3}.emergency__control-btn.active{color:#f0a}.checkin__quote{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.checkin__quote:hover{background:#1a1a25cc;transform:translateY(-2px)}.checkin__quote{margin-bottom:2rem;text-align:center;padding:2rem}.checkin__quote-text{font-size:1.1rem;font-style:italic;color:#fff;line-height:1.7;margin-bottom:1rem}.checkin__quote-author{font-size:.85rem;color:#00f0ff;font-weight:500}.checkin__quote-refresh{margin-top:1rem;padding:.5rem 1rem;background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#a0a0b0;font-size:.85rem;cursor:pointer;transition:all .3s ease}.checkin__quote-refresh:hover{background:#ffffff0d;color:#fff}.checkin__mood{margin-bottom:2rem}.checkin__mood-label{font-size:.9rem;color:#a0a0b0;margin-bottom:1rem;text-align:center}.checkin__mood-options{display:flex;align-items:center;justify-content:center;gap:1.5rem}.checkin__mood-option{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1.5rem;border-radius:16px;background:#ffffff08;border:2px solid transparent;cursor:pointer;transition:all .3s ease;flex:1;max-width:100px}.checkin__mood-option:hover{background:#ffffff0f}.checkin__mood-option.selected{border-color:#00f0ff;background:#00f0ff1a}.checkin__mood-option.selected .checkin__mood-icon{transform:scale(1.2)}.checkin__mood-icon{font-size:2.5rem;transition:all .3s ease}.checkin__mood-text{font-size:.75rem;color:#a0a0b0;text-transform:uppercase;letter-spacing:.5px}.checkin__submit{width:100%}.checkin__success{flex-direction:column;display:flex;align-items:center;justify-content:center;gap:1rem;padding:3rem;text-align:center;animation:slide-up .4s ease}.checkin__success-icon{font-size:4rem;color:#0f8;animation:pulse 2s ease-in-out infinite}.checkin__success h3{font-size:1.5rem;color:#fff}.checkin__success p{color:#a0a0b0}.auth{flex-direction:column;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.auth__container{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.auth__container:hover{background:#1a1a25cc;transform:translateY(-2px)}.auth__container{width:100%;max-width:360px;padding:2rem}.auth__header{text-align:center;margin-bottom:2rem}.auth__header h1{font-size:1.75rem;margin-bottom:.5rem}.auth__header h1 span{color:#00f0ff}.auth__header p{color:#a0a0b0;font-size:.9rem}.auth__form{display:flex;flex-direction:column;gap:1rem}.auth__input-group{display:flex;flex-direction:column;gap:.25rem}.auth__input-group label{font-size:.85rem;color:#a0a0b0;font-weight:500}.auth__input-group input{width:100%;padding:1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease}.auth__input-group input:focus{outline:none;border-color:#00f0ff;box-shadow:0 0 0 2px #00f0ff33}.auth__input-group input::placeholder{color:#606070}.auth__error{background:#ff33551a;border:1px solid rgba(255,51,85,.3);color:#f35;padding:.5rem 1rem;border-radius:12px;font-size:.85rem;text-align:center}.auth__submit{width:100%;margin-top:.5rem}.auth__footer{text-align:center;margin-top:1.5rem;color:#a0a0b0;font-size:.9rem}.auth__footer a{color:#00f0ff;text-decoration:none;font-weight:500}.auth__footer a:hover{text-decoration:underline}.loading{display:flex;align-items:center;justify-content:center;padding:3rem}.loading__spinner{width:40px;height:40px;border:3px solid rgba(0,240,255,.2);border-top-color:#00f0ff;border-radius:50%;animation:spin .8s linear infinite}.progress-loader{position:fixed;inset:0;z-index:9999;background:#0a0a0f;display:flex;align-items:center;justify-content:center}.progress-loader__content{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding:2rem;width:100%;max-width:320px}.progress-loader__title{font-size:1.8rem;font-weight:800;letter-spacing:2px;text-transform:uppercase;white-space:nowrap;color:#00f0ff;text-shadow:0 0 10px rgba(0,240,255,.5),0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1);animation:glow-pulse 2s ease-in-out infinite}.progress-loader__subtitle{font-size:.85rem;color:#606070;letter-spacing:1px;transition:opacity .3s ease;min-height:1.4em}.progress-loader__subtitle--fading{opacity:0}.progress-loader__bar{width:100%}.progress-loader__percent{font-family:JetBrains Mono,Fira Code,monospace;font-size:1rem;font-weight:600;color:#ffffffe6;text-shadow:0 0 8px rgba(255,255,255,.4),0 0 20px rgba(255,255,255,.15);letter-spacing:1px}.toast{position:fixed;bottom:200px;left:50%;transform:translate(-50%);max-width:400px;width:calc(100% - 4rem);padding:1rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:500;text-align:center;z-index:300;animation:slide-up .3s ease}.toast--success{background:#00f0ff1f;border:1px solid rgba(0,240,255,.4);color:#00f0ff}.toast--error{background:#ff335526;border:1px solid rgba(255,51,85,.3);color:#f35}.logout-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,0,170,.3);border-radius:12px;color:#f0a;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.logout-btn svg{font-size:1.1rem;transition:transform .3s ease}.logout-btn span{transition:transform .3s ease}.logout-btn:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#f0a0,#ff00aa1a);opacity:0;transition:opacity .3s ease}.logout-btn:after{content:"";position:absolute;inset:-2px;background:linear-gradient(45deg,transparent,rgba(255,0,170,.5),transparent);border-radius:inherit;z-index:-1;opacity:0;transition:opacity .3s ease}.logout-btn:hover{background:#ff00aa26;border-color:#f0a9;color:#fff;box-shadow:0 0 20px #ff00aa4d,inset 0 0 15px #ff00aa1a;transform:translateY(-2px)}.logout-btn:hover:before{opacity:1}.logout-btn:hover:after{opacity:1;animation:border-glow 2s linear infinite}.logout-btn:hover svg{transform:translate(2px) rotate(-10deg)}.logout-btn:active{transform:translateY(0) scale(.98);box-shadow:0 0 10px #f0a6}.logout-btn:focus{outline:none;box-shadow:0 0 0 2px #ff00aa4d,0 0 20px #f0a3}@keyframes border-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.relapse-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fade-in .25s ease-out}.relapse-modal{position:relative;width:calc(100% - 4rem);max-width:380px;padding:2rem 1.5rem;background:linear-gradient(145deg,#191923f2,#0f0f14fa);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;text-align:center;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1)}.relapse-modal__close{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#606070;font-size:1.25rem;cursor:pointer;transition:all .3s ease}.relapse-modal__close:hover{background:#ffffff1a;color:#fff;transform:rotate(90deg)}.relapse-modal__icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 1.5rem;background:#ff660026;border-radius:50%;border:2px solid rgba(255,102,0,.3);animation:warning-pulse 2s ease-in-out infinite}.relapse-modal__icon svg{font-size:2.5rem;color:#f60}.relapse-modal__title{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:.5rem;letter-spacing:-.02em}.relapse-modal__message{font-size:.9rem;color:#a0a0b0;line-height:1.7;margin-bottom:2rem;padding:0 .5rem}.relapse-modal__actions{display:flex;flex-direction:column;gap:1rem}.relapse-modal__btn{display:flex;align-items:center;justify-content:center;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;gap:.5rem}.relapse-modal__btn:disabled{opacity:.5;cursor:not-allowed}.relapse-modal__btn{width:100%;padding:1rem 1.5rem;font-size:1rem;font-weight:600;border-radius:12px;transition:all .3s ease}.relapse-modal__btn--cancel{background:linear-gradient(135deg,#0f8,#00b35f);border:none;color:#0a0a0f;box-shadow:0 0 10px #00ff884d,0 0 20px #0f83,0 0 40px #00ff881a}.relapse-modal__btn--cancel:hover:not(:disabled){box-shadow:0 0 25px #0f86;transform:translateY(-2px)}.relapse-modal__btn--cancel:active:not(:disabled){transform:translateY(0)}.relapse-modal__btn--confirm{background:linear-gradient(135deg,#ff335526,#ff33550d);border:1px solid rgba(255,51,85,.4);color:#f35}.relapse-modal__btn--confirm:hover:not(:disabled){background:linear-gradient(135deg,#ff335540,#ff33551a);box-shadow:0 0 20px #ff33554d;transform:translateY(-2px)}.relapse-modal__btn--confirm:active:not(:disabled){transform:translateY(0)}.relapse-modal__btn--confirm:disabled{opacity:.6;cursor:not-allowed}@keyframes modal-pop{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes warning-pulse{0%,to{box-shadow:0 0 #f606}50%{box-shadow:0 0 0 15px #f600}}@keyframes badge-glow{0%{background-position:0% 50%;box-shadow:0 0 15px #ff66004d,0 0 30px #f353}50%{background-position:100% 50%;box-shadow:0 0 20px #f356,0 0 40px #ff66004d}to{background-position:0% 50%;box-shadow:0 0 15px #ff66004d,0 0 30px #f353}}.competition__lobby{display:flex;flex-direction:column;gap:1.5rem;animation:fade-in .3s ease-out}.competition__selection{display:flex;flex-direction:column;gap:1rem;width:100%;margin-top:1rem;flex:1}.competition__selection-card{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.competition__selection-card:hover{background:#1a1a25cc;transform:translateY(-2px)}.competition__selection-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;gap:1rem;text-align:center;cursor:pointer;transition:all .3s ease;border:1px solid rgba(96,96,112,.2);flex:1;min-height:200px;position:relative;overflow:hidden}.competition__selection-card .icon-wrapper{width:80px;height:80px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:#1a1a2580;transition:all .3s ease;margin-bottom:.5rem}.competition__selection-card h3{font-size:1.5rem;font-weight:700;margin:0}.competition__selection-card p{font-size:1rem;color:#606070;margin:0;line-height:1.4;max-width:80%}.competition__selection-card:hover{transform:scale(1.02);background:#1a1a25cc}.competition__selection-card:hover .icon-wrapper{transform:scale(1.1) rotate(5deg)}.competition__selection-card.create{border-color:#9945ff33}.competition__selection-card.create:hover{border-color:#9945ff99;box-shadow:0 10px 40px #9945ff33}.competition__selection-card.create:hover .icon-wrapper{background:#9945ff33;color:#9945ff;box-shadow:0 0 30px #9945ff4d}.competition__selection-card.create:hover h3{color:#9945ff}.competition__selection-card.join{border-color:#00f0ff33}.competition__selection-card.join:hover{border-color:#00f0ff99;box-shadow:0 10px 40px #00f0ff33}.competition__selection-card.join:hover .icon-wrapper{background:#00f0ff33;color:#00f0ff;box-shadow:0 0 30px #00f0ff4d}.competition__selection-card.join:hover h3{color:#00f0ff}.competition__selection-card:active{transform:scale(.98)}.competition__error{background:#ff33551a;border:1px solid rgba(255,51,85,.3);color:#f35;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem}.competition__card{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.competition__card:hover{background:#1a1a25cc;transform:translateY(-2px)}.competition__card{position:relative;max-width:400px;width:100%;margin:0 auto;padding:2rem}.competition__card-header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;margin-bottom:2rem}.competition__card-header h3{font-size:1.5rem;font-weight:700;margin:0;text-align:center;grid-column:2}.competition__card-header .btn-back{grid-column:1;background:#1a1a2580;border:1px solid rgba(96,96,112,.2);color:#606070;font-size:.9rem;cursor:pointer;padding:.25rem 1rem;border-radius:8px;transition:all .15s ease;font-weight:500;display:flex;align-items:center;gap:6px}.competition__card-header .btn-back:hover{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translate(-2px)}.competition__card form{display:flex;flex-direction:column;gap:1.5rem}.competition__card form .form-group .input{width:100%;padding:1rem 1.5rem;background:#05050899;border:2px solid rgba(96,96,112,.1);border-radius:16px;font-size:1.1rem;color:#fff;transition:all .3s ease;text-align:center;font-weight:500}.competition__card form .form-group .input::placeholder{color:#60607080}.competition__card form .form-group .input:focus{outline:none;border-color:#00f0ff;background:#050508e6;box-shadow:0 0 0 4px #00f0ff1a;transform:scale(1.02)}.competition__card form .btn{padding:1rem;font-size:1.1rem;border-radius:16px}.competition__divider{display:flex;align-items:center;justify-content:center;position:relative;padding:.5rem 0}.competition__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#60607033}.competition__divider span{background:#0a0a0f;padding:0 1rem;color:#606070;font-size:.85rem;position:relative;z-index:1}.competition__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;background:#12121a80;padding:1rem;border-radius:16px;border:1px solid rgba(0,240,255,.2)}.competition__room-info h2{font-size:1.25rem;margin-bottom:2px}.competition__code{font-size:.9rem;color:#606070;cursor:pointer;display:flex;align-items:center;gap:.5rem}.competition__code span{font-family:JetBrains Mono,Fira Code,monospace;color:#00f0ff;font-weight:600;letter-spacing:1px}.competition__code:hover{color:#fff}.competition__leaderboard{display:flex;flex-direction:column;gap:1rem}.leaderboard__list{display:flex;flex-direction:column;gap:.5rem}.leaderboard__card{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.leaderboard__card:hover{background:#1a1a25cc;transform:translateY(-2px)}.leaderboard__card{display:flex;align-items:center;gap:1rem;padding:1rem;transition:transform .15s ease}.leaderboard__card.active{border-color:#00f0ff80;background:#00f0ff0d;box-shadow:0 0 15px #00f0ff1a}.leaderboard__rank{font-size:1.1rem;font-weight:700;width:30px;text-align:center;color:#606070}.leaderboard__user{flex:1;display:flex;align-items:center;gap:1rem}.leaderboard__avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:#0a0a0f}.leaderboard__avatar .avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#9945ff,#2f27ce);color:#fff;font-weight:600}.leaderboard__details{display:flex;flex-direction:column;gap:2px}.leaderboard__name{font-weight:600;font-size:.95rem;display:flex;align-items:center;gap:6px}.leaderboard__name .host-tag{font-size:.65rem;background:#0f83;color:#0f8;padding:1px 6px;border-radius:4px;border:1px solid rgba(0,255,136,.3)}.leaderboard__badge-label{font-size:.75rem;color:#606070}.leaderboard__score{display:flex;flex-direction:column;align-items:flex-end}.leaderboard__score .score-value{font-family:JetBrains Mono,Fira Code,monospace;color:#0f8;font-weight:700;font-size:1.1rem}.leaderboard__score .score-label{font-size:.7rem;color:#606070;text-transform:uppercase}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100%;background:#0a0a0f;z-index:9999;position:fixed;top:0;left:0}.loader{width:100px;height:80px;border:5px solid #00f0ff;padding:0 10px;box-sizing:border-box;background:linear-gradient(#050508 0 0) 0 0/10px 30px,linear-gradient(#050508 0 0) 100% 0/10px 30px,radial-gradient(farthest-side,#050508 90%,#0000) 0 5px/10px 10px content-box,#00f0ff;background-repeat:no-repeat;animation:l3 2s infinite linear;box-shadow:0 0 20px #00f0ff66}@keyframes l3{25%{background-position:0 0,100% 100%,100% calc(100% - 5px)}50%{background-position:0 100%,100% 100%,0 calc(100% - 5px)}75%{background-position:0 100%,100% 0,100% 5px}}.competition-loader{width:100px;height:60px;outline:3px solid #00f0ff;background:radial-gradient(farthest-side,#f35 90%,#0000) 0 0/12px 12px no-repeat,radial-gradient(farthest-side,gold 90%,#0000) 0 0/12px 12px no-repeat,linear-gradient(#00f0ff 0 0) 50%/14px 100% no-repeat,conic-gradient(from 90deg at 14px 14px,#0000 90deg,#00f0ff 0),conic-gradient(from -90deg at 86px 46px,#0000 90deg,#00f0ff 0);animation:l9 2s infinite;box-shadow:0 0 20px #00f0ff66}@keyframes l9{0%{background-position:50% 100%,0 0,50%}12.5%{background-position:0 100%,50% 0,50%}25%{background-position:0 0,50% 100%,50%}37.5%{background-position:50% 0,100% 100%,50%}50%{background-position:50% 100%,100% 0,50%}62.5%{background-position:100% 100%,50% 0,50%}75%{background-position:100% 0,50% 100%,50%}82.5%{background-position:50% 0,0 100%,50%}to{background-position:50% 100%,0 0,50%}}.modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.open{opacity:1;visibility:visible}.modal-content{background:#141419f2;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:16px;width:90%;max-width:400px;text-align:center;position:relative;transform:scale(.9) translateY(20px);transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 20px 50px #00000080}.modal-content.open{transform:scale(1) translateY(0)}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;color:#606070;font-size:1.5rem;cursor:pointer;transition:color .2s}.modal-close:hover{color:#fff}.modal-icon{font-size:3rem;margin-bottom:1rem}.modal-icon.danger{color:#f35;filter:drop-shadow(0 0 10px rgba(255,51,85,.4))}.modal-icon.warning{color:gold;filter:drop-shadow(0 0 10px rgba(255,215,0,.4))}.modal-title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:#fff}.modal-message{color:#a0a0b0;margin-bottom:2rem;line-height:1.5}.modal-actions{display:flex;gap:1rem;justify-content:center}.modal-actions button{flex:1}.profile{gap:1.5rem}.profile__stats-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.profile__stat-box{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.profile__stat-box:hover{background:#1a1a25cc;transform:translateY(-2px)}.profile__stat-box{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem 1rem;text-align:center;gap:.5rem;border:1px solid rgba(0,240,255,.15);transition:all .3s ease}.profile__stat-box:hover{border-color:#00f0ff59;transform:translateY(-2px)}.profile__stat-icon-wrapper{position:absolute;top:-10px;right:10px}.profile__crown-icon{font-size:1.1rem;filter:drop-shadow(0 0 6px rgba(255,215,0,.7))}.profile__stat-content h3{font-size:1.6rem;font-weight:800;color:#00f0ff;font-family:JetBrains Mono,Fira Code,monospace;text-shadow:0 0 10px rgba(0,240,255,.5),0 0 20px rgba(0,240,255,.3),0 0 40px rgba(0,240,255,.1)}.profile__stat-content p{font-size:.75rem;color:#606070;text-transform:uppercase;letter-spacing:1px;margin-top:.25rem}.profile__arena-stats{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%}.profile__arena-stat{background:#12121ab3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1.5rem;transition:all .3s ease}.profile__arena-stat:hover{background:#1a1a25cc;transform:translateY(-2px)}.profile__arena-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:1rem;border:1px solid rgba(255,215,0,.15);transition:all .3s ease;text-align:center}.profile__arena-stat:hover{border-color:#ffd70059;transform:translateY(-2px)}.profile__arena-icon{font-size:1.5rem;color:gold;filter:drop-shadow(0 0 6px rgba(255,215,0,.5));flex-shrink:0}.profile__arena-text h4{font-size:.7rem;color:#606070;text-transform:uppercase;letter-spacing:1px;margin-bottom:.15rem}.profile__arena-text p{font-size:1.5rem;font-weight:700;font-family:JetBrains Mono,Fira Code,monospace;color:gold}.profile__medal-icon{width:1.4rem;height:1.4rem;object-fit:contain;filter:drop-shadow(0 0 6px rgba(255,180,0,.7))}.profile__edit-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.95rem}.edit-profile{gap:1.5rem}.edit-profile .page__header-row{justify-content:flex-start}.edit-profile__container{display:flex;flex-direction:column;width:100%;gap:1rem;flex:1}.edit-profile__tile{border-radius:16px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);transform:perspective(800px) rotateX(0);box-shadow:0 4px 12px #0003}.edit-profile__tile:hover{border-color:#ffffff26;box-shadow:0 6px 20px #0000004d;transform:perspective(800px) rotateX(-1deg) translateY(-2px)}.edit-profile__tile--open{border-color:#00f0ff4d;box-shadow:0 8px 28px #0000004d,0 0 0 1px #00f0ff1a}.edit-profile__tile--open .edit-profile__tile-arrow{transform:rotate(180deg)}.edit-profile__tile--open .edit-profile__tile-icon{color:#00f0ff}.edit-profile__tile-header{display:flex;align-items:center;gap:1rem;padding:1.5rem;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s}.edit-profile__tile-header:hover{background:#ffffff05}.edit-profile__tile-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;background:#00f0ff14;color:#a0a0b0;font-size:1.2rem;transition:all .3s;flex-shrink:0}.edit-profile__tile-icon--feedback{background:#ffd70014;color:gold}.edit-profile__tile-title{flex:1;font-size:1rem;font-weight:600;color:#fff}.edit-profile__tile-arrow{font-size:1.1rem;color:#606070;transition:transform .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.edit-profile__tile-body{padding:0 1.5rem 1.5rem;display:flex;flex-direction:column;gap:1rem;animation:tile-expand .25s ease}.edit-profile__feedback-text{font-size:.9rem;color:#a0a0b0;line-height:1.6}.edit-profile__danger-zone{margin-top:auto;padding-top:1.5rem;border-top:1px solid rgba(255,51,85,.15)}@keyframes tile-expand{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.input-group{display:flex;flex-direction:column;gap:.25rem;text-align:left}.input-group label{font-size:.8rem;color:#a0a0b0;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:1rem 1.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;font-size:1rem;font-family:Inter,Segoe UI,-apple-system,sans-serif;transition:all .3s ease;outline:none}.input-group input::placeholder{color:#606070}.input-group input:focus{border-color:#00f0ff80;background:#00f0ff08;box-shadow:0 0 0 2px #00f0ff1a}.btn--icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#a0a0b0;font-size:1.25rem;cursor:pointer;transition:all .3s ease;flex-shrink:0}.btn--icon:hover{background:#ffffff1f;color:#fff}.headstart-modal-overlay{position:fixed;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:210;animation:fade-in .25s ease-out}.headstart-modal{position:relative;width:calc(100% - 4rem);max-width:400px;padding:2rem 1.5rem;background:linear-gradient(145deg,#191923f2,#0f0f14fa);border:1px solid rgba(255,255,255,.08);border-radius:24px;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;animation:modal-pop .35s cubic-bezier(.34,1.56,.64,1);text-align:center}.headstart-modal__title{font-size:1.35rem;font-weight:700;color:#fff;margin-bottom:1rem;letter-spacing:-.02em;text-align:center}.headstart-modal__body{display:flex;flex-direction:column;gap:1rem;text-align:left}.headstart-modal__actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1rem}.headstart-modal__desc{font-size:.85rem;color:#a0a0b0;line-height:1.5}.headstart-modal__date-input{width:100%;padding:.5rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;color:#fff;font-size:1rem;font-family:JetBrains Mono,Fira Code,monospace;outline:none;transition:border-color .3s ease}.headstart-modal__date-input:focus{border-color:#00f0ff}.headstart-modal__date-input::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}.headstart-modal__hour-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:240px;overflow-y:auto}.headstart-modal__hour-btn{padding:8px 4px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:#ffffff08;color:#a0a0b0;font-size:.75rem;font-family:JetBrains Mono,Fira Code,monospace;cursor:pointer;transition:all .15s ease}.headstart-modal__hour-btn:hover{background:#00f0ff1a;border-color:#00f0ff4d;color:#fff}.headstart-modal__hour-btn--active{background:#00f0ff33;border-color:#00f0ff;color:#00f0ff;font-weight:600;box-shadow:0 0 8px #00f0ff33}.headstart-tag{display:inline-flex;align-items:center;gap:1px;margin-left:.5rem;padding:2px 6px 2px 4px;border-radius:4px;background:#ffd7001f;border:1px solid rgba(255,215,0,.25);color:gold;font-size:.65rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;vertical-align:middle}.headstart-tag--compact{font-size:.6rem;padding:1px 6px;margin-left:0;margin-bottom:2px}