*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}body:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.auth-container{margin:0 auto;max-width:450px;width:100%}.auth-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3,inset 0 -1px 0 #0000001a;padding:40px;position:relative}.auth-card:before{background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#8b73551a 0,#8b73551a 20px);border-radius:15px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:0}.auth-card>*{position:relative;z-index:1}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#2d2d2d;font-size:32px;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.auth-header p{color:#666;font-size:14px}.auth-form{gap:20px}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input{background:#fff;border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:14px 16px;transition:all .3s ease}.form-group input:focus{background:#f5f0e8;border-color:#8b7355;box-shadow:0 0 0 3px #8b735533;outline:none}.form-group input::placeholder{color:#999}.auth-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;box-shadow:0 4px 15px #0006,inset 0 1px 0 #ffffff1a;color:#f5f0e8;cursor:pointer;font-size:16px;font-weight:600;margin-top:10px;padding:14px;text-shadow:1px 1px 2px #00000080;transition:all .3s ease}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 6px 20px #00000080,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.6}.error-message{animation:shake .5s ease}.success-message{background:#efe;border-left:4px solid #3c3;border-radius:8px;color:#3c3;font-size:14px;padding:12px 16px}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-10px)}75%{transform:translateX(10px)}}.auth-footer{border-top:1px solid #e0e0e0;margin-top:25px;padding-top:25px;text-align:center}.auth-footer p{color:#666;font-size:14px}.auth-link{color:#6b5d4f;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#8b7355;text-decoration:underline}@media (max-width:768px){.auth-container{max-width:100%;padding:10px}.auth-card{border-radius:15px;padding:30px 25px}.auth-header h1{font-size:28px}.form-group input{font-size:16px}}@media (max-width:480px){.auth-container{padding:15px}.auth-card{border-radius:15px;box-shadow:0 10px 40px #0003;padding:25px 20px}.auth-header{margin-bottom:25px}.auth-header h1{font-size:24px;margin-bottom:8px}.auth-header p{font-size:13px}.auth-form{gap:18px}.form-group{gap:6px}.form-group label{font-size:13px}.form-group input{border-radius:8px;font-size:16px;padding:12px 14px}.auth-button{border-radius:8px;font-size:15px;margin-top:8px;padding:12px}.error-message,.success-message{font-size:13px;padding:10px 14px}.auth-footer{margin-top:20px;padding-top:20px}.auth-footer p{font-size:13px}}@media (max-width:360px){.auth-card{padding:20px 15px}.auth-header h1{font-size:22px}.form-group input{padding:10px 12px}}@media (max-height:600px) and (orientation:landscape){.auth-container{padding:10px}.auth-card{padding:20px 25px}.auth-header{margin-bottom:15px}.auth-header h1{font-size:22px;margin-bottom:5px}.auth-form{gap:12px}.auth-footer{margin-top:15px;padding-top:15px}}.character-selection-container{align-items:flex-start;background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;display:flex;justify-content:center;min-height:100vh;overflow-x:hidden;padding:20px;position:relative}.character-selection-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.character-selection-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3;max-width:1200px;padding:30px;position:relative;width:100%;z-index:1}.header-with-back{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.header-content{flex:1 1}.character-selection-card h1{color:#2d2d2d;font-size:32px;font-weight:700;margin-bottom:10px;text-align:center;text-shadow:2px 2px 4px #0000004d}.info-text{background:#e8ddd0;border-left:4px solid #8b7355;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a;color:#2d2d2d;font-size:14px;margin-bottom:20px;padding:12px}.subtitle{color:#666;font-size:16px;margin-bottom:30px;text-align:center}.selection-section{margin-bottom:40px}.selection-section h2{border-bottom:2px solid #e0e0e0;color:#333;font-size:24px;margin-bottom:20px;padding-bottom:10px}.character-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.character-card{background:#e8ddd0;border:3px solid #8b7355;border-radius:15px;box-shadow:inset 0 1px 2px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.character-card:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 10px 30px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-5px)}.character-card.selected{background:linear-gradient(135deg,#8b73554d,#6b5d4f4d);border-color:#6b5d4f;box-shadow:0 10px 30px #0006,inset 0 1px 0 #fff3}.character-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;display:flex;height:200px;justify-content:center;margin-bottom:15px;overflow:hidden;width:100%}.character-image-placeholder img{height:100%;object-fit:cover;width:100%}.character-card h3{color:#333;font-size:22px;margin-bottom:10px}.character-card p{color:#666;font-size:14px;line-height:1.5}.ability-type-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:20px}.ability-type-card{background:#e8ddd0;border:2px solid #8b7355;border-radius:12px;box-shadow:inset 0 1px 2px #0000001a;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.ability-type-card:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.ability-type-card.selected{background:linear-gradient(135deg,#8b73554d,#6b5d4f4d);border-color:#6b5d4f;box-shadow:0 8px 20px #0006,inset 0 1px 0 #fff3}.ability-type-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;display:flex;height:120px;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.ability-type-image-placeholder img{height:100%;object-fit:cover;width:100%}.ability-type-card h3{color:#333;font-size:18px;margin-bottom:8px}.ability-type-card p{color:#666;font-size:13px;line-height:1.4}.ability-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:20px}.ability-card{background:#fff;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:12px;text-align:center;transition:all .3s ease}.ability-card:hover{border-color:#667eea;box-shadow:0 6px 15px #667eea26;transform:translateY(-2px)}.ability-card.selected{background:linear-gradient(135deg,#667eea1a,#764ba21a);border-color:#667eea}.ability-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;display:flex;height:100px;justify-content:center;margin-bottom:8px;overflow:hidden;width:100%}.ability-image-placeholder img{height:100%;object-fit:cover;width:100%}.ability-card h4{color:#333;font-size:16px;margin-bottom:5px}.ability-card p{color:#666;font-size:12px;line-height:1.3}.save-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:12px;box-shadow:0 4px 15px #00000080,inset 0 1px 0 #ffffff1a;color:#f5f0e8;cursor:pointer;font-size:18px;font-weight:600;margin-top:30px;padding:16px;text-shadow:1px 1px 2px #00000080;transition:all .3s ease;width:100%}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 6px 20px #0009,inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.save-button:disabled{cursor:not-allowed;opacity:.6}@media (max-width:768px){.character-selection-container{padding:15px}.character-selection-card{border-radius:15px;padding:20px}.header-with-back{flex-direction:column;gap:10px}.back-button{padding:12px;width:100%}.character-selection-card h1{font-size:26px}.subtitle{font-size:14px}.selection-section h2{font-size:20px}.character-grid{gap:15px;grid-template-columns:1fr}.character-image-placeholder{height:150px}.ability-type-grid{gap:12px;grid-template-columns:1fr}.ability-type-image-placeholder{height:100px}.ability-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.ability-image-placeholder{height:80px}.save-button{font-size:16px;padding:14px}}@media (max-width:480px){.character-selection-container{padding:10px}.character-selection-card{padding:15px}.character-selection-card h1{font-size:22px}.selection-section{margin-bottom:30px}.selection-section h2{font-size:18px}.character-image-placeholder{height:120px}.ability-grid{grid-template-columns:1fr}.ability-image-placeholder{height:70px}}.game-container{background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;min-height:100vh;padding:20px;position:relative}.game-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.game-header{align-items:center;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #fff3;display:flex;justify-content:space-between;margin-bottom:20px;padding:20px 30px;position:relative;z-index:1}.game-header h1{color:#2d2d2d;font-size:28px;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.online-counter{background:#ffffffb3;border:1px solid #0000001a;border-radius:8px;color:#2d2d2d;font-size:14px;font-weight:600;padding:6px 12px}.level-bar-section{margin-bottom:20px}.level-bar-info{display:flex;flex-direction:column;gap:8px}.level-text{color:#f5f0e8;font-weight:600;text-shadow:1px 1px 2px #00000080}.game-level-bar-container{background:#5a4a3a;border:2px solid #8b7355;border-radius:10px;height:32px;overflow:hidden;position:relative;width:100%}.game-level-bar-fill{background:linear-gradient(90deg,#4a90e2,#357abd);display:block;height:100%;transition:width .3s ease}.game-level-bar-text{left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.game-level-bar-text,.logout-button{color:#fff;font-size:14px;font-weight:600}.logout-button{background:#dc3545;border:none;border-radius:8px;cursor:pointer;padding:10px 20px;transition:all .3s ease}.logout-button:hover{background:#c82333;transform:translateY(-2px)}.character-info-card{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #fff3;margin-bottom:20px;padding:25px;position:relative;z-index:1}.character-info-header{border-bottom:2px solid #e0e0e0;margin-bottom:20px;padding-bottom:15px;text-align:center}.character-info-header h2{color:#2d2d2d;font-size:32px;font-weight:700;margin:0;text-shadow:2px 2px 4px #0000004d}.character-info-details{display:flex;flex-direction:column;gap:12px}.info-row{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.info-item{align-items:center;background:#e8ddd0;border-left:4px solid #8b7355;border-radius:10px;box-shadow:inset 0 1px 2px #0000001a;display:flex;justify-content:space-between;padding:12px 15px}.info-item.gold-item{background:linear-gradient(135deg,#d4af374d,#b8860b4d);border-left:4px solid #d4af37;font-weight:600}.info-label{color:#333;font-size:16px;font-weight:600}.info-value{color:#2d2d2d;font-size:18px;font-weight:700}.game-menu{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,1fr);margin-top:20px}.menu-button{align-items:center;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #fff3;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:center;min-height:120px;padding:25px;position:relative;transition:all .3s ease;z-index:1}.menu-button:hover{background:linear-gradient(135deg,#e4d5c0,#d9c9ab);border-color:#9b8365;box-shadow:0 15px 40px #00000080,inset 0 1px 0 #ffffff4d;transform:translateY(-5px)}.menu-button:active{transform:translateY(-2px)}.menu-icon{font-size:48px;line-height:1}.menu-text{color:#333;font-size:18px;font-weight:600}@media (max-width:768px){.game-container{padding:15px}.game-header{flex-direction:column;gap:15px;padding:15px 20px}.game-header h1{font-size:24px}.character-info-card{padding:20px}.character-info-header h2{font-size:26px}.info-row{gap:10px;grid-template-columns:1fr}.info-item{padding:10px 12px}.info-label{font-size:14px}.info-value{font-size:16px}.game-menu{gap:12px;grid-template-columns:repeat(2,1fr)}.menu-button{min-height:100px;padding:20px}.menu-icon{font-size:40px}.menu-text{font-size:16px}}@media (max-width:480px){.game-container{padding:10px}.character-info-header h2{font-size:22px}.game-menu{gap:10px;grid-template-columns:1fr}.menu-button{min-height:90px;padding:18px}.menu-icon{font-size:36px}.menu-text{font-size:15px}}.game-footer{display:flex;justify-content:center;margin-top:30px;padding:20px}.game-footer .logout-button{background:#dc3545;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;max-width:300px;padding:14px;transition:all .3s ease;width:100%}.game-footer .logout-button:hover{background:#c82333;box-shadow:0 6px 20px #dc35454d;transform:translateY(-2px)}.travel-container{align-items:flex-start;background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.travel-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.travel-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3;max-width:800px;padding:30px;position:relative;width:100%;z-index:1}.travel-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.travel-header h1{color:#2d2d2d;flex:1 1;font-size:32px;font-weight:700;margin:0;text-align:center;text-shadow:2px 2px 4px #0000004d}.current-village{background:#e8ddd0;border-left:4px solid #8b7355;border-radius:12px;box-shadow:inset 0 1px 2px #0000001a;margin-bottom:30px;padding:20px}.current-village h2{color:#333;font-size:20px;margin-bottom:15px}.village-info{align-items:center;display:flex}.village-name{color:#2d2d2d;font-size:24px;font-weight:700}.destination-section{margin-bottom:30px}.destination-section h2{color:#333;font-size:24px;margin-bottom:20px}.villages-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.village-card{background:#e8ddd0;border:2px solid #8b7355;border-radius:12px;box-shadow:inset 0 1px 2px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.village-card:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 8px 20px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.village-card.selected{background:linear-gradient(135deg,#8b73554d,#6b5d4f4d);border-color:#6b5d4f;box-shadow:0 8px 20px #0006,inset 0 1px 0 #fff3}.village-card h3{color:#333;font-size:20px;margin-bottom:10px}.village-card p{color:#666;font-size:14px;margin:0}.travel-progress{background:#e8ddd0;border:2px solid #8b7355;border-radius:12px;box-shadow:inset 0 1px 2px #0000001a;margin-top:30px;padding:25px;text-align:center}.travel-progress h2{color:#333;font-size:24px;margin-bottom:20px}.distance-info{margin-bottom:25px}.distance-info p{color:#333;font-size:18px}.distance-info strong{color:#2d2d2d;font-size:24px;font-weight:700}.run-controls{align-items:center;display:flex;flex-direction:column;gap:15px}.run-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:15px;box-shadow:0 10px 30px #00000080,inset 0 1px 0 #ffffff1a;color:#f5f0e8;cursor:pointer;font-size:24px;font-weight:700;min-width:200px;padding:20px 60px;text-shadow:1px 1px 2px #00000080;touch-action:manipulation;transition:all .3s ease;user-select:none;-webkit-user-select:none}.run-button:hover{background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 15px 40px #0009,inset 0 1px 0 #ffffff26;transform:translateY(-3px)}.run-button:active{box-shadow:0 5px 15px #667eea66;transform:translateY(0)}.run-hint{color:#666;font-size:14px;margin:0}.travel-complete{background:#d4edda;border-left:4px solid #28a745;border-radius:10px;padding:20px}.travel-complete p{color:#155724;font-size:18px;font-weight:600;margin:0}.completion-message{padding:40px 20px;text-align:center}.completion-message h1{color:#2d2d2d;font-size:36px;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.completion-message p{color:#666;font-size:18px}@media (max-width:768px){.travel-container{padding:15px}.travel-card{padding:20px}.travel-header h1{font-size:26px}.villages-grid{grid-template-columns:1fr}.run-button{font-size:20px;min-width:180px;padding:18px 50px}}@media (max-width:480px){.travel-container{padding:10px}.travel-card{padding:15px}.travel-header{flex-direction:column;gap:10px}.travel-header h1{font-size:22px}.back-button{width:100%}.run-button{font-size:18px;min-width:160px;padding:16px 40px}}.inventory-container{align-items:flex-start;background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.inventory-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.inventory-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3;max-width:1200px;padding:30px;position:relative;width:100%;z-index:1}.inventory-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.inventory-header h1{color:#2d2d2d;flex:1 1;font-size:32px;font-weight:700;margin:0;text-align:center;text-shadow:2px 2px 4px #0000004d}.character-display{align-items:center;background:#f8f9fa;border-radius:15px;display:flex;justify-content:center;margin-bottom:30px;min-height:400px;padding:30px}.character-slot-container{background:linear-gradient(135deg,#e0e0e0,#f5f5f5);border:3px solid #ddd;border-radius:15px;height:400px;position:relative;width:300px}.character-slot{background:#ffffffe6;border:2px solid #667eea;border-radius:8px;color:#333;cursor:pointer;font-size:12px;font-weight:600;min-width:60px;padding:10px;position:absolute;text-align:center;transition:all .3s ease}.character-slot:hover{background:#667eea33;box-shadow:0 4px 10px #667eea4d;transform:scale(1.05)}.character-slot.has-item{background:linear-gradient(135deg,#667eea4d,#764ba24d);border-color:#667eea;color:#667eea}.helmet-slot{left:50%;top:20px;transform:translateX(-50%)}.earring-slot{right:20px;top:20px}.armor-slot{left:50%;top:80px;transform:translateX(-50%);width:100px}.shield-slot{right:20px;top:80px}.necklace-slot{right:20px;top:180px}.weapon-slot{bottom:100px;left:20px}.boot-slot{bottom:20px;left:50%;transform:translateX(-50%)}.inventory-list{margin-top:30px}.inventory-list h2{color:#333;font-size:24px;margin-bottom:20px}.inventory-categories{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.category-button{background:#e8ddd0;border:2px solid #8b7355;border-radius:10px;box-shadow:inset 0 1px 2px #0000001a;color:#2d2d2d;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.category-button:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 4px 10px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-2px)}.items-list{margin-top:20px}.items-list h2{color:#333;font-size:20px;margin-bottom:15px}.items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.item-card{background:#e8ddd0;border:2px solid #8b7355;border-radius:10px;box-shadow:inset 0 1px 2px #0000001a;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.item-card:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 6px 15px #0000004d,inset 0 1px 0 #fff3;transform:translateY(-3px)}.item-image-placeholder{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;display:flex;height:100px;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.item-image-placeholder img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:40px}.item-card h3{color:#333;font-size:14px;margin-bottom:5px}.item-card p{color:#666;font-size:12px;margin:3px 0}.empty-inventory{color:#666;padding:40px;text-align:center}.equipped-items-section{background:#e8ddd0;border:2px solid #8b7355;border-radius:15px;box-shadow:inset 0 1px 2px #0000001a;margin-bottom:30px;padding:25px}.equipped-items-section h2{color:#333;font-size:24px;margin-bottom:25px;text-align:center}.equipped-items-grid{grid-gap:20px;align-items:start;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));justify-items:center;margin:0 auto;max-width:900px}@media (min-width:1200px){.equipped-items-grid{grid-template-columns:repeat(7,1fr);max-width:1200px}}@media (min-width:900px) and (max-width:1199px){.equipped-items-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:600px) and (max-width:899px){.equipped-items-grid{grid-template-columns:repeat(3,1fr)}}.equipped-item-card{background:#e8ddd0;border:2px solid #8b7355;border-radius:12px;box-shadow:0 2px 8px #0003,inset 0 1px 2px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:0 auto;max-width:140px;min-height:200px;min-width:120px;padding:15px;text-align:center;transition:all .3s ease;width:100%}.equipped-item-card.empty-slot{background:#d4c5b0;border:2px dashed #8b7355;opacity:.7}.equipped-item-card.empty-slot:hover{background:#e4d5c0;border-color:#9b8365;opacity:1}.equipped-item-card.has-item:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 8px 20px #0006,inset 0 1px 0 #fff3;transform:translateY(-5px)}.empty-slot-name{align-items:center;color:#999;display:flex;font-size:13px;font-weight:600;justify-content:center;line-height:1.3;margin:0;min-height:32px}.empty-slot-text{color:#bbb;font-size:12px;font-style:italic;margin:4px 0}.equipped-item-image{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px;display:flex;flex-shrink:0;height:100px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.equipped-item-image img{height:100%;object-fit:cover;width:100%}.equipped-item-info{display:flex;flex-direction:column;flex-grow:1;gap:4px}.equipped-item-info h3{align-items:center;color:#333;display:flex;font-size:13px;font-weight:600;justify-content:center;line-height:1.3;margin:0;min-height:32px}.item-enhancement{color:#2d2d2d;font-size:18px;font-weight:700;margin:4px 0}.item-level{font-size:11px;margin:0}.items-select{margin-bottom:20px}.item-select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.item-select:hover{border-color:#9b8365}.item-select:focus{background:#f5f0e8;border-color:#8b7355;box-shadow:0 0 0 3px #8b735533;outline:none}@media (max-width:768px){.inventory-container{padding:15px}.inventory-card{padding:20px}.inventory-header h1{font-size:26px}.character-slot-container{height:350px;width:250px}.character-slot{font-size:11px;min-width:50px;padding:8px}.inventory-categories,.items-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.inventory-container{padding:10px}.inventory-card{padding:15px}.inventory-header{flex-direction:column;gap:10px}.inventory-header h1{font-size:22px}.back-button{width:100%}.character-slot-container{height:300px;width:200px}.character-slot{font-size:10px;min-width:45px;padding:6px}.inventory-categories,.items-grid{grid-template-columns:1fr}.equipped-items-grid{gap:10px;grid-template-columns:repeat(2,1fr)}.equipped-item-image{height:100px}.equipped-item-info h3{font-size:12px}.item-enhancement{font-size:14px}.item-level{font-size:11px}}.achievements-container{align-items:flex-start;background:linear-gradient(135deg,#2d2d2d,#1a1a1a);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#8b73551a 0,#8b73551a 20px);display:flex;justify-content:center;min-height:100vh;padding:20px}.achievements-card{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;box-shadow:0 10px 30px #0006,inset 0 1px 0 #fff3;max-width:900px;padding:20px 24px 24px;width:100%}.achievements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.achievements-header h1{color:#2d2d2d;font-size:28px;margin:0;text-shadow:2px 2px 4px #0000004d}.error-message{background:#dc35451a;border:1px solid #dc3545;color:#721c24;margin-bottom:15px;padding:10px 12px}.achievements-summary{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:20px}.summary-item{background:#fff9;border-radius:10px;display:flex;flex-direction:column;gap:4px;padding:12px 16px}.summary-label{color:#555;font-size:14px;font-weight:600}.summary-value{color:#2d2d2d;font-size:20px;font-weight:700}.leaderboard-section{background:#ffffffb3;border-radius:12px;padding:16px 14px 12px}.leaderboard-header-row{border-bottom:2px solid #8b735566;color:#3a2f23;display:grid;font-size:14px;font-weight:700;grid-template-columns:70px 1.5fr 1.2fr;padding:8px 10px}.leaderboard-rows{margin-top:4px}.leaderboard-row{align-items:center;background:#fffc;border-radius:10px;box-shadow:0 2px 4px #00000014;display:grid;grid-template-columns:70px 1.5fr 1.2fr;margin-bottom:6px;padding:10px}.leaderboard-row:nth-child(odd){background:#ffffffe6}.leaderboard-separator{color:#7a6a56;font-weight:700;margin:4px 0;text-align:center}.col-rank{color:#5a4a3a;font-size:16px;font-weight:700}.col-player{display:flex;flex-direction:column;gap:2px}.player-username{color:#2d2d2d;font-weight:700}.player-character{color:#555;font-size:12px}.col-level-gold{align-items:flex-end;display:flex;flex-direction:column;gap:2px}.player-level{color:#2d2d2d;font-weight:700}.player-gold{color:#7a5a1f;font-size:12px}.current-player-row{border:2px solid #4caf50;box-shadow:0 0 0 1px #4caf504d,0 4px 10px #4caf5033}.last-player-row{border:2px solid #dc3545;box-shadow:0 0 0 1px #dc35454d,0 4px 10px #dc354533}@media (max-width:768px){.achievements-card{padding:16px}.leaderboard-header-row,.leaderboard-row{grid-template-columns:50px 1.4fr 1.3fr}.achievements-summary{grid-template-columns:1fr}}.village-container{align-items:flex-start;background:radial-gradient(circle at 20% 50%,#3c3c3c4d 0,#0000 50%),radial-gradient(circle at 80% 80%,#3232324d 0,#0000 50%),linear-gradient(135deg,#3a3a3a,#2d2d2d 50%,#353535);background-attachment:fixed;background-size:100% 100%,100% 100%,100% 100%;display:flex;justify-content:center;min-height:100vh;padding:20px;position:relative}.village-container:before{background-image:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 0,#00000008 4px),repeating-linear-gradient(90deg,#0000,#0000 2px,#00000008 0,#00000008 4px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.village-card{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3;max-width:1200px;padding:30px;position:relative;width:100%;z-index:1}.village-header{align-items:center;border-bottom:2px solid #e0e0e0;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.village-header h1{color:#2d2d2d;flex:1 1;font-size:32px;font-weight:700;margin:0;text-align:center;text-shadow:2px 2px 4px #0000004d}.back-button{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.back-button:hover{background:#5a6268;transform:translateY(-2px)}.npcs-section{margin-top:20px}.npcs-section h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.npcs-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto;max-width:900px}.npc-card{background:#e8ddd0;border:2px solid #8b7355;border-radius:12px;box-shadow:0 2px 8px #0003,inset 0 1px 2px #0000001a;cursor:pointer;padding:20px;text-align:center;transition:all .3s ease}.npc-card:hover{background:#f0e5d8;border-color:#9b8365;box-shadow:0 8px 20px #0006,inset 0 1px 0 #fff3;transform:translateY(-5px)}.npc-image{align-items:center;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:10px;display:flex;height:150px;justify-content:center;margin-bottom:15px;overflow:hidden;width:100%}.npc-image img{height:100%;object-fit:cover;width:100%}.placeholder-icon{font-size:60px;opacity:.5}.npc-card h3{color:#333;font-size:18px;font-weight:600;margin-bottom:10px}.npc-card p{color:#666;font-size:14px;margin:0}.npc-detail{margin-top:20px}.npc-info{background:#f8f9fa;border-radius:10px;margin-bottom:30px;padding:20px;text-align:center}.npc-info h2{color:#2d2d2d;font-size:28px;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.npc-info p{color:#666;font-size:16px}.npc-content{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:center;min-height:300px;padding:20px}.coming-soon{color:#999;font-size:18px;font-style:italic}.empty-npcs{color:#666;grid-column:1/-1;padding:40px;text-align:center}.error-message{background:#fee;border-left:4px solid #c33;border-radius:8px;color:#c33;font-size:14px;margin-bottom:20px;padding:12px 16px}.loading{color:#d4c5b0;font-size:20px;padding:40px;text-align:center;text-shadow:2px 2px 4px #00000080}@media (max-width:768px){.village-container{padding:15px}.village-card{padding:20px}.village-header h1{font-size:26px}.npcs-grid{gap:15px;grid-template-columns:repeat(2,1fr)}.npc-image{height:120px}}@media (max-width:480px){.village-container{padding:10px}.village-card{padding:15px}.village-header{flex-direction:column;gap:10px}.village-header h1{font-size:22px}.back-button{width:100%}.npcs-grid{grid-template-columns:1fr}.npc-image{height:100px}}.user-gold{background:linear-gradient(135deg,#d4af3733,#ffd70033);border-left:4px solid #d4af37;border-radius:8px;margin-top:15px;padding:10px}.user-gold strong{color:#d4af37;font-size:18px}.shop-section{width:100%}.shop-section h3{color:#2d2d2d;font-size:24px;margin-bottom:20px;text-align:center;text-shadow:1px 1px 2px #0003}.shop-items-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));margin-top:20px}.shop-item-card{background:#f0e6d6;border:2px solid #c9b99b;border-radius:12px;box-shadow:0 2px 8px #0003;padding:15px;transition:all .3s ease}.shop-item-card:hover{border-color:#8b7355;box-shadow:0 8px 20px #0000004d;transform:translateY(-3px)}.shop-item-image{align-items:center;background:linear-gradient(135deg,#c9b99b,#a89a8a);border-radius:8px;display:flex;height:150px;justify-content:center;margin-bottom:10px;overflow:hidden;width:100%}.shop-item-image img{height:100%;object-fit:cover;width:100%}.shop-item-info{text-align:center}.shop-item-info h4{color:#2d2d2d;font-size:18px;font-weight:600;margin-bottom:8px}.enhancement{color:#8b7355;font-size:16px;font-weight:600;margin:5px 0}.item-level{color:#666;font-size:14px;margin:5px 0}.item-stats{color:#555;font-size:12px;margin:10px 0;text-align:left}.item-stats p{margin:3px 0}.item-price{background:linear-gradient(135deg,#d4af374d,#ffd7004d);border:2px solid #d4af37;border-radius:8px;margin:15px 0;padding:10px}.item-price strong{color:#d4af37;font-size:20px}.buy-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:none;border-radius:8px;box-shadow:0 4px 15px #0006;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px;transition:all .3s ease;width:100%}.buy-button:hover:not(:disabled){background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 6px 20px #00000080;transform:translateY(-2px)}.buy-button:disabled{background:#999;cursor:not-allowed;opacity:.6}.no-items{color:#666;font-size:16px;font-style:italic;padding:40px;text-align:center}@media (max-width:768px){.shop-items-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (max-width:480px){.shop-items-grid{grid-template-columns:1fr}}.popup-overlay{animation:fadeIn .3s ease-out;background:#0009;height:100%;width:100%}.popup-content{animation:slideUp .3s ease-out;border-radius:20px;box-shadow:0 20px 60px #00000080,inset 0 1px 0 #fff3;max-width:400px;position:relative}.popup-header{border-bottom:2px solid #8b7355;margin-bottom:20px;padding-bottom:15px;text-align:center}.popup-header h3{font-size:24px;margin:0;text-shadow:1px 1px 2px #0003}.popup-body{margin-bottom:25px;text-align:center}.popup-body p{color:#2d2d2d;font-size:18px;font-weight:500;margin:0}.popup-button{border:none;border-radius:8px;box-shadow:0 4px 15px #0006;color:#fff;font-size:16px;padding:12px 40px}.popup-button:hover{background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 6px 20px #00000080}@media (max-width:480px){.popup-content{max-width:90%;padding:20px}.popup-header h3{font-size:20px}.popup-body p{font-size:16px}.popup-button{font-size:14px;padding:10px 30px}}.enhancement-section{padding:20px}.item-type-selection h3{color:#5a4a3a;font-size:24px;margin-bottom:20px}.item-type-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:20px}.item-type-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 20px;transition:all .3s ease}.item-type-button:hover{background:linear-gradient(135deg,#9b8365,#7b6d5f);box-shadow:0 6px 20px #0006;transform:translateY(-2px)}.section-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.back-button-small{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:8px 15px;transition:all .3s ease}.back-button-small:hover{background:linear-gradient(135deg,#9b8365,#7b6d5f);transform:translateY(-1px)}.user-items-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:20px}.user-item-card{background:linear-gradient(135deg,#e8ddd0,#d4c5b0);border:2px solid #8b7355;border-radius:10px;cursor:pointer;padding:15px;text-align:center;transition:all .3s ease}.user-item-card:hover{border-color:#9b8365;box-shadow:0 6px 20px #0000004d;transform:translateY(-3px)}.user-item-card h4{color:#5a4a3a;font-size:16px;margin:10px 0 5px}.user-item-card p{color:#6b5d4f;font-size:14px;margin:5px 0}.enhancement-detail-section{padding:20px 0}.enhancement-configs{display:flex;flex-direction:column;gap:15px;margin-top:20px}.enhancement-config-card{background:linear-gradient(135deg,#e8ddd0,#d4c5b0);border:3px solid #8b7355;border-radius:12px;padding:20px;transition:all .3s ease}.enhancement-config-card.can-enhance{border-color:#4caf50;box-shadow:0 4px 15px #4caf504d}.enhancement-config-card.cannot-enhance{border-color:#f44336;box-shadow:0 4px 15px #f443364d;opacity:.7}.config-header{align-items:center;border-bottom:2px solid #8b7355;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.config-header h4{color:#5a4a3a;font-size:20px;margin:0}.success-rate{color:#6b5d4f;font-size:14px;font-weight:600}.config-requirements{display:flex;flex-direction:column;gap:10px;margin-bottom:15px}.requirement{border-radius:6px;display:flex;font-size:14px;justify-content:space-between;padding:8px 12px}.requirement.met{background:#4caf5033;border:1px solid #4caf50;color:#2e7d32}.requirement.not-met{background:#f4433633;border:1px solid #f44336;color:#c62828}.enhance-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:8px;box-shadow:0 4px 15px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 20px;transition:all .3s ease;width:100%}.enhance-button.enabled{background:linear-gradient(135deg,#4caf50,#388e3c);border-color:#2e7d32}.enhance-button.enabled:hover{background:linear-gradient(135deg,#66bb6a,#4caf50);box-shadow:0 6px 20px #4caf5066;transform:translateY(-2px)}.enhance-button.disabled{background:linear-gradient(135deg,#9e9e9e,#757575);border-color:#616161;cursor:not-allowed;opacity:.6}.required-items-section{border-top:2px solid #8b7355;margin-top:15px;padding-top:15px}.required-items-list{display:flex;flex-direction:column;gap:8px}.required-item{align-items:center;border:2px solid;border-radius:6px;display:flex;justify-content:space-between;padding:10px 12px;transition:all .3s ease}.required-item.met{background:#4caf5026;border-color:#4caf50}.required-item.not-met{background:#f4433626;border-color:#f44336}.required-item-info{align-items:center;display:flex;gap:10px;justify-content:space-between;width:100%}.item-name{color:#5a4a3a;flex:1 1;font-weight:600}.item-count{border-radius:4px;font-size:14px;font-weight:600;padding:4px 10px}.required-item.met .item-count{background:#4caf504d;color:#2e7d32}.required-item.not-met .item-count{background:#f443364d;color:#c62828}@media (max-width:480px){.item-type-grid,.user-items-grid{grid-template-columns:repeat(2,1fr)}.config-header{gap:10px}.config-header,.required-item-info{align-items:flex-start;flex-direction:column}.required-item-info{gap:5px}}.battle-container{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#8b73551a 0,#8b73551a 20px);display:flex;flex-direction:column;min-height:100vh;padding:20px}.battle-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.battle-header-bottom{border-top:1px solid #8b73554d;margin-bottom:0;margin-top:auto;padding-top:20px}.battle-header .back-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;color:#f5f0e8;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.battle-header .back-button:hover{background:linear-gradient(135deg,#a08060,#8b7355)}.battle-header h1{color:#f5f0e8;font-size:28px;text-shadow:2px 2px 4px #00000080}.battle-info{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:20px}.battle-tabs{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.battle-tab-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;color:#f5f0e8;cursor:pointer;font-size:15px;font-weight:600;padding:10px 12px;transition:all .2s ease}.battle-tab-button:hover{transform:translateY(-1px)}.battle-tab-button.active{background:linear-gradient(135deg,#c9a227,#a8891d);color:#2d2d2d}.village-info{color:#2d2d2d;font-size:18px;margin-bottom:15px;text-align:center}.position-control{align-items:center;display:flex;flex-wrap:wrap;gap:10px 18px;justify-content:center}.position-display{color:#2d2d2d;font-size:18px;font-weight:600;min-width:170px;text-align:center}.position-display-secondary{color:#4a3a2a;font-size:16px;font-weight:600}.battle-pull-row{display:flex;justify-content:center;margin-top:12px}.pull-monsters-button{background:linear-gradient(135deg,#c33,#a22);border:2px solid #8b1a1a;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:10px 20px;transition:all .3s ease}.pull-monsters-button:hover{box-shadow:0 4px 15px #c3333366;transform:translateY(-2px)}.character-tab-panel,.map-tab-panel{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:18px}.character-summary-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:16px}.character-summary-card{background:#8b735533;border:1px solid #8b7355;border-radius:8px;color:#2d2d2d;display:flex;flex-direction:column;gap:4px;padding:10px}.summary-label{font-size:12px;opacity:.8}.character-section-block{border-top:1px solid #5a4a3a59;color:#2d2d2d;margin-top:14px;padding-top:12px}.character-section-block h3{margin:0 0 10px}.character-skill-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.character-skill-card{grid-gap:4px;background:#8b73552e;border:1px solid #8b7355;border-radius:8px;display:grid;gap:4px;padding:10px}.character-skill-title{font-weight:700}.equipped-list{grid-gap:6px;display:grid;gap:6px}.equipped-item-row{grid-gap:8px;background:#8b735524;border-radius:6px;display:grid;gap:8px;grid-template-columns:110px 1fr;padding:8px 10px}.equipped-slot{font-weight:700}.equipped-value{grid-gap:2px;display:grid;gap:2px}.equipped-main-line{font-weight:600}.equipped-meta-line{font-size:12px;opacity:.85}.map-help-text{color:#2d2d2d;margin:0 0 10px}.battle-map{background-color:#8ba173;background-position:50%;background-size:cover;border:2px solid #5a4a3a;border-radius:10px;cursor:crosshair;height:300px;max-width:100%;position:relative;width:300px}.map-marker{background:#d7263d;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #00000080;height:12px;pointer-events:none;position:absolute;transform:translate(-50%,-50%);width:12px}.map-footer{align-items:center;color:#2d2d2d;display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}.level-text-compact{min-width:50px}.level-bar-fill{font-size:10px}.character-stats-compact{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:12px}.stat-bar-row{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-bottom:8px}.stat-bar{align-items:center;display:flex;gap:8px}.stat-bar label{color:#2d2d2d;font-size:14px;font-weight:600;min-width:50px}.bar-container{background:#5a4a3a;border:2px solid #8b7355;border-radius:5px;flex:1 1;height:22px;overflow:hidden;position:relative}.bar-fill{display:block;height:100%;transition:width .3s ease}.bar-pending{height:100%;pointer-events:none;position:absolute;top:0;transition:left .3s ease,width .3s ease}.bar-pending.hp-pending{background:#b4282899}.bar-pending.mp-pending{background:#3c64c880}.bar-text{color:#fff;font-size:10px;font-weight:600;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.normal-attack-display{color:#2d2d2d;font-size:14px;font-weight:600;margin-top:6px}.weapon-sublabel{font-size:12px;font-weight:500;opacity:.85}.attack-buff-indicator{background:linear-gradient(90deg,#2d5a27,#3d7a37);border-radius:6px;color:#fff;display:inline-block;font-size:13px;font-weight:600;margin-top:6px;padding:4px 10px}.rage-buff-indicator{background:linear-gradient(90deg,#7a3527,#9a4537);margin-left:8px}.level-bar-compact{align-items:center;display:flex;gap:10px;margin-top:8px}.level-text-compact{color:#2d2d2d;font-size:14px;font-weight:600;min-width:45px}.level-bar-container{border-radius:6px;flex:1 1;height:24px}.level-bar-fill{display:block}.level-bar-text{color:#fff;font-size:10px;font-weight:600;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);white-space:nowrap}.character-stats{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:20px}.hp-bar{background:linear-gradient(90deg,#c33,#e55)}.mp-bar{background:linear-gradient(90deg,#3c3,#5e5)}.monsters-section{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;display:flex;flex-direction:column;flex-shrink:0;height:240px;margin-bottom:20px;min-height:240px;padding:20px}.monsters-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.monsters-section h2{color:#2d2d2d;font-size:20px;margin:0}.monster-count{color:#2d2d2d;font-size:16px;font-weight:600}.monsters-grid-scrollable{max-height:200px;overflow-x:hidden;overflow-y:auto;padding-right:5px}.monsters-grid-scrollable::-webkit-scrollbar{width:8px}.monsters-grid-scrollable::-webkit-scrollbar-track{background:#c9b99b;border-radius:4px}.monsters-grid-scrollable::-webkit-scrollbar-thumb{background:#8b7355;border-radius:4px}.monsters-grid-scrollable::-webkit-scrollbar-thumb:hover{background:#6b5d4f}.drops-strip-unified{align-items:stretch;background:linear-gradient(135deg,#5a4a3a,#4a3a2a);border:2px solid #8b7355;border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;gap:0;margin-bottom:20px;min-height:44px;overflow:hidden}.drops-strip-unified:hover{border-color:#c9b99b}.drops-strip-bar{align-self:flex-end;background:linear-gradient(180deg,#c9a227,#8b7355);border-radius:4px 0 0 4px;flex-shrink:0;margin:6px 0 6px 6px;min-height:20px;width:8px}.drops-strip-content{align-items:center;display:flex;flex:1 1;gap:12px;justify-content:space-between;min-width:0;padding:8px 12px}.drops-strip-text{color:#f5f0e8;flex:1 1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drops-strip-collect{background:linear-gradient(135deg,#4a7c4f,#2d5a32);border:1px solid #6b9b6f;border-radius:6px;color:#fff;cursor:pointer;flex-shrink:0;font-size:12px;font-weight:600;padding:6px 14px;transition:all .2s ease}.drops-strip-collect:hover{background:linear-gradient(135deg,#5a8c5f,#4a7c4f)}.drop-item-clickable{cursor:pointer}.drop-item-clickable:hover{background:#8b735580}.drops-line-below-monsters{align-items:center;background:#5a4a3a66;border:1px solid #8b735580;border-radius:6px;display:flex;gap:12px;margin-bottom:12px;padding:6px 10px}.drops-marquee-wrap{flex:1 1;max-width:200px;min-width:0;overflow:hidden;white-space:nowrap}.drops-marquee-text{color:#c9b99b;display:inline-block;font-size:12px;white-space:nowrap}.drops-marquee-text.drops-marquee-animate{animation:drops-marquee 20s linear infinite}@keyframes drops-marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}.drops-line-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;color:#f5f0e8;cursor:pointer;flex-shrink:0;font-size:15px;font-weight:600;padding:10px 24px;transition:all .2s ease}.drops-line-button:hover{background:linear-gradient(135deg,#c9a227,#a8891d);color:#2d2d2d;transform:translateY(-1px)}.popup-drops-list .popup-body{max-height:50vh}.popup-drops-scroll{max-height:45vh;overflow-y:auto;padding-right:8px}.popup-drops-scroll::-webkit-scrollbar{width:8px}.popup-drops-scroll::-webkit-scrollbar-track{background:#8b735533;border-radius:4px}.popup-drops-scroll::-webkit-scrollbar-thumb{background:#8b7355;border-radius:4px}.monsters-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.monster-card{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:8px;color:#f5f0e8;display:flex;flex-direction:column;font-size:12px;min-height:80px;padding:8px;position:relative}.monster-stack-count{align-items:center;background:#c33;border:1px solid #a22;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:20px;justify-content:center;position:absolute;right:4px;top:4px;width:20px}.monster-name{font-size:14px;font-weight:600;margin-bottom:8px;text-align:center}.monster-level{font-size:11px;margin:3px 0;opacity:.9;text-align:center}.monster-hp{margin-top:5px}.hp-bar-container{background:#5a4a3a;border:1px solid #8b7355;border-radius:3px;height:16px;overflow:hidden;width:100%}.hp-bar-fill{align-items:center;background:linear-gradient(90deg,#c33,#a22);color:#fff;display:flex;font-size:9px;font-weight:600;height:100%;justify-content:center;transition:width .3s ease}.character-stats-with-floats{overflow:visible;position:relative}@keyframes floatDamageUpRed{0%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50px) scale(1.15)}}@keyframes floatDamageUpGreen{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-35px) scale(1.15)}}.floating-damage{font-size:18px;font-weight:700;pointer-events:none;position:absolute;text-shadow:1px 1px 2px #000c;z-index:100}.floating-damage-red{animation:floatDamageUpRed 1.5s ease-out forwards;color:#e22;left:50%;top:20px}.floating-damage-green{animation:floatDamageUpGreen 1.5s ease-out forwards;color:#2e8;left:50%;top:8px}.monster-card-dying{opacity:.5}.battle-actions{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:20px}.action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-bottom:20px}.attack-button,.skill-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;color:#f5f0e8;cursor:pointer;font-size:14px;font-weight:600;padding:12px 16px;transition:all .3s ease}.attack-button:hover:not(:disabled),.skill-button:hover:not(:disabled){box-shadow:0 4px 15px #0006;transform:translateY(-2px)}.attack-button:active:not(:disabled),.skill-button:active:not(:disabled){transform:translateY(0)}.attack-button.disabled,.attack-button:disabled,.skill-button.disabled{background:linear-gradient(135deg,#5a4a3a,#4a3a2a);cursor:not-allowed;opacity:.5}.pots-section{border-top:2px solid #8b7355;margin-top:20px;padding-top:20px}.pots-section h3{color:#2d2d2d;margin-bottom:10px;text-align:center}.pots-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}.pot-button{background:linear-gradient(135deg,#4caf50,#3a8f3d);border:2px solid #2d6e30;border-radius:10px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px;transition:all .3s ease}.pot-button:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.collect-drops-button{background:linear-gradient(135deg,gold,orange);border:2px solid #c90;border-radius:10px;color:#2d2d2d;cursor:pointer;font-size:16px;font-weight:600;margin-bottom:20px;padding:15px;transition:all .3s ease;width:100%}.collect-drops-button:hover{box-shadow:0 4px 15px #ffd70066;transform:translateY(-2px)}.popup-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.popup-content{animation:slideUp .3s ease;background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;width:90%}.popup-content.popup-content-small{max-width:320px;padding:20px}.popup-header h3{color:#2d2d2d;text-align:center}.popup-body,.popup-header h3{margin-bottom:20px}.drop-item{background:#8b73554d;border-radius:5px;color:#2d2d2d;margin-bottom:10px;padding:10px}.drop-event-block{border-bottom:1px solid #8b73554d;margin-bottom:12px;padding-bottom:10px}.drop-event-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.drop-line{background:#8b735533;border-radius:4px;color:#2d2d2d;font-size:14px;margin-bottom:4px;padding:5px 10px}.drop-line:last-child{margin-bottom:0}.popup-footer{display:flex;gap:10px;justify-content:center}.popup-button{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;color:#f5f0e8;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.popup-button:hover{box-shadow:0 4px 15px #0006;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.drop-notifications-container{display:flex;flex-direction:column;gap:10px;max-width:300px;pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.drop-notification{animation:slideInRight .3s ease-out,fadeOut .3s ease-in 2.7s;background:linear-gradient(135deg,#2c5530,#1a3a1d);border:2px solid #4a7c4f;border-radius:8px;box-shadow:0 4px 12px #00000080;color:#fff;font-size:14px;padding:15px 20px;pointer-events:auto}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width:768px){.position-control{flex-direction:column}.battle-tabs{grid-template-columns:1fr}.action-buttons{grid-template-columns:repeat(2,1fr)}.monsters-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.battle-map{aspect-ratio:1/1;height:auto;width:100%}.equipped-item-row{gap:2px;grid-template-columns:1fr}}.development-container{background:linear-gradient(135deg,#2d2d2d,#1a1a1a);background-image:repeating-linear-gradient(45deg,#0000,#0000 10px,#8b73551a 0,#8b73551a 20px);min-height:100vh;padding:20px}.development-header{align-items:center;display:flex;gap:15px;margin-bottom:20px}.development-header h1{color:#f5f0e8;font-size:28px;text-shadow:2px 2px 4px #00000080}.level-section{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:20px}.level-info h2{color:#2d2d2d;margin-bottom:15px;text-align:center}.level-bar-container{background:#5a4a3a;border:2px solid #8b7355;border-radius:10px;height:40px;margin-bottom:15px;overflow:hidden;position:relative;width:100%}.level-bar-fill{align-items:center;background:linear-gradient(90deg,#4a90e2,#357abd);color:#fff;display:flex;font-size:14px;font-weight:600;height:100%;justify-content:center;transition:width .3s ease}.points-info{color:#2d2d2d;display:flex;font-size:16px;font-weight:600;gap:20px;justify-content:space-around}.skills-section,.stats-section{background:linear-gradient(135deg,#d4c5b0,#c9b99b);border:3px solid #8b7355;border-radius:15px;margin-bottom:20px;padding:20px}.skills-section h2,.stats-section h2{color:#2d2d2d;margin-bottom:20px;text-align:center}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-item{align-items:center;background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:15px}.stat-label{color:#f5f0e8;font-size:14px;font-weight:600}.stat-value{color:#f5f0e8;font-size:24px;font-weight:700}.stat-increase-button{align-items:center;background:linear-gradient(135deg,#4caf50,#3a8f3d);border:2px solid #2d6e30;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:24px;font-weight:700;height:40px;justify-content:center;transition:all .3s ease;width:40px}.stat-increase-button:hover:not(:disabled){box-shadow:0 4px 15px #4caf5066;transform:scale(1.1)}.stat-increase-button:disabled{cursor:not-allowed;opacity:.5}.skill-info{color:#2d2d2d;font-weight:600;margin-bottom:15px;text-align:center}.skills-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:20px}.skill-card{background:linear-gradient(135deg,#8b7355,#6b5d4f);border:2px solid #5a4a3a;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.skill-card:hover{box-shadow:0 4px 15px #0006;transform:translateY(-2px)}.skill-card.selected{background:linear-gradient(135deg,#6b8e5d,#5a7d4d);border-color:#4caf50;box-shadow:0 4px 15px #4caf5066}.skill-card.locked{background:linear-gradient(135deg,#5a4a3a,#4a3a2a);border-color:#3a2a1a;cursor:not-allowed;opacity:.6}.skill-card.locked:hover{box-shadow:none;transform:none}.skill-name{font-size:16px;font-weight:600;margin-bottom:8px}.skill-level,.skill-name{color:#f5f0e8;text-align:center}.skill-level{font-size:14px}.increase-skill-button{background:linear-gradient(135deg,#4caf50,#3a8f3d);border:2px solid #2d6e30;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:all .3s ease;width:100%}.increase-skill-button:hover{box-shadow:0 4px 15px #4caf5066;transform:translateY(-2px)}.no-skill-points{color:#2d2d2d;font-style:italic;text-align:center}.skill-locked-message{background:linear-gradient(135deg,#5a4a3a,#4a3a2a);border:2px solid #8b7355;border-radius:10px;color:#f5f0e8;font-size:16px;font-weight:600;margin:10px 0;padding:15px 20px;text-align:center}@media (max-width:768px){.skills-grid,.stats-grid{grid-template-columns:1fr}}.App{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}
/*# sourceMappingURL=main.1945543e.css.map*/