/*! tailwindcss v4.1.10 | MIT License | https://tailwindcss.com */@layer properties{@supports ((-webkit-hyphens:none) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.left-1\/2{left:50%}.left-full{left:100%}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-inline:auto}.mr-\[5\%\]{margin-right:5%}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-screen{height:100vh}.max-h-\[80vh\]{max-height:80vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.resize-none{resize:none}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-3{border-style:var(--tw-border-style);border-width:3px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-t-2{border-top-style:var(--tw-border-style);border-top-width:2px}.border-none{--tw-border-style:none;border-style:none}.border-t-transparent{border-top-color:#0000}.bg-transparent{background-color:#0000}.bg-gradient-to-b{--tw-gradient-position:to bottom in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.from-transparent{--tw-gradient-from:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.object-contain{-o-object-fit:contain;object-fit:contain}.object-cover{-o-object-fit:cover;object-fit:cover}.text-center{text-align:center}.text-left{text-align:left}.uppercase{text-transform:uppercase}.italic{font-style:italic}.opacity-30{opacity:.3}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@font-face{font-family:Unzialish;src:url(/assets/fonts/UnZialish.ttf)format("truetype");font-display:swap}@font-face{font-family:Gontserrat;src:url(/assets/fonts/Gontserrat-LightItalic.ttf)format("truetype");font-weight:500;font-display:swap}:root{--primary-bg:#0a0814;--secondary-bg:#1a142a;--text-color:#e0d8f0;--header-color:#fff;--accent-color:#d4af37;--accent-hover:#c078f8;--border-color:#a450e04d;--gold-color:#d4af37;--primary-color:#a450e0;--secondary-color:#c078f8;--game-font:"Gontserrat",system-ui,-apple-system,sans-serif;--bg-color:#0a0814;--text-secondary:#a0a0a0}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);min-width:320px;min-height:100vh;color:var(--text-color);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-family:var(--game-font);margin:0}#root{width:100%;height:100vh;overflow:hidden}.game-container{background-color:var(--primary-bg);width:100%;height:100vh;position:relative;overflow:hidden}.game-title{text-transform:uppercase;letter-spacing:2px;color:var(--header-color);text-shadow:2px 2px 4px #000c;margin-top:80px;margin-bottom:30px;font-family:Unzialish,serif;font-size:4em;font-weight:700}.landscape-message{background:var(--primary-bg);z-index:9999;text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;padding:20px;font-family:Unzialish,serif;display:flex;position:fixed;top:0;left:0}.landscape-message h1{color:var(--accent-color);text-shadow:1px 1px 2px #000c;margin-bottom:20px;font-size:2em}.landscape-message p{color:var(--text-color);margin-bottom:30px;font-family:Gontserrat,sans-serif;font-size:1.1em;line-height:1.6}.rotate-icon{font-size:3em;animation:2s ease-in-out infinite rotate}@keyframes rotate{0%,to{transform:rotate(0)}50%{transform:rotate(90deg)}}.game-subtitle{color:var(--text-color);text-shadow:2px 2px 4px #000c;margin-bottom:40px;font-family:Gontserrat,sans-serif;font-size:1.2em}.game-menu-container{border:2px solid var(--accent-color);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;background:#1a142af2;border-radius:20px;width:90%;max-width:500px;margin:0 auto;padding:40px;position:relative;box-shadow:0 20px 40px #a450e04d,inset 0 1px #ffffff1a}.game-menu-button{text-transform:uppercase;letter-spacing:1px;background:linear-gradient(45deg,var(--accent-color),#7a3dbf);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-bottom:12px;padding:15px 30px;font-family:Unzialish,serif;font-size:16px;font-weight:700;transition:all .3s;box-shadow:0 8px 25px #a450e066,inset 0 1px #fff3}.game-menu-button:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 12px 35px #c078f899,inset 0 1px #ffffff4d}.game-menu-button:disabled{cursor:not-allowed;opacity:.6;background:#666;transform:none}.game-menu-button.primary{background:linear-gradient(45deg,#e94560,#c73648);padding:18px 35px;font-size:18px}.game-version{color:var(--text-secondary);text-shadow:1px 1px 2px #000c;margin-top:20px;font-family:Gontserrat,sans-serif;font-size:14px}.floating-elements{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}.floating-ingredient{opacity:.4;width:40px;height:40px;animation:8s ease-in-out infinite float;position:absolute}.floating-ingredient:first-child{animation-delay:0s;top:15%;left:10%}.floating-ingredient:nth-child(2){animation-delay:2s;top:25%;right:15%}.floating-ingredient:nth-child(3){animation-delay:4s;bottom:30%;left:20%}.floating-ingredient:nth-child(4){animation-delay:6s;bottom:20%;right:25%}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #a450e0cc,0 0 40px #a450e066,2px 2px 4px #000c}50%{text-shadow:0 0 30px #c078f8,0 0 60px #a450e099,2px 2px 4px #000c}}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-30px)rotate(180deg)}}@layer utilities{.game-text-shadow{text-shadow:2px 2px 4px #000c}.game-box-shadow{box-shadow:0 4px 6px -1px #00000080,0 2px 4px -1px #0000004d}.game-border-glow{box-shadow:0 0 10px var(--primary-color)}}@media (max-width:768px){.game-title{margin-top:40px;margin-bottom:20px;font-size:2.5em}.game-menu-container{max-width:400px;margin:10px;padding:20px}.game-subtitle{padding:0 20px;font-size:1.1em}.landscape-message{display:flex!important}}@media (orientation:portrait){.landscape-message{display:none!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@font-face{font-family:Unzialish;src:url(/assets/fonts/UnZialish.ttf) format("truetype");font-display:swap}@font-face{font-family:Gontserrat;src:url(/assets/fonts/Gontserrat-LightItalic.ttf) format("truetype");font-weight:500;font-display:swap}:root{--primary-bg: #0a0814;--secondary-bg: #1a142a;--text-color: #e0d8f0;--header-color: #ffffff;--accent-color: #a450e0;--accent-hover: #c078f8;--border-color: rgba(164, 80, 224, .3);--gold-color: #d4af37}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--primary-bg);color:var(--text-color);font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;overflow-x:hidden}h1,h2,h3,.logo,.cta-button{font-family:Unzialish,serif;text-transform:uppercase;letter-spacing:1.5px}.game-container{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--primary-bg);overflow:hidden}.auth-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;transition:opacity 1s ease-out;padding:20px;box-sizing:border-box}.auth-screen .auth-content{position:relative;z-index:10;text-align:center;transform:scale(.648) translate(-15vw)}.auth-screen.age-verification{background-image:url(/assets/main-menu.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-screen.age-verification:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0814cc,#1a142ab3,#a450e066);z-index:1}.auth-screen.account-screen{background-image:url(/assets/main-menu.webp);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-screen.account-screen:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a0814cc,#1a142ab3,#a450e066);z-index:1}.auth-screen:not(.age-verification):not(.account-screen){background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 50%,#0f3460 100%)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--primary-bg);z-index:1000;transition:opacity 1s ease-out}.auth-screen .game-title{display:block;font-family:Unzialish,serif;text-transform:uppercase;letter-spacing:2px;font-size:4em;color:var(--header-color);text-shadow:2px 2px 4px rgba(0,0,0,.8);margin-bottom:30px;margin-top:20px;font-weight:700;position:relative;z-index:10;transform:translate(-10%) scale(.648)}.loading-spinner{width:40px;height:40px;border:4px solid rgba(164,80,224,.3);border-top:4px solid var(--accent-color);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{color:var(--text-color);font-size:1em;text-align:center;font-family:Gontserrat,sans-serif;opacity:.8}.form-container{background:#1a142af2;padding:28px;border-radius:14px;border:2px solid var(--accent-color);max-width:402px;width:90%;text-align:center;box-shadow:0 20px 40px #a450e04d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;z-index:10;transform:scale(.7) translate(-10%);font-size:1.1em;margin:0 auto}.form-group{margin-bottom:20px;text-align:left}label{display:block;color:var(--accent-color);margin-bottom:5px;font-weight:700;font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input[type=text],input[type=email],input[type=date],input[type=password]{width:100%;padding:12px;border:2px solid var(--border-color);border-radius:8px;background:#0a0814cc;color:var(--text-color);font-size:16px;box-sizing:border-box;transition:all .3s ease;font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}input[type=text]:focus,input[type=email]:focus,input[type=date]:focus,input[type=password]:focus{border-color:var(--accent-color);outline:none;box-shadow:0 0 15px #a450e066;background:#0a0814e6}.checkbox-container{display:flex;align-items:flex-start;margin:20px 0;text-align:left}input[type=checkbox]{margin-right:10px;margin-top:3px;transform:scale(1.2);accent-color:var(--accent-color)}.checkbox-label{color:var(--text-color);font-size:14px;line-height:1.4;font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.checkbox-label a{color:var(--accent-color);text-decoration:none;transition:color .3s ease}.checkbox-label a:hover{color:var(--accent-hover);text-decoration:underline}.submit-button,.cta-button{background:linear-gradient(45deg,var(--accent-color),#7a3dbf);color:#fff;border:none;padding:15px 30px;border-radius:12px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;width:100%;margin-top:10px;font-family:Unzialish,serif;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 25px #a450e066,inset 0 1px #fff3;text-decoration:none;display:inline-block;text-align:center}.submit-button:hover:not(:disabled),.cta-button:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 12px 35px #c078f899,inset 0 1px #ffffff4d}.submit-button:disabled{background:#666;cursor:not-allowed;opacity:.6;transform:none}.error-message{color:#ff6b6b;background:#8b00004d;border:2px solid #ff6b6b;padding:15px;border-radius:12px;margin:10px 0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.success-message{color:#4caf50;background:#0064004d;border:2px solid #4caf50;padding:15px;border-radius:12px;margin:10px 0;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.warning-box{background:#a450e01a;border:2px solid var(--accent-color);border-radius:10px;padding:17px;margin:14px 0;color:var(--text-color);text-align:center;position:relative;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-family:Gontserrat,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:.9em}.warning-box:before{content:"";position:absolute;top:-14px;left:50%;transform:translate(-50%);width:42px;height:42px;background-image:url(/assets/ingredients/phoenix_tears.webp);background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 0 10px rgba(164,80,224,.6))}.warning-box h3{margin-top:14px;margin-bottom:10px;color:var(--accent-color);font-family:Unzialish,serif;text-transform:uppercase;letter-spacing:1px;font-size:.9em}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5}.floating-ingredient{position:absolute;width:40px;height:40px;opacity:.4;animation:float 8s ease-in-out infinite}.floating-ingredient:nth-child(1){top:15%;left:10%;animation-delay:0s}.floating-ingredient:nth-child(2){top:25%;right:15%;animation-delay:2s}.floating-ingredient:nth-child(3){bottom:30%;left:20%;animation-delay:4s}.floating-ingredient:nth-child(4){bottom:20%;right:25%;animation-delay:6s}@keyframes titleGlow{0%,to{text-shadow:2px 2px 4px rgba(0,0,0,.8);opacity:.9}50%{text-shadow:2px 2px 6px rgba(0,0,0,.9);opacity:1}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(180deg)}}.main-menu-scene{position:relative;width:100vw;height:100vh;background-size:cover;background-position:center;overflow:hidden}.scene-background{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.scene-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0a08144d,#1a142a33,#a450e01a)}.town-marker{position:absolute;transform:translate(-50%,-50%);cursor:pointer;transition:all .3s ease;filter:drop-shadow(0 4px 12px rgba(164,80,224,.4))}.town-marker:hover{transform:translate(-50%,-50%) scale(1.1);filter:drop-shadow(0 6px 16px rgba(192,120,248,.6))}.town-marker.locked{filter:grayscale(50%) drop-shadow(0 2px 8px rgba(100,100,100,.3));cursor:not-allowed}.town-name{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);background:#1a142ae6;color:var(--accent-color);padding:4px 12px;border-radius:6px;font-family:Unzialish,serif;font-size:14px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dialogue-ui{position:absolute;bottom:0;left:0;right:0;background:#1a142af2;border-top:2px solid var(--accent-color);padding:20px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.character-portrait{width:200px;height:300px;border-radius:12px;border:2px solid var(--accent-color);box-shadow:0 8px 25px #a450e04d;transition:all .3s ease}.character-portrait:hover{transform:scale(1.02);box-shadow:0 12px 35px #c078f866}.resource-meter{background:#0a0814cc;border:2px solid var(--border-color);border-radius:8px;padding:8px 12px;margin:4px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.resource-meter .label{color:var(--accent-color);font-family:Unzialish,serif;text-transform:uppercase;font-size:12px;letter-spacing:1px;margin-bottom:4px}.resource-meter .bar{height:8px;background:#a450e033;border-radius:4px;overflow:hidden}.resource-meter .fill{height:100%;background:linear-gradient(90deg,var(--accent-color),var(--accent-hover));border-radius:4px;transition:width .3s ease}@media (max-width: 768px){.auth-screen .game-title{font-size:2.5em;margin-bottom:20px;margin-top:10px;transform:translate(-5%) scale(.648)}.form-container{padding:14px;margin:7px;max-width:322px;transform:scale(.8) translate(-5%);font-size:1.1em}.loading-text{font-size:1.1em;padding:0 20px}.character-portrait{width:150px;height:225px}.warning-box{padding:12px;margin:10px 0;font-size:.95em}}