:root{--chunky-font: "Lilita One", "Roboto", sans-serif;--btn-light: #34343f;--btn-light-hover: #41414e;--btn-light-home: #22222b;--btn-light-home-hover: #2c2c37;--btn-border: #22222b;--btn-edge: #14141a;--btn-dark: #22222b;--panel: #2f2f39;--panel-bar: #22222b;--gold: #f4c64e;--gold-hover: #ffd566;--gold-edge: #b07d24;--parchment: #f3e7c8;--parchment-edge: #c2a86d;--text: #f1ede4;--text-dim: #9a98a8;--ink: #14141a;--outline: -3px 0 0 var(--ink), 3px 0 0 var(--ink), 0 -3px 0 var(--ink), 0 3px 0 var(--ink), -3px -3px 0 var(--ink), 3px -3px 0 var(--ink), -3px 3px 0 var(--ink), 3px 3px 0 var(--ink), -2px -3px 0 var(--ink), 2px -3px 0 var(--ink), -2px 3px 0 var(--ink), 2px 3px 0 var(--ink), -3px -2px 0 var(--ink), 3px -2px 0 var(--ink), -3px 2px 0 var(--ink), 3px 2px 0 var(--ink)}::-webkit-scrollbar-button,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start,::-webkit-scrollbar-button:end{display:none!important;width:0!important;height:0!important}body,html{margin:0;width:100%;height:100%;overflow:hidden;font-family:Roboto,sans-serif;color:#f1f6f0;padding:0;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-image:url(/assets/Bg-9rCTvYHB.png);background-size:cover;background-position:center;font-size:clamp(14px,1.5vw,16px);user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-user-drag:none}.main-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:1300px;min-height:100vh;padding:clamp(100px,15vh,160px) 15px clamp(90px,12vh,120px);box-sizing:border-box;position:relative}.profile-box{position:fixed;top:20px;left:20px;width:230px;box-sizing:border-box;padding:12px 14px;background:var(--panel);border:none;border-radius:12px;box-shadow:0 5px 0 var(--btn-edge);display:flex;flex-direction:column;align-items:stretch;gap:9px;z-index:100;font-family:Roboto,sans-serif}.profile-info{display:flex;flex-direction:column;justify-content:center;gap:1px}.profile-name{font-family:var(--chunky-font);font-size:18px;color:var(--gold);line-height:1.2;letter-spacing:.3px;text-shadow:var(--outline)}.profile-email{-webkit-user-select:all;user-select:all;font-size:12px;color:var(--text-dim);font-weight:500}.sign-out-btn{background:var(--btn-light-home);color:var(--text);border:none;outline:none;box-sizing:border-box;padding:8px 12px;font-family:var(--chunky-font);font-size:13px;border-radius:9px;cursor:pointer;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;box-shadow:0 4px 0 var(--btn-edge);letter-spacing:.5px;text-shadow:var(--outline)}.sign-out-btn:hover{background:var(--btn-light-home-hover)}.sign-out-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}.profile-email.blurred{filter:blur(10px);transition:filter .2s;-webkit-user-select:none;user-select:none;pointer-events:none}.eye-btn{background:none;border:none;margin-left:8px;cursor:pointer;vertical-align:middle;padding:0;outline:none;display:inline-flex;align-items:center}.eye-btn svg{display:block}.profile-email-row{display:flex;align-items:center;gap:6px;margin-top:2px}#login-box{position:fixed;top:20px;left:20px;z-index:101;font-family:Roboto,sans-serif}#login-box.hidden{display:none!important}.signin-trigger-btn{background:var(--btn-light-home);color:var(--text);border:none;outline:none;box-sizing:border-box;border-radius:14px;padding:12px 28px;font-family:var(--chunky-font);font-size:18px;letter-spacing:1px;text-shadow:var(--outline);cursor:pointer;box-shadow:0 5px 0 var(--btn-edge);transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.signin-trigger-btn:hover{background:var(--btn-light-home-hover)}.signin-trigger-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--btn-edge)}.signin-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:510;display:flex;align-items:center;justify-content:center;background:#0d0c0ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Roboto,sans-serif}.signin-modal.hide{display:none}.signin-panel{width:min(360px,92vw);background:var(--panel);border:none;border-radius:16px;box-shadow:0 10px 0 var(--btn-edge),0 20px 40px #0000008c;overflow:hidden}.signin-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--panel-bar)}.signin-header h2{margin:0;font-family:var(--chunky-font);font-size:24px;color:var(--gold);letter-spacing:.5px;text-shadow:var(--outline)}.signin-body{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:14px}.signin-sub{margin:0;font-size:13px;color:var(--text-dim);font-weight:500;text-align:center}.signin-body .firebase-login{position:static;display:flex;justify-content:center;width:100%}.modal-close-btn{display:flex;align-items:center;justify-content:center;background:var(--btn-light);border:none;outline:none;box-sizing:border-box;color:var(--text);width:38px;height:38px;border-radius:10px;font-size:16px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 var(--btn-edge);transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.modal-close-btn:hover{background:var(--btn-light-hover)}.modal-close-btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}.login-divider{display:flex;align-items:center;gap:10px;color:var(--text-dim);font-size:12px;font-weight:700;text-transform:uppercase}.login-divider:before,.login-divider:after{content:"";flex:1;height:2px;background:var(--btn-edge);border-radius:2px}.profile-progress-box{position:static;padding:0;background:none;border:none;box-shadow:none;display:flex;flex-direction:column}.profile-progress-row{width:100%;display:flex;align-items:center;gap:8px}.profile-level{font-family:var(--chunky-font);font-size:13px;color:var(--gold);min-width:42px;text-align:right}.profile-progress-bar{flex:1;height:10px;background:var(--btn-edge);border-radius:5px;overflow:hidden;position:relative}.profile-progress-fill{height:100%;background:linear-gradient(90deg,#c98f3a 0%,var(--gold) 100%);border-radius:5px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.profile-exp{font-size:11px;color:var(--text-dim);font-weight:600;min-width:56px;text-align:left}.profile-stack{position:fixed;top:20px;left:20px;display:flex;flex-direction:column;align-items:stretch;z-index:100;width:230px}.profile-stack .profile-box{position:static;width:100%}.hidden{display:none!important}.game-title{position:fixed;top:0;left:50%;transform:translate(-50%);margin:0;text-align:center;overflow:visible;z-index:60;pointer-events:none}.game-title img{pointer-events:auto}.game-title img{width:clamp(110px,16vw,175px);height:auto;transition:transform .5s ease,filter .5s ease;filter:drop-shadow(0 0 10px rgba(253,209,121,.5));position:relative;z-index:2}.game-title:hover img{filter:drop-shadow(0 0 15px rgba(253,209,121,.8));animation:gentlePulse 3s ease-in-out infinite}@keyframes gentlePulse{0%,to{filter:drop-shadow(0 0 10px rgba(253,209,121,.5))}50%{filter:drop-shadow(0 0 20px rgba(253,209,121,.8))}}.game-title:after,.game-title .rune-1,.game-title .rune-2,.game-title .rune-3,.game-title .rune-4,.game-title .rune-5,.game-title .rune-6,.game-title .rune-7,.game-title .rune-8,.game-title .rune-9,.game-title .rune-10{position:absolute;opacity:0;pointer-events:none;z-index:3;transition:opacity .3s ease;font-size:28px;color:#f5f5faf2;text-shadow:-1px -1px 0 #1e243b,1px -1px 0 #1e243b,-1px 1px 0 #1e243b,1px 1px 0 #1e243b,-2px 0 0 #1e243b,2px 0 0 #1e243b,0 -2px 0 #1e243b,0 2px 0 #1e243b,-2px -2px 0 #1e243b,2px -2px 0 #1e243b,-2px 2px 0 #1e243b,2px 2px 0 #1e243b,0 0 8px rgba(255,255,255,.6)}.game-title:after{content:"ᚠ";top:10%;left:50%;transform:translate(-50%)}.game-title .rune-1{top:60%;left:20%;font-size:32px}.game-title .rune-2{top:25%;right:18%;font-size:30px}.game-title .rune-3{bottom:15%;right:25%}.game-title .rune-4{bottom:35%;left:22%;font-size:26px}.game-title .rune-5{top:40%;right:20%;font-size:34px}.game-title .rune-6{bottom:25%;left:35%}.game-title .rune-7{top:30%;left:25%;font-size:24px}.game-title .rune-8{bottom:10%;right:15%;font-size:36px}.game-title .rune-9{top:15%;left:18%;font-size:28px}.game-title .rune-10{bottom:30%;right:22%;font-size:30px}.game-title:hover:after,.game-title:hover .rune-1,.game-title:hover .rune-2,.game-title:hover .rune-3,.game-title:hover .rune-4,.game-title:hover .rune-5,.game-title:hover .rune-6,.game-title:hover .rune-7,.game-title:hover .rune-8,.game-title:hover .rune-9,.game-title:hover .rune-10{opacity:1}.game-title:hover:after{animation:runeFloat 4s ease-in-out infinite,runeGlow 2s ease-in-out infinite;animation-delay:.1s}.game-title:hover .rune-1{animation:runePath1 8s ease-in-out infinite,runeGlow 2.5s ease-in-out infinite;animation-delay:.7s}.game-title:hover .rune-2{animation:runeFloat 4.5s ease-in-out infinite,runeGlow 3s ease-in-out infinite;animation-delay:.3s}.game-title:hover .rune-3{animation:runePath2 7s ease-in-out infinite,runeGlow 2.2s ease-in-out infinite;animation-delay:.9s}.game-title:hover .rune-4{animation:runeFloat 6s ease-in-out infinite,runeGlow 3.5s ease-in-out infinite;animation-delay:.5s}.game-title:hover .rune-5{animation:runePath3 9s ease-in-out infinite,runeGlow 2.8s ease-in-out infinite;animation-delay:.2s}.game-title:hover .rune-6{animation:runeFloat 5.2s ease-in-out infinite,runeGlow 3.2s ease-in-out infinite;animation-delay:.6s}.game-title:hover .rune-7{animation:runePath2 6.5s ease-in-out infinite,runeGlow 2.7s ease-in-out infinite;animation-delay:.4s}.game-title:hover .rune-8{animation:runePath1 8.5s ease-in-out infinite,runeGlow 3.3s ease-in-out infinite;animation-delay:.8s}.game-title:hover .rune-9{animation:runePath3 7.5s ease-in-out infinite,runeGlow 2.9s ease-in-out infinite;animation-delay:.3s}.game-title:hover .rune-10{animation:runeFloat 5.8s ease-in-out infinite,runeGlow 3.1s ease-in-out infinite;animation-delay:.7s}@keyframes runeFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-10px) rotate(5deg)}75%{transform:translateY(10px) rotate(-5deg)}}@keyframes runePath1{0%{transform:translate(0)}25%{transform:translate(20px,-15px) rotate(5deg)}50%{transform:translateY(-30px) rotate(0)}75%{transform:translate(-20px,-15px) rotate(-5deg)}to{transform:translate(0)}}@keyframes runePath2{0%{transform:translate(0) rotate(0)}15%{transform:translate(15px,-10px) rotate(5deg)}30%{transform:translateY(-15px) rotate(0)}45%{transform:translate(-15px,-10px) rotate(-5deg)}50%{transform:translate(0) rotate(0)}65%{transform:translate(15px,10px) rotate(-5deg)}80%{transform:translateY(15px) rotate(0)}95%{transform:translate(-15px,10px) rotate(5deg)}to{transform:translate(0) rotate(0)}}@keyframes runePath3{0%{transform:translate(0) rotate(0)}25%{transform:translate(25px,-5px) rotate(10deg)}50%{transform:translate(35px) rotate(0)}75%{transform:translate(25px,5px) rotate(-10deg)}to{transform:translate(0) rotate(0)}}@keyframes runeGlow{0%,to{text-shadow:-1px -1px 0 #1e243b,1px -1px 0 #1e243b,-1px 1px 0 #1e243b,1px 1px 0 #1e243b,-2px 0 0 #1e243b,2px 0 0 #1e243b,0 -2px 0 #1e243b,0 2px 0 #1e243b,-2px -2px 0 #1e243b,2px -2px 0 #1e243b,-2px 2px 0 #1e243b,2px 2px 0 #1e243b,0 0 8px rgba(255,255,255,.6);color:#f5f5faf2}50%{text-shadow:-1px -1px 0 #1e243b,1px -1px 0 #1e243b,-1px 1px 0 #1e243b,1px 1px 0 #1e243b,-2px 0 0 #1e243b,2px 0 0 #1e243b,0 -2px 0 #1e243b,0 2px 0 #1e243b,-2px -2px 0 #1e243b,2px -2px 0 #1e243b,-2px 2px 0 #1e243b,2px 2px 0 #1e243b,0 0 15px rgba(255,255,255,.9),0 0 20px rgba(253,209,121,.5);color:#fff}}.content-wrapper{display:flex;justify-content:center;align-items:center;width:100%;margin:2vh 0}.center-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;max-width:360px}#settingsLanding,#discord,#leaderboard-demo,#changelog-demo{position:static;display:block}.square-btn{display:flex;justify-content:center;align-items:center;background:var(--btn-border);border:none;outline:none;padding:6px;border-radius:14px;transition:background .1s ease,transform .1s ease;width:58px;height:58px;text-decoration:none;box-sizing:border-box}.square-btn img,.square-btn-emoji{width:100%;height:100%;box-sizing:border-box;background:var(--btn-border);border:none;border-bottom:4px solid var(--btn-edge);border-radius:9px;padding:6px;object-fit:contain}.square-btn-emoji{display:flex;align-items:center;justify-content:center;font-size:24px;line-height:1}.square-btn:hover,.square-btn:hover img,.square-btn:hover .square-btn-emoji{background:#2c2c37}.square-btn:active{transform:translateY(3px)}.youtube-preview{position:fixed;top:20px;right:20px;z-index:50;width:224px;height:128px;background:var(--btn-border);border:none;border-radius:14px;overflow:hidden;transition:background .1s ease;cursor:pointer;text-decoration:none;display:block;box-sizing:border-box;padding:6px}.youtube-preview:hover{background:#2c2c37}.youtube-preview .video-thumbnail{position:relative;width:100%;height:100%;box-sizing:border-box;background:var(--btn-border);border:none;border-bottom:4px solid var(--btn-edge);border-radius:8px;overflow:hidden}.youtube-preview .video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.youtube-preview:hover .video-thumbnail img{filter:brightness(1.08)}#landing{background:transparent;padding:0;width:min(320px,90vw);text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px;margin:0;position:relative}#landing input{background:var(--parchment);border:4px solid #d8c187;outline:none;color:#4a3a18;padding:15px;border-radius:14px;width:100%;box-sizing:border-box;margin:0;font-family:var(--chunky-font);font-size:24px;text-align:center;box-shadow:0 6px #b59a55;transition:background .12s ease}#landing input::placeholder{color:#b3a273}#landing input:focus{background:#fbf1d6}#landing button,#play{cursor:pointer;border:4px solid transparent;outline:none;font-family:var(--chunky-font);font-size:24px;letter-spacing:1px;padding:15px;width:100%;box-sizing:border-box;border-radius:14px;transition:background .1s ease,box-shadow .1s ease,transform .1s ease}#play{background:var(--gold);color:var(--text);text-shadow:var(--outline);box-shadow:0 7px 0 var(--gold-edge)}#play:hover{background:var(--gold-hover)}#play:active{transform:translateY(6px);box-shadow:0 1px 0 var(--gold-edge)}#customize-appearance{background:var(--btn-light-home);color:var(--text);text-shadow:var(--outline);box-shadow:0 7px 0 var(--btn-edge)}#customize-appearance:hover{background:var(--btn-light-home-hover)}#customize-appearance:active{transform:translateY(4px);box-shadow:0 1px 0 var(--btn-edge)}.bottom-section{display:flex;align-items:center;gap:12px;position:fixed;bottom:20px;left:20px;margin:0;z-index:100}@media(max-width:768px){.youtube-preview{width:180px;height:101px}.square-btn{width:50px;height:50px}.square-btn img{width:30px;height:30px}.square-btn-emoji{font-size:24px}.profile-stack,.profile-box{width:230px}}@media(max-width:480px){#landing{width:90%;max-width:320px}.youtube-preview{width:130px;height:73px;top:14px;right:14px}#login-box{top:14px;left:14px}.signin-trigger-btn{padding:9px 18px;font-size:13px}.bottom-section{bottom:14px;left:14px;gap:8px}.square-btn{width:44px;height:44px;border-width:2px}.square-btn img{width:26px;height:26px}.square-btn-emoji{font-size:20px}}@media(max-height:560px){.main-container{padding-top:90px;padding-bottom:90px}}.discord-link{display:inline-block;background:#7289da;color:#fff;padding:6px 12px;border-radius:4px;text-decoration:none;font-weight:700;margin:0 5px;box-shadow:0 3px #5865f2;transition:all .2s ease}.discord-link:hover{background:#5865f2;transform:translateY(-2px);box-shadow:0 5px #4752c4}.discord-link:active{transform:translateY(2px);box-shadow:0 1px #4752c4}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/Bg-9rCTvYHB.png);background-size:cover;background-position:center;background-color:#141a21f2;background-blend-mode:overlay;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.loading-content{text-align:center;max-width:500px;padding:20px}#loading-title{max-width:250px;height:auto;margin-bottom:40px;filter:drop-shadow(0 0 15px rgba(253,209,121,.8));will-change:transform,filter;animation:loadingPulse 2s infinite}@keyframes loadingPulse{0%{transform:scale(1);filter:drop-shadow(0 0 10px rgba(253,209,121,.5))}50%{transform:scale(1.05);filter:drop-shadow(0 0 20px rgba(253,209,121,.9))}to{transform:scale(1);filter:drop-shadow(0 0 10px rgba(253,209,121,.5))}}.loading-bar-container{width:80%;max-width:400px;height:25px;background:#303843;border-radius:15px;padding:4px;margin:0 auto 20px;box-shadow:0 4px 6px #00000080;border:1px solid rgba(253,209,121,.5);box-sizing:border-box}#loading-bar{width:0%;height:100%;background:linear-gradient(90deg,#dcb064,#fdd179);border-radius:10px;transition:width .3s ease;position:relative;overflow:hidden}#loading-bar:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}#loading-text{color:#f1f6f0;font-size:16px;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.8)}#loading-progress{color:#fdd179;font-weight:700}#chat-container{position:absolute;bottom:24%;left:50%;transform:translate(-50%);flex-direction:column;align-items:stretch;justify-content:flex-end;gap:8px;z-index:1000;overflow:visible;display:none}#chat-completion-container{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;padding:12px 14px;width:400px;background-color:var(--panel);border-radius:14px;box-shadow:0 5px 0 var(--btn-edge);z-index:1000;overflow:visible;display:none}#chat-input-container{display:flex;align-items:center;width:400px;background-color:var(--panel);border-radius:14px;box-shadow:0 5px 0 var(--btn-edge);z-index:1000;overflow:hidden}#chat-toggle-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--text);font-size:18px;font-weight:bolder;background-color:var(--btn-light);transition:background-color .1s ease;border-radius:14px 0 0 14px}#chat-toggle-button.team-mode{background-color:#b14a3c}#chat-input{flex:1;height:100%;padding:0 15px;background:transparent;border:none;outline:none;color:var(--text);font-size:16px;font-weight:bolder}#chat-input::placeholder{color:var(--text-dim)}@keyframes slide-in{0%{transform:translate(-50px);opacity:0}to{transform:translate(0);opacity:1}}.crafting-content{display:flex;height:calc(100% - 70px)}.recipe-details{width:60%;padding:10px;font-size:14px;display:flex;flex-direction:column}.item-preview{display:flex;justify-content:center;align-items:center;height:70px;background:var(--btn-dark);border-radius:10px;margin-bottom:2px;overflow:hidden;position:relative}.item-preview img{max-width:60px;max-height:60px;object-fit:contain;transition:transform .25s cubic-bezier(.34,1.56,.64,1);position:relative;z-index:3}.item-preview:hover img{transform:scale(1.1)}#selected-item-name{color:var(--gold);margin:0;text-align:center;font-family:var(--chunky-font);font-size:19px;text-shadow:var(--outline)}#selected-item-description{color:var(--text);margin:2px 0 8px;line-height:1.45;flex-grow:1;font-family:Roboto,sans-serif;font-weight:800;font-size:13.5px;max-height:70px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.4)}#crafting-requirements{justify-content:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;font-weight:bolder}.requirement{display:flex;flex-direction:column;align-items:center;border-radius:9px;padding:4px 6px;height:52px;font-weight:bolder;background:var(--btn-dark);position:relative;overflow:hidden}.requirement img{width:34px;height:34px}.requirement .cost{font-family:var(--chunky-font);font-size:14px;color:var(--text);text-shadow:var(--outline);letter-spacing:.5px}.requirement.insufficient .cost{color:#e8705a}.requirement:after{content:attr(data-count);display:block;font-family:var(--chunky-font);font-size:14px;color:var(--text);text-shadow:var(--outline);letter-spacing:.5px}.requirement.insufficient:after{color:#e8705a}.requirement.insufficient{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation-delay:.2s}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-2px,0,0)}40%,60%{transform:translate3d(2px,0,0)}}#craft-button{background:var(--gold);color:var(--ink);text-shadow:none;cursor:pointer;border:none;outline:none;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;font-family:var(--chunky-font);font-size:18px;letter-spacing:1px;padding:11px;border-radius:11px;box-shadow:0 5px 0 var(--gold-edge);margin-top:5px;position:relative;overflow:hidden}#craft-button:hover:not(:disabled){background:var(--gold-hover)}#craft-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-edge)}#craft-button:disabled{background:#6b6450;color:#e7e1cf;cursor:not-allowed;box-shadow:0 5px #423d30}:root{--craft-anim-duration: 2.5s;--craft-anim-timing: cubic-bezier(.22, .68, .31, 1.2)}#crafting-container.crafting-animation #crafting-requirements .requirement:nth-child(1){animation:requirement-glow .4s var(--craft-anim-timing) forwards;animation-delay:.1s}#crafting-container.crafting-animation #crafting-requirements .requirement:nth-child(2){animation:requirement-glow .4s var(--craft-anim-timing) forwards;animation-delay:.2s}#crafting-container.crafting-animation #crafting-requirements .requirement:nth-child(3){animation:requirement-glow .4s var(--craft-anim-timing) forwards;animation-delay:.3s}#crafting-container.crafting-animation #crafting-requirements .requirement:nth-child(4){animation:requirement-glow .4s var(--craft-anim-timing) forwards;animation-delay:.4s}@keyframes requirement-glow{0%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.2);filter:brightness(1.8);box-shadow:0 0 20px #6c81a1cc}to{transform:scale(1);filter:brightness(1)}}.requirement{position:relative;z-index:5}#crafting-container.crafting-animation .requirement:before{content:"";position:absolute;top:50%;left:100%;width:80px;height:4px;background:linear-gradient(90deg,#6c81a1cc,#fff0);transform-origin:left center;transform:translateY(-50%);opacity:0;z-index:10;box-shadow:0 0 10px #fff9}#crafting-container.crafting-animation .item-preview{animation:item-preview-activate .8s var(--craft-anim-timing);animation-delay:.7s;position:relative;overflow:hidden}@keyframes item-preview-activate{0%{box-shadow:inset 0 0 10px #0000004d}50%{box-shadow:inset 0 0 30px #6c81a1cc,0 0 30px #6c81a180}to{box-shadow:inset 0 0 10px #0000004d}}#crafting-container.crafting-animation .item-preview:before{content:"";position:absolute;top:-20%;left:-20%;width:140%;height:140%;background:radial-gradient(circle,transparent 50%,rgba(108,129,161,.1) 55%,transparent 60%),radial-gradient(circle,transparent 45%,rgba(255,255,255,.1) 50%,transparent 55%);opacity:0;z-index:5;animation:magic-circle 1.5s ease-out forwards;animation-delay:.8s}@keyframes magic-circle{0%{opacity:0;transform:scale(.8)}20%{opacity:1}to{opacity:0;transform:scale(1.2)}}#crafting-container.crafting-animation .item-preview:after{content:"ᚠ ᚢ ᚦ ᚨ ᚱ ᚲ\a  ᚷ ᚹ ᚺ ᚾ ᛁ ᛃ\a  ᛇ ᛈ ᛉ ᛋ ᛏ ᛒ\a  ᛖ ᛗ ᛚ ᛜ ᛞ ᛟ\a  ᛠ ᛡ ᛢ ᛣ ᛤ ᛥ\a  ᛦ ᛧ ᛨ ᛩ ᛪ ᛫\a  ᛬ ᛭ ᛮ ᛯ ᛰ ᛱ\a  ᛲ ᛳ ᛴ ᛵ ᛶ ᛷ\a  ᛸ ᚠ ᚢ ᚦ ᚨ";white-space:pre;position:absolute;width:100%;height:100%;top:0;font-family:"Noto Sans Runic","Roboto" sans-serif;left:0;font-size:20px;display:flex;justify-content:center;align-items:center;letter-spacing:12px;color:#fff0;text-shadow:0 0 8px rgba(255,255,255,0);opacity:0;z-index:6;animation:rune-reveal 1.6s ease-out forwards;animation-delay:1s;background:none!important;box-shadow:none!important;border:none!important}@keyframes rune-reveal{0%{opacity:0;transform:scale(.8) rotate(0);color:#fff0;text-shadow:0 0 8px rgba(255,255,255,0)}30%{opacity:1;color:#ffffffe6;text-shadow:0 0 8px rgba(255,255,255,.8)}70%{opacity:1;color:#ffffffe6;text-shadow:0 0 8px rgba(255,255,255,.8)}to{opacity:0;transform:scale(1.2) rotate(90deg);color:#fff0;text-shadow:0 0 8px rgba(255,255,255,0)}}#crafting-container.crafting-animation #selected-item-image{animation:item-transform 1.5s var(--craft-anim-timing);animation-delay:1s;position:relative;z-index:10}@keyframes item-transform{0%{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}40%{transform:scale(1.4) rotate(-10deg);filter:drop-shadow(0 0 20px rgba(255,255,255,.8))}60%{transform:scale(1.5) rotate(5deg);filter:drop-shadow(0 0 25px rgba(255,255,255,.9))}80%{transform:scale(1.2) rotate(-2deg);filter:drop-shadow(0 0 15px rgba(255,255,255,.7))}to{transform:scale(1) rotate(0);filter:drop-shadow(0 0 0 rgba(255,255,255,0))}}.recipe-details{position:relative}#crafting-container.crafting-animation .recipe-details:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.9) 0%,rgba(108,129,161,.5) 30%,transparent 70%);opacity:0;z-index:4;pointer-events:none;animation:energy-burst 1s ease-out forwards;animation-delay:1.6s}@keyframes energy-burst{0%{opacity:0;transform:scale(.1)}50%{opacity:1}to{opacity:0;transform:scale(2)}}#crafting-container.crafting-animation .recipe-details:after{content:"";position:absolute;top:35%;left:50%;width:4px;height:4px;background:transparent;border-radius:50%;box-shadow:0 0 #fff,20px -15px 0 -1px #fffc,-20px -15px 0 -1px #fffc,40px -25px 0 -1px #fff9,-40px -25px 0 -1px #fff9,15px -45px 0 -1px #ffffffb3,-15px -45px 0 -1px #ffffffb3,30px -65px 0 -1px #ffffff80,-30px -65px 0 -1px #ffffff80,0 -35px 0 -1px #ffffffe6,10px -20px 0 -1px #6c81a1cc,-10px -20px 0 -1px #6c81a1cc,25px -40px 0 -1px #6c81a199,-25px -40px 0 -1px #6c81a199;opacity:0;z-index:20;pointer-events:none;animation:particle-explosion 1s ease-out forwards;animation-delay:1.8s}@keyframes particle-explosion{0%{opacity:0;transform:scale(0)}10%{opacity:1;transform:scale(.2)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(3);box-shadow:0 0 #fff,40px -30px 0 -2px #fff0,-40px -30px 0 -2px #fff0,80px -50px 0 -2px #fff0,-80px -50px 0 -2px #fff0,30px -90px 0 -2px #fff0,-30px -90px 0 -2px #fff0,60px -130px 0 -2px #fff0,-60px -130px 0 -2px #fff0,0 -70px 0 -2px #fff0,20px -40px 0 -2px #6c81a100,-20px -40px 0 -2px #6c81a100,50px -80px 0 -2px #6c81a100,-50px -80px 0 -2px #6c81a100}}#crafting-container.crafting-animation #craft-button:after{content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:#fff6;border-radius:50%;transform:translate(-50%,-50%);z-index:5;animation:button-ripple 1s ease-out forwards}@keyframes button-ripple{0%{width:10px;height:10px;opacity:1}to{width:300px;height:300px;opacity:0}}#crafting-container.crafting-animation #craft-button{animation:craft-button-press var(--craft-anim-duration) var(--craft-anim-timing)}@keyframes craft-button-press{0%{transform:translateY(0);box-shadow:0 4px #1e242b}10%{transform:translateY(4px);box-shadow:0 0 #1e242b}30%{transform:translateY(0);box-shadow:0 4px #1e242b}40%{transform:translateY(2px);box-shadow:0 2px #1e242b}50%{transform:translateY(-4px);box-shadow:0 8px #1e242b}75%{transform:translateY(-2px);box-shadow:0 6px #1e242b}to{transform:translateY(0);box-shadow:0 4px #1e242b}}#crafting-container.crafting-animation #selected-item-name{animation:item-name-glow 2s ease-out;animation-delay:1.2s}@keyframes item-name-glow{0%{color:var(--gold);text-shadow:var(--outline)}50%{color:#fff7e0;text-shadow:var(--outline),0 0 12px rgba(244,198,78,.9)}to{color:var(--gold);text-shadow:var(--outline)}}#crafting-container.hide{animation:container-disappear var(--show-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes container-disappear{0%{transform:translate(-50%,-50%) scale(1);opacity:.9}to{transform:translate(-50%,-50%) scale(.9);opacity:0;display:none}}#team-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:400px;max-height:500px;background:var(--panel);border-radius:16px;box-shadow:0 8px 0 var(--btn-edge),0 16px 34px #00000080;color:var(--text);font-family:Roboto,sans-serif;transition:opacity .3s ease;opacity:.85;display:none;z-index:1000;overflow:hidden;--show-animation-duration: .5s;--hide-animation-duration: .4s;will-change:transform,opacity}#team-container[style*="pointer-events: none"] .join-button{cursor:wait}@keyframes team-container-appear{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:.85}}#team-container.hide{animation:team-container-disappear var(--hide-animation-duration) cubic-bezier(.4,0,.2,1) forwards}@keyframes team-container-disappear{0%{transform:translate(-50%) scale(1);opacity:.85}to{transform:translate(-50%) scale(.9);opacity:0}}.team-header{display:flex;justify-content:center;align-items:center;background:var(--panel-bar);padding:10px 15px;border-top-left-radius:16px;border-top-right-radius:16px}.team-header h2{color:var(--gold);margin:0;font-family:var(--chunky-font);font-size:38px;text-shadow:var(--outline)}.teams-list,.members-list{max-height:300px;overflow-y:auto;padding:5px}.teams-list::-webkit-scrollbar,.members-list::-webkit-scrollbar{width:8px}.teams-list::-webkit-scrollbar-button,.members-list::-webkit-scrollbar-button{display:none;width:0;height:0}.teams-list::-webkit-scrollbar-track,.members-list::-webkit-scrollbar-track{background:var(--panel-bar);border-radius:4px}.teams-list::-webkit-scrollbar-thumb,.members-list::-webkit-scrollbar-thumb{background-color:var(--btn-light);border-radius:4px}.crown{color:var(--gold);margin-right:5px}.member-name,.team-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button-group{display:flex;gap:5px}.create-team{display:flex;padding:10px;gap:6px;background:var(--panel-bar);border-bottom-left-radius:16px;border-bottom-right-radius:16px}.create-team input{flex:1;padding:9px 12px;border:none;outline:none;background:var(--btn-dark);color:var(--text);border-radius:9px;font-weight:700}.create-team input::placeholder{color:var(--text-dim)}.create-team input:focus{outline:none;box-shadow:inset 0 -3px 0 var(--btn-edge)}button{background:var(--btn-light);color:var(--text);cursor:pointer;border:none;outline:none;border-radius:9px;padding:7px 12px;font-family:var(--chunky-font);font-size:14px;letter-spacing:.5px;text-shadow:var(--outline);box-shadow:0 4px 0 var(--btn-edge);transition:background .1s ease,box-shadow .1s ease,transform .1s ease;white-space:nowrap}button:hover:not(:disabled){background:var(--btn-light-hover)}button:active:not(:disabled){transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}button:disabled{background:#45454f;color:#b6b4be;cursor:not-allowed;text-shadow:none;box-shadow:0 4px 0 var(--btn-edge)}button.join-button{background:var(--gold);color:var(--ink);text-shadow:none;box-shadow:0 4px 0 var(--gold-edge)}button.join-button:hover:not(:disabled){background:var(--gold-hover)}button.join-button:active:not(:disabled){box-shadow:0 1px 0 var(--gold-edge)}button.join-button:disabled{background:#6b6450;color:#e7e1cf;box-shadow:0 4px #423d30}button.arrow-button{padding:4px 8px}button.transfer-button{background:#5a8c66;box-shadow:0 4px #2f5238;padding:4px 8px}button.transfer-button:hover:not(:disabled){background:#6aa077}button.transfer-button:active:not(:disabled){box-shadow:0 1px #2f5238}button.leave-button,#leave-team-button,button.kick-button{background:#b14a3c;box-shadow:0 4px #6e2a21}button.leave-button:hover:not(:disabled),#leave-team-button:hover:not(:disabled),button.kick-button:hover:not(:disabled){background:#c5564a}button.leave-button:active:not(:disabled),#leave-team-button:active:not(:disabled),button.kick-button:active:not(:disabled){box-shadow:0 1px #6e2a21}button.kick-button{padding:4px 8px}.team-actions{padding:10px;text-align:center;background:var(--panel-bar);border-bottom-left-radius:16px;border-bottom-right-radius:16px}#current-team-name{color:var(--text);margin:0;font-family:var(--chunky-font);font-size:26px;text-shadow:var(--outline);display:inline-block;position:relative;z-index:1;letter-spacing:.5px}.team-info{padding:8px;text-align:center;background:var(--btn-dark);position:relative;overflow:hidden}.arrow-indicator{display:inline-block;color:#fdd179;margin-right:5px;opacity:0;transition:opacity .2s ease}.team-action-feedback{position:fixed;top:20px;left:50%;transform:translate(210px);background:var(--panel);color:var(--text);padding:12px 20px;border-radius:12px;font-family:Roboto,sans-serif;font-weight:700;box-shadow:0 6px 0 var(--btn-edge);z-index:2000;opacity:0;transform:translate(210px) translateY(-20px);transition:all .4s cubic-bezier(.34,1.56,.64,1);max-width:300px;overflow:hidden;pointer-events:none}.team-action-feedback.visible{opacity:1;transform:translate(210px) translateY(0)}.arrow-indicator{display:inline-block;margin-right:5px;opacity:0;transition:opacity .2s ease;font-size:18px}.arrow-active .arrow-indicator{opacity:1}#team-chat-container{position:fixed;top:10px;left:210px;width:280px;max-height:60vh;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:5px;overflow:hidden;z-index:900;pointer-events:none;padding:10px}.team-chat-message{background-color:var(--panel);color:var(--text);padding:8px 12px;border-radius:9px;width:100%;box-sizing:border-box;word-wrap:break-word;font-size:14px;margin-bottom:4px;text-align:left;opacity:1;transition:opacity .4s cubic-bezier(.2,.8,.2,1),transform .4s cubic-bezier(.2,.8,.2,1);transform:translate(0);animation:chat-slide-in .4s cubic-bezier(.2,.8,.2,1);pointer-events:auto;box-shadow:0 4px 0 var(--btn-edge);font-weight:700}.team-chat-message.fading{opacity:0;transform:translate(-30px);transition:opacity .6s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.team-chat-message .sender{color:var(--gold);font-weight:bolder;margin-right:5px}@keyframes chat-slide-in{0%{transform:translate(30px);opacity:0}to{transform:translate(0);opacity:1}}.building-content{display:flex;height:calc(100% - 70px)}.buildings-list{width:40%;background:transparent;overflow-y:auto;font-size:14px}.buildings-list::-webkit-scrollbar{width:8px}.buildings-list::-webkit-scrollbar-button{display:none;width:0;height:0}.buildings-list::-webkit-scrollbar-track{background:var(--panel-bar);border-radius:4px}.buildings-list::-webkit-scrollbar-thumb{background-color:var(--btn-light);border-radius:4px}.buildings-list li img{width:30px;height:30px;margin-right:8px;object-fit:contain}.buildings-list .item-name{font-weight:700}.buildings-list .item-category{margin-left:auto;font-size:12px;color:var(--text-dim);background:var(--btn-dark);padding:2px 6px;border-radius:8px}.building-details{width:60%;padding:10px;font-size:14px;display:flex;flex-direction:column}.building-preview{display:flex;justify-content:center;align-items:center;height:70px;background:var(--btn-dark);border-radius:10px;margin-bottom:2px;overflow:hidden;position:relative}.building-content,.building-details,.building-preview{box-sizing:border-box}.building-preview{min-height:70px;max-height:70px}.building-preview img{max-width:60px;max-height:60px;object-fit:contain;transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.building-preview:hover img{transform:scale(1.1)}#selected-building-name{color:var(--gold);margin:0;text-align:center;font-family:var(--chunky-font);font-size:19px;text-shadow:var(--outline)}#selected-building-description{color:var(--text);margin:2px 0 8px;line-height:1.45;flex-grow:1;font-family:Roboto,sans-serif;font-weight:800;font-size:13.5px;max-height:70px;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.55),0 0 6px rgba(0,0,0,.4)}#building-requirements{justify-content:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:0;font-weight:bolder}#building-requirements .requirement{display:flex;flex-direction:column;align-items:center;border-radius:9px;padding:4px 6px;height:52px;font-weight:bolder;position:relative;overflow:hidden;background:var(--btn-dark)}#building-requirements .requirement img{width:34px;height:34px}#building-requirements .requirement:after{content:attr(data-count);display:block;font-family:var(--chunky-font);font-size:14px;color:var(--text);text-shadow:var(--outline);letter-spacing:.5px}#building-requirements .requirement .cost{font-family:var(--chunky-font);font-size:14px;color:var(--text);text-shadow:var(--outline);letter-spacing:.5px}#building-requirements .requirement.insufficient:after,#building-requirements .requirement.insufficient .cost{color:#e8705a}#building-requirements .requirement.insufficient{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation-delay:.2s}#build-button{background:var(--gold);color:var(--ink);text-shadow:none;cursor:pointer;border:none;outline:none;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;font-family:var(--chunky-font);font-size:18px;letter-spacing:1px;padding:11px;border-radius:11px;box-shadow:0 5px 0 var(--gold-edge);margin-top:5px;width:100%;position:relative;overflow:hidden;z-index:1}#build-button:hover:not(:disabled){background:var(--gold-hover)}#build-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--gold-edge)}#build-button:disabled{background:#6b6450;color:#e7e1cf;cursor:not-allowed;box-shadow:0 5px #423d30}#action-bar-container{position:fixed;top:10px;right:10px;z-index:900;font-family:Roboto,sans-serif;pointer-events:none;display:none}#action-bar-trigger{width:50px;height:50px;background:#1e242bd9;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;pointer-events:auto;box-shadow:0 2px 5px #0000004d;transition:all .3s ease;position:relative;z-index:920}.trigger-icon{color:#f1f6f0;font-size:20px;font-weight:700;-webkit-user-select:none;user-select:none}#action-bar{position:absolute;top:0;right:60px;display:flex;flex-direction:row-reverse;opacity:0;transform:translate(20px);transition:all .3s ease;pointer-events:none}#action-bar-container:hover #action-bar,#action-bar-container.active #action-bar{opacity:1;transform:translate(0);pointer-events:auto}#action-bar:before{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;z-index:-1}#action-bar-container:hover #action-bar-trigger,#action-bar-container.active #action-bar-trigger{background:#303843f2;border-color:#fdd179}.action-button{width:45px;height:45px;background:#1e242bd9;border-radius:50%;margin-right:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:all .2s ease}.action-button:hover{background:#303843f2;border-color:#fdd179;transform:translateY(-3px)}.action-icon{font-size:18px;color:#f1f6f0;-webkit-user-select:none;user-select:none;display:flex;align-items:center;justify-content:center}.tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#1e242be6;color:#f1f6f0;padding:4px 8px;border-radius:5px;white-space:nowrap;font-size:12px;font-weight:700;opacity:0;pointer-events:none;transition:opacity .2s ease,transform .2s ease;transform:translate(-50%) translateY(5px);box-shadow:0 2px 5px #0000004d}.action-button:hover .tooltip{opacity:1;transform:translate(-50%) translateY(0)}body.ui-open #action-bar{display:none}body.ui-open #action-bar-trigger{background:#b55945d9;border-color:#fdd179}body.ui-open #action-bar-trigger:hover{background:#bd553ef2!important;border-color:#fdd179}body.ui-open #action-bar-trigger .trigger-icon{content:"✕"}@media(max-width:768px){#action-bar-container{bottom:170px}.action-button{width:40px;height:40px;margin-right:8px}.action-icon{font-size:16px}}.action-button.active{background:#6c81a199;border-color:#fdd179}#big-map-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1500;display:none;pointer-events:auto}#big-map-container.active{display:block}#big-map-border{position:relative;padding:20px;background:linear-gradient(135deg,#8b4513b3,#654321b3,#5d3a1ab3,#654321b3,#8b4513b3);border-radius:15px;box-shadow:0 0 0 4px #3d2314b3,0 0 0 8px #2a1810b3,0 10px 40px #00000080,inset 0 2px 4px #ffffff1a}#big-map-border:before{content:"";position:absolute;top:8px;left:8px;right:8px;bottom:8px;border:2px solid rgba(139,69,19,.3);border-radius:10px;pointer-events:none}#big-map-canvas{display:block;border-radius:8px;background:#1e242b59;transition:background .3s ease}#big-map-container:hover #big-map-canvas{background:#1e242b}#big-map-container:hover #big-map-border{background:linear-gradient(135deg,#8b4513,#654321,#5d3a1a,#654321,#8b4513);box-shadow:0 0 0 4px #3d2314,0 0 0 8px #2a1810,0 10px 40px #00000080,inset 0 2px 4px #ffffff1a}#big-map-container:hover #big-map-border:before{border-color:#8b451380}#big-map-border .corner{position:absolute;width:30px;height:30px;background:#654321;border-radius:50%;box-shadow:inset 0 2px 4px #fff3,0 2px 4px #0000004d}#big-map-border .corner.top-left{top:-5px;left:-5px}#big-map-border .corner.top-right{top:-5px;right:-5px}#big-map-border .corner.bottom-left{bottom:-5px;left:-5px}#big-map-border .corner.bottom-right{bottom:-5px;right:-5px}@keyframes leaderboard-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:.95}}#leaderboard-container.hide{animation:leaderboard-disappear var(--hide-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes leaderboard-disappear{0%{transform:scale(1);opacity:.95}to{transform:scale(.9);opacity:0}}.leaderboard-header{display:flex;justify-content:space-between;align-items:center;background:var(--panel-bar);padding:10px 15px;border-top-left-radius:16px;border-top-right-radius:16px}.leaderboard-header h2{color:var(--gold);margin:0;font-family:var(--chunky-font);font-size:24px;text-shadow:var(--outline)}.leaderboard-content{display:flex;flex-direction:column;height:calc(100% - 45px)}.top-player{padding:8px 5px;background:var(--btn-dark);text-align:center;position:relative;overflow:hidden;flex-shrink:0}.top-player .crown{font-size:24px;margin-bottom:4px;display:block}.top-player .player-name{font-family:var(--chunky-font);font-size:18px;margin:4px 0;color:var(--gold);text-shadow:var(--outline)}.top-player .player-score{font-size:13px;color:var(--text-dim);font-weight:900}.leaderboard-list{flex-grow:1;overflow-y:auto;padding:5px}.leaderboard-list::-webkit-scrollbar{width:8px}.leaderboard-list::-webkit-scrollbar-button{display:none;width:0;height:0}.leaderboard-list::-webkit-scrollbar-track{background:var(--panel-bar);border-radius:4px}.leaderboard-list::-webkit-scrollbar-thumb{background-color:var(--btn-light);border-radius:4px}.leaderboard-list li.current-player{background:var(--btn-light);box-shadow:inset 0 -4px 0 var(--btn-edge)}.leaderboard-list .rank{width:30px;height:30px;border-radius:8px;background:var(--btn-dark);display:flex;justify-content:center;align-items:center;font-family:var(--chunky-font);margin-right:10px;flex-shrink:0}.leaderboard-list .player-info{flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-list .player-name{font-weight:700;margin-bottom:2px}.leaderboard-list .player-stats{font-size:12px;color:var(--text-dim);margin:0;padding:0;line-height:1.2;vertical-align:middle}.leaderboard-list .skull-icon{font-size:16px;margin-left:5px}.player-stats{padding:10px 20px;background:var(--panel-bar);border-bottom-left-radius:16px;border-bottom-right-radius:16px;display:flex;align-items:center;position:relative;overflow:hidden;min-height:56px}.player-stats .avatar{width:36px;height:36px;border-radius:9px;background:var(--btn-dark);display:flex;justify-content:center;align-items:center;margin-right:10px;font-size:18px;flex-shrink:0}.player-stats .stats-info{flex-grow:1}.player-stats .player-name{font-family:var(--chunky-font);font-size:16px;margin-bottom:2px}.player-stats .stats-row{display:flex;font-size:14px;color:var(--text-dim)}.player-stats .stat{display:flex;align-items:center;margin-right:10px;font-weight:900}.player-stats .stat-icon{margin-right:5px}.rank-1{background:#f4c64e38;color:var(--gold)}.rank-2{background:#c4ccd62e;color:#c4ccd6}.rank-3{background:#c98f5a33;color:#d49a6a}.player-rank-1{background:#f4c64e29;color:var(--gold)}.player-rank-2{background:#c4ccd61f;color:#c4ccd6}.player-rank-3{background:#c98f5a24;color:#d49a6a}.settings-header{background:var(--panel-bar);padding:10px;border-top-left-radius:16px;border-top-right-radius:16px;text-align:center}.settings-header h2{margin:0;font-family:var(--chunky-font);font-size:24px;color:var(--gold);text-shadow:var(--outline)}.settings-content{padding:15px;height:calc(100% - 47px);overflow-y:auto;box-sizing:border-box;background:var(--panel)}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-button{display:none;width:0;height:0}.settings-content::-webkit-scrollbar-track{background:var(--panel-bar);border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background-color:var(--btn-light);border-radius:4px}.settings-section{margin-bottom:16px;background:var(--btn-dark);border-radius:12px;padding:12px 14px;position:relative;overflow:hidden}.settings-section h3{margin:0 0 14px;font-family:var(--chunky-font);font-size:17px;color:var(--gold);position:relative;display:inline-block;text-shadow:var(--outline)}.setting-row{display:flex;align-items:center;margin-bottom:8px;padding:8px;border-radius:9px;transition:background .1s ease}.setting-row label{width:100px;font-weight:700;font-size:15px}.slider-container{flex:1;display:flex;align-items:center}.slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--btn-edge);border-radius:5px;outline:none;margin-right:10px}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border-radius:6px;background:var(--gold);cursor:pointer;transition:background .1s ease;box-shadow:0 3px 0 var(--gold-edge)}.slider::-moz-range-thumb{width:18px;height:18px;border-radius:6px;border:none;background:var(--gold);cursor:pointer;box-shadow:0 3px 0 var(--gold-edge)}.slider:hover::-webkit-slider-thumb{background:var(--gold-hover)}.slider:hover::-moz-range-thumb{background:var(--gold-hover)}.slider-value{width:45px;text-align:right;font-weight:700;color:var(--gold)}.toggle-container{display:flex;align-items:center}.toggle-input{height:0;width:0;visibility:hidden;position:absolute}.toggle-label{cursor:pointer;width:50px;height:26px;background:var(--btn-edge);border-radius:8px;position:relative;transition:background-color .15s}.toggle-label:after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;background:var(--text);border-radius:6px;transition:.2s cubic-bezier(.34,1.56,.64,1)}.toggle-input:checked+.toggle-label{background:var(--gold)}.toggle-input:checked+.toggle-label:after{left:calc(100% - 3px);transform:translate(-100%);background:var(--ink)}.toggle-label:active:after{width:26px}.toggle-input:checked+.toggle-label:hover{background:var(--gold-hover)}.toggle-label:hover{background:var(--btn-light)}.language-container{flex:1;display:flex;justify-content:flex-end}.language-select{background:#1e242b;color:#f1f6f0;border:2px solid #303843;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:700;cursor:pointer;outline:none;transition:all .3s cubic-bezier(.34,1.56,.64,1);min-width:120px;position:relative}.language-select:hover{background:var(--btn-light-hover)}.language-select:focus{outline:none}.language-select option{background:var(--btn-dark);color:var(--text);padding:8px}.language-select option:hover{background:var(--btn-light)}.keybind-container{display:flex;flex:1;justify-content:flex-end}.keybind-group{display:flex;flex-direction:column;align-items:center}.keybind-row{display:flex}.keybind-key{width:36px;height:36px;background:var(--btn-light);border-radius:8px;display:flex;justify-content:center;align-items:center;margin:3px;font-family:var(--chunky-font);font-size:14px;box-shadow:0 3px 0 var(--btn-edge);transition:background .1s ease,box-shadow .1s ease,transform .1s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden;text-shadow:var(--outline)}.keybind-key:hover{background:var(--btn-light-hover)}.keybind-key:active{transform:translateY(2px);box-shadow:0 1px 0 var(--btn-edge)}.keybind-key.listening{background:var(--gold);color:var(--ink);text-shadow:none;box-shadow:0 3px 0 var(--gold-edge)}.buttons-row{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.settings-button{background:var(--btn-light);color:var(--text);border:none;outline:none;border-radius:9px;padding:10px 20px;font-family:var(--chunky-font);font-size:17px;cursor:pointer;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;box-shadow:0 4px 0 var(--btn-edge);text-shadow:var(--outline);position:relative;overflow:hidden}.settings-button:hover{background:var(--btn-light-hover)}.settings-button:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}.settings-button.primary{background:var(--gold);color:var(--ink);text-shadow:none;box-shadow:0 4px 0 var(--gold-edge)}.settings-button.primary:hover{background:var(--gold-hover)}.settings-button.primary:active{box-shadow:0 1px 0 var(--gold-edge)}.settings-section:last-of-type{margin-bottom:0}#buttons-section{margin-top:auto;margin-bottom:0}#tutorial-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1000;font-family:Roboto,sans-serif;-webkit-user-select:none;user-select:none;display:none}.tutorial-element{position:absolute;display:flex;flex-direction:column;align-items:center}.tutorial-label{background-color:#2c3137;padding:8px 15px;border-radius:6px;font-weight:800;margin-bottom:12px;font-size:14px;color:#fff;letter-spacing:.5px;box-shadow:0 4px 8px #00000040}#movement-tutorial{left:185px;top:28%}#interact-tutorial{right:120px;top:35%}#attack-tutorial{right:120px;top:70%}#selection-tutorial{left:185px;bottom:180px}#actionbar-tutorial{top:70px;right:20px}#hotbar-tutorial{bottom:120px;left:50%;transform:translate(-50%)}#close-tutorial{bottom:30px;right:30px;display:flex;flex-direction:row;align-items:center}.key{width:55px;height:55px;background:#303843;box-shadow:0 4px #1e242b,0 6px 10px #0000004d;border-radius:8px;display:flex;justify-content:center;align-items:center;font-size:24px;font-weight:900;color:#f1f6f0;margin:5px;position:relative;overflow:hidden}.key-w:after,.key-a:after,.key-s:after,.key-d:after,.key-e:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#6c81a166;opacity:0;border-radius:8px}.wasd-container{display:flex;flex-direction:column;align-items:center}.key-row{display:flex}.key-esc{width:45px;height:45px;font-size:14px;border-radius:6px}.close-label{font-size:18px;font-weight:800;color:#f1f6f0;margin-left:15px;background-color:#2c3137;padding:8px 12px;border-radius:6px;letter-spacing:1px;box-shadow:0 4px 8px #00000040}.mouse-container{perspective:400px}.mouse-outline{width:40px;height:70px;position:relative;transform-style:preserve-3d}.mouse-button{position:absolute;top:0;left:0;width:100%;height:40%;background:#303843;border-top-left-radius:20px;border-top-right-radius:20px;border:2px solid #6c81a1;box-sizing:border-box;z-index:2}.mouse-body{position:absolute;top:40%;left:0;width:100%;height:60%;background:#1e242b;border-bottom-left-radius:20px;border-bottom-right-radius:20px;border:2px solid #6c81a1;box-sizing:border-box}.number-keys{background:#313c4a;padding:8px 20px;border-radius:6px;font-size:18px;font-weight:600;color:#fff;margin-bottom:10px;box-shadow:0 4px 6px #00000040}.scrollbar{width:35px;height:70px;background:#1e242b;border-radius:17.5px;position:relative;box-shadow:0 4px 6px #00000040;margin-top:5px}.scrollbar-handle{position:absolute;width:100%;height:30px;background:#8da2b7;border-radius:17.5px;top:20px}.curved-arrow{position:relative;width:40px;height:40px}.curved-arrow.down:before{content:"";position:absolute;width:30px;height:40px;border:4px solid #a1b4d1;border-color:transparent transparent #a1b4d1 transparent;border-radius:0 0 50% 50%}.curved-arrow.down:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);border:8px solid transparent;border-top:8px solid #a1b4d1}@keyframes pressKey{0%,to{transform:translateY(0)}50%{transform:translateY(4px);box-shadow:0 1px #1e242b,0 3px 5px #0000004d}}@keyframes glowKey{0%,to{opacity:0}50%{opacity:1}}@keyframes clickMouse{0%,to{background:#303843}50%{background:#6c81a1}}@keyframes moveScrollbar{0%{top:5px}50%{top:35px}to{top:5px}}@keyframes pulseArrow{0%,to{opacity:.8}50%{opacity:1}}@keyframes labelPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.key-w{animation:pressKey 2s infinite .1s}.key-w:after{animation:glowKey 2s infinite .1s}.key-a{animation:pressKey 2s infinite .6s}.key-a:after{animation:glowKey 2s infinite .6s}.key-s{animation:pressKey 2s infinite .9s}.key-s:after{animation:glowKey 2s infinite .9s}.key-d{animation:pressKey 2s infinite 1.2s}.key-d:after{animation:glowKey 2s infinite 1.2s}.key-e{animation:pressKey 2.5s infinite}.key-e:after{animation:glowKey 2.5s infinite}.mouse-button{animation:clickMouse 2s infinite}.scrollbar-handle{animation:moveScrollbar 4s infinite}.curved-arrow.down:before,.curved-arrow.down:after{animation:pulseArrow 2s infinite}#actionbar-tutorial .tutorial-label{animation:labelPulse 2s infinite}.statue-content{padding:15px}.upgrade-requirements{background:var(--btn-dark);border-radius:10px;padding:0;margin-bottom:12px}.requirement-items{display:flex;justify-content:center;gap:20px}.requirement-item{display:flex;align-items:center;gap:6px;background:var(--panel-bar);padding:5px 10px;border-radius:8px}.requirement-item img{width:20px;height:20px}.requirement-item span{font-weight:700;font-size:14px;color:var(--text)}.requirement-item span.complete{color:#6fb56f}.requirement-item span.incomplete{color:#d8624a}.combine-progress{background:var(--btn-dark);border-radius:10px;padding:0;margin-bottom:15px}.combine-display{display:flex;align-items:center;justify-content:center;gap:8px;background:var(--panel-bar);padding:6px 14px;border-radius:8px}.combine-display img{width:24px;height:24px}.combine-display span{font-weight:700;font-size:16px;color:var(--text)}.statue-buttons{display:flex;flex-direction:column;gap:8px}.statue-action-button{background:var(--btn-light);color:var(--text);cursor:pointer;border:none;outline:none;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;font-family:var(--chunky-font);font-size:16px;letter-spacing:1px;text-shadow:var(--outline);padding:11px;border-radius:10px;box-shadow:0 5px 0 var(--btn-edge);position:relative;overflow:hidden;z-index:1;width:100%}.statue-action-button:hover:not(:disabled){background:var(--btn-light-hover)}.statue-action-button:active:not(:disabled){transform:translateY(4px);box-shadow:0 1px 0 var(--btn-edge)}.statue-action-button:disabled{background:var(--btn-dark);color:var(--text-dim);text-shadow:none;cursor:not-allowed;box-shadow:0 5px 0 var(--btn-edge)}#upgrade-button:not(:disabled){background:#6f63a1;box-shadow:0 5px #3d3560}#upgrade-button:hover:not(:disabled){background:#8074b3}#upgrade-button:active:not(:disabled){box-shadow:0 1px #3d3560}#combine-button:not(:disabled){background:#a17d6c;box-shadow:0 5px #5e4438}#combine-button:hover:not(:disabled){background:#b58e7c}#combine-button:active:not(:disabled){box-shadow:0 1px #5e4438}#sacrifice-button:not(:disabled){background:#b14a3c;box-shadow:0 5px #6e2a21}#sacrifice-button:hover:not(:disabled){background:#c5564a}#sacrifice-button:active:not(:disabled){box-shadow:0 1px #6e2a21}@keyframes button-shine{0%{transform:rotate(30deg) translateY(-100%)}30%{transform:rotate(30deg) translateY(250%)}to{transform:rotate(30deg) translateY(250%)}}@keyframes button-press{0%{transform:translateY(-2px)}40%{transform:translateY(4px) scale(.97)}to{transform:translateY(2px)}}.leaderboard-modal .leaderboard-header{display:flex;align-items:center;justify-content:center;background:#1e242b;padding:18px 0 12px;border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:0 2px 12px #fdd17914;position:relative;z-index:1}.leaderboard-modal .leaderboard-header .trophy-icon{font-size:32px}.leaderboard-modal .leaderboard-header .leaderboard-title,.leaderboard-modal .leaderboard-header h2{font-family:var(--chunky-font);font-size:28px;color:var(--gold);letter-spacing:normal;text-shadow:var(--outline);margin-left:8px}.leaderboard-modal .settings-content{padding:0;height:auto}.leaderboard-modal .leaderboard-list{max-height:340px;overflow-y:auto;padding:10px 0}.leaderboard-modal .leaderboard-list ul{list-style:none;margin:0;padding:0 14px}.leaderboard-modal .leaderboard-list li{display:flex;align-items:center;margin-bottom:4px;padding:4px 6px;background:var(--btn-light);border-radius:9px;font-weight:700;transition:background .1s}.leaderboard-modal .leaderboard-list li.player-rank-1{background:#f4c64e2e;color:var(--gold)}.leaderboard-modal .leaderboard-list li.player-rank-2{background:#c4ccd624;color:#c4ccd6}.leaderboard-modal .leaderboard-list li.player-rank-3{background:#c98f5a29;color:#d49a6a}.leaderboard-modal .rank{width:32px;height:32px;border-radius:8px;background:var(--btn-dark);display:flex;justify-content:center;align-items:center;font-family:var(--chunky-font);margin-right:12px;font-size:16px;flex-shrink:0}.leaderboard-modal .player-info{flex:1;overflow:hidden}.leaderboard-modal .player-name{font-weight:700;font-size:16px;margin-bottom:2px;display:block}.leaderboard-modal .player-stats{font-size:13px;opacity:.85!important}.leaderboard-modal .skull-icon{font-size:16px;margin-left:4px}@keyframes container-appear{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:.85}}@keyframes container-disappear{0%{transform:translate(-50%,-50%) scale(1);opacity:.85}to{transform:translate(-50%,-50%) scale(.9);opacity:0}}.leaderboard-modal .leaderboard-header-special{display:flex;align-items:center;justify-content:center;background:var(--panel-bar);padding:10px;border-top-left-radius:16px;border-top-right-radius:16px;min-height:47px;position:relative;z-index:1;transition:padding .2s,font-size .2s}.leaderboard-modal .leaderboard-header-special .leaderboard-title{font-family:var(--chunky-font);font-size:24px;color:var(--gold);letter-spacing:normal;text-shadow:var(--outline);margin-left:8px;transition:font-size .2s}.leaderboard-modal .leaderboard-header-special .trophy-icon{font-size:24px;margin-right:8px}.current-user{outline:2px solid var(--gold);background:var(--btn-dark)!important}#leaderboard-user-info{background:var(--panel-bar);color:var(--gold);font-size:16px;font-weight:700;text-align:center;padding:12px 0 10px;border-bottom-left-radius:16px;border-bottom-right-radius:16px;margin-top:0;display:none}.leaderboard-modal .leaderboard-header-special:hover{padding:10px}.leaderboard-modal .leaderboard-header-special:hover .leaderboard-title{font-size:24px}.animated-leaderboard-title span{display:inline-block;transition:transform 1s,letter-spacing 1s;will-change:transform,letter-spacing}.animated-leaderboard-title.separate span{animation:leaderboard-separate .8s cubic-bezier(.4,2,.4,1) forwards}@keyframes leaderboard-separate{0%{transform:translateY(0) scale(1);letter-spacing:normal}40%{transform:translateY(-8px) scale(1.2);letter-spacing:.3em}60%{transform:translateY(-8px) scale(1.2);letter-spacing:.3em}to{transform:translateY(0) scale(1);letter-spacing:normal}}.oauth-buttons{display:flex;flex-direction:column;gap:8px;width:100%}.oauth-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;box-sizing:border-box;padding:12px 16px;border:none;outline:none;border-radius:11px;font-family:var(--chunky-font);font-size:16px;letter-spacing:.5px;text-shadow:var(--outline);cursor:pointer;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;white-space:nowrap}.oauth-btn:active{transform:translateY(3px)}.oauth-btn--discord{background:#5865f2;color:#fff;box-shadow:0 4px 0 var(--btn-edge)}.oauth-btn--discord:hover{background:#6a76f5}.oauth-btn--discord:active{box-shadow:0 1px 0 var(--btn-edge)}.oauth-btn--discord img{flex-shrink:0}#legal-footer{position:fixed;bottom:0;left:0;right:0;text-align:center;font-size:11px;color:#ffffff40;padding:6px 16px;pointer-events:none;z-index:1;font-family:Roboto,sans-serif}#legal-footer a{color:#ffffff59;text-decoration:none;pointer-events:all}#legal-footer a:hover{color:#fff9}.legal-sep{margin:0 6px;color:#ffffff26}.ui-modal{background:var(--panel);border-radius:16px;box-shadow:0 8px 0 var(--btn-edge),0 16px 34px #00000080;color:var(--text);font-family:Roboto,sans-serif;transition:opacity .3s ease;display:none;z-index:1000;--show-animation-duration: .5s;--hide-animation-duration: .5s}.ui-modal:hover{opacity:1!important}#crafting-container,#building-container,#statue-container{position:absolute;top:395px;left:285px;transform:translate(-50%,-50%);transform-origin:center}#crafting-container,#building-container{width:550px;height:350px}#statue-container{width:320px;height:auto}#team-container{position:absolute;top:20px;left:50%;transform:translate(-50%);width:400px;max-height:500px;opacity:.85;overflow:hidden;--hide-animation-duration: .4s;will-change:transform,opacity}#leaderboard-container{position:absolute;top:175px;left:220px;width:300px;height:500px;transform-origin:right top;overflow:hidden}#settings-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:550px;height:500px;overflow:hidden;transform-origin:center}.leaderboard-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;max-width:95vw;height:500px;max-height:90vh;background:var(--panel);z-index:2001;flex-direction:column;overflow:hidden;opacity:.85}.ui-modal.show{display:block}#crafting-container.show,#building-container.show,#statue-container.show,#settings-container.show,.leaderboard-modal.show{animation:center-modal-appear var(--show-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}#crafting-container.hide,#building-container.hide,#statue-container.hide,#settings-container.hide,.leaderboard-modal.hide{animation:center-modal-disappear var(--hide-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes center-modal-appear{0%{transform:translate(-50%,-50%) scale(.9);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:.95}}@keyframes center-modal-disappear{0%{transform:translate(-50%,-50%) scale(1);opacity:.95}to{transform:translate(-50%,-50%) scale(.9);opacity:0;display:none}}#team-container.show{animation:top-modal-appear var(--show-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}#team-container.hide{animation:top-modal-disappear var(--hide-animation-duration) cubic-bezier(.4,0,.2,1) forwards}@keyframes top-modal-appear{0%{transform:translate(-50%) scale(.9);opacity:0}to{transform:translate(-50%) scale(1);opacity:.95}}@keyframes top-modal-disappear{0%{transform:translate(-50%) scale(1);opacity:.95}to{transform:translate(-50%) scale(.9);opacity:0;display:none}}#leaderboard-container.show{animation:right-modal-appear var(--show-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}#leaderboard-container.hide{animation:right-modal-disappear var(--hide-animation-duration) cubic-bezier(.34,1.56,.64,1) forwards}@keyframes right-modal-appear{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:.95}}@keyframes right-modal-disappear{0%{transform:scale(1);opacity:.95}to{transform:scale(.9);opacity:0;display:none}}.tabs,.team-header,.leaderboard-header,.settings-header{display:flex;justify-content:center;align-items:center;background:var(--panel-bar);padding:10px;border-radius:16px 16px 0 0;position:relative}.tabs{display:flex;background:var(--panel-bar);padding:6px;border-radius:16px 16px 0 0;overflow-x:auto;gap:6px;scrollbar-width:none}.tabs::-webkit-scrollbar{display:none}.tabs .tab{flex:1 1 auto;min-width:85px;background:transparent;border:none;outline:none;color:var(--text-dim);padding:8px 12px;cursor:pointer;font-family:var(--chunky-font);font-size:15px;letter-spacing:.5px;border-radius:9px;box-shadow:none;text-shadow:none;transition:background .1s ease,color .1s ease;white-space:nowrap;display:flex;justify-content:center;align-items:center}.tabs .tab:hover{background:var(--btn-light);color:var(--text)}.tabs .tab.active{color:var(--ink);background:var(--gold);box-shadow:0 4px 0 var(--gold-edge)}.tabs .tab.active img{filter:brightness(0) saturate(100%)}.recipes-list,.buildings-list,.teams-list,.members-list,.leaderboard-list,.settings-content,.updates-content,.ad-content{overflow-y:auto}.recipes-list::-webkit-scrollbar,.buildings-list::-webkit-scrollbar,.teams-list::-webkit-scrollbar,.members-list::-webkit-scrollbar,.leaderboard-list::-webkit-scrollbar,.settings-content::-webkit-scrollbar,.updates-content::-webkit-scrollbar,.ad-content::-webkit-scrollbar{width:8px}.recipes-list::-webkit-scrollbar-button,.buildings-list::-webkit-scrollbar-button,.teams-list::-webkit-scrollbar-button,.members-list::-webkit-scrollbar-button,.leaderboard-list::-webkit-scrollbar-button,.settings-content::-webkit-scrollbar-button,.updates-content::-webkit-scrollbar-button,.ad-content::-webkit-scrollbar-button{display:none;width:0;height:0}.recipes-list::-webkit-scrollbar-track,.buildings-list::-webkit-scrollbar-track,.teams-list::-webkit-scrollbar-track,.members-list::-webkit-scrollbar-track,.leaderboard-list::-webkit-scrollbar-track,.settings-content::-webkit-scrollbar-track,.updates-content::-webkit-scrollbar-track,.ad-content::-webkit-scrollbar-track{background:var(--panel-bar);border-radius:4px}.recipes-list::-webkit-scrollbar-thumb,.buildings-list::-webkit-scrollbar-thumb,.teams-list::-webkit-scrollbar-thumb,.members-list::-webkit-scrollbar-thumb,.leaderboard-list::-webkit-scrollbar-thumb,.settings-content::-webkit-scrollbar-thumb,.updates-content::-webkit-scrollbar-thumb,.ad-content::-webkit-scrollbar-thumb{background-color:var(--btn-light);border-radius:4px}.recipes-list ul,.buildings-list ul,.teams-list ul,.members-list ul,.leaderboard-list ul,.leaderboard-entries-modal ul{list-style:none;padding:0;margin:0}.recipes-list li,.buildings-list li,#teams-list-container li,#members-list-container li,.leaderboard-list li{display:flex;align-items:center;padding:8px 10px;cursor:pointer;position:relative;overflow:hidden;border-radius:9px;margin:5px 6px;background:transparent;transition:background .1s ease,box-shadow .1s ease;font-weight:700}.recipes-list li:hover,.buildings-list li:hover,#teams-list-container li:hover,#members-list-container li:hover,.leaderboard-list li:hover,.setting-row:hover{background:var(--btn-light)}.recipes-list li.active,.buildings-list li.active,.leaderboard-list li.current-player{background:var(--btn-light);box-shadow:inset 0 -4px 0 var(--btn-edge)}.item-category{margin-left:auto;font-size:12px;color:#a9a9a9;background:#1e242b;padding:2px 6px;border-radius:10px}.recipes-list li img,.buildings-list li img{width:30px;height:30px;margin-right:8px;object-fit:contain}.recipes-list,.buildings-list{width:40%;flex-shrink:0;background:#1e242b;font-size:14px}.recipe-details,.building-details{width:60%;flex-grow:1;padding:10px;font-size:14px;display:flex;flex-direction:column;box-sizing:border-box}.item-name{font-weight:700;flex-grow:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-category{margin-left:auto;font-size:12px;color:#a9a9a9;background:#1e242b;padding:2px 6px;border-radius:10px;white-space:nowrap}.join-request-container{position:fixed;top:60px;left:50%;transform:translate(210px);width:auto;max-width:320px;z-index:2000;display:flex;flex-direction:column;gap:12px;font-family:Roboto,sans-serif}.join-request{background:var(--panel);padding:16px;color:var(--text);border-radius:14px;box-shadow:0 7px 0 var(--btn-edge);animation:requestAppear .5s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;flex-direction:column;gap:12px;position:relative;overflow:hidden}.join-request:before{content:"";position:absolute;top:0;left:0;right:0;height:5px;background:var(--gold)}.join-request-title{font-family:var(--chunky-font);font-size:17px;color:var(--gold);margin:0;position:relative;display:inline-block;text-shadow:var(--outline)}.join-request-message{margin:0;font-size:14px;line-height:1.4;color:var(--text)}.join-request-buttons{display:flex;justify-content:center;gap:12px;margin-top:4px}.join-request-accept{padding:9px 18px;background:var(--gold);color:var(--ink);border:none;outline:none;border-radius:9px;cursor:pointer;font-family:var(--chunky-font);font-size:14px;transition:background .1s ease,box-shadow .1s ease,transform .1s ease;box-shadow:0 4px 0 var(--gold-edge);position:relative;overflow:hidden}.join-request-accept:hover{background:var(--gold-hover)}.join-request-accept:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-edge)}.join-request-reject{padding:9px 18px;background:var(--btn-light);color:var(--text);border:none;outline:none;border-radius:9px;cursor:pointer;font-family:var(--chunky-font);font-size:14px;text-shadow:var(--outline);transition:background .1s ease,box-shadow .1s ease,transform .1s ease;box-shadow:0 4px 0 var(--btn-edge);position:relative;overflow:hidden}.join-request-reject:hover{background:var(--btn-light-hover)}.join-request-reject:active{transform:translateY(3px);box-shadow:0 1px 0 var(--btn-edge)}@keyframes requestAppear{0%{opacity:0;transform:translateY(-20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}.changelog-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;display:flex;align-items:center;justify-content:center;background:#0d0c0ab8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Roboto,sans-serif}.changelog-modal.hide{display:none}.changelog-panel{width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;background:var(--panel);border:none;border-radius:16px;box-shadow:0 10px 0 var(--btn-edge),0 20px 40px #0000008c;overflow:hidden}.changelog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--panel-bar)}.changelog-header h2{margin:0;font-family:var(--chunky-font);font-size:24px;color:var(--gold);letter-spacing:.5px;text-shadow:var(--outline)}.changelog-body{padding:16px;overflow-y:auto;display:flex;flex-direction:column;gap:10px}.changelog-entry{background:var(--btn-dark);border:none;border-radius:12px;overflow:hidden}.changelog-entry-header{width:100%;display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--btn-light);border:none;outline:none;cursor:pointer;text-align:left}.changelog-entry-title{flex:1;font-family:var(--chunky-font);font-size:18px;color:var(--text);letter-spacing:.3px;text-shadow:var(--outline)}.changelog-entry-date{font-size:12px;font-weight:700;color:var(--text-dim);white-space:nowrap}.changelog-chevron{color:var(--gold);font-size:14px;transition:transform .2s ease}.changelog-entry.open .changelog-chevron{transform:rotate(180deg)}.changelog-entry-notes{display:none;padding:14px 16px}.changelog-entry.open .changelog-entry-notes{display:block}.changelog-entry-notes p{margin:0;font-size:14px;line-height:1.6;color:#d8cfbe}.latest-update-toast{position:fixed;bottom:20px;right:20px;z-index:110;width:240px;box-sizing:border-box;padding:14px 16px;background:var(--panel);border:none;border-radius:12px;box-shadow:0 6px 0 var(--btn-edge);font-family:Roboto,sans-serif}.latest-update-toast.hide{display:none}.latest-update-label{display:inline-block;background:var(--btn-dark);padding:4px 9px;border-radius:6px;font-family:var(--chunky-font);font-size:12px;letter-spacing:.5px;color:var(--gold);text-shadow:var(--outline)}.latest-update-title{margin:6px 0 10px;font-family:var(--chunky-font);font-size:17px;color:var(--text);text-shadow:var(--outline)}.latest-update-more{background:var(--gold);color:var(--text);border:none;outline:none;border-radius:9px;padding:8px 14px;font-family:var(--chunky-font);font-size:14px;letter-spacing:.5px;text-shadow:var(--outline);cursor:pointer;box-shadow:0 4px 0 var(--gold-edge);transition:background .1s ease,box-shadow .1s ease,transform .1s ease}.latest-update-more:hover{background:var(--gold-hover)}.latest-update-more:active{transform:translateY(3px);box-shadow:0 1px 0 var(--gold-edge)}.latest-update-dismiss{position:absolute;top:8px;right:8px;background:transparent;border:none;color:var(--text-dim);font-size:14px;font-weight:900;cursor:pointer;line-height:1;padding:4px}.latest-update-dismiss:hover{color:var(--text)}@media(max-width:480px){.latest-update-toast{width:200px}}