body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}.swipeable-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#f4e4bc;cursor:grab;font-family:Georgia,serif;margin:10px;overflow:hidden;padding:20px;position:relative;-webkit-user-select:none;user-select:none;width:300px}.swipeable-card:active{cursor:grabbing}.swipe-indicator{font-size:18px}.swipe-indicator span:first-child{font-size:24px}.swipe-indicator span:last-child{font-size:12px}.card-content{position:relative;z-index:2}.customer-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.customer-info h3{color:#f4e4bc;font-size:18px;margin:0}.reputation-badge{background:#8b5a2b;border-radius:6px;color:#f4e4bc;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.order-details{margin-bottom:15px}.item-request{gap:8px}.quantity{border-radius:4px;padding:4px 8px}.item-name{font-size:16px}.order-deadline{color:peru;font-size:14px;margin-bottom:15px;text-align:center}.materials-required,.order-deadline{border-top:1px solid #8b5a2b;padding-top:10px}.materials-title{color:peru;font-size:12px;letter-spacing:1px;margin-bottom:8px;text-align:center;text-transform:uppercase}.materials-list{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.material{background:#4a2c1a;border-radius:4px;font-size:11px;font-weight:700;padding:3px 6px}.material.available{border:1px solid #4ecdc4;color:#4ecdc4}.material.insufficient{border:1px solid #ff6b6b;color:#ff6b6b}.swipeable-card[style*=translateX] .swipe-indicator.left,.swipeable-card[style*=translateX] .swipe-indicator.right{opacity:1}.swipeable-card.disabled{cursor:not-allowed;opacity:.5;position:relative}.daily-limit-overlay{align-items:center;background:#4a2c1acc;border-radius:12px;bottom:0;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.limit-message{align-items:center;color:#f4e4bc;display:flex;flex-direction:column;padding:20px;text-align:center}.limit-icon{color:peru;font-size:32px;margin-bottom:10px}.limit-text{color:#ff6b6b;font-size:16px;font-weight:700;margin-bottom:5px}.limit-subtext{color:peru;font-size:12px;font-style:italic}.swipeable-card.disabled:hover{box-shadow:0 4px 8px #0000004d;transform:none}.adventurer-scroll{background:radial-gradient(ellipse at top,#8b69141a 0,#0000 70%),radial-gradient(ellipse at bottom,#8b69141a 0,#0000 70%),linear-gradient(180deg,#f4e8c1,#f0e2b8 15%,#ede0b5 85%,#e8d8a8);border-radius:8px 8px 0 0;box-shadow:0 8px 32px #0009,inset 0 0 60px #8b69141a;cursor:grab;font-family:Georgia,serif;height:520px;margin:16px;overflow:hidden;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:340px}.adventurer-scroll:active{cursor:grabbing}.adventurer-scroll{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent!important;-webkit-touch-callout:none!important;transition:transform .3s ease,box-shadow .3s ease,background-color .3s ease;-webkit-user-select:none;user-select:none}.adventurer-scroll:before{background:repeating-linear-gradient(0deg,#0000,#0000 28px,#8b691414 0,#8b691414 30px),repeating-linear-gradient(90deg,#0000,#0000 1px,#8b691408 0,#8b691408 2px);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.adventurer-scroll:after{animation:shimmer 3s ease-in-out infinite;background:linear-gradient(45deg,#8b6914,#d4af37,#8b6914,#d4af37);border-radius:12px 12px 4px 4px;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px;z-index:-1}@keyframes shimmer{0%,to{opacity:.6}50%{opacity:.8}}.adventurer-scroll:hover{box-shadow:0 16px 48px #000c,inset 0 0 80px #8b691426;transform:translateY(-8px) scale(1.02)}.adventurer-scroll:hover:after{animation:none}.adventurer-scroll.available:after{animation:none;background:linear-gradient(45deg,#f4e8c1,#f4e8c1,#f4e8c1,#f4e8c1)}.adventurer-scroll.available:hover:after{animation:none}.scroll-header{background:linear-gradient(180deg,#d4af371a,#0000);border-bottom:2px solid #8b69144d;padding:20px 24px 16px;position:relative}.scroll-header:before{color:#8b6914;content:"";font-size:14px;left:50%;position:absolute;top:8px;transform:translateX(-50%)}.guild-seal{margin-bottom:12px;text-align:center}.guild-text{color:#8b6914;font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.posting-title{color:#6d5010;font-size:16px;font-style:italic;margin:8px 0;text-align:center}.hero-name{color:#5a4008;font-family:Georgia,serif;font-size:26px;font-weight:700;margin:0;text-align:center;text-shadow:1px 1px 2px #8b69144d}.class-rank-line{display:flex;gap:12px;justify-content:center;margin-top:8px}.class-badge,.rank-badge{border:1px solid #8b691466;border-radius:12px;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;text-transform:uppercase}.class-badge{background:linear-gradient(135deg,#8b4a9c,#6a2c7a);box-shadow:inset 0 1px 0 #fff3;color:#f4e8c1}.class-badge.rogue{background:linear-gradient(135deg,#8b2635,#6a1b2a)}.class-badge.ranger{background:linear-gradient(135deg,#2d5016,#1f3a0f)}.class-badge.miner{background:linear-gradient(135deg,#5d4e37,#3d2e1f)}.class-badge.mage{background:linear-gradient(135deg,#4a148c,#2d0a5a)}.class-badge.warrior{background:linear-gradient(135deg,#8b4513,#6a2c0a)}.rank-badge{background:linear-gradient(135deg,#d4af37,#b8941f);box-shadow:inset 0 1px 0 #ffffff4d;color:#2d1810}.scroll-content{display:flex;flex-direction:column;height:calc(100% - 180px);padding:20px 24px}.qualifications-section{margin-bottom:16px}.section-title{border-bottom:1px solid #8b69144d;color:#5a4008!important;font-family:Georgia,serif;font-size:14px;font-weight:700;letter-spacing:.8px;margin-bottom:10px;padding-bottom:4px;text-transform:uppercase}.qualification-item{align-items:center;border-bottom:1px dotted #8b691433;display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.qualification-item:last-child{border-bottom:none}.qual-label{color:#6d5010;font-weight:500}.success-rate{color:#5a4008!important;font-size:16px;font-weight:700}.cost-display{align-items:center;display:flex;gap:4px}.cost-number{color:#8b6914;font-weight:700}.star{color:#d4af37;font-size:14px;text-shadow:0 0 4px #d4af3799}.special-abilities{flex-grow:1;margin-bottom:16px}.ability-box{background:#8b691414;border:1px solid #8b691433;border-radius:6px;padding:12px;position:relative}.ability-box:before{background:#f4e8c1;color:#8b6914;content:"";font-size:12px;left:12px;padding:0 6px;position:absolute;top:-8px}.ability-text{color:#6d5010;font-size:13px;font-style:italic;line-height:1.4;margin-top:6px}.recruitment-status{background:linear-gradient(180deg,#0000,#d4af370d);border-top:2px solid #8b69144d;margin-top:auto;padding:14px 0;text-align:center}.status-button{background:#8b69141a;border:2px solid #8b6914;border-radius:6px;color:#8b6914;cursor:not-allowed;font-family:Georgia,serif;font-size:14px;font-weight:700;letter-spacing:.8px;padding:12px 16px;text-transform:uppercase;transition:all .3s ease;width:100%}.status-button.available{background:linear-gradient(135deg,#d4af37,#b8941f);box-shadow:0 4px 16px #d4af374d,inset 0 1px 0 #ffffff4d;color:#2d1810;cursor:pointer}.status-button.available:hover{background:linear-gradient(135deg,#e6c247,#d4af37);box-shadow:0 6px 20px #d4af3780,inset 0 1px 0 #fff6;transform:translateY(-2px)}.wax-seal{align-items:center;background:radial-gradient(circle,#8b1538,#6b1028);border-radius:50%;bottom:20px;box-shadow:0 4px 8px #0006,inset 0 2px 4px #fff3;color:#f4e8c1;display:flex;font-size:18px;height:40px;justify-content:center;position:absolute;right:20px;width:40px}.adventurer-scroll.available .wax-seal{background:radial-gradient(circle,#2d5016,#1f3a0f)}.adventurer-scroll{background-image:radial-gradient(circle at 20% 80%,#8b69141a 0,#0000 50%),radial-gradient(circle at 80% 20%,#8b691414 0,#0000 50%),radial-gradient(circle at 40% 40%,#8b69140d 0,#0000 50%),linear-gradient(180deg,#f4e8c1,#f0e2b8 15%,#ede0b5 85%,#e8d8a8)}@media (max-width:768px){.adventurer-scroll{height:480px;margin:8px;max-width:320px;width:100%}.hero-name{font-size:22px}.class-badge,.rank-badge{font-size:10px;padding:3px 8px}.scroll-content{padding:16px 20px}.qualification-item,.section-title{font-size:13px}.success-rate{font-size:15px}.ability-text{font-size:12px}.status-button{font-size:13px;padding:10px 14px}}.adventurer-customer-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#f4e4bc;cursor:grab;font-family:Georgia,serif;margin:10px;overflow:hidden;padding:20px;position:relative;-webkit-user-select:none;user-select:none;width:300px}.adventurer-customer-card:active{cursor:grabbing}.swipe-indicator{font-size:16px}.swipe-indicator.left{left:20px}.swipe-indicator.right{color:#4ecdc4;right:20px}.swipe-indicator span:first-child{font-size:20px;margin-bottom:5px}.swipe-indicator span:last-child{font-size:10px}.customer-content{position:relative;z-index:2}.customer-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.customer-header h3{color:#f4e4bc;font-size:18px;margin:0}.class-badge{border-radius:6px;padding:4px 8px}.mission-info{margin-bottom:15px}.mission-description{color:peru;font-size:14px;font-style:italic;line-height:1.4;margin-bottom:10px}.mission-requirements{align-items:center;display:flex;gap:8px}.requirements-label{color:peru;font-size:12px}.item-requirement{background:#4a2c1a;border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px}.item-requirement.available{border:1px solid #4ecdc4;color:#4ecdc4}.item-requirement.unavailable{border:1px solid #ff6b6b;color:#ff6b6b}.purchase-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.price-offer{gap:4px}.gold-amount{font-size:20px}.currency{font-size:12px}.reputation-bonus{align-items:center;display:flex;gap:4px}.bonus-label{color:peru;font-size:11px}.bonus-value{font-size:12px}.customer-description{color:peru;font-size:12px;font-style:italic;line-height:1.4;text-align:center}.adventurer-customer-card[style*=translateX] .swipe-indicator.left,.adventurer-customer-card[style*=translateX] .swipe-indicator.right{opacity:1}.queued-order-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:8px;box-shadow:0 2px 4px #0000004d;color:#f4e4bc;cursor:grab;font-family:Georgia,serif;margin:5px;overflow:hidden;padding:12px;position:relative;-webkit-user-select:none;user-select:none;width:100%}.queued-order-card:active{cursor:grabbing}.swipe-indicator{align-items:center;display:flex;flex-direction:column;font-size:14px;font-weight:700;opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .2s ease;z-index:1}.swipe-indicator.left{color:#ff6b6b;left:15px}.swipe-indicator span:first-child{font-size:18px;margin-bottom:3px}.swipe-indicator span:last-child{font-size:9px;letter-spacing:1px}.queued-order-content{position:relative;z-index:2}.order-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.order-header h4{color:#f4e4bc;font-size:14px;margin:0}.customer-tier{background:#8b5a2b;border-radius:4px;color:#f4e4bc;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.order-details{justify-content:space-between;margin-bottom:8px}.item-request,.order-details{align-items:center;display:flex}.item-request{gap:6px}.quantity{background:#4a2c1a;border-radius:3px;color:#f4e4bc;font-size:12px;font-weight:700;padding:2px 6px}.item-name{color:#d4af37;font-size:13px}.price-offer{align-items:center;display:flex;gap:2px}.gold-amount{font-size:16px}.currency{color:#b8860b;font-size:10px}.deadline-info{border-top:1px solid #8b5a2b;color:peru;font-size:11px;padding-top:6px;text-align:center}.deadline.urgent{color:#ff6b6b;font-weight:700}.deadline.normal{color:peru}.queued-order-card[style*=translateX] .swipe-indicator.left{opacity:1}.order-actions{margin-top:8px;text-align:center}.complete-btn{border:none;border-radius:4px;cursor:pointer;font-size:11px;font-weight:700;padding:6px 12px;transition:all .2s ease;width:100%}.complete-btn.can-complete{background:#4ecdc4;color:#2c1810}.complete-btn.can-complete:hover{background:#45b7aa;transform:translateY(-1px)}.complete-btn.cannot-complete{background:#4a2c1a;color:#8b5a2b;cursor:not-allowed}.active-adventurers{background:#2c181066;border:2px solid #8b5a2b;border-radius:10px;color:#f4e4bc;margin:10px;max-width:400px;min-width:300px;padding:15px}.active-adventurers h4{color:#d4af37;font-size:16px;margin:0 0 15px;text-align:center}.no-missions{font-size:12px}.missions-list{display:flex;flex-direction:column;gap:10px}.mission-item{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;padding:10px}.adventurer-name{color:#f4e4bc}.class-badge{font-size:10px}.mission-stats{align-items:center;font-size:12px}.time-remaining{color:peru;font-weight:700}.progress-bar{margin-bottom:8px}.expected-loot{display:flex;flex-wrap:wrap;gap:4px}.loot-preview{background:#4a2c1a;border-radius:3px;color:#d4af37;font-size:10px;font-weight:700;padding:2px 4px}.market-shop{background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;margin-bottom:20px;max-width:600px;padding:15px}.market-shop h4{color:#d4af37;margin:0 0 15px;text-align:center}.shop-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.shop-item{align-items:center;background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.item-info{display:flex;flex-direction:column}.item-name{color:#f4e4bc;font-size:12px;font-weight:700;text-transform:capitalize}.item-stock{color:peru;font-size:10px}.buy-button{background:#8b5a2b;border:none;border-radius:4px;color:#f4e4bc;cursor:pointer;font-size:11px;font-weight:700;padding:4px 8px;transition:all .2s ease}.buy-button.affordable:hover{background:#d4af37;color:#2c1810}.buy-button.expensive{background:#4a2c1a;color:#8b5a2b;cursor:not-allowed}.buy-button:disabled{opacity:.5}.processing-station{background:#2c181066;border:2px solid #8b5a2b;border-radius:10px;color:#f4e4bc;margin:10px;min-width:300px;padding:15px}.processing-station h4{color:#d4af37;font-size:16px;margin:0 0 15px;text-align:center}.recipes-list{margin-bottom:20px}.recipe-item{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;margin-bottom:8px;padding:10px}.recipe-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.recipe-name{color:#d4af37;font-size:14px;font-weight:700}.recipe-time{background:#4a2c1a;border-radius:3px;padding:2px 6px}.recipe-stock,.recipe-time{color:peru;font-size:11px}.recipe-materials{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:8px}.recipe-materials .material{background:#4a2c1a;border-radius:3px;font-size:10px;font-weight:700;padding:2px 4px}.recipe-materials .material.available{border:1px solid #4ecdc4;color:#4ecdc4}.recipe-materials .material.insufficient{border:1px solid #ff6b6b;color:#ff6b6b}.craft-button{border:none;border-radius:4px;cursor:pointer;font-size:12px;font-weight:700;padding:6px;transition:all .2s ease;width:100%}.craft-button.can-craft{background:#4ecdc4;color:#2c1810}.craft-button.can-craft:active{background:#3da89c;transform:scale(.95);transition:all .1s ease}.craft-button.can-craft:hover{background:#45b7aa}.craft-button.cannot-craft{background:#4a2c1a;color:#8b5a2b;cursor:not-allowed}.active-jobs{border-top:1px solid #8b5a2b;padding-top:15px}.active-jobs h5{color:peru;font-size:14px;margin:0 0 10px}.no-jobs{color:#8b5a2b;font-size:12px;font-style:italic;text-align:center}.job-item{background:#4a2c1acc;border:1px solid #8b5a2b;border-radius:4px;margin-bottom:6px;padding:8px}.job-info{align-items:center;display:flex;font-size:12px;justify-content:space-between;margin-bottom:6px}.job-time{color:peru}.progress-bar{border-radius:10px;height:6px}.progress-fill{background:linear-gradient(90deg,#4ecdc4,#45b7aa);border-radius:10px;transition:width .1s ease}.inventory-sheet{animation:slideUp .3s ease-out;border-radius:20px 20px 0 0;border-top:3px solid #d4af37;max-height:80vh}.inventory-sheet-content{max-height:60vh;padding:20px 20px 90px}.town-interaction{background:linear-gradient(135deg,#0f0a05,#1a0f0a);color:#f4e4bc;font-family:Georgia,serif;min-height:100vh;padding:20px}.town-interaction h2{color:#d4af37;font-size:2rem;margin-bottom:20px;text-align:center}.player-stats-summary{background:#2c181099;border:1px solid #8b5a2b;border-radius:10px;display:flex;gap:30px;justify-content:center;margin-bottom:30px;padding:15px}.stat-item{color:peru;font-weight:700}.towns-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto;max-width:1200px}.town-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .3s ease}.town-card:hover{border-color:#d4af37;box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.town-card.selected{border-color:gold;box-shadow:0 0 15px #d4af374d}.town-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.town-header h3{color:#f4e4bc;font-size:1.4rem;margin:0}.relationship-indicator{border-radius:6px;color:#fff;font-size:11px;font-weight:700;min-width:60px;padding:4px 8px;text-align:center;text-transform:uppercase}.town-description{color:peru;font-size:14px;font-style:italic;margin-bottom:10px}.town-stats{color:#8b5a2b;font-size:12px;margin-bottom:10px}.specialization-info,.town-stats{display:flex;justify-content:space-between}.specialization-info{align-items:center;margin-bottom:15px}.specialization-badge{border-radius:6px;font-size:11px;font-weight:700;padding:4px 8px;text-transform:uppercase}.specialization-badge.military{background:#8b2635;color:#f4e4bc}.specialization-badge.artisan{background:#2d5016;color:#f4e4bc}.specialization-badge.merchant{background:#5d4e37;color:#f4e4bc}.economic-status{border-radius:4px;font-size:11px;padding:2px 6px;text-transform:capitalize}.economic-status.struggling{background:#4d1a1a;color:#ff6b6b}.economic-status.stable{background:#4a2c1a;color:peru}.economic-status.growing{background:#1a4d1a;color:#4ecdc4}.economic-status.prosperous{background:#4a148c;color:gold}.building-slots-info{background:#4a2c1a66;border-left:3px solid #8b5a2b;border-radius:6px;margin-bottom:10px;padding:8px}.slots-title{color:#8b5a2b;font-size:11px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.slots-display{display:flex;gap:10px;justify-content:space-between}.slot-type{color:peru;font-size:11px;font-weight:700}.relationship-effects{background:#4a2c1a66;border-radius:6px;margin-bottom:10px;padding:8px}.effects-title{color:#d4af37;font-size:11px;letter-spacing:1px;margin-bottom:4px;text-transform:uppercase}.effects-description{color:#f4e4bc;font-size:12px}.town-actions{margin-top:15px}.establish-trade-btn{background:#4ecdc4;border:none;border-radius:6px;color:#2c1810;cursor:pointer;font-weight:700;padding:10px;transition:all .2s ease;width:100%}.establish-trade-btn:hover{background:#45b7aa;transform:translateY(-1px)}.trade-status{text-align:center}.trade-status span{color:#4ecdc4;display:block;font-weight:700;margin-bottom:8px}.relationship-bar{background:#2c1810;border:1px solid #8b5a2b;border-radius:10px;height:8px;overflow:hidden}.relationship-fill{border-radius:10px;height:100%;transition:width .3s ease}.town-details{border-top:1px solid #8b5a2b;margin-top:20px;padding-top:20px}.details-section h4{color:#d4af37;font-size:1.1rem;margin-bottom:15px}.specialization-breakdown{margin-bottom:15px}.spec-bar{margin-bottom:8px}.spec-bar span{color:peru;display:block;font-size:12px;margin-bottom:4px}.bar{background:#2c1810;border:1px solid #8b5a2b;border-radius:4px;height:6px;overflow:hidden}.bar-fill{border-radius:4px;height:100%;transition:width .3s ease}.bar-fill.military{background:#8b2635}.bar-fill.artisan{background:#2d5016}.bar-fill.merchant{background:#5d4e37}.last-update{background:#4a2c1a99;border-left:3px solid #d4af37;border-radius:6px;font-size:13px;line-height:1.4;padding:10px}.last-update strong{color:#d4af37}.shop-status{border-left:3px solid #4ecdc4}.church-status,.shop-status{background:#4a2c1a66;border-radius:6px;margin-bottom:10px;padding:8px}.church-status{border-left:3px solid #8b5a2b}.church-title{color:#8b5a2b;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:capitalize}.church-operational{align-items:center;display:flex;gap:10px}.reputation-info{align-items:center;display:flex;gap:8px;width:100%}.reputation-details{display:flex;flex-direction:column;gap:2px}.reputation-rate{color:#4ecdc4;font-size:12px;font-weight:700}.reputation-label{color:#8b5a2b;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.collect-rep-btn{background:#4ecdc4;border:none;border-radius:4px;color:#2c1810;cursor:pointer;font-size:10px;font-weight:700;padding:4px 8px;transition:all .2s ease}.collect-rep-btn:hover{background:#45b7aa}.shop-title{color:#4ecdc4;font-size:12px;font-weight:700;margin-bottom:6px;text-transform:capitalize}.building-progress span{color:peru;display:block;font-size:11px;margin-bottom:4px}.shop-operational{gap:10px}.income-info,.shop-operational{align-items:center;display:flex}.income-info{gap:8px;width:100%}.income-details{display:flex;flex-direction:column;gap:2px}.income-rate{color:gold;font-size:12px;font-weight:700}.income-multiplier{color:#4ecdc4;font-size:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase}.collect-btn{background:gold;border:none;border-radius:4px;color:#2c1810;cursor:pointer;font-size:10px;font-weight:700;padding:4px 8px;transition:all .2s ease}.collect-btn:hover{background:#e6c200}.build-shop-btn{background:#4ecdc4;border:none;border-radius:4px;color:#2c1810;cursor:pointer;font-size:11px;font-weight:700;margin-top:8px;padding:6px 12px;transition:all .2s ease;width:100%}.build-shop-btn:hover{background:#45b7aa}.build-church-btn{background:#8b5a2b;border:none;border-radius:4px;color:#f4e4bc;cursor:pointer;font-size:11px;font-weight:700;margin-top:8px;padding:6px 12px;transition:all .2s ease;width:100%}.build-church-btn:hover{background:#6d4422;transform:translateY(-1px)}.shop-builder-modal{bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-overlay{background:#000000b3;bottom:0;left:0;position:absolute;right:0;top:0}.modal-content{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;left:50%;max-height:80vh;max-width:600px;overflow-y:auto;padding:20px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%}.modal-content h3{color:#d4af37;margin-bottom:20px;text-align:center}.shop-options{display:flex;flex-direction:column;gap:15px;margin-bottom:20px}.shop-option{background:#4a2c1a99;border:2px solid #8b5a2b;border-radius:8px;padding:15px;transition:all .2s ease}.shop-option.available{border-color:#4ecdc4}.shop-option.unavailable{border-color:#8b5a2b;opacity:.6}.option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.option-header h4{color:#f4e4bc;font-size:16px;margin:0}.cost{color:gold;font-size:14px;font-weight:700}.option-description{color:peru;font-size:13px;font-style:italic;margin-bottom:10px}.option-stats{color:#8b5a2b;display:flex;font-size:12px;gap:15px;margin-bottom:10px}.requirement-text{color:#ff6b6b;font-size:11px;font-style:italic;margin-bottom:8px}.build-option-btn{background:#4ecdc4;border:none;border-radius:6px;color:#2c1810;cursor:pointer;font-weight:700;padding:10px;transition:all .2s ease;width:100%}.build-option-btn:hover:not(:disabled){background:#45b7aa}.build-option-btn:disabled{background:#4a2c1a;color:#8b5a2b;cursor:not-allowed}.close-modal{background:#8b5a2b;border:none;border-radius:6px;color:#f4e4bc;cursor:pointer;font-weight:700;padding:10px;transition:all .2s ease;width:100%}.close-modal:hover{background:#6d4422}.upgrade-town-btn{background:linear-gradient(135deg,#d4af37,#b8941f);border:none;border-radius:8px;box-shadow:0 2px 8px #d4af374d;color:#2d1810;cursor:pointer;font-size:14px;font-weight:700;margin-top:8px;padding:10px 16px;transition:all .3s ease;width:100%}.upgrade-town-btn:hover{background:linear-gradient(135deg,#e6c247,#d4af37);box-shadow:0 4px 12px #d4af3780;transform:translateY(-1px)}.upgrade-status{margin-top:8px;text-align:center}.upgrade-reason{color:peru;font-size:12px;font-style:italic}.App{background:linear-gradient(135deg,#0f0a05,#1a0f0a);color:#f4e4bc;font-family:Georgia,serif;min-height:100vh;position:relative;text-align:center}.title-screen{align-items:center;background:linear-gradient(135deg,#0f0a05,#1a0f0a,#2c1810);display:flex;justify-content:center;min-height:100vh;padding:20px}.title-content{max-width:500px;text-align:center}.game-title{color:#d4af37;font-size:3.5rem;font-weight:700;margin-bottom:30px;text-shadow:3px 3px 6px #000000b3}@media (max-width:768px){.game-title{font-size:2.5rem}}.game-subtitle{color:peru;font-size:1.3rem;font-style:italic;margin-bottom:40px}@media (max-width:768px){.game-subtitle{font-size:1.1rem;margin-bottom:30px}}.play-button{background:linear-gradient(135deg,#d4af37,gold);border:none;border-radius:12px;box-shadow:0 4px 8px #0000004d;color:#2c1810;cursor:pointer;font-size:1.2rem;font-weight:700;padding:15px 40px;transition:all .3s ease}.play-button:hover{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 6px 12px #0006;transform:translateY(-2px)}@media (max-width:768px){.play-button{font-size:1.1rem;padding:12px 30px}}.App-header{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh;padding:80px 20px 100px}@media (max-width:768px){.App-header{padding:70px 15px 100px}}.game-stats{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#2c1810e6;border:1px solid #8b5a2b;border-radius:10px;display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:20px;max-width:100%;padding:15px;position:sticky;top:0;z-index:100}@media (max-width:768px){.game-stats{gap:15px;padding:12px}}.stat{align-items:center;display:flex;flex-direction:column;gap:5px;min-width:60px}.stat-label{letter-spacing:1px;text-transform:uppercase}@media (max-width:768px){.stat-label{font-size:12px}}.stat-value{font-size:24px}@media (max-width:768px){.stat-value{font-size:20px}}.main-content{align-items:center;display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:1400px;width:100%}@media (min-width:1024px){.main-content{align-items:flex-start;flex-direction:row;justify-content:center}}.left-panel,.right-panel{gap:15px;max-width:400px}.center-panel,.left-panel,.right-panel{display:flex;flex-direction:column;width:100%}.center-panel{align-items:center;max-width:350px;order:-1}@media (min-width:1024px){.center-panel{order:0}}.card-area{align-items:center;display:flex;flex-direction:column;margin-bottom:20px;min-height:400px}.card-area p{color:peru;font-size:1.2rem;margin-bottom:20px}@media (max-width:768px){.card-area p{font-size:1rem;margin-bottom:15px}}.no-cards{background:#2c181099;border:2px solid #8b5a2b;border-radius:12px;max-width:300px;padding:40px;text-align:center}.no-cards h3{color:#d4af37;margin-bottom:10px}.no-cards p{color:peru;margin:0}.inventory-toggle{background:#8b5a2b;border:2px solid #d4af37;border-radius:8px;color:#f4e4bc;font-family:Georgia,serif;margin:20px 0;transition:all .2s ease}.inventory-toggle:hover{background:#d4af37;color:#2c1810;transform:translateY(-1px)}.inventory-display{animation:slideDown .3s ease-out;background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;margin-bottom:20px;max-width:400px;padding:15px;width:100%}.inventory-display h4{color:#d4af37;margin:0 0 15px;text-align:center}.inventory-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}@media (max-width:768px){.inventory-grid{gap:6px}}.inventory-item{align-items:center;background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px}@media (max-width:768px){.inventory-item{min-height:50px;padding:6px}}.material-name{color:peru;font-size:11px;margin-bottom:4px;text-align:center;text-transform:capitalize}@media (max-width:768px){.material-name{font-size:10px}}.material-amount{color:#f4e4bc;font-size:16px;font-weight:700}@media (max-width:768px){.material-amount{font-size:14px}}.processing-stations{display:flex;flex-direction:column;gap:15px;order:2}@media (min-width:1024px){.processing-stations{order:0}}@media (max-width:768px){.left-panel{order:3}}.bottom-navigation{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#1a120a66;border-radius:18px;bottom:20px;box-shadow:0 4px 24px 0 #0000002e;gap:.5em;height:64px;left:0;margin:0 auto;max-width:95vw;padding:0 8px;position:fixed;right:0;z-index:1100}.bottom-navigation,.nav-button{align-items:center;display:flex;justify-content:center}.nav-button{background:none;background:#1a120a;border:2px solid #b8863b;border-radius:10px;color:#b8863b;cursor:pointer;flex:1 1;font-size:1.1rem;font-weight:600;margin:0 2px;max-width:160px;min-width:0;overflow:hidden;padding:10px 0;text-overflow:ellipsis;transition:all .2s;white-space:nowrap}.inventory-nav.active,.nav-button.active{background:gold;border-color:gold;box-shadow:0 2px 8px #d4af3740;color:#2c1810}.inventory-nav:hover,.nav-button:hover{background:#b8863b;border-color:gold;color:#fff}.inventory-icon,.nav-icon{display:block;height:24px;width:24px}.nav-icon{filter:brightness(0) saturate(100%) invert(67%) sepia(15%) saturate(638%) hue-rotate(358deg) brightness(91%) contrast(87%)}.nav-button.active .nav-icon{filter:brightness(0) saturate(100%) invert(20%) sepia(15%) saturate(638%) hue-rotate(358deg) brightness(91%) contrast(87%)}@media (max-width:600px){.bottom-navigation{border-radius:12px;gap:.25em;height:56px;max-width:99vw;padding:0 2px}.nav-button{font-size:1rem;margin:0 1px;max-width:90px;padding:8px 0}.inventory-icon,.nav-icon{height:22px;width:22px}}@media (max-width:400px){.nav-button{font-size:.95rem;max-width:70px}}.inventory-toggle{background:linear-gradient(135deg,#d4af37,gold);border:none;border-radius:25px;bottom:20px;box-shadow:0 4px 12px #0000004d;color:#2c1810;cursor:pointer;font-size:14px;font-weight:700;left:50%;padding:12px 24px;position:fixed;transform:translateX(-50%);transition:all .3s ease;z-index:1000}.inventory-toggle:hover{background:linear-gradient(135deg,gold,#ffed4e);box-shadow:0 6px 16px #0006;transform:translateX(-50%) translateY(-2px)}.inventory-toggle:active{transform:translateX(-50%) translateY(0)}.inventory-sheet{background:linear-gradient(135deg,#2c1810,#1a0f0a);border-radius:0;bottom:0;box-shadow:0 -4px 20px #00000080;display:flex;flex-direction:column;height:100vh;left:0;max-height:none;position:fixed;right:0;top:0;z-index:1200}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.inventory-sheet-header{align-items:center;border-bottom:1px solid #8b5a2b;display:flex;justify-content:flex-end;padding:15px 20px 0}.inventory-sheet-header h4{color:#d4af37;font-size:18px;margin:0}.inventory-close-btn{background:none;border:none;border-radius:50%;color:peru;cursor:pointer;font-size:28px;padding:5px;transition:all .2s ease}.inventory-close-btn:hover{background:#8b5a2b4d;color:#f4e4bc}.inventory-sheet-content{align-items:center;background:inherit;display:flex;flex:1 1 auto;flex-direction:column;height:100%;justify-content:flex-start;max-height:none;overflow-y:auto;padding:20px 8px 110px}.desktop-only{display:block}@media (max-width:768px){.desktop-only{display:none}.inventory-sheet .inventory-grid{gap:12px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.inventory-sheet .inventory-item{border-radius:8px;padding:12px 8px}.inventory-sheet .material-name{font-size:12px}.inventory-sheet .material-amount{font-size:18px}}.inventory-overlay{background:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:998}.order-queue{background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;margin-top:20px;max-width:350px;padding:15px;width:100%}.order-queue h4{color:#d4af37;font-size:16px;margin:0 0 15px;text-align:center}.queue-slots{display:flex;flex-direction:column;gap:10px}.queue-slot{align-items:center;border:2px dashed #8b5a2b;border-radius:8px;display:flex;justify-content:center;min-height:80px;transition:all .3s ease}.queue-slot.filled{background:#4ecdc41a;border-color:#4ecdc4;border-style:solid}.queue-slot.empty{background:#8b5a2b1a;border-color:#8b5a2b}.empty-slot{color:#8b5a2b;font-size:14px;font-style:italic}@media (max-width:768px){.order-queue{margin-top:15px;padding:12px}.queue-slots{gap:8px}.queue-slot{min-height:70px}}.stat-value.limit-reached{animation:pulse 2s infinite;color:#ff6b6b!important}@keyframes pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.save-button{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-size:16px;margin-left:10px;padding:8px 12px;transition:all .2s ease}.save-button:hover{background:#d4af37;color:#2c1810;transform:translateY(-1px)}.inventory-sheet-content .inventory-grid{margin-top:32px}@media (max-width:900px){.inventory-sheet .inventory-grid{gap:12px;grid-template-columns:repeat(2,1fr)}}@media (min-width:601px) and (max-width:900px){.inventory-sheet .inventory-grid{gap:12px;grid-template-columns:repeat(3,1fr)}}.crafted-banner-popup{align-items:center;animation:craftedBannerDrop 4s cubic-bezier(.4,0,.2,1);background:linear-gradient(135deg,#2c1810 80%,#4a2c1a);border:2px solid #d4af37;border-radius:0 0 18px 18px;box-shadow:0 4px 24px #000a;color:gold;display:flex;font-family:Georgia,serif;font-size:1.3rem;font-weight:700;justify-content:center;left:50%;letter-spacing:.5px;max-width:90vw;min-width:220px;padding:22px 44px;position:fixed;text-align:center;top:0;transform:translateX(-50%);z-index:3000}@keyframes craftedBannerDrop{0%{opacity:0;transform:translateX(-50%) translateY(-100%)}10%{opacity:1;transform:translateX(-50%) translateY(0)}85%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(-100%)}}.crafted-quality.common{color:#f4e4bc}.crafted-quality.uncommon{color:#4ecdc4}.crafted-quality.rare{color:#a855f7}.shop-screen{margin:0 auto;max-width:1200px;padding:20px}.shop-screen.mobile{box-sizing:border-box;max-width:10vw;overflow-x:hidden;padding:8px;width:100%}.shop-header{margin-bottom:30px;text-align:center}.shop-header h2{color:#d4af37;margin-bottom:10px}.current-event{align-items:center;background:#d4af3733;border:1px solid #d4af37;border-radius:8px;display:flex;justify-content:space-between;margin:0 auto;max-width:400px;padding:10px}.event-name{color:#d4af37;font-weight:700}.event-time{color:peru;font-size:14px}.shop-content{display:flex;flex-direction:column;gap:20px}.adventurers-section h3{color:#d4af37;margin-bottom:20px;text-align:center}.no-adventurers{color:peru;font-style:italic;padding:40px;text-align:center}.adventurers-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.adventurer-container{display:flex;flex-direction:column;gap:15px}.zone-assignment{background:#2c181066;border:1px solid #8b5a2b;border-radius:8px;padding:15px}.zone-assignment h4{color:#d4af37;margin:0 0 10px;text-align:center}.zone-buttons{display:flex;flex-direction:column;gap:8px}.zone-btn{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-size:14px;padding:8px 12px;transition:all .2s ease}.zone-btn.available:hover{background:#d4af37;color:#2c1810}.zone-btn.unavailable{background:#4a2c1a;border-color:#8b5a2b;color:#8b5a2b;cursor:not-allowed}.zone-btn .unknown{color:peru;font-style:italic}@media (max-width:768px){.shop-screen{padding:12px}.adventurers-grid{align-items:center;display:flex;flex-direction:column;gap:12px;max-width:10vw;overflow-x:hidden;width:100%}.adventurer-container{max-width:100vw;width:100%}.current-event{margin:0 auto 16px;max-width:100%}.App-header,.shop-screen{max-width:100vw;overflow-x:hidden;width:100%}.adventurers-section{max-width:100%;overflow-x:hidden;width:100%}}.stats-screen,.upgrades-screen,.zones-screen{color:#f4e4bc;padding:40px;text-align:center}.stats-screen h2,.upgrades-screen h2,.zones-screen h2{color:#d4af37;margin-bottom:20px}@keyframes healthGlow{0%{opacity:.3}to{opacity:.7}}.zone-drop-panel{padding-bottom:60px;position:relative}.zone-health-bar{background:#2c1810;border:2px solid #8b5a2b;border-radius:8px;bottom:8px;box-shadow:0 2px 8px #00000080;left:50%;max-width:200px;padding:4px;position:absolute;transform:translateX(-50%);width:80%;z-index:10}.health-bar-fill{box-shadow:inset 0 1px 3px #ffffff4d;transition:width .5s ease,background .3s ease}.health-bar-glow{animation:healthGlow 2s ease-in-out infinite alternate}.zone-downtime{color:#4ecdc4;font-weight:700;text-align:center}.zone-downtime .trophy{font-size:1.2em;margin-bottom:4px}.zone-downtime .time-remaining{color:peru;font-size:.9em}@media (max-width:768px){.zone-drop-panel{padding-bottom:50px}.zone-health-bar{max-width:180px;width:85%}}.crafting-polygon{align-items:center;background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;display:flex;justify-content:center;margin:15px 0;padding:20px}.attribute-label{fill:#f4e4bc;font-size:12px;font-weight:700}.attribute-label.strength{fill:#ff6b6b}.attribute-label.speed{fill:#4ecdc4}.attribute-label.magical{fill:#a855f7}.zones-screen{color:#f4e4bc;margin:0 auto;max-width:1200px;padding:20px}.screen-title{color:#d4af37;font-size:28px;margin-bottom:24px;text-align:center;text-shadow:2px 2px 4px #00000080}.zones-container{display:flex;flex-direction:column;gap:16px}.zone-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;box-shadow:0 4px 8px #0000004d;overflow:hidden;transition:all .3s ease}.zone-card:hover{border-color:#d4af37;box-shadow:0 6px 12px #0006}.zone-header{cursor:pointer;padding:16px 20px;transition:background .2s ease;-webkit-user-select:none;user-select:none}.zone-header:hover{background:#d4af371a}.zone-title-row{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.zone-name{color:gold;font-size:20px;margin:0}.expand-icon{color:peru;font-size:14px;transition:transform .2s ease}.zone-quick-stats{align-items:center;display:flex;font-size:14px;gap:16px}.zone-status{text-transform:capitalize}.mission-count{color:peru}.zone-details{animation:slideDown .3s ease-out;padding:0 20px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.zone-description{color:peru;font-size:14px;font-style:italic;line-height:1.5;margin-bottom:16px}.zone-stats{background:#0000004d;border-radius:8px;flex-direction:column;gap:12px;margin-bottom:20px;padding:12px}.stat-row{align-items:center;display:flex;gap:12px}.stat-label{color:peru;font-size:14px;font-weight:700;min-width:100px}.danger-display{align-items:center;display:flex;flex:1 1;gap:8px}.danger-value{font-size:18px;font-weight:700}.danger-max{color:#8b5a2b;font-size:14px}.danger-bar{background:#00000080;flex:1 1;max-width:200px}.monster-list{display:flex;flex-wrap:wrap;gap:8px}.monster-type{background:#a855f733;border:1px solid #a855f7;border-radius:4px;color:#a855f7;font-size:12px;padding:4px 8px}.bonus-value{color:#4ecdc4;font-size:16px;font-weight:700}.missions-section{margin-top:20px}.section-title{color:#d4af37;font-size:16px;margin-bottom:12px}.no-missions{background:#0003;border-radius:8px;color:#8b5a2b;font-style:italic;padding:20px;text-align:center}.missions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.mission-card{background:#2c1810b3;border:1px solid #8b5a2b;border-radius:8px;box-shadow:0 2px 8px #0006;padding:12px}.mission-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.adventurer-name{color:gold;font-size:14px;font-weight:700}.class-badge{border-radius:4px;font-size:11px;font-weight:700;padding:2px 6px;text-transform:uppercase}.class-badge.rogue{background:#8b2635;color:#f4e4bc}.class-badge.ranger{background:#2d5016;color:#f4e4bc}.class-badge.miner{background:#5d4e37;color:#f4e4bc}.class-badge.mage{background:#4a148c;color:#f4e4bc}.class-badge.warrior{background:#8b4513;color:#f4e4bc}.mission-stats{display:flex;font-size:13px;justify-content:space-between;margin-bottom:8px}.stat-item{align-items:center;display:flex;gap:4px}.success-rate{color:#4ecdc4}.time-left{color:gold}.progress-bar{margin:8px 0}.progress-fill{background:gold}.loot-preview{font-size:12px;margin-top:8px}.loot-label{color:peru;display:block;margin-bottom:4px}.loot-items{display:flex;flex-wrap:wrap;gap:8px}.loot-item{color:#4ecdc4}.loot-more{color:#8b5a2b;font-style:italic}@media (max-width:768px){.zones-screen{padding:12px}.screen-title{font-size:24px;margin-bottom:16px}.zone-card{border-width:1px}.zone-header{padding:12px 16px}.zone-name{font-size:18px}.zone-details{padding:0 16px 16px}.zone-stats{padding:8px}.stat-row{flex-wrap:wrap}.stat-label{font-size:13px;min-width:80px}.missions-grid{grid-template-columns:1fr}.mission-card{padding:10px}.adventurer-name{font-size:13px}.class-badge{font-size:10px;padding:2px 4px}}.upgrades-screen{color:#f4e4bc;font-family:Georgia,serif;margin:0 auto;max-width:1200px;padding:20px}.upgrades-header{margin-bottom:30px;text-align:center}.upgrades-header h2{color:#d4af37;font-size:2rem;margin-bottom:15px}.upgrades-summary{align-items:center;background:#2c181099;border-radius:10px;display:flex;justify-content:space-between;margin:0 auto;max-width:600px;padding:15px}.gold-display{align-items:center;display:flex;gap:8px}.gold-label{color:peru;font-weight:700}.gold-amount{color:gold;font-size:1.2rem;font-weight:700}.effects-toggle{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-weight:700;padding:8px 16px;transition:all .2s ease}.effects-toggle:hover{background:#d4af37;color:#2c1810}.current-effects{background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;margin-bottom:30px;padding:20px}.current-effects h3{color:#d4af37;margin-bottom:15px;text-align:center}.effects-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.effect-item{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;padding:10px;text-align:center}.effect-description{color:#4ecdc4;font-size:14px;font-weight:700}.categories-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.category-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:12px;padding:20px;transition:all .3s ease}.category-card:hover{border-color:#d4af37;box-shadow:0 4px 12px #d4af3733}.category-header{margin-bottom:15px}.category-header h3{color:#d4af37;font-size:1.3rem;margin:0}.category-progress{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.progress-text{color:peru;font-size:12px;font-weight:700}.progress-bar{border-radius:4px;height:8px;width:80px}.category-description{color:peru;font-size:14px;font-style:italic;line-height:1.4;margin-bottom:20px}.upgrades-list{display:flex;flex-direction:column;gap:15px}.upgrade-item{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;padding:15px;transition:all .2s ease}.upgrade-item.purchased{background:#4ecdc41a;border-color:#4ecdc4}.upgrade-item.available:hover{border-color:#d4af37;transform:translateY(-1px)}.upgrade-item.unavailable{opacity:.6}.upgrade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.upgrade-header h4{color:#f4e4bc;font-size:1.1rem;margin:0}.upgrade-cost{align-items:center;display:flex}.purchased-badge{background:#4ecdc4;border-radius:4px;color:#2c1810;font-size:11px;font-weight:700;padding:4px 8px}.cost-amount{font-size:14px;font-weight:700}.cost-amount.affordable{color:#4ecdc4}.cost-amount.expensive{color:#ff6b6b}.upgrade-description{color:peru;font-size:13px;line-height:1.4;margin-bottom:10px}.upgrade-effects{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.effect-badge{background:#4a2c1a;border:1px solid #8b5a2b;border-radius:4px;color:#d4af37;font-size:11px;font-weight:700;padding:3px 6px}.purchase-btn{border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:700;padding:8px 16px;transition:all .2s ease;width:100%}.purchase-btn.available{background:#4ecdc4;color:#2c1810}.purchase-btn.available:hover{background:#45b7aa;transform:translateY(-1px)}.purchase-btn.unavailable{background:#4a2c1a;color:#8b5a2b;cursor:not-allowed}@media (max-width:768px){.upgrades-screen{padding:15px}.upgrades-summary{flex-direction:column;gap:15px}.categories-grid{grid-template-columns:1fr}.category-header{flex-direction:column;gap:10px}.category-header,.category-progress,.upgrade-header{align-items:flex-start}.upgrade-header{flex-direction:column;gap:8px}}.stats-screen{color:#f4e4bc;font-family:Georgia,serif;margin:0 auto;max-width:1200px;padding:20px}.stats-header{margin-bottom:30px;text-align:center}.stats-header h2{color:#d4af37;font-size:2rem;margin-bottom:20px}.stats-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.tab-button{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-size:14px;font-weight:700;padding:10px 16px;transition:all .2s ease}.tab-button:hover{background:#d4af37;color:#2c1810}.tab-button.active{background:gold;border-color:gold;color:#2c1810}.stats-content{background:#2c181066;border:1px solid #8b5a2b;border-radius:10px;padding:20px}.stats-overview{padding:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stat-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:10px;padding:20px;text-align:center;transition:all .3s ease}.stat-card:hover{border-color:#d4af37;transform:translateY(-2px)}.stat-card h3{color:#d4af37;font-size:1.2rem;margin:0 0 15px}.stat-value{color:gold;font-size:2.5rem;font-weight:700;margin-bottom:15px}.stat-breakdown{display:flex;flex-direction:column;font-size:14px;gap:5px}.stat-breakdown span{color:peru}.stat-breakdown .success{color:#4ecdc4}.stat-breakdown .failure{color:#ff6b6b}.stats-missions{padding:10px}.stats-missions h3{color:#d4af37;margin-bottom:20px;text-align:center}.mission-stats{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 1fr}.mission-chart{gap:20px}.chart-bar,.mission-chart{display:flex;flex-direction:column}.chart-bar{gap:8px}.chart-label{color:peru;font-size:14px;font-weight:700}.chart-bar-container{background:#2c1810;border:1px solid #8b5a2b;border-radius:6px;height:30px;overflow:hidden;position:relative}.chart-bar-fill{border-radius:6px;height:100%;transition:width .3s ease}.chart-bar-fill.success{background:linear-gradient(90deg,#4ecdc4,#45b7aa)}.chart-bar-fill.failure{background:linear-gradient(90deg,#ff6b6b,#e74c3c)}.chart-value{color:#f4e4bc;font-size:14px;font-weight:700;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.mission-details{display:flex;flex-direction:column;gap:15px}.detail-item{align-items:center;background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;display:flex;justify-content:space-between;padding:10px}.detail-label{color:peru;font-weight:700}.detail-value{color:#f4e4bc;font-weight:700}.detail-value.success{color:#4ecdc4}.detail-value.failure{color:#ff6b6b}.stats-zones{padding:10px}.stats-zones h3{color:#d4af37;margin-bottom:20px;text-align:center}.zones-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.zone-stat-card{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #8b5a2b;border-radius:10px;padding:15px}.zone-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:15px}.zone-header h4{color:#f4e4bc;font-size:1.1rem;margin:0}.zone-status{border-radius:4px;font-size:12px;font-weight:700;padding:4px 8px;text-transform:uppercase}.zone-status.safe{background:#4ecdc4;color:#2c1810}.zone-status.dangerous{background:#ff6b6b;color:#fff}.zone-details{gap:10px}.zone-details,.zone-progress{display:flex;flex-direction:column}.zone-progress{gap:5px}.zone-progress span{color:peru;font-size:14px}.danger-bar{background:#2c1810;border:1px solid #8b5a2b;border-radius:4px;height:8px;overflow:hidden}.danger-fill{border-radius:4px;height:100%;transition:width .3s ease}.zone-stats{color:#8b5a2b;display:flex;font-size:12px;justify-content:space-between}.stats-reputation{padding:10px}.stats-reputation h3{color:#d4af37;margin-bottom:20px;text-align:center}.reputation-summary{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;margin-bottom:20px;padding:20px}.reputation-current{align-items:center;border-bottom:1px solid #8b5a2b;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.current-label{color:peru;font-size:16px;font-weight:700}.current-value{color:gold;font-size:2rem;font-weight:700}.reputation-breakdown{display:flex;gap:20px;justify-content:space-between}.breakdown-item{align-items:center;display:flex;flex-direction:column;gap:5px}.breakdown-label{color:peru;font-size:14px}.breakdown-value{font-size:1.5rem;font-weight:700}.breakdown-value.positive{color:#4ecdc4}.breakdown-value.negative{color:#ff6b6b}.reputation-history{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;padding:20px}.reputation-history h4{color:#d4af37;margin-bottom:15px;text-align:center}.history-list{display:flex;flex-direction:column;gap:8px}.history-item{align-items:center;background:#2c181066;border:1px solid #8b5a2b;border-radius:6px;display:flex;justify-content:space-between;padding:8px 12px}.history-day{color:peru;font-size:14px;font-weight:700}.history-value{color:gold;font-size:16px;font-weight:700}.history-event{color:#f4e4bc;font-size:12px;font-style:italic}.stats-upgrades{padding:10px}.stats-upgrades h3{color:#d4af37;margin-bottom:20px;text-align:center}.upgrades-summary{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;margin-bottom:20px;padding:20px}.upgrade-progress{display:flex;flex-direction:column;gap:10px}.upgrade-progress span{color:peru;font-weight:700;text-align:center}.progress-bar{background:#2c1810;border:1px solid #8b5a2b;border-radius:6px;height:12px;overflow:hidden}.progress-fill{background:linear-gradient(90deg,#d4af37,gold);border-radius:6px;height:100%;transition:width .3s ease}.upgrades-categories{display:flex;flex-direction:column;gap:15px}.upgrade-category{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;padding:15px}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.category-header h4{color:#f4e4bc;font-size:1rem;margin:0}.category-progress{color:peru;font-size:14px;font-weight:700}.category-bar{background:#2c1810;border:1px solid #8b5a2b;border-radius:4px;height:8px;overflow:hidden}.category-fill{background:linear-gradient(90deg,#4ecdc4,#45b7aa);border-radius:4px;height:100%;transition:width .3s ease}@media (max-width:768px){.stats-screen{padding:15px}.stats-tabs{gap:5px}.tab-button{font-size:12px;padding:8px 12px}.mission-stats,.stats-grid{grid-template-columns:1fr}.mission-stats{gap:20px}.zones-list{grid-template-columns:1fr}.reputation-breakdown{flex-direction:column;gap:15px}.history-item{align-items:flex-start;flex-direction:column;gap:5px}}.save-manager-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:80px 20px 20px;position:fixed;right:0;top:0;z-index:3000}.save-manager-modal{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #d4af37;border-radius:12px;box-shadow:0 8px 32px #00000080;color:#f4e4bc;font-family:Georgia,serif;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.save-manager-header{align-items:center;background:#2c181099;border-bottom:1px solid #8b5a2b;border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:20px}.save-manager-header h2{color:#d4af37;font-size:1.5rem;margin:0}.close-button{background:none;border:none;border-radius:50%;color:peru;cursor:pointer;font-size:24px;padding:5px;transition:all .2s ease}.close-button:hover{background:#8b5a2b4d;color:#f4e4bc}.save-manager-content{padding:20px}.message{border-radius:6px;font-weight:700;margin-bottom:20px;padding:12px;text-align:center}.message.success{background:#4ecdc433;border:1px solid #4ecdc4;color:#4ecdc4}.message.error{background:#ff6b6b33;border:1px solid #ff6b6b;color:#ff6b6b}.backup-section,.load-section,.save-section{margin-bottom:25px}.backup-section h3,.load-section h3,.save-section h3{border-bottom:1px solid #8b5a2b;color:#d4af37;font-size:1.2rem;margin:0 0 15px;padding-bottom:8px}.delete-button,.export-button,.import-button,.load-button,.save-button{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-size:14px;font-weight:700;margin-bottom:10px;padding:10px 20px;transition:all .2s ease;width:100%}.load-button:hover,.save-button:hover{background:#4ecdc4;border-color:#4ecdc4;color:#2c1810}.delete-button:hover{background:#ff6b6b;border-color:#ff6b6b;color:#fff}.export-button:hover,.import-button:hover{background:#d4af37;border-color:#d4af37;color:#2c1810}.delete-button:disabled,.export-button:disabled,.import-button:disabled,.load-button:disabled,.save-button:disabled{background:#4a2c1a;border-color:#8b5a2b;color:#8b5a2b;cursor:not-allowed}.save-info{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;margin-bottom:15px;padding:15px}.save-details{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.save-details:last-child{margin-bottom:0}.save-label{color:peru;font-size:14px;font-weight:700}.save-value{color:#f4e4bc;font-size:14px}.load-actions{display:flex;gap:10px;margin-top:15px}.load-actions .delete-button,.load-actions .load-button{flex:1 1;margin-bottom:0}.no-save{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:8px;color:#8b5a2b;font-style:italic;padding:20px;text-align:center}.backup-actions{display:flex;gap:10px}.backup-actions .export-button,.backup-actions .import-button{flex:1 1;margin-bottom:0}.import-dialog{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3100}.import-content{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #d4af37;border-radius:10px;color:#f4e4bc;max-width:400px;padding:25px;text-align:center;width:90%}.import-content h4{color:#d4af37;font-size:1.3rem;margin:0 0 15px}.import-content p{color:peru}.file-input,.import-content p{font-size:14px;margin-bottom:20px}.file-input{background:#4a2c1a99;border:1px solid #8b5a2b;border-radius:6px;color:#f4e4bc;padding:10px;width:100%}.file-input::file-selector-button{background:#8b5a2b;border:1px solid #d4af37;border-radius:4px;color:#f4e4bc;cursor:pointer;font-weight:700;margin-right:10px;padding:8px 12px}.file-input::file-selector-button:hover{background:#d4af37;color:#2c1810}.confirm-dialog,.import-actions{display:flex;justify-content:center}.confirm-dialog{align-items:center;background:#000c;bottom:0;left:0;position:fixed;right:0;top:0;z-index:3100}.confirm-content{background:linear-gradient(135deg,#2c1810,#4a2c1a);border:2px solid #ff6b6b;border-radius:10px;color:#f4e4bc;max-width:400px;padding:25px;text-align:center;width:90%}.confirm-content h4{color:#ff6b6b;font-size:1.3rem;margin:0 0 15px}.confirm-content p{color:peru;font-size:14px;line-height:1.4;margin-bottom:20px}.confirm-actions{display:flex;gap:15px;justify-content:center}.cancel-button{background:#8b5a2b;border:1px solid #d4af37;border-radius:6px;color:#f4e4bc;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.cancel-button:hover{background:#d4af37;color:#2c1810}.delete-confirm-button{background:#ff6b6b;border:1px solid #ff6b6b;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease}.delete-confirm-button:hover{background:#e74c3c;border-color:#e74c3c}.cancel-button:disabled,.delete-confirm-button:disabled{background:#4a2c1a;border-color:#8b5a2b;color:#8b5a2b;cursor:not-allowed}@media (max-width:768px){.save-manager-overlay{padding:70px 10px 10px}.save-manager-modal{max-height:95vh;max-width:none;width:100%}.save-manager-header{padding:15px}.save-manager-header h2{font-size:1.3rem}.save-manager-content{padding:15px}.backup-actions,.confirm-actions,.load-actions{flex-direction:column}.confirm-content,.import-content{padding:20px;width:95%}}