:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}html,body,#root{width:100%;height:100%;margin:0;padding:0;overflow:hidden;background:#000}.song-selector-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background:#24242499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1100;animation:fadeIn .3s ease-out}.song-selector-modal{background:#fff;border:6px solid;border-image-source:repeating-linear-gradient(45deg,#d42426,#d42426 15px,#ffffff 15px,#ffffff 30px,#165b33 30px,#165b33 45px,#ffffff 45px,#ffffff 60px);border-image-slice:1;box-shadow:0 20px 50px #0000001a,0 0 20px #165b331a;max-width:620px;width:92%;max-height:85vh;overflow:hidden;border-radius:2px;animation:springUp .5s cubic-bezier(.175,.885,.32,1.275)}.modal-header{padding:25px 30px;background:#fdfdfd;border-bottom:3px solid #165b33;display:flex;justify-content:space-between;align-items:center}.modal-title{margin:0;font-family:Oswald,sans-serif;font-size:2.2rem;font-weight:900;color:#165b33;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0px rgba(212,36,38,.2)}.close-button{background:#d42426;border:none;color:#fff;width:35px;height:35px;border-radius:50%;font-weight:700;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0}.close-button:hover{transform:scale(1.1);background:#b11d1f}.songs-list{padding:20px;background:#f9f9f9;max-height:55vh;overflow-y:auto}.songs-list::-webkit-scrollbar{width:8px}.songs-list::-webkit-scrollbar-thumb{background:#165b33;border-radius:10px;border:2px solid #fff}.song-card{background:#fff;border:2px solid #eee;border-radius:12px;margin-bottom:12px;padding:15px 20px;display:flex;align-items:center;transition:all .2s ease}.song-card:hover{border-color:#d42426;background:snow;transform:scale(1.01);box-shadow:0 5px 15px #d424261a}.song-icon{width:60px;height:60px;background:#f0fff4;border:2px solid #165b33;color:#165b33;font-size:1.5rem;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:15px;margin-bottom:10px}.song-title{color:#222;font-weight:700;font-size:1.1rem;margin:0}.song-artist{color:#666;font-size:.9rem}.song-duration{color:#d42426;font-weight:700}.action-button{padding:10px 20px;border-radius:50px;border:none;font-weight:800;text-transform:uppercase;cursor:pointer;transition:all .2s;margin-left:20px}.preview-button{background:#f0f0f0;color:#444;margin-right:10px}.preview-button:hover{background:#e0e0e0}.preview-button.active{background:#d42426;color:#fff;cursor:pointer}.preview-button.active:hover{background:#b11d1f}.stop-preview-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:24px;height:24px}.progress-ring{position:absolute;top:0;left:0;width:24px;height:24px;pointer-events:none}.progress-ring-circle{stroke:currentColor;opacity:.8}.stop-icon{font-size:12px;z-index:1}.play-button{background:#165b33;color:#fff}.play-button:hover{background:#1e7a45;box-shadow:0 4px 10px #165b334d}@keyframes bouncePulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.modal-footer{padding:20px;background:#fff;border-top:1px solid #eee;text-align:center}.footer-text{color:#999;font-size:.8rem;letter-spacing:1px}.scope-overlay{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,transparent 40%,rgba(0,0,0,.4) 100%)}.scope-body{position:relative;width:82vmin;height:82vmin;border-radius:50%;border:16px solid #2dbf1f;box-shadow:0 0 0 9999px #000000c3,inset 0 0 20px #000,0 0 30px #ffffff0d;overflow:hidden;background:transparent}.scope-lens-coating{position:absolute;inset:0;z-index:1;background:linear-gradient(135deg,rgba(60,99,255,.276) 0%,transparent 50%,rgba(255,255,255,.244) 100%)}.reticle{position:absolute;inset:0;z-index:2}.reticle-line{position:absolute;background:#049006;box-shadow:0 0 1px #fff3}.reticle-line.v{width:2px;height:100%;left:50%;transform:translate(-50%)}.reticle-line.h{height:2px;width:100%;top:50%;transform:translateY(-50%)}.mil-dots{width:100%;height:100%;background-image:radial-gradient(circle,#000 1.5px,transparent 1.5px);background-size:5vmin 5vmin;background-position:center}.center-dot{position:absolute;top:50%;left:50%;width:5px;height:5px;background:red;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 8px red}.scope-body.recoil{animation:cod-recoil .18s cubic-bezier(.1,.9,.2,1)}@keyframes cod-recoil{0%{transform:scale(1)}30%{transform:translateY(-15px) scale(1.05)}to{transform:translateY(0) scale(1)}}.minimap-shell{position:fixed;top:10px;left:10px;z-index:100;background:radial-gradient(circle at top,#061828e6,#000000d1);border-radius:14px;padding:8px;border:2px solid rgba(0,255,255,.65);box-shadow:0 0 0 1px #000000b3,0 8px 22px #000000d9,0 0 24px #00dcff52;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);overflow:hidden}.minimap-shell:before{content:"";position:absolute;top:8px;left:8px;width:160px;height:160px;border-radius:50%;pointer-events:none;background:conic-gradient(from 0deg,rgba(0,255,255,0) 0deg,rgba(0,255,255,.23) 25deg,transparent 55deg,transparent 360deg);mix-blend-mode:screen;opacity:.3;transform-origin:50% 50%;animation:minimap-sweep 6.5s linear infinite}.minimap-shell:after{content:"";position:absolute;top:8px;left:8px;width:160px;height:160px;border-radius:50%;pointer-events:none;background:radial-gradient(circle at center,rgba(0,255,255,.3) 0,transparent 24%),radial-gradient(circle at center,rgba(0,255,255,.22) 0,transparent 12%);mix-blend-mode:screen;opacity:.42;animation:minimap-center-pulse 3.8s ease-in-out infinite}.minimap-canvas{display:block}.minimap-label{color:#a9f7ff;font-size:10px;text-align:center;margin-top:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}@keyframes minimap-sweep{0%{transform:rotate(0);opacity:.18}40%{opacity:.28}to{transform:rotate(360deg);opacity:.18}}@keyframes minimap-center-pulse{0%,to{opacity:.2;transform:scale(1)}50%{opacity:.45;transform:scale(1.03)}}.health-container{position:fixed;top:13px;right:220px;display:flex;align-items:center;gap:15px;z-index:1000;padding:10px;background:#0009;border-radius:4px;border-left:5px solid #2dbf1f}.hp-label{font-family:Courier New,Courier,monospace;font-size:24px;font-weight:900;color:#fff;text-shadow:2px 2px #000;min-width:80px}.bar-wrapper{position:relative;width:250px;height:20px;background:#ffffff1a;border:2px solid #333;transform:skew(-15deg);overflow:hidden}.bar-fill{height:100%;transform-origin:left center;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .5s}.bar-segments{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(0,0,0,.3) 2px,transparent 2px);background-size:25px 100%}.landing-wrapper{position:fixed;inset:0;width:100%;height:100vh;background:radial-gradient(circle at top,#203e788c,#060a18c7);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;z-index:1000;border-radius:20px;box-shadow:0 0 40px #000000d9,inset 0 0 60px #00000073}.landing-wrapper:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 15%,rgba(255,245,180,.12) 0,transparent 45%),radial-gradient(circle at 85% 20%,rgba(255,120,120,.12) 0,transparent 45%),radial-gradient(circle at 20% 75%,rgba(170,255,170,.08) 0,transparent 40%),radial-gradient(circle at 70% 80%,rgba(255,230,200,.12) 0,transparent 45%),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0px,rgba(255,255,255,.03) 1px,transparent 1px,transparent 3px);mix-blend-mode:screen;opacity:.65;z-index:0}.header-tags{position:absolute;top:40px;left:50%;transform:translate(-50%);display:flex;gap:15px;z-index:1}.tag-box{background:radial-gradient(circle at top,#1e1e1ef5,#050505e6);border:2px solid rgba(255,224,160,.9);padding:5px 20px;font-weight:800;font-size:1.2rem;border-radius:16px;box-shadow:0 10px 25px #000c,0 0 20px #ffffff1a,0 0 14px #ff787838,0 0 16px #78ffaa33}.gold-text{color:#fc0}.tag-box.gold-text{animation:badge-bob 6s ease-in-out infinite}.settings-button{background:radial-gradient(circle at top,#1e1e1ef5,#050505e6);border:2px solid rgba(255,224,160,.9);color:#fc0;font-size:1.4rem;padding:8px 16px;border-radius:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;box-shadow:0 10px 25px #000c,0 0 20px #ffffff1a,0 0 14px #ff787838,0 0 16px #78ffaa33}.settings-button:hover{color:gold;transform:translateY(-2px) scale(1.05);box-shadow:0 12px 30px #000000e6,0 0 25px #ffffff26,0 0 18px #ffdc6466}.settings-button:active{transform:translateY(0) scale(1)}.main-layout{display:flex;align-items:center;gap:40px;width:90%;max-width:1200px;z-index:2}.side-container{background:radial-gradient(circle at top,#141e28f5,#040810e6);border:2px solid rgba(255,220,150,.8);padding:20px;width:220px;height:350px;border-radius:18px;box-shadow:0 22px 45px #000000d9,0 0 26px #ffffff0f,0 0 18px #ff6e6e2e,0 0 22px #6effaa29,inset 0 4px 18px #ffffff1f,inset 0 -4px 16px #0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow:visible;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.side-container.controls:hover{transform:translateY(-3px);box-shadow:0 26px 50px #000000e6,0 0 30px #ffffff14,0 0 22px #ff6e6e38,0 0 26px #6effaa33,inset 0 4px 20px #ffffff26,inset 0 -4px 18px #000000a6}.corner-decoration{position:absolute;pointer-events:none;z-index:10;display:flex;align-items:center;gap:2px}.corner-decoration.top-left{top:-18px;left:-10px;animation:garland-sway 7s ease-in-out infinite .5s}.corner-decoration.top-right{top:-18px;right:-10px;animation:garland-sway 8s ease-in-out infinite}.decoration-icon{font-size:1.8rem;opacity:.65;color:#4a9d5f;filter:drop-shadow(0 0 4px rgba(100,255,150,.5))}.decoration-berry{font-size:.9rem;opacity:.7;color:#d84a4a;filter:drop-shadow(0 0 3px rgba(255,100,100,.6));margin-left:-4px}.container-title{color:#fc0;border-bottom:2px solid #ffcc00;margin-top:0;padding-bottom:5px;font-size:1.4rem;text-shadow:0 0 12px rgba(255,204,0,.55);position:relative;display:flex;align-items:center;gap:6px}.controls-help-btn{margin-left:auto;background:#ffcc0026;border:2px solid rgba(255,204,0,.4);color:#fc0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:18px;transition:all .3s ease;padding:0}.controls-help-btn:hover{background:#ffcc004d;border-color:#fc0;transform:scale(1.1);box-shadow:0 0 12px #ffcc0080}.controls-help-btn:active{transform:scale(.95)}.title-icon{font-size:1.1rem;opacity:.75;filter:drop-shadow(0 0 3px rgba(255,220,100,.5));animation:icon-twinkle 5s ease-in-out infinite}.title-icon-accent{font-size:.85rem;opacity:.7;color:gold;filter:drop-shadow(0 0 3px rgba(255,220,100,.5));animation:icon-twinkle 6s ease-in-out infinite .5s}.new-high-score-banner{animation:highscore-pulse 1.3s ease-in-out infinite}@keyframes highscore-pulse{0%{transform:scale(1)}50%{transform:scale(1.18)}to{transform:scale(1)}}.control-subcard{background:#1e2d3c80;border:1px solid rgba(255,220,150,.3);border-radius:10px;padding:10px 8px;margin-top:12px;box-shadow:0 4px 12px #0009,inset 0 1px 3px #ffffff14;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.control-subcard:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% -20%,rgba(255,220,150,.08),transparent 60%);opacity:0;transition:opacity .3s ease;pointer-events:none}.control-subcard:hover{transform:translateY(-2px);border-color:#ffdc9680;box-shadow:0 8px 20px #000000b3,inset 0 1px 5px #ffffff1f,0 0 20px #ffdc9626}.control-subcard:hover:before{opacity:1}.control-label{display:block;color:#fc0;font-weight:900;font-size:1rem;text-align:center;margin-bottom:8px;text-shadow:0 0 8px rgba(255,204,0,.4);letter-spacing:.5px}.control-desc{text-align:center;color:#ffffffbf;font-size:.75rem;line-height:1.3;margin-top:6px;font-weight:500}.gesture-container{display:flex;align-items:center;justify-content:center;gap:6px;margin:6px 0}.gesture-capsule{background:#141923b3;border:2px solid rgba(255,255,255,.15);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all .3s ease;box-shadow:0 2px 8px #00000080,inset 0 1px 2px #ffffff1a}.gesture-capsule.main-gesture{width:44px;height:44px;background:#1e2837cc;border-color:#64b4ff4d;box-shadow:0 4px 12px #0009,0 0 15px #64b4ff26,inset 0 1px 3px #ffffff1f}.control-subcard:hover .gesture-capsule{border-color:#ffffff4d;box-shadow:0 3px 10px #0009,inset 0 1px 3px #ffffff26}.control-subcard:hover .gesture-capsule.main-gesture{border-color:#64b4ff80;box-shadow:0 4px 14px #000000b3,0 0 20px #64b4ff40,inset 0 1px 4px #ffffff26}.gesture-icon{font-size:1.3rem;color:#ffffffd9;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.gesture-arrow{font-size:1.1rem;color:#64c8ffb3;filter:drop-shadow(0 0 4px rgba(100,200,255,.4))}@keyframes hand-sway{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}@keyframes hand-sway-reverse{0%,to{transform:translate(0)}50%{transform:translate(3px)}}@keyframes pinch-close{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-2px) scale(.95)}}@keyframes pinch-close-reverse{0%,to{transform:translate(0) scale(1)}50%{transform:translate(2px) scale(.95)}}.hand-move{animation:hand-sway 3s ease-in-out infinite}.control-subcard:hover .hand-move{animation:hand-sway 2s ease-in-out infinite}.hand-pinch-1{animation:pinch-close 4s ease-in-out infinite}.hand-pinch-2{animation:pinch-close-reverse 4s ease-in-out infinite}.control-subcard:hover .hand-pinch-1{animation:pinch-close 2.5s ease-in-out infinite}.control-subcard:hover .hand-pinch-2{animation:pinch-close-reverse 2.5s ease-in-out infinite}.center-box{flex:1;text-align:center;border:2px solid rgba(255,224,160,.9);padding:30px 50px;background:radial-gradient(circle at top,#1e140afa,#080402f5);position:relative;margin-top:30px;border-radius:20px;box-shadow:0 28px 60px #000000f2,0 0 32px #ffffff0d,0 0 32px #ff787833,0 0 36px #78ffaa2e,inset 0 4px 24px #ffffff26,inset 0 -6px 28px #000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.top-right-wreath{height:70px;position:absolute;top:-15px;right:-15px}.top-left-wreath{height:70px;position:absolute;top:-15px;left:-15px;transform:rotate(-90deg)}.bot-right-wreath{height:70px;position:absolute;bottom:-15px;right:-15px;transform:rotate(90deg)}.bot-left-wreath{height:70px;position:absolute;bottom:-15px;left:-15px;transform:rotate(180deg)}.center-box:before{content:"";position:absolute;top:18%;left:50%;width:65%;height:58%;transform:translate(-50%);background:radial-gradient(circle at 50% 35%,rgba(255,235,180,.42) 0,rgba(255,180,110,.18) 38%,transparent 72%);filter:blur(6px);pointer-events:none;z-index:0;animation:warm-glow-pulse 8s ease-in-out infinite}.go-back-btn{position:absolute;top:10px;left:10px;background:#fff3;color:#fc0;border:2px solid #ffcc00;padding:5px 15px;font-size:.8rem;font-weight:700;cursor:pointer;transition:all .3s ease;border-radius:999px;box-shadow:0 8px 18px #000000b3}.go-back-btn:hover{background:#ffcc004d}.game-logo{font-size:clamp(4.5rem,7.2vw,7rem);font-weight:900;margin:0 0 40px;letter-spacing:-2px;-webkit-text-stroke:2px rgba(0,0,0,.9);background-image:linear-gradient(120deg,#fdf4c8,#ffd67a 25%,#fb5,#ffe8c0 65%,#fff7dd);background-clip:text;-webkit-background-clip:text;color:transparent;text-shadow:0 0 35px rgba(255,230,160,.8),0 0 65px rgba(255,180,120,.4),0 0 18px rgba(255,220,140,.6),0 14px 32px rgba(0,0,0,.9);transition:transform .4s ease,text-shadow .4s ease,opacity .4s ease;position:relative;z-index:1}.game-logo:after{content:"";position:absolute;top:-10%;left:-20%;width:60%;height:120%;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 90%);transform:translate(-120%) skew(-20deg);pointer-events:none;mix-blend-mode:screen;animation:logo-glint 7s ease-in-out infinite}.game-logo.compact{font-size:4rem;margin:0 0 20px}.button-wrapper{display:flex;gap:20px;justify-content:center;margin-bottom:30px}.mode-button{background:linear-gradient(135deg,#ffda6a,#ffb840 40%,#ffea8a);color:#1a1205;border:1px solid rgba(255,248,200,.6);padding:15px 50px;font-size:2rem;font-weight:900;cursor:pointer;transform:skew(-15deg);transition:transform .15s ease-out,box-shadow .18s ease-out,background .18s ease-out,filter .18s ease-out;position:relative;border-radius:18px;box-shadow:0 18px 30px #000000d9,0 0 22px #ffe6aa8c,0 0 30px #ffc87840}.mode-button:before{content:"";position:absolute;left:12px;right:12px;top:5px;height:40%;border-radius:14px;background:linear-gradient(to bottom,#ffffff73,#ffffff05);opacity:.65;mix-blend-mode:screen;pointer-events:none}.mode-button:hover{transform:skew(-15deg) translateY(-2px) scale(1.04);box-shadow:0 24px 34px #000000e6,0 0 28px #fff0d2b3;filter:brightness(1.05)}.mode-button:active{transform:skew(-15deg) translateY(2px) scale(.97);box-shadow:0 10px 16px #000c;filter:brightness(.97)}.campaign-btn{background:linear-gradient(135deg,#ff5a4a,#d81424 45%,#ff9084);color:#fff}.campaign-btn:hover{background:linear-gradient(135deg,#ff7666,#f02332 45%,#ffb0a6)}.freeplay-btn{background:linear-gradient(135deg,#3ad668,#14893d 45%,#7dffad);color:#041107}.freeplay-btn:hover{background:linear-gradient(135deg,#53f283,#1a9b48 45%,#a8ffd0)}.side-container.leaderboard .leader-entry:first-child{position:relative;color:#ffe8b0;text-shadow:0 0 10px rgba(255,220,150,.7);animation:leader-pulse 4.5s ease-in-out infinite}.side-container.leaderboard .leader-entry:first-child:after{content:"";position:absolute;top:-35%;bottom:-35%;width:2px;left:-10%;background:linear-gradient(to bottom,transparent,rgba(255,255,255,.6),transparent);opacity:0;animation:leader-shimmer 9s ease-in-out infinite}.leader-entry.empty{text-align:center;color:#ffffff80;font-style:italic;padding:20px}.campaign-levels-container{position:relative;width:100%}.level-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(5,1fr);gap:15px;max-width:400px;margin:0 auto;padding:10px;max-height:300px;overflow-y:auto;z-index:2001}.login-required-overlay{position:absolute;inset:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:2100;animation:fadeIn .4s ease}.login-required-card{background:linear-gradient(145deg,#1e4d2b,#2d5a3a,#1e4d2b);border:2px solid rgba(212,175,55,.6);border-radius:24px;padding:20px 22px;text-align:center;max-width:350px;box-shadow:0 8px 32px #0009,0 0 60px #d4af3733;animation:slideUpBounce .6s cubic-bezier(.34,1.56,.64,1);max-height:220px}@keyframes slideUpBounce{0%{transform:translateY(30px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.login-required-icon{font-size:2.5rem;display:block;margin-bottom:10px;filter:drop-shadow(0 0 15px rgba(255,204,0,.5))}.login-required-title{font-size:1.5rem;font-weight:900;background:linear-gradient(135deg,#d4af37,#f4e5a1,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;filter:drop-shadow(0 0 10px rgba(212,175,55,.4))}.login-required-text{color:#f8f9facc;font-size:1rem;margin:0 0 28px;line-height:1.2}.login-required-button{background:linear-gradient(135deg,#165b33,#1e7a45);color:#fff;border:2px solid rgba(212,175,55,.4);padding:16px 32px;border-radius:50px;font-weight:800;text-transform:uppercase;cursor:pointer;font-size:1rem;letter-spacing:.8px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #165b3366}.login-required-button:hover{transform:translateY(-3px);box-shadow:0 8px 25px #165b3380,0 0 30px #d4af374d;background:linear-gradient(135deg,#1e7a45,#165b33);border-color:#d4af3799}.login-required-button:active{transform:translateY(-1px)}.level-box{position:relative;background:#0006;border:2px solid rgba(255,204,0,.5);padding:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;height:20px;width:20px;z-index:2000}.level-box:hover{border-color:#fc0;background:#0009}.level-number{font-size:2rem;font-weight:900;color:#fc0;z-index:1}.level-box.locked{cursor:not-allowed;opacity:.6}.level-box.unlocked{cursor:pointer;border-color:#fc0c;background:#165b334d}.level-box.unlocked:hover{border-color:#fc0;background:#165b3380;transform:scale(1.05);box-shadow:0 0 20px #fc06}.level-box.unlocked .level-number{color:#fc0;text-shadow:0 0 10px rgba(255,204,0,.6)}.lock-overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:2}.lock-icon{font-size:1.5rem}.start-button{background:#fc0;color:#111;border:none;padding:15px 60px;font-size:2.2rem;font-weight:900;cursor:pointer;position:relative;z-index:2}.start-button:active{top:4px}.snowflake{position:absolute;top:-10%;color:#fff;-webkit-user-select:none;user-select:none;pointer-events:none;animation:fall linear infinite}@keyframes fall{to{transform:translateY(110vh)}}.snowflake:nth-child(odd){animation-duration:7s;left:10%}.snowflake:nth-child(2n){animation-duration:12s;left:80%}.snow-container{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:1}.particle{position:absolute;top:-10%;-webkit-user-select:none;user-select:none;pointer-events:none;animation-name:fall,sway;animation-timing-function:linear,ease-in-out;animation-iteration-count:infinite,infinite}.snowflake{color:#fff;font-size:1.2rem}.candy-cane-particle{color:#f44;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 0px #fff;animation-name:fall,rotate-cane;animation-timing-function:linear,linear;animation-iteration-count:infinite,infinite}.flake-rotating{animation-name:fall,sway,flake-rotate;animation-timing-function:linear,ease-in-out,linear;animation-iteration-count:infinite,infinite,infinite}.snow-layer-back{z-index:1;opacity:.45}.snow-layer-mid{z-index:2;opacity:.7}.snow-layer-front{z-index:3;opacity:1}.center-drifter{position:absolute;top:-18%;left:46%;font-size:2.6rem;color:#fff;opacity:.12;filter:blur(.5px);pointer-events:none;animation:drifter-fall 28s linear infinite}@keyframes fall{0%{transform:translateY(-10vh)}to{transform:translateY(110vh)}}@keyframes sway{0%,to{margin-left:0}50%{margin-left:50px}}@keyframes rotate-cane{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes flake-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes drifter-fall{0%{transform:translateZ(0);opacity:0}10%{opacity:.18}50%{transform:translate3d(6vw,65vh,0);opacity:.18}90%{opacity:0}to{transform:translate3d(10vw,110vh,0);opacity:0}}@keyframes logo-glint{0%{transform:translate(-130%) skew(-20deg);opacity:0}40%{opacity:0}55%{opacity:1}80%{transform:translate(150%) skew(-20deg);opacity:0}to{transform:translate(150%) skew(-20deg);opacity:0}}@keyframes badge-bob{0%,to{transform:translateY(0);box-shadow:0 10px 25px #000c,0 0 20px #ffffff1a}50%{transform:translateY(-3px);box-shadow:0 14px 30px #000000e6,0 0 26px #fff0c838}}@keyframes border-sparkle{0%,60%{opacity:0;background-position:-40px -40px}70%{opacity:.5;background-position:10% 0}85%{opacity:0;background-position:40% 20%}to{opacity:0;background-position:40% 20%}}@keyframes leader-pulse{0%,to{text-shadow:0 0 6px rgba(255,220,150,.6)}50%{text-shadow:0 0 14px rgba(255,240,200,.95)}}@keyframes leader-shimmer{0%,70%{opacity:0;transform:translate(0)}80%{opacity:.6;transform:translate(130%)}to{opacity:0;transform:translate(130%)}}@keyframes garland-sway{0%,to{transform:rotate(0) translateY(0)}50%{transform:rotate(3deg) translateY(-2px)}}@keyframes garland-twinkle{0%,to{opacity:.55;filter:drop-shadow(0 0 4px rgba(255,200,100,.4))}50%{opacity:.75;filter:drop-shadow(0 0 8px rgba(255,220,120,.6)) drop-shadow(0 0 4px rgba(255,100,100,.3))}}@keyframes warm-glow-pulse{0%,to{opacity:1;filter:blur(6px)}50%{opacity:1.15;filter:blur(7px)}}@keyframes icon-twinkle{0%,90%{opacity:.75;filter:drop-shadow(0 0 3px rgba(255,220,100,.5))}95%{opacity:.95;filter:drop-shadow(0 0 8px rgba(255,230,120,.8)) drop-shadow(0 0 4px rgba(255,255,255,.6))}to{opacity:.75;filter:drop-shadow(0 0 3px rgba(255,220,100,.5))}}.candy-cane-border{border:none}.candy-cane-border:before{content:none}.candy-cane-border:after{content:none}.level-box.locked{border:8px solid;border-image-source:repeating-linear-gradient(45deg,#2c3e50,#2c3e50 15px,#95a5a6 15px,#95a5a6 30px);border-image-slice:1}.help-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:10000;animation:fadeIn .2s ease}.help-modal-content{background:radial-gradient(circle at top,#1e140afa,#080402f5);border:2px solid rgba(255,224,160,.9);border-radius:20px;padding:30px;max-width:600px;max-height:85vh;overflow-y:auto;position:relative;box-shadow:0 28px 60px #000000f2,0 0 32px #ffffff0d,0 0 32px #ff787833,0 0 36px #78ffaa2e,inset 0 4px 24px #ffffff26,inset 0 -6px 28px #000000b3;animation:slideUp .3s cubic-bezier(.34,1.56,.64,1)}.help-modal-close{position:absolute;top:15px;right:15px;background:#c41e3a;border:2px solid #ff4d4d;color:#fff;width:48px;height:48px;min-width:48px;min-height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:28px;line-height:1;padding:0;transition:all .3s ease;z-index:10;box-shadow:0 4px 16px #c41e3a99,0 0 20px #ff4d4d66}.help-modal-close svg{display:block;width:28px;height:28px}.help-modal-close:hover{background:#ff1744;color:#fff;transform:rotate(90deg) scale(1.15);box-shadow:0 6px 24px #ff1744cc,0 0 30px #ff4d4d99;border-color:#fff}.help-modal-title{color:#fc0;font-size:2rem;font-weight:900;text-align:center;margin:0 0 25px;text-shadow:0 0 20px rgba(255,204,0,.6);letter-spacing:2px}.help-section{margin-bottom:25px;padding:15px;background:#141e2899;border:1px solid rgba(255,220,150,.3);border-radius:12px}.help-section-title{color:#fc0;font-size:1.2rem;font-weight:800;margin:0 0 15px;text-shadow:0 0 8px rgba(255,204,0,.4);letter-spacing:1px}.help-control-item{display:flex;align-items:center;gap:15px;margin-bottom:15px;padding:10px;background:#1e2d3c66;border-radius:8px}.help-control-item:last-child{margin-bottom:0}.help-control-icon-group{display:flex;align-items:center;gap:8px;min-width:100px;justify-content:center}.help-icon{font-size:1.8rem;color:#ffffffe6;filter:drop-shadow(0 0 4px rgba(255,255,255,.3))}.help-arrow{font-size:1.4rem;color:#64c8ffb3;filter:drop-shadow(0 0 4px rgba(100,200,255,.4))}.help-control-text{color:#ffffffd9;font-size:.95rem;line-height:1.5}.help-control-text strong{color:#fc0;display:block;margin-bottom:3px}.help-enemy-item{display:flex;align-items:center;gap:15px;margin-bottom:12px;padding:10px;background:#1e2d3c66;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.help-enemy-item:last-child{margin-bottom:0}.help-enemy-badge{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;border-radius:12px;border:2px solid;flex-shrink:0;overflow:hidden;position:relative}.help-enemy-img{width:100%;height:100%;object-fit:cover;image-rendering:pixelated}.help-enemy-badge.gremlin{background:#c41e3a33;border-color:#c41e3a;box-shadow:0 0 15px #c41e3a4d}.help-enemy-badge.ghost{background:#8a2be233;border-color:#8a2be2;box-shadow:0 0 15px #8a2be24d}.help-enemy-badge.krampus{background:#ff8c0033;border-color:#ff8c00;box-shadow:0 0 15px #ff8c004d}.help-enemy-badge.boss{background:#dc143c33;border-color:#dc143c;box-shadow:0 0 20px #dc143c66;animation:boss-pulse 2s ease-in-out infinite}@keyframes boss-pulse{0%,to{box-shadow:0 0 20px #dc143c66}50%{box-shadow:0 0 30px #dc143c99}}.help-enemy-details{flex:1}.help-enemy-details strong{color:#fc0;font-size:1.1rem;display:block;margin-bottom:5px}.help-enemy-details p{margin:3px 0;color:#ffffffd9;font-size:.9rem}.help-enemy-desc{color:#fff9!important;font-style:italic;font-size:.85rem!important}.help-objective-text{color:#ffffffd9;font-size:1rem;line-height:1.8;margin:0}.help-modal-content::-webkit-scrollbar{width:8px}.help-modal-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb{background:#ffcc0080;border-radius:4px}.help-modal-content::-webkit-scrollbar-thumb:hover{background:#ffcc00b3}.damage-overlay{position:fixed;inset:0;pointer-events:none;z-index:9999;background:radial-gradient(circle at center,#f000,#ff00004d 60%,#8b000099);animation:damageFlash .5s ease-out}@keyframes damageFlash{0%{opacity:0}20%{opacity:1}to{opacity:0}}.login-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:100000;padding:20px;animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.login-modal{background:linear-gradient(145deg,#1e4d2b,#2d5a3a,#1e4d2b);border:2px solid rgba(212,175,55,.4);border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a inset,0 0 60px #d4af3726;width:100%;max-width:420px;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.login-modal-header{background:linear-gradient(135deg,#b8222226,#d4af371a);padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.25)}.login-modal-title{font-family:Arial,sans-serif;font-size:28px;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e5a1,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 10px rgba(212,175,55,.3);margin:0;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}.login-close-button{background:#d4af3726;border:1px solid rgba(212,175,55,.3);width:40px;height:40px;min-width:40px;min-height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;line-height:1}.login-close-button svg{width:26px;height:26px;display:block}.login-close-button:hover{background:#d4af3740;transform:scale(1.08);box-shadow:0 0 20px #d4af3766;border-color:#d4af3780}.login-close-button:active{transform:scale(.95)}.login-modal-content{padding:32px;display:flex;flex-direction:column;gap:22px}.login-error{background:linear-gradient(135deg,#b8222233,#b8222226);border:1px solid rgba(184,34,34,.4);border-radius:12px;padding:14px 16px;color:#ffb3b3;font-size:14px;text-align:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97);box-shadow:0 2px 8px #b8222233}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.login-input-group{position:relative;display:flex;align-items:center;background:#00000040;border:2px solid rgba(212,175,55,.3);border-radius:14px;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1)}.login-input-group:focus-within{border-color:#d4af3799;background:#00000059;box-shadow:0 0 0 3px #d4af3726,0 4px 20px #d4af3740;transform:translateY(-2px)}.login-input-icon{padding:0 16px;color:#d4af37;font-size:18px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.login-input-group:focus-within .login-input-icon{color:#f4e5a1;filter:drop-shadow(0 0 4px rgba(212,175,55,.5))}.login-input{flex:1;background:transparent;border:none;outline:none;padding:15px 16px;color:#f8f9fa;font-size:16px;font-family:Arial,sans-serif;transition:all .3s ease}.login-input::placeholder{color:#f8f9fa73;transition:all .3s ease}.login-input:focus::placeholder{color:#f8f9fa4d}.login-input:disabled{opacity:.5;cursor:not-allowed}.login-toggle-password{background:transparent;border:none;padding:0 16px;color:#d4af3780;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.login-toggle-password:hover{color:#d4af37;transform:scale(1.1)}.login-toggle-password:active{transform:scale(.95)}.login-submit-button{background:linear-gradient(135deg,#b82222,#8b1a1a,#b82222);background-size:200% 100%;border:2px solid rgba(212,175,55,.4);border-radius:14px;padding:16px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);text-shadow:0 2px 4px rgba(0,0,0,.3);margin-top:8px;box-shadow:0 4px 15px #b822224d,0 0 0 1px #ffffff1a inset;position:relative;overflow:hidden}.login-submit-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.login-submit-button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 8px 30px #b8222266,0 0 30px #d4af374d;background-position:-100% 0;border-color:#d4af3799}.login-submit-button:hover:not(:disabled):before{left:100%}.login-submit-button:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 15px #b822224d,0 0 20px #d4af3733}.login-submit-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-switch-mode{text-align:center;color:#f8f9fab3;font-size:14px;display:flex;gap:8px;justify-content:center;align-items:center;margin-top:4px}.login-switch-button{background:transparent;border:none;color:#d4af37;font-size:14px;font-weight:600;cursor:pointer;text-decoration:underline;transition:all .3s cubic-bezier(.4,0,.2,1);padding:0;text-underline-offset:3px}.login-switch-button:hover:not(:disabled){color:#f4e5a1;text-shadow:0 0 12px rgba(212,175,55,.6);transform:scale(1.05)}.login-switch-button:active:not(:disabled){transform:scale(.98)}.login-switch-button:disabled{opacity:.5;cursor:not-allowed}.logout-modal-backdrop{position:fixed;inset:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:2100;padding:20px;animation:fadeIn .4s cubic-bezier(.4,0,.2,1)}.logout-modal{background:linear-gradient(145deg,#1e4d2b,#2d5a3a,#1e4d2b);border:2px solid rgba(212,175,55,.4);border-radius:24px;box-shadow:0 8px 32px #0006,0 0 0 1px #ffffff1a inset,0 0 60px #d4af3726;width:100%;max-width:400px;animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);overflow:hidden}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.logout-modal-header{background:linear-gradient(135deg,#b8222226,#d4af371a);padding:24px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(212,175,55,.25)}.logout-modal-title{font-family:Arial,sans-serif;font-size:24px;font-weight:700;background:linear-gradient(135deg,#d4af37,#f4e5a1,#d4af37);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;filter:drop-shadow(0 0 8px rgba(212,175,55,.4))}.logout-close-button{background:#d4af3726;border:1px solid rgba(212,175,55,.3);width:40px;height:40px;min-width:40px;min-height:40px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#d4af37;font-size:26px;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;padding:0;line-height:1}.logout-close-button svg{width:26px;height:26px;display:block}.logout-close-button:hover{background:#d4af3740;transform:scale(1.08);box-shadow:0 0 20px #d4af3766;border-color:#d4af3780}.logout-close-button:active{transform:scale(.95)}.logout-modal-content{padding:32px;display:flex;flex-direction:column;gap:24px}.logout-user-info{display:flex;align-items:center;gap:16px;padding:16px;background:#00000040;border:1px solid rgba(212,175,55,.2);border-radius:12px}.logout-user-icon{width:48px;height:48px;padding:12px;background:linear-gradient(135deg,#d4af3733,#d4af371a);border:1px solid rgba(212,175,55,.3);border-radius:50%;color:#d4af37;font-size:24px;display:flex;align-items:center;justify-content:center}.logout-user-details{display:flex;flex-direction:column;gap:4px}.logout-username{font-size:18px;font-weight:600;color:#f8f9fa;letter-spacing:.3px}.logout-subtext{font-size:13px;color:#f8f9fa99}.logout-message{color:#f8f9fad9;font-size:15px;line-height:1.6;text-align:center;margin:0}.logout-actions{display:flex;gap:12px;margin-top:8px}.logout-cancel-button,.logout-confirm-button{flex:1;padding:14px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;gap:8px}.logout-cancel-button{background:#d4af3726;border:2px solid rgba(212,175,55,.4);color:#d4af37}.logout-cancel-button:hover{background:#d4af3740;transform:translateY(-2px);box-shadow:0 4px 15px #d4af3733;border-color:#d4af3799}.logout-cancel-button:active{transform:translateY(0)}.logout-confirm-button{background:linear-gradient(135deg,#b82222,#8b1a1a,#b82222);background-size:200% 100%;border:2px solid rgba(212,175,55,.4);color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3);box-shadow:0 4px 15px #b822224d,0 0 0 1px #ffffff1a inset}.logout-confirm-button svg{font-size:18px}.logout-confirm-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #b8222266,0 0 25px #d4af374d;background-position:-100% 0;border-color:#d4af3799}.logout-confirm-button:active{transform:translateY(0)}.settings-backdrop{position:fixed;inset:0;width:100vw;height:100vh;background:#24242499;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:1200;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.settings-modal{background:#fff;border:6px solid;border-image-source:repeating-linear-gradient(45deg,#d42426,#d42426 15px,#ffffff 15px,#ffffff 30px,#165b33 30px,#165b33 45px,#ffffff 45px,#ffffff 60px);border-image-slice:1;box-shadow:0 20px 50px #0000001a,0 0 20px #165b331a;max-width:520px;width:90%;border-radius:2px;animation:springUp .5s cubic-bezier(.175,.885,.32,1.275)}@keyframes springUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.settings-header{padding:25px 30px;background:#fdfdfd;border-bottom:3px solid #165b33;display:flex;justify-content:space-between;align-items:center}.settings-title{margin:0;font-family:Oswald,sans-serif;font-size:2rem;font-weight:900;color:#165b33;text-transform:uppercase;letter-spacing:1px;text-shadow:2px 2px 0px rgba(212,36,38,.2)}.settings-close-button{background:#d42426;border:none;color:#fff;width:35px;height:35px;border-radius:50%;font-weight:700;cursor:pointer;transition:transform .2s;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0}.settings-close-button svg{width:20px;height:20px;display:block;fill:currentColor}.settings-close-button:hover{transform:scale(1.1);background:#b11d1f}.settings-content{padding:30px;background:#f9f9f9;overflow-y:scroll;max-height:270px}.setting-group{margin-bottom:30px}.setting-group:last-child{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:10px;margin-bottom:12px;font-weight:700;font-size:1.1rem;color:#333;text-transform:uppercase;letter-spacing:.5px}.setting-icon{font-size:1.5rem;color:#165b33;min-width:24px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.setting-icon svg{width:100%;height:100%;display:block}.volume-control-group{display:flex;align-items:center;gap:12px;background:#fff;padding:12px 15px;border-radius:8px;border:2px solid #e0e0e0}.volume-mute-btn{background:#165b33;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;padding:0}.volume-mute-btn svg{width:20px;height:20px;display:block;fill:currentColor}.volume-mute-btn:hover{background:#1e7a45;transform:scale(1.05)}.volume-mute-btn.disabled{opacity:.4;cursor:default;pointer-events:none}.settings-slider{flex:1;height:6px;border-radius:3px;background:linear-gradient(to right,#e0e0e0,#165b33);outline:none;-webkit-appearance:none}.settings-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;border-radius:50%;background:#d42426;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:transform .2s}.settings-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.settings-slider::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:#d42426;cursor:pointer;border:2px solid white;box-shadow:0 2px 4px #0003;transition:transform .2s}.settings-slider::-moz-range-thumb:hover{transform:scale(1.2)}.volume-value{font-weight:700;color:#165b33;min-width:45px;text-align:right;font-size:.95rem}.setting-note{margin-top:8px;margin-left:47px;font-size:.85rem;color:#666;font-style:italic}.settings-footer{padding:20px 30px;background:#fff;border-top:2px solid #e0e0e0;display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.login-button{background:linear-gradient(135deg,#165b33,#1e7a45);color:#fff;border:none;padding:14px 32px;border-radius:50px;font-weight:800;text-transform:uppercase;cursor:pointer;font-size:1rem;letter-spacing:.5px;transition:all .3s;box-shadow:0 4px 12px #165b334d}.login-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #165b3366;background:linear-gradient(135deg,#1e7a45,#165b33)}.login-button:active{transform:translateY(0)}.logout-section{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}.logout-button{background:linear-gradient(135deg,#b82222,#8b1a1a,#b82222);background-size:200% 100%;color:#fff;border:2px solid rgba(212,175,55,.4);padding:14px 32px;border-radius:50px;font-weight:800;text-transform:uppercase;cursor:pointer;font-size:1rem;letter-spacing:.5px;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #b822224d,0 0 0 1px #ffffff1a inset;display:flex;align-items:center;gap:10px;position:relative;overflow:hidden}.logout-button svg{font-size:1.2rem}.logout-button:hover{transform:translateY(-2px);box-shadow:0 6px 25px #b8222266,0 0 25px #d4af374d;background-position:-100% 0;border-color:#d4af3799}.logout-button:active{transform:translateY(0)}.logged-in-text{font-size:.9rem;color:#666;font-style:italic;letter-spacing:.3px}