.menu-toggle{position:absolute;left:20px;top:20px;z-index:50}.menu-toggle .menu-button{cursor:pointer;transition:transform .2s ease;animation:fadeInSlide .3s ease;image-rendering:pixelated;position:absolute}.menu-toggle .menu-button img{display:block}.menu-toggle .menu-button:hover{transform:scale(1.1)}.menu-toggle .menu-toggle-enter{position:static;transition:transform .2s ease}.menu-toggle .menu-toggle-enter:hover{transform:scale(1.05)}.menu-toggle .profile-menu-button{top:-2px;left:70px}.menu-toggle .inventory-menu-button{top:70px;left:-2px}.menu-toggle .pet-menu-button{top:51px;left:52px}.menu-toggle .help-menu-button{top:-2px;left:125px}.menu-toggle .quests-menu-button{top:52px;left:108px}.inventory-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center}.inventory-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;background-color:transparent;padding:0;box-sizing:border-box;overflow-y:auto}.inventory-form-wrapper{background-color:#20232a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;padding:20px;width:min(720px,90vw);max-width:720px;box-sizing:border-box;text-align:center}.inventory-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.inventory-header-close{border:none;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;font-weight:600;transition:all .2s ease}.inventory-header-close:hover{background-color:#61dafb26;border-color:#61dafb66;color:#61dafb}.inventory-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:30px;justify-content:center;padding:0 8px;justify-items:center}.inventory-item{width:100%;max-width:150px;background:linear-gradient(135deg,#3a3f47,#2d3238);border:2px solid #444444;border-radius:12px;padding:10px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .3s ease;position:relative;overflow:hidden;min-height:220px;height:auto}.inventory-item:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#61dafb,#4fa8c3);opacity:0;transition:opacity .3s ease}.inventory-item:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0006;border-color:#61dafb}.inventory-item:hover:before{opacity:1}.item-icon{font-size:48px;margin-bottom:15px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;background:#61dafb1a;border-radius:50%;transition:all .3s ease;flex-shrink:0}.inventory-item:hover .item-icon{background:#61dafb33;transform:scale(1.1)}.item-info{display:flex;flex-direction:column;align-items:center;width:100%;flex-grow:1;justify-content:space-between}.item-name{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;text-transform:capitalize}.item-type{font-size:14px;color:#aaa;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;padding:4px 12px;background-color:#61dafb1a;border-radius:20px;border:1px solid rgba(97,218,251,.3)}.item-quantity{font-size:20px;color:#61dafb;font-weight:700;background:#61dafb1a;padding:8px 16px;border-radius:8px;border:1px solid rgba(97,218,251,.3);min-width:60px;margin-top:auto}.inventory-empty{text-align:center;padding:60px 20px;background:#61dafb0d;border:2px dashed #444444;border-radius:12px;margin:20px 0}.inventory-empty p{font-size:18px;color:#aaa;margin:0}.type-material{background:linear-gradient(135deg,#3a3f47,#2d3238)}.type-material:hover{border-color:#61dafb}@media (max-width: 1024px){.inventory-form-wrapper{padding:22px}.inventory-modal-overlay{align-items:flex-start;padding:10px}.inventory-grid{gap:15px}.inventory-item{min-height:200px;padding:10px}.item-icon{font-size:40px;width:70px;height:70px;margin-bottom:12px}.item-name{font-size:16px}.item-quantity{font-size:18px;padding:6px 12px}}@media (max-width: 768px) and (orientation: landscape){.inventory-form-wrapper{padding:18px;max-width:100%}.inventory-modal-overlay{align-items:flex-start;padding:10px}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;padding:0 12px;justify-content:center}.inventory-item{padding:10px;min-height:180px}.item-icon{font-size:36px;width:60px;height:60px;margin-bottom:8px}.item-name{font-size:14px;margin-bottom:6px}.item-type{font-size:12px;padding:3px 8px;margin-bottom:6px}.item-quantity{font-size:16px;padding:4px 8px}}@media (max-width: 768px){.inventory-modal-overlay{align-items:flex-start;padding:8px}.inventory-form-wrapper{width:min(520px,96vw);padding:16px;max-width:none}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px;padding:0 8px;justify-content:center;justify-items:center}.inventory-item{max-width:130px;min-height:180px;padding:10px}.item-icon{font-size:36px;width:60px;height:60px;margin-bottom:10px}.item-name{font-size:16px}.item-type{font-size:12px;padding:3px 8px}.item-quantity{font-size:16px;padding:4px 10px}}@media (max-width: 540px){.inventory-form-wrapper{width:min(440px,98vw);padding:14px}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px}.inventory-item{max-width:120px;padding:10px}.item-icon{font-size:32px;width:52px;height:52px}}@media (max-width: 400px){.inventory-form-wrapper{width:min(350px,98vw);padding:12px}.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:8px}.inventory-item{max-width:115px;padding:10px}.item-name,.item-quantity{font-size:15px}}@media (max-width: 340px){.inventory-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-y:auto}.modal-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;color:#fff}.modal-surface{background-color:#20232a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;padding:20px;width:min(560px,90vw);max-width:560px;box-sizing:border-box;max-height:calc(100vh - 48px);overflow-y:auto;margin:24px 0;-webkit-overflow-scrolling:touch;position:relative}.modal-sticky-header{position:sticky;top:0;z-index:2;background:#292d36;padding:6px 12px;margin:0 0 8px;border-bottom:1px solid rgba(255,255,255,.1)}.petstats-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-y:auto}.petstats-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;background-color:transparent;padding:0;box-sizing:border-box;color:#fff}.petstats-form-wrapper{background-color:#20232a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;width:min(720px,90vw);max-width:720px;box-sizing:border-box;padding:30px 30px 40px;max-height:calc(100vh - 48px);overflow-y:auto;margin:24px 0;-webkit-overflow-scrolling:touch}.petstats-header{display:flex;flex-direction:row;justify-content:flex-end;align-items:center}.petstats-header-close{border:none;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.2);color:#fff;font-size:20px;font-weight:600;transition:all .2s ease}.petstats-header-close:hover{background-color:#61dafb26;border-color:#61dafb66;color:#61dafb}.form-group{margin-bottom:16px;text-align:left;width:100%}.form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.form-group input{width:100%;padding:12px;border:1px solid #444444;border-radius:8px;font-size:16px;background-color:#333;color:#fff;box-sizing:border-box;font-family:inherit}.form-group textarea{width:100%;padding:12px;border:1px solid #444444;border-radius:8px;font-size:16px;background-color:#333;color:#fff;box-sizing:border-box;font-family:inherit;resize:vertical;min-height:80px}.petstats-error{color:#ff6b6b;margin-bottom:16px;padding:12px;background-color:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);width:100%;box-sizing:border-box}.petstats-links{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.petstats-links a{color:#61dafb;text-decoration:none}.petstats-links a:hover{text-decoration:underline}.logo-container{display:flex;justify-content:center;margin:16px 0}.petstats-logo{max-width:250px;max-height:250px;object-fit:contain}.register-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;transition:background-color .2s ease;background-color:#4caf50;color:#fff}.register-button:hover{background-color:#45a049}.register-button:disabled{background-color:#4caf50;cursor:not-allowed}.petstats-avatar-list{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.petstats-avatar-list .avatar{width:64px;height:64px;border:2px solid #000000;border-radius:5px;overflow:hidden;position:relative;flex-shrink:0}.petstats-avatar-list .avatar img{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;image-rendering:pixelated}.petstats-avatar-list .avatar{cursor:pointer;transition:all .3s ease}.petstats-avatar-list .avatar:hover{opacity:.8}.petstats-avatar-list .avatar.selected{border-color:#61dafb;box-shadow:0 0 10px #61dafb80}.petstats-avatar-list .avatar.current{border:2px dashed #ff6b6b;box-shadow:0 0 10px #ff6b6b4d}.petstats-avatar-list .avatar.current.selected{border:2px dashed #ff6b6b;box-shadow:0 0 10px #ff6b6b80,0 0 15px #61dafb4d}.petstats-avatar-list.pet-list .avatar img{position:absolute;left:-39px;top:-46px}.stats-container{width:100%;margin:20px 0;padding:20px;background-color:#292d36;border-radius:8px;border:1px solid #333333;box-sizing:border-box}.stats-title{font-size:18px;font-weight:700;color:#61dafb;margin-bottom:16px;text-align:center}.stat-row{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;margin-bottom:12px;gap:15px}.stat-name{min-width:80px;font-weight:500;color:#fff;font-size:14px;text-align:left}.stat-progress-wrapper{flex:1;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px}.stat-progress{flex:1;height:20px;background-color:#333;border-radius:10px;overflow:hidden;position:relative;border:1px solid #555}.stat-progress-bar{height:100%;border-radius:10px;transition:width .3s ease;position:relative}.stat-progress-bar.red{background:linear-gradient(90deg,#ff6b6b,#ff5252)}.stat-progress-bar.cyan{background:linear-gradient(90deg,#4ecdc4,#26c6da)}.stat-progress-bar.blue{background:linear-gradient(90deg,#45b7d1,#2196f3)}.stat-progress-bar.green{background:linear-gradient(90deg,#96ceb4,#4caf50)}.stat-progress-bar.orange{background:linear-gradient(90deg,#feca57,#ff9f43)}.stat-progress-bar.default{background:linear-gradient(90deg,#61dafb,#4fa8c3)}.stat-level{min-width:40px;font-weight:700;color:#61dafb;font-size:14px;text-align:right}.stat-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#000;font-size:12px;font-weight:700;text-shadow:1px 1px 2px rgba(255,255,255,.8)}.stat-progress-text.low-value{left:25px;transform:translateY(-50%)}.stat-level.invisible{visibility:hidden}.help-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-y:auto}.help-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;color:#fff}.help-form-wrapper{background-color:#20232a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;width:min(560px,90vw);max-width:560px;box-sizing:border-box;padding:20px;max-height:calc(100vh - 48px);overflow-y:auto;margin:24px 0;-webkit-overflow-scrolling:touch}.help-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.help-title{margin:0;font-size:20px;color:#61dafb}.help-header-close{border:none;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);font-weight:600;transition:all .2s ease}.help-header-close:hover{background-color:#61dafb26;color:#61dafb}.help-content{line-height:1.5}.help-content p{margin-top:0;margin-bottom:12px}.help-content ul{padding-left:16px;margin:0}.help-content ul li+li{margin-top:8px}.help-loading{display:inline-flex;align-items:center;gap:8px;color:#fff}.help-spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.1);border-top-color:#61dafb;border-radius:50%;animation:help-spin .8s linear infinite}.help-loading-text{font-size:14px;color:#ffffffbf}@keyframes help-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.quests-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center;overflow-y:auto}.quests-container{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100%;height:100%;max-height:100%;color:#fff}.quests-form-wrapper{background-color:#20232a;border-radius:12px;box-shadow:0 8px 32px #0006;color:#fff;width:min(560px,90vw);max-width:560px;box-sizing:border-box;padding:20px;max-height:calc(100vh - 48px);overflow-y:auto;margin:24px 0;-webkit-overflow-scrolling:touch}.quests-header{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.quests-title{margin:0;font-size:20px;color:#61dafb}.quests-header-close{border:none;background:transparent;color:inherit;padding:0;font:inherit;cursor:pointer;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,255,255,.2);font-weight:600;transition:all .2s ease}.quests-header-close:hover{background-color:#61dafb26;color:#61dafb}.quests-content{line-height:1.5}.quests-list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:12px}.quest-item{padding:12px;border-radius:8px;background-color:#292d36;border:1px solid #333333;display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:flex-start}.quest-title{font-weight:700;margin-bottom:8px}.quest-hint{color:#ffffffbf;font-size:14px}.quest-icon{width:52px;height:52px;border-radius:12px;background:#61dafb26;border:1px solid rgba(97,218,251,.4);display:inline-flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 8px #00000014}.quest-body{display:flex;flex-direction:column;gap:8px}.quest-header-row{display:flex;flex-direction:row;justify-content:space-between;align-items:baseline;gap:8px}.quest-progress-count{font-size:13px;color:#ffffffbf}.quest-progress-wrapper{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.quest-progress{width:100%;height:14px;background-color:#333;border-radius:999px;border:1px solid rgba(255,255,255,.2);overflow:hidden;position:relative}.quest-progress-fill{height:100%;background:linear-gradient(90deg,#61dafb,#4fa8c3);width:0;transition:width .3s ease}.quest-progress-fill.is-complete{background:linear-gradient(90deg,#4caf50,#7be495)}.quest-progress-label{font-size:12px;color:#ffffffbf;min-width:68px;text-align:right}.about-page{position:relative;min-height:100vh;padding:clamp(20px,4vw,48px);background:radial-gradient(circle at 20% 20%,rgba(97,218,251,.15),transparent 35%),radial-gradient(circle at 80% 10%,rgba(111,90,255,.18),transparent 32%),linear-gradient(145deg,#282c34,#191c23);color:#fff;overflow:hidden}.about-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 30%),linear-gradient(225deg,rgba(255,255,255,.04),transparent 30%)}.about-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;margin-bottom:clamp(24px,5vw,48px)}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:56px;height:56px}.brand-copy{max-width:360px}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:#ffffffbf;margin:0 0 8px}.brand-tag{margin:0;font-weight:600;color:#fff}.nav-links{display:flex;gap:12px}.nav-links a{text-decoration:none;padding:12px 20px;border-radius:8px;font-weight:600;border:1px solid rgba(255,255,255,.2);color:#fff;transition:background-color .2s ease,border-color .2s ease}.nav-links .ghost-link:hover{border-color:#61dafb66}.nav-links .primary-link{background:linear-gradient(90deg,#61dafb,#4fa8c3);color:#0f1116;border-color:transparent}.nav-links .primary-link:hover{filter:brightness(.95)}.about-content{position:relative;z-index:1;display:flex;flex-direction:column;gap:clamp(32px,6vw,64px)}.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:center;gap:clamp(24px,4vw,48px)}.hero-copy h1{margin:0 0 12px;font-size:clamp(32px,4vw,44px);line-height:1.1}.lede{color:#ffffffbf;margin:0 0 16px;max-width:640px}.cta-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}.cta{padding:12px 20px;border-radius:8px;font-weight:700;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.cta.primary{background:linear-gradient(90deg,#61dafb,#4fa8c3);color:#0f1116;border:1px solid transparent}.cta.primary:hover{filter:brightness(.95)}.cta.secondary{border:1px solid rgba(97,218,251,.4);color:#fff;background:#ffffff0f}.cta.secondary:hover{background:#ffffff1f}.pill-strip{display:flex;gap:12px;flex-wrap:wrap}.pill{background:#61dafb26;border:1px solid rgba(97,218,251,.4);color:#fff;padding:8px 12px;border-radius:999px;font-size:13px}.hero-visual{display:grid;gap:12px;justify-items:start}.hero-card{background:#20232a;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0006;padding:16px;width:min(480px,100%)}.hero-card img{width:100%;display:block;border-radius:8px}.hero-note{color:#ffffffbf;font-size:14px}.features{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.feature-card{background:#20232a;border:1px solid rgba(255,255,255,.1);border-radius:12px;box-shadow:0 4px 16px #00000040;overflow:hidden;display:grid;grid-template-rows:200px 1fr}.feature-image{background:#ffffff08;display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(255,255,255,.1)}.feature-image img{max-width:100%;max-height:100%;object-fit:contain}.feature-copy{padding:16px}.feature-copy h3{margin:0 0 12px}.feature-copy p{margin:0;color:#ffffffbf}.steps{background:linear-gradient(135deg,#61dafb14,#61dafb00);border:1px solid rgba(97,218,251,.4);border-radius:12px;padding:20px;box-shadow:0 4px 16px #00000040}.steps-header h2{margin:0 0 12px}.steps-header p{margin:0 0 16px;color:#ffffffbf}.steps ol{list-style:none;padding:0;margin:0;display:grid;gap:12px}.steps li{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center}.step-number{width:36px;height:36px;border-radius:50%;background:linear-gradient(90deg,#61dafb,#4fa8c3);color:#0f1116;display:inline-flex;align-items:center;justify-content:center;font-weight:800}.steps p{margin:0;color:#fff}.about-footer{position:relative;z-index:1;margin-top:clamp(24px,5vw,48px);padding:20px;border-radius:12px;border:1px solid rgba(255,255,255,.2);background:#ffffff0a;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.about-footer h3{margin:0 0 8px}.about-footer p{margin:0;color:#ffffffbf}@media (max-width: 640px){.nav-links{width:100%;justify-content:flex-start}.about-nav{flex-direction:column;align-items:flex-start;gap:12px}.feature-card{grid-template-rows:180px 1fr}}.chat-widget{position:fixed;right:16px;bottom:16px;z-index:1200;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.chat-widget__toggle{background:linear-gradient(90deg,#61dafb,#4fa8c3);color:#0f1116;border:none;border-radius:8px;padding:10px 14px;font-weight:700;cursor:pointer;box-shadow:0 4px 16px #00000040;display:inline-flex;align-items:center;gap:8px}.chat-widget__toggle:hover{filter:brightness(.95)}.chat-widget__panel{width:min(630px,90vw);height:min(676px,80vh);background:#20232a;border:1px solid rgba(255,255,255,.2);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column}.chat-widget__header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.2);font-weight:600}.chat-widget__close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer}.chat-widget__icon{width:18px;height:18px;display:inline-block}.chat-widget__iframe{width:100%;height:100%;border:none;background:#0f1116}.login-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#282c34;color:#fff;padding:24px}.login-container .login-form-wrapper{width:100%;max-width:400px;background-color:#20232a;border-radius:12px;box-shadow:0 4px 16px #00000040;text-align:center;padding:24px;box-sizing:border-box}.login-container .login-form-wrapper .login-logo{display:block;margin:16px auto;max-width:250px;max-height:250px;object-fit:contain}.login-container .login-form-wrapper .login-error{color:#ff6b6b;margin-bottom:16px;padding:12px;background-color:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);width:100%;box-sizing:border-box}.login-container .login-form-wrapper .login-form{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}.login-container .login-form-wrapper .login-form .form-group{margin-bottom:16px;text-align:left;width:100%}.login-container .login-form-wrapper .login-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.login-container .login-form-wrapper .login-form .form-group input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;background-color:#292d36;color:#fff;box-sizing:border-box;font-family:inherit}.login-container .login-form-wrapper .login-form .login-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;transition:background-color .2s ease;background-color:#61dafb;color:#282c34}.login-container .login-form-wrapper .login-form .login-button:hover{background-color:#4fa8c3}.login-container .login-form-wrapper .login-form .login-button:disabled{background-color:#3a5a68;cursor:not-allowed}.login-container .login-form-wrapper .login-form .register-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;transition:background-color .2s ease;background-color:#4caf50;color:#fff}.login-container .login-form-wrapper .login-form .register-button:hover{background-color:#45a049}.login-container .login-form-wrapper .login-form .register-button:disabled{background-color:#4caf50;cursor:not-allowed}.login-container .login-form-wrapper .login-links{margin-top:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%}.login-container .login-form-wrapper .login-links a{color:#61dafb;text-decoration:none}.login-container .login-form-wrapper .login-links a:hover{text-decoration:underline}.profile-container{display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;background-color:#282c34;color:#fff;padding:24px}.profile-container .profile-form-wrapper{width:100%;max-width:630px;background-color:#20232a;border-radius:12px;box-shadow:0 4px 16px #00000040;text-align:center;padding:24px;box-sizing:border-box}.profile-container .profile-form-wrapper .profile-error{color:#ff6b6b;margin-bottom:16px;padding:12px;background-color:#ff6b6b1a;border-radius:8px;border:1px solid rgba(255,107,107,.3);width:100%;box-sizing:border-box}.profile-container .profile-form-wrapper .login-form{margin-top:20px;display:flex;flex-direction:column;align-items:center;width:100%}.profile-container .profile-form-wrapper .login-form .profile-avatar-list{display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:20px;gap:12px}.profile-container .profile-form-wrapper .login-form .profile-avatar-list .avatar{width:64px;height:64px;border:2px solid #000000;border-radius:8px;overflow:hidden;position:relative;flex-shrink:0}.profile-container .profile-form-wrapper .login-form .profile-avatar-list .avatar img{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;image-rendering:pixelated}.profile-container .profile-form-wrapper .login-form .profile-avatar-list .avatar.current{border-color:#61dafb}.profile-container .profile-form-wrapper .login-form .profile-avatar-list.pet-list .avatar img{position:absolute;left:-39px;top:-46px}.profile-container .profile-form-wrapper .login-form .pet-selection-row{width:100%;display:flex;align-items:stretch;gap:16px;margin-bottom:20px}@media (max-width: 768px){.profile-container .profile-form-wrapper .login-form .pet-selection-row{flex-direction:column}}.profile-container .profile-form-wrapper .login-form .pet-selection-row .profile-avatar-list{margin-bottom:0;flex:1 1 auto;justify-content:flex-start;flex-wrap:wrap}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card{flex:0 0 220px;background-color:#292d36;border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;gap:12px;color:#fff;text-align:left}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-title{font-weight:600;font-size:16px}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-options{display:flex;flex-direction:column;gap:8px}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:8px;border-radius:8px;border:1px solid transparent;transition:border-color .2s ease,background-color .2s ease;cursor:pointer}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option input{accent-color:#61dafb}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option span{font-size:14px}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option:hover{border-color:#fff3;background-color:#20232a}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option.active{border-color:#61dafb;background-color:#61dafb26}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option.active input{accent-color:#61dafb}.profile-container .profile-form-wrapper .login-form .pet-selection-row .voice-selection-card .voice-option.disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.profile-container .profile-form-wrapper .login-form .form-group{margin-bottom:16px;text-align:left;width:100%}.profile-container .profile-form-wrapper .login-form .form-group label{display:block;margin-bottom:8px;font-weight:500;color:#fff}.profile-container .profile-form-wrapper .login-form .form-group input{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;background-color:#292d36;color:#fff;box-sizing:border-box;font-family:inherit}.profile-container .profile-form-wrapper .login-form .form-group textarea{width:100%;padding:12px;border:1px solid rgba(255,255,255,.2);border-radius:8px;font-size:16px;background-color:#292d36;color:#fff;box-sizing:border-box;font-family:inherit;resize:vertical;min-height:80px}.profile-container .profile-form-wrapper .login-form .form-group input:disabled,.profile-container .profile-form-wrapper .login-form .form-group input:read-only,.profile-container .profile-form-wrapper .login-form .form-group textarea:disabled,.profile-container .profile-form-wrapper .login-form .form-group textarea:read-only{color:#ffffffbf}.profile-container .profile-form-wrapper .login-form .profile-button{width:100%;padding:12px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;margin-top:12px;transition:background-color .2s ease;background-color:#61dafb;color:#282c34}.profile-container .profile-form-wrapper .login-form .profile-button:hover{background-color:#4fa8c3}.profile-container .profile-form-wrapper .login-form .profile-button:disabled{background-color:#3a5a68;cursor:not-allowed}.profile-container .profile-form-wrapper .login-form .profile-button.logout-button{background-color:#dc3545;color:#fff}.profile-container .profile-form-wrapper .login-form .profile-button.logout-button:hover{background-color:#c82333}.profile-container .profile-form-wrapper .modal-overlay .modal-content{background-color:#20232a;padding:20px;border-radius:12px;box-shadow:0 4px 16px #00000040;text-align:center;min-width:300px;border:1px solid rgba(255,255,255,.2)}.profile-container .profile-form-wrapper .modal-overlay .modal-content h3{margin:0 0 12px;color:#fff;font-size:20px}.profile-container .profile-form-wrapper .modal-overlay .modal-content p{margin:0 0 20px;color:#ffffffbf;font-size:16px}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:12px}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons .modal-button{padding:12px 16px;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600;min-width:100px}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons .modal-button.confirm-button{background-color:#dc3545;color:#fff}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons .modal-button.confirm-button:hover{background-color:#c82333}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons .modal-button.cancel-button{background-color:#6c757d;color:#fff}.profile-container .profile-form-wrapper .modal-overlay .modal-content .modal-buttons .modal-button.cancel-button:hover{background-color:#5a6268}body{margin:0;font-family:Poppins,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#282c34;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root .str-chat *,.str-chat *:after,.str-chat *:before{font-family:Poppins}#game_container{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#000000b3;box-sizing:border-box;z-index:1000;padding:12px;display:flex;flex-direction:row;justify-content:center;align-items:center}@keyframes fadeInSlide{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@media screen and (max-width: 1024px) and (orientation: landscape){html{height:100vh;height:100dvh}#root{width:100%;position:fixed;overflow:auto;height:100%}}@media screen and (max-width: 1024px) and (orientation: portrait){html{height:100vh;height:100dvh}#root{width:100%;position:fixed}}