:root{--ultra-blue-deep: #0D1B4C;--ultra-blue-dark: #070E27;--ultra-blue-mid: #1A2F6E;--ultra-blue-bright: #1E90FF;--ultra-blue-glow: #4DA6FF;--ultra-gold: #D4AF37;--ultra-gold-light: #F0D060;--ultra-gold-dark: #A68B2A;--ultra-red: #8B0000;--ultra-red-bright: #CC2200;--ultra-green: #2E8B57;--ultra-text: #EAEAEA;--ultra-text-dim: #9CA3AF;--ultra-text-gold: #D4AF37;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;width:100%;overflow-x:hidden}body{font-family:Cormorant Garamond,Cinzel,Times New Roman,serif;background-color:var(--ultra-blue-dark);color:var(--ultra-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;user-select:none;-webkit-user-select:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--ultra-blue-dark)}::-webkit-scrollbar-thumb{background:var(--ultra-blue-mid);border-radius:2px}.onboarding{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-xl);text-align:center;background:radial-gradient(ellipse at center bottom,var(--ultra-blue-deep) 0%,var(--ultra-blue-dark) 70%)}.onboarding__emblem{font-size:64px;margin-bottom:var(--space-lg);filter:drop-shadow(0 0 20px var(--ultra-gold))}.onboarding__title{font-size:28px;font-weight:800;letter-spacing:6px;color:var(--ultra-gold);margin-bottom:var(--space-lg);text-shadow:0 0 20px rgba(212,175,55,.3)}.onboarding__text{font-size:16px;line-height:1.6;color:var(--ultra-text);margin-bottom:var(--space-md);max-width:320px}.onboarding__text--dim{color:var(--ultra-text-dim);font-size:14px}.onboarding__text--small{color:var(--ultra-red-bright);font-size:13px;font-weight:600}.onboarding__button{margin-top:var(--space-xl);padding:16px 48px;background:linear-gradient(135deg,var(--ultra-gold-dark),var(--ultra-gold));color:var(--ultra-blue-dark);border:none;border-radius:4px;font-size:16px;font-weight:800;letter-spacing:3px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #d4af374d}.onboarding__button:active{transform:scale(.96);box-shadow:0 0 30px #d4af3780}.onboarding__motto{margin-top:var(--space-xl);font-size:12px;letter-spacing:4px;color:var(--ultra-text-dim);text-transform:uppercase}.oath{position:relative;width:100%;margin-bottom:var(--space-xl);border-radius:12px;overflow:hidden}.oath__glow{position:absolute;inset:-2px;background:linear-gradient(135deg,var(--ultra-gold),var(--ultra-blue-bright),var(--ultra-gold));border-radius:14px;animation:oath-glow 3s ease-in-out infinite;z-index:0}@keyframes oath-glow{0%,to{opacity:.6}50%{opacity:1}}.oath__content{position:relative;z-index:1;background:linear-gradient(135deg,var(--ultra-blue-deep),#0A1535);border-radius:12px;padding:var(--space-xl) var(--space-lg);text-align:center}.oath__icon{font-size:40px;margin-bottom:var(--space-md);filter:drop-shadow(0 0 10px var(--ultra-gold))}.oath__title{font-family:Cormorant Garamond,Cinzel,serif;font-size:18px;font-weight:700;letter-spacing:2px;color:var(--ultra-gold);line-height:1.4;margin-bottom:var(--space-lg);text-shadow:0 0 15px rgba(212,175,55,.4)}.oath__buttons{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.oath__btn{flex:1;padding:14px 12px;border:none;border-radius:8px;font-family:Cormorant Garamond,Cinzel,serif;font-size:14px;font-weight:700;letter-spacing:1.5px;cursor:pointer;transition:all .2s ease}.oath__btn:active{transform:scale(.96)}.oath__btn--strong{background:linear-gradient(135deg,var(--ultra-gold-dark),var(--ultra-gold));color:var(--ultra-blue-dark);box-shadow:0 0 15px #d4af374d}.oath__btn--weak{background:#8b000066;color:var(--ultra-red-bright);border:1px solid rgba(139,0,0,.6)}.oath__warning{font-family:Cormorant Garamond,serif;font-size:12px;letter-spacing:3px;color:var(--ultra-text-dim);opacity:.5;text-transform:uppercase}.oath-result{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-radius:12px;margin-bottom:var(--space-xl)}.oath-result--strong{background:#2e8b5726;border:1px solid rgba(46,139,87,.3)}.oath-result--weak{background:#8b000026;border:1px solid rgba(139,0,0,.3)}.oath-result__icon{font-size:20px}.oath-result__text{font-family:Cormorant Garamond,serif;font-size:14px;font-weight:600;color:var(--ultra-text)}.oath-pending{text-align:center;padding:var(--space-md);margin-bottom:var(--space-lg)}.oath-pending__text{font-family:Cormorant Garamond,serif;font-size:13px;letter-spacing:2px;color:var(--ultra-text-dim);opacity:.6;text-transform:uppercase}.oath--retro .oath__glow{background:linear-gradient(135deg,var(--ultra-gold-dark),var(--ultra-blue-bright),var(--ultra-gold-dark))}.oath__back{display:block;margin:var(--space-md) auto 0;padding:var(--space-sm) var(--space-md);background:none;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:var(--ultra-text-dim);font-size:12px;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.oath__back:active{transform:scale(.96);border-color:var(--ultra-gold-dark);color:var(--ultra-gold)}.skull-badge{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:var(--space-md);margin-bottom:var(--space-xs)}.skull-badge__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:216px;height:216px;border-radius:50%;opacity:0;transition:opacity .5s}.skull-badge__img{width:288px;height:288px;max-width:85vw;object-fit:contain;margin-bottom:0;transition:transform .3s ease;animation:skull-float 4s ease-in-out infinite}@keyframes skull-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.skull-badge__rank{font-family:Cormorant Garamond,Cinzel,Times New Roman,serif;font-size:39px;font-weight:700;letter-spacing:4px;color:var(--ultra-gold);text-transform:uppercase;text-shadow:0 0 8px rgba(212,175,55,.3)}.skull-badge__xp{font-family:Cormorant Garamond,Cinzel,Times New Roman,serif;font-size:26px;color:var(--ultra-text-dim);margin-top:2px}.skull-badge--tier-1 .skull-badge__img{width:232px;height:232px;filter:drop-shadow(0 0 6px rgba(100,100,120,.3))}.skull-badge--tier-1 .skull-badge__rank{text-shadow:0 0 6px rgba(156,163,175,.3)}.skull-badge--tier-2 .skull-badge__img{width:272px;height:272px;filter:drop-shadow(0 0 12px rgba(212,175,55,.3))}.skull-badge--tier-2 .skull-badge__glow{opacity:1;width:272px;height:272px;background:radial-gradient(circle,rgba(212,175,55,.1) 0%,transparent 70%)}.skull-badge--tier-2 .skull-badge__rank{text-shadow:0 0 10px rgba(212,175,55,.4)}.skull-badge--tier-3 .skull-badge__img{width:324px;height:324px;filter:drop-shadow(0 0 15px rgba(212,175,55,.4))}.skull-badge--tier-3 .skull-badge__glow{opacity:1;width:324px;height:324px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,rgba(30,144,255,.05) 50%,transparent 70%)}.skull-badge--tier-3 .skull-badge__rank{text-shadow:0 0 12px rgba(212,175,55,.5)}.skull-badge--tier-4 .skull-badge__img{width:344px;height:344px;filter:drop-shadow(0 0 20px rgba(212,175,55,.5));animation:skull-float 4s ease-in-out infinite,skull-pulse-4 3s ease-in-out infinite}.skull-badge--tier-4 .skull-badge__glow{opacity:1;width:360px;height:360px;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,rgba(30,144,255,.08) 50%,transparent 70%)}.skull-badge--tier-4 .skull-badge__rank{text-shadow:0 0 15px rgba(212,175,55,.6)}@keyframes skull-pulse-4{0%,to{filter:drop-shadow(0 0 20px rgba(212,175,55,.5))}50%{filter:drop-shadow(0 0 30px rgba(212,175,55,.7))}}.skull-badge--tier-5 .skull-badge__img{width:360px;height:360px;filter:drop-shadow(0 0 25px rgba(212,175,55,.6));animation:skull-float 4s ease-in-out infinite,skull-pulse-5 2.5s ease-in-out infinite}.skull-badge--tier-5 .skull-badge__glow{opacity:1;width:396px;height:396px;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,rgba(139,0,0,.08) 40%,transparent 70%)}.skull-badge--tier-5 .skull-badge__rank{text-shadow:0 0 18px rgba(212,175,55,.7)}@keyframes skull-pulse-5{0%,to{filter:drop-shadow(0 0 25px rgba(212,175,55,.6))}50%{filter:drop-shadow(0 0 40px rgba(212,175,55,.9))}}.skull-badge--tier-6 .skull-badge__img{width:376px;height:376px;filter:drop-shadow(0 0 30px rgba(212,175,55,.7));animation:skull-float 4s ease-in-out infinite,skull-pulse-6 2s ease-in-out infinite}.skull-badge--tier-6 .skull-badge__glow{opacity:1;width:432px;height:432px;background:radial-gradient(circle,rgba(212,175,55,.25) 0%,rgba(139,0,0,.1) 40%,transparent 70%);animation:glow-rotate 6s linear infinite}.skull-badge--tier-6 .skull-badge__rank{font-size:44px;text-shadow:0 0 20px rgba(212,175,55,.8),0 0 40px rgba(212,175,55,.3)}@keyframes skull-pulse-6{0%,to{filter:drop-shadow(0 0 30px rgba(212,175,55,.7))}50%{filter:drop-shadow(0 0 50px rgba(212,175,55,1))}}@keyframes glow-rotate{0%{transform:translate(-50%,-55%) rotate(0)}to{transform:translate(-50%,-55%) rotate(360deg)}}.rankup-overlay{position:fixed;inset:0;z-index:1000;background:#000000d9;display:flex;align-items:center;justify-content:center;animation:rankup-fadein .3s ease}@keyframes rankup-fadein{0%{opacity:0}to{opacity:1}}.rankup{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--space-xl) var(--space-lg);text-align:center;max-width:340px;width:100%;animation:rankup-scale .5s cubic-bezier(.34,1.56,.64,1)}@keyframes rankup-scale{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.rankup__flash{position:absolute;top:0;left:50%;transform:translate(-50%);width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(212,175,55,.2) 0%,transparent 70%);animation:flash-pulse 2s ease-in-out infinite}@keyframes flash-pulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:1;transform:translate(-50%) scale(1.2)}}.rankup__label{font-size:13px;letter-spacing:6px;color:var(--ultra-gold);margin-bottom:var(--space-lg);text-shadow:0 0 20px rgba(212,175,55,.5);animation:label-glow 1.5s ease-in-out infinite}@keyframes label-glow{0%,to{text-shadow:0 0 20px rgba(212,175,55,.5)}50%{text-shadow:0 0 40px rgba(212,175,55,.8)}}.rankup .skull-badge{margin-bottom:var(--space-md)}.rankup .skull-badge__xp{display:none}.rankup__title{font-family:Cormorant Garamond,Cinzel,Times New Roman,serif;font-size:26px;font-weight:700;letter-spacing:4px;color:var(--ultra-gold);text-shadow:0 0 15px rgba(212,175,55,.5);margin-bottom:var(--space-lg)}.rankup__quote{font-size:14px;font-style:italic;color:var(--ultra-text);line-height:1.6;margin-bottom:var(--space-xl);opacity:.8;max-width:280px}.rankup__btn{padding:14px 40px;background:linear-gradient(135deg,var(--ultra-gold-dark),var(--ultra-gold));color:var(--ultra-blue-dark);border:none;border-radius:4px;font-size:14px;font-weight:800;letter-spacing:3px;cursor:pointer;transition:all .2s ease;box-shadow:0 0 20px #d4af374d}.rankup__btn:active{transform:scale(.96)}.day-strip{display:flex;gap:6px;overflow-x:auto;padding:var(--space-sm) var(--space-xs);margin-bottom:var(--space-lg);scrollbar-width:none;-webkit-overflow-scrolling:touch}.day-strip::-webkit-scrollbar{display:none}.day-strip__chip{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;width:44px;height:52px;border-radius:10px;border:1.5px solid rgba(255,255,255,.1);background:#ffffff08;cursor:pointer;position:relative;transition:all .2s ease}.day-strip__chip:active{transform:scale(.92)}.day-strip__day{font-size:16px;font-weight:700;color:var(--ultra-text);line-height:1}.day-strip__month{font-size:9px;font-weight:600;letter-spacing:.5px;color:var(--ultra-text-dim);margin-top:2px}.day-strip__chip--strong{border-color:var(--ultra-gold);background:#d4af371a}.day-strip__chip--strong .day-strip__day{color:var(--ultra-gold)}.day-strip__chip--weak{border-color:#8b000080;background:#8b00001a}.day-strip__chip--weak .day-strip__day{color:var(--ultra-red-bright);opacity:.6}.day-strip__chip--empty{border-style:dashed;border-color:var(--ultra-gold-dark);animation:chip-pulse 2.5s ease-in-out infinite}@keyframes chip-pulse{0%,to{border-color:#a68b2a4d}50%{border-color:#a68b2ab3}}.day-strip__chip--locked{border-color:#ffffff0d;background:#ffffff03;cursor:default;opacity:.4}.day-strip__chip--locked:active{transform:none}.day-strip__chip--today{border-color:var(--ultra-gold);box-shadow:0 0 8px #d4af374d}.day-strip__chip--today .day-strip__month{color:var(--ultra-gold)}.day-strip__chip--selected{transform:scale(1.08);box-shadow:0 0 12px #d4af3780;border-color:var(--ultra-gold-light)}.day-strip__chip--selected:active{transform:scale(1.02)}.day-strip__mark{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--ultra-green);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;line-height:1}.day-strip__mark--weak{background:var(--ultra-red)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:12px;padding:10px 16px;padding-bottom:max(10px,env(safe-area-inset-bottom));background:linear-gradient(180deg,#070e27d9,#070e27fa);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-top:1px solid rgba(26,47,110,.4);z-index:100}.bottom-nav__btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#1a2f6e4d;border:1px solid rgba(212,175,55,.25);border-radius:10px;color:var(--ultra-text-dim);font-family:Cormorant Garamond,Cinzel,serif;font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.bottom-nav__btn:active{transform:scale(.96);background:#1a2f6e80;border-color:var(--ultra-gold-dark);color:var(--ultra-gold)}.bottom-nav__icon{font-size:18px}.bottom-nav__label{text-transform:uppercase}.main{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:var(--space-md);padding-bottom:80px;background:linear-gradient(180deg,var(--ultra-blue-dark) 0%,var(--ultra-blue-deep) 100%)}.main--loading{justify-content:center}.main__loading-text{color:var(--ultra-text-dim);font-size:14px;letter-spacing:2px}.main__streak{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-lg)}.main__flame{font-size:48px;opacity:.3;transition:opacity .3s}.main__flame--active{opacity:1}.main__streak-count{font-family:Cormorant Garamond,Cinzel,serif;font-size:54px;font-weight:700;color:var(--ultra-gold)}.main__streak-label{font-family:Cormorant Garamond,Cinzel,serif;font-size:21px;color:var(--ultra-text-dim);align-self:flex-end;margin-bottom:8px}.main__skull-container{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xl)}.main__skull{font-size:80px;filter:drop-shadow(0 0 15px rgba(30,144,255,.3));margin-bottom:var(--space-sm)}.main__rank-name{font-size:18px;font-weight:700;letter-spacing:3px;color:var(--ultra-gold);text-transform:uppercase}.main__xp{font-size:13px;color:var(--ultra-text-dim);margin-top:var(--space-xs)}.main__tasks{width:100%;max-width:400px;margin-top:var(--space-md)}.main__tasks-title{font-family:Cormorant Garamond,Cinzel,serif;font-size:22px;font-weight:700;letter-spacing:3px;color:var(--ultra-text-dim);text-transform:uppercase;text-align:center;margin-bottom:var(--space-xs)}.main__tasks-subtitle{font-family:Cormorant Garamond,serif;font-size:18px;color:var(--ultra-text-dim);opacity:.5;text-align:center;margin-bottom:var(--space-md)}.main__task{display:flex;align-items:center;width:100%;padding:14px var(--space-md);margin-bottom:var(--space-sm);background:#1a2f6e4d;border:1px solid rgba(26,47,110,.5);border-radius:8px;color:var(--ultra-text);font-family:Cormorant Garamond,serif;font-size:17px;font-weight:600;cursor:pointer;transition:all .2s ease;text-align:left}.main__task:active{transform:scale(.98)}.main__task--done{background:#1a2f6e99;border-color:var(--ultra-gold-dark)}.main__task-icon{width:24px;margin-right:var(--space-sm);font-size:16px;flex-shrink:0;text-align:center}.main__task-label{flex:1}.main__task--done .main__task-label{color:var(--ultra-gold-light)}.main__task-check{width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:var(--ultra-gold);flex-shrink:0}.ranks-page{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-md);padding-bottom:var(--space-xl);background:linear-gradient(180deg,var(--ultra-blue-dark) 0%,var(--ultra-blue-deep) 100%)}.ranks-page__back{align-self:flex-start;padding:8px 16px;margin-bottom:var(--space-md);background:#1a2f6e4d;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:var(--ultra-gold);font-family:Cormorant Garamond,Cinzel,serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.ranks-page__back:active{transform:scale(.96);background:#1a2f6e80}.ranks-page__title{font-family:Cormorant Garamond,Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:3px;color:var(--ultra-gold);text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.3)}.ranks-page__subtitle{font-family:Cormorant Garamond,serif;font-size:16px;color:var(--ultra-text-dim);text-align:center;margin-bottom:var(--space-lg)}.ranks-page__list{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 auto}.ranks-page__item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;border:1px solid transparent;transition:all .3s}.ranks-page__item--locked{background:#0d1b4c4d;border-color:#1a2f6e4d;opacity:.45}.ranks-page__item--locked .ranks-page__skull{filter:grayscale(1) brightness(.4)}.ranks-page__item--passed{background:#1a2f6e4d;border-color:#d4af3740}.ranks-page__item--passed .ranks-page__skull{filter:drop-shadow(0 0 6px rgba(212,175,55,.4))}.ranks-page__item--current{background:#1a2f6e80;border-color:var(--ultra-gold);box-shadow:0 0 12px #d4af3733,inset 0 0 20px #d4af370d}.ranks-page__item--current .ranks-page__skull{filter:drop-shadow(0 0 10px rgba(212,175,55,.6))}.ranks-page__skull-wrap{flex-shrink:0;width:52px;height:52px;display:flex;align-items:center;justify-content:center}.ranks-page__skull{width:48px;height:48px;object-fit:contain;transition:filter .3s}.ranks-page__info{flex:1;min-width:0}.ranks-page__name{font-family:Cormorant Garamond,Cinzel,serif;font-size:18px;font-weight:700;color:var(--ultra-text);display:flex;align-items:center;gap:8px}.ranks-page__item--current .ranks-page__name{color:var(--ultra-gold)}.ranks-page__you{font-size:10px;letter-spacing:2px;padding:2px 8px;background:var(--ultra-gold);color:var(--ultra-blue-dark);border-radius:4px;font-weight:700}.ranks-page__xp-req{font-family:Cormorant Garamond,serif;font-size:13px;color:var(--ultra-text-dim);margin-top:2px}.ranks-page__desc{font-family:Cormorant Garamond,serif;font-size:14px;color:var(--ultra-text-dim);font-style:italic;margin-top:3px;opacity:.8}.ranks-page__item--locked .ranks-page__desc{opacity:.5}.ranks-page__progress{margin-top:6px;font-family:Cormorant Garamond,serif;font-size:13px;color:var(--ultra-gold-light);font-weight:600}.knowledge-page{display:flex;flex-direction:column;min-height:100vh;padding:var(--space-md);padding-bottom:var(--space-xl);background:linear-gradient(180deg,var(--ultra-blue-dark) 0%,var(--ultra-blue-deep) 100%)}.knowledge-page__back{align-self:flex-start;padding:8px 16px;margin-bottom:var(--space-md);background:#1a2f6e4d;border:1px solid rgba(212,175,55,.2);border-radius:8px;color:var(--ultra-gold);font-family:Cormorant Garamond,Cinzel,serif;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.knowledge-page__back:active{transform:scale(.96);background:#1a2f6e80}.knowledge-page__title{font-family:Cormorant Garamond,Cinzel,serif;font-size:28px;font-weight:700;letter-spacing:3px;color:var(--ultra-gold);text-transform:uppercase;text-align:center;text-shadow:0 0 10px rgba(212,175,55,.3);margin-bottom:var(--space-lg)}.knowledge-page__section{max-width:440px;width:100%;margin:0 auto var(--space-lg)}.knowledge-page__heading{font-family:Cormorant Garamond,Cinzel,serif;font-size:20px;font-weight:700;letter-spacing:2px;color:var(--ultra-gold);text-transform:uppercase;margin-bottom:var(--space-sm);text-shadow:0 0 6px rgba(212,175,55,.2)}.knowledge-page__section p{font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.6;color:var(--ultra-text);margin-bottom:var(--space-sm)}.knowledge-page__section strong{color:var(--ultra-gold-light)}.knowledge-page__list{list-style:none;padding:0;margin-bottom:var(--space-sm)}.knowledge-page__list li{font-family:Cormorant Garamond,serif;font-size:16px;line-height:1.6;color:var(--ultra-text);padding:4px 0 4px 20px;position:relative}.knowledge-page__list li:before{content:"⚙";position:absolute;left:0;font-size:12px;top:7px}