: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:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-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-size:18px;font-weight:800;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-size:13px;font-weight:800;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-size:11px;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-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-size:13px;letter-spacing:2px;color:var(--ultra-text-dim);opacity:.6;text-transform:uppercase}.skull-badge{position:relative;display:flex;flex-direction:column;align-items:center;margin-bottom:var(--space-xl)}.skull-badge__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-55%);width:120px;height:120px;border-radius:50%;opacity:0;transition:opacity .5s}.skull-badge__img{width:140px;height:140px;object-fit:contain;margin-bottom:var(--space-sm);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-size:18px;font-weight:700;letter-spacing:3px;color:var(--ultra-gold);text-transform:uppercase}.skull-badge__xp{font-size:13px;color:var(--ultra-text-dim);margin-top:var(--space-xs)}.skull-badge--tier-1 .skull-badge__img{filter:drop-shadow(0 0 5px rgba(100,100,120,.3))}.skull-badge--tier-2 .skull-badge__img{filter:drop-shadow(0 0 10px rgba(26,47,110,.4))}.skull-badge--tier-2 .skull-badge__glow{opacity:1;background:radial-gradient(circle,rgba(26,47,110,.15) 0%,transparent 70%)}.skull-badge--tier-3 .skull-badge__img{width:160px;height:160px;filter:drop-shadow(0 0 15px rgba(30,144,255,.3))}.skull-badge--tier-3 .skull-badge__glow{opacity:1;width:160px;height:160px;background:radial-gradient(circle,rgba(30,144,255,.12) 0%,transparent 70%)}.skull-badge--tier-4 .skull-badge__img{width:170px;height:170px;filter:drop-shadow(0 0 20px rgba(30,144,255,.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:180px;height:180px;background:radial-gradient(circle,rgba(30,144,255,.2) 0%,rgba(212,175,55,.05) 50%,transparent 70%)}@keyframes skull-pulse-4{0%,to{filter:drop-shadow(0 0 20px rgba(30,144,255,.5))}50%{filter:drop-shadow(0 0 30px rgba(30,144,255,.7))}}.skull-badge--tier-5 .skull-badge__img{width:190px;height:190px;filter:drop-shadow(0 0 25px rgba(30,144,255,.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:220px;height:220px;background:radial-gradient(circle,rgba(212,175,55,.15) 0%,rgba(30,144,255,.1) 40%,transparent 70%);animation:glow-rotate 6s linear infinite}.skull-badge--tier-5 .skull-badge__rank{text-shadow:0 0 15px rgba(212,175,55,.5)}@keyframes skull-pulse-5{0%,to{filter:drop-shadow(0 0 25px rgba(30,144,255,.6))}50%{filter:drop-shadow(0 0 40px rgba(30,144,255,.9))}}@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-size:24px;font-weight:800;letter-spacing:2px;color:var(--ultra-gold);margin-bottom:var(--space-xs)}.rankup__subtitle{font-size:14px;letter-spacing:3px;color:var(--ultra-text-dim);text-transform:uppercase;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)}.main{display:flex;flex-direction:column;align-items:center;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%)}.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-top:var(--space-md);margin-bottom:var(--space-lg)}.main__flame{font-size:32px;opacity:.3;transition:opacity .3s}.main__flame--active{opacity:1;animation:pulse-flame 2s ease-in-out infinite}@keyframes pulse-flame{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.main__streak-count{font-size:36px;font-weight:800;color:var(--ultra-gold)}.main__streak-label{font-size:14px;color:var(--ultra-text-dim);align-self:flex-end;margin-bottom:6px}.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}.main__tasks-title{font-size:14px;letter-spacing:3px;color:var(--ultra-text-dim);text-transform:uppercase;text-align:center;margin-bottom:var(--space-xs)}.main__tasks-subtitle{font-size:12px;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-size:15px;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}