@import url(https://fonts.googleapis.com/css2?family=MedievalSharp&display=swap);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}.App{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1600628421060-939639517883?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-position:50%;background-size:cover;font-family:MedievalSharp,cursive;min-height:100vh;overflow-x:hidden;position:relative;text-align:center}.App:before{background-color:#140f05b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}.App-logo{height:40vmin;max-width:100%;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#281e0fd9;background-image:url(https://www.transparenttextures.com/patterns/black-paper.png);border:4px solid #5e3c23;box-shadow:0 0 20px #000000b3;box-sizing:border-box;color:#e0d3b8;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:flex-start;min-height:100vh;width:100%}.App-link{color:#d4af37}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.navbar{background-color:#281e0ff2;border-bottom:2px solid #d4af37;box-shadow:0 2px 10px #0006;box-sizing:border-box;display:flex;justify-content:center;max-width:100vw;padding:1rem;position:sticky;top:0;width:100%;z-index:100}.nav-button{background-color:#281e0fcc;border:2px solid #8b6b46;border-radius:6px;box-shadow:0 4px 6px #0000004d;color:#d4af37;cursor:pointer;font-size:1.1rem;letter-spacing:2px;margin:0 15px;padding:12px 35px;text-shadow:1px 1px 2px #00000080;text-transform:uppercase;transition:all .3s}.nav-button:hover{background-color:#5e3c23cc;transform:translateY(-2px)}.nav-button.active{background-color:#5e3c23;border-color:#d4af37;box-shadow:0 0 10px #d4af37}.info-page{background-color:#281e0fb3;background-image:url(https://www.transparenttextures.com/patterns/black-paper.png);border:2px solid #5e3c23;box-shadow:inset 0 0 20px #00000080;box-sizing:border-box;color:#e0d3b8;margin:2rem auto;max-width:800px;padding:2.5rem;text-align:center;width:90%}.castle-banner{border-bottom:3px solid #d4af37;margin-bottom:20px;max-height:150px;object-fit:cover;width:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#3a2a15}::-webkit-scrollbar-thumb{background:#8b6b46;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:768px){.navbar{padding:.8rem;width:100%}.nav-button{font-size:.8rem;margin:0 5px;padding:8px 15px}.App-header{border-width:3px}.castle-banner{max-height:100px}}@media (max-width:480px){.navbar{border-radius:0;flex-wrap:wrap;width:100%}.nav-button{font-size:.7rem;margin:2px;padding:6px 10px}.info-page{padding:1.5rem;width:95%}.App-header{border-width:2px}.castle-banner{max-height:80px}}body,html{max-width:100%;overflow-x:hidden}.dashboard-container{background-attachment:fixed;background-image:url(https://images.unsplash.com/photo-1551523711-2a6d470e0a61?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-size:cover;border:clamp(5px,1vw,10px) solid #0000;border-image:url(https://www.freepik.com/free-vector/hand-drawn-wooden-frame_13223979.htm#query=medieval%20border&position=0&from_view=keyword&track=ais) 30 round;border-radius:clamp(3px,.6vw,5px);box-shadow:0 0 clamp(10px,2vw,20px) #000000b3;color:#e0d3b8;font-family:MedievalSharp,cursive,Times New Roman,serif;margin:0 auto;max-width:1200px;min-width:320px;overflow:hidden;padding:0;position:relative;width:95vw}.dashboard-container:before{background-color:#140f05b3;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:-1}h2,h3{margin:0;text-align:center;text-shadow:2px 2px 4px #000}.royal-account-heading,h2,h3{color:#d4af37;letter-spacing:1px}.royal-account-heading{font-family:MedievalSharp,cursive;font-size:1.5rem;margin:1rem 0 .5rem;padding-left:1rem;position:relative;text-align:left;text-shadow:1px 1px 2px #00000080}.royal-account-heading:before{content:"👑";font-size:1rem;margin-right:.5rem}@media (max-width:768px){.royal-account-heading{font-size:1.3rem;padding-left:.5rem}.royal-account-heading:before{width:70px}}h2{background-blend-mode:overlay;background-image:url(https://www.freepik.com/free-vector/hand-drawn-heraldic-pattern_13483042.htm#query=medieval%20pattern&position=1&from_view=keyword&track=ais);background-size:contain;border-bottom:2px solid #d4af37;font-size:clamp(1.5rem,4vw,2.5rem);margin-bottom:clamp(10px,2vw,30px);padding:clamp(10px,2vw,20px) 0 clamp(5px,1vw,10px)}h3{font-size:clamp(1.1rem,3vw,1.8rem);margin:clamp(10px,2vw,25px) 0 clamp(8px,1.5vw,15px)}.account-section{background-color:#281e0ff2;border:none;border-bottom:2px solid #5e3c23;border-radius:0;box-shadow:0 2px 8px #00000080;gap:clamp(5px,1vw,10px);margin-bottom:0;min-height:clamp(40px,6vw,60px);padding:clamp(6px,1vw,8px) clamp(10px,1.5vw,15px);position:relative}.account-details,.account-section{align-items:center;display:flex;flex-wrap:wrap}.account-details{background-color:initial;border:none;flex-grow:1;gap:clamp(8px,1.5vw,15px);padding:0}.account-details p{font-size:clamp(.7rem,1.5vw,.9rem);margin:clamp(2px,.5vw,4px) 0;white-space:nowrap}.resource-balances{background-color:#281e0ff2;display:flex;flex-direction:column;gap:clamp(1px,.3vw,2px);padding:clamp(2px,.5vw,4px) clamp(4px,1vw,8px);position:absolute;right:clamp(4px,1vw,8px);top:clamp(4px,1vw,8px);z-index:10}.resource-item{align-items:center;color:#e0d3b8;display:flex;font-size:clamp(.6rem,1.3vw,.7rem);gap:clamp(2px,.5vw,4px);margin-bottom:3%;margin-right:2%;white-space:nowrap}.resource-icon{align-items:center;display:inline-flex;font-size:clamp(.5rem,1.1vw,.6rem);height:clamp(10px,2vw,12px);justify-content:center;width:clamp(35px,2vw,12px)}.dashboard-content{padding:clamp(10px,2vw,15px)}.kingdom-status-section,.resources-section{background-color:#281e0fcc;border:clamp(2px,.5vw,3px) solid #5e3c23;border-radius:clamp(3px,.6vw,5px);box-shadow:inset 0 0 clamp(5px,1vw,10px) #00000080;margin-bottom:clamp(15px,3vw,30px);padding:clamp(10px,2vw,20px)}.coat-of-arms{display:block;margin:0 auto;max-height:clamp(20px,4vw,30px);max-width:clamp(20px,4vw,30px)}@media (max-width:768px){.nft-table{font-size:.5em}.nft-table td,.nft-table th{padding:3px 5px}}@media (max-width:480px){.nft-table-container{max-width:100%}.nft-table{font-size:.5em}.coat-of-arms{max-height:20px;max-width:20px}}.refresh-button{background-color:#5e3c23;border:clamp(1px,.3vw,2px) solid #8b6b46;border-radius:clamp(2px,.4vw,3px);box-shadow:0 clamp(2px,.5vw,4px) clamp(4px,1vw,8px) #0000004d;color:#e0d3b8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:clamp(.75rem,1.8vw,1rem);margin-top:clamp(8px,1.5vw,15px);max-width:clamp(150px,25vw,200px);padding:clamp(4px,1vw,6px) clamp(8px,1.8vw,16px);transition:all .3s;width:100%}.refresh-button:hover{background-color:#8b6b46;transform:translateY(-1px)}.refresh-button:disabled{background-color:#3a2a15;cursor:not-allowed;opacity:.7}.monospace{color:#b5a27a;font-family:Courier New,monospace;font-size:clamp(.65rem,1.4vw,.9rem)}.coat-of-arms{border:1px solid #d4af37;border-radius:3px;max-height:clamp(20px,4vw,40px);max-width:clamp(20px,4vw,40px)}.error-message{background-color:#641e1ecc;border:1px solid #f66;border-radius:3px;color:#fcc;font-size:clamp(.7rem,1.6vw,.9rem);margin-bottom:clamp(10px,2vw,20px);padding:clamp(6px,1.5vw,12px)}.kingdom-status-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}@media (max-width:768px){.account-details{align-items:flex-start;flex-direction:column;gap:clamp(3px,1vw,5px)}.nft-table{display:block;white-space:nowrap}.resource-balances{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;position:static;width:100%}}@media (max-width:480px){.dashboard-container{border-radius:0;border-width:3px;width:100vw}.account-section{align-items:stretch;flex-direction:column}.refresh-button{max-width:100%}.resource-balances{flex-direction:row;flex-wrap:wrap;justify-content:flex-end;position:static;width:100%}}.map-toggle-button{background-color:#5e3c23;border:clamp(1px,.3vw,2px) solid #8b6b46;border-radius:clamp(2px,.4vw,3px);box-shadow:0 clamp(2px,.5vw,4px) clamp(4px,1vw,8px) #0000004d;color:#e0d3b8;cursor:pointer;display:block;font-family:MedievalSharp,cursive;font-size:clamp(.75rem,1.8vw,1rem);margin:0 auto 15px;max-width:200px;padding:clamp(4px,1vw,6px) clamp(8px,1.8vw,16px);transition:all .3s;width:100%}.map-toggle-button:hover{background-color:#8b6b46;transform:translateY(-1px)}.subtle-medieval-links-container{display:flex;justify-content:center;width:100%}.subtle-medieval-links{display:flex;gap:1rem;padding:.5rem}.discrete-link{align-items:center;background-color:#f8f4e8;border:1px solid #d4c9a8;border-radius:4px;color:#5a4a32;display:flex;font-family:Times New Roman,serif;font-size:.9rem;gap:.5rem;padding:.5rem .8rem;text-decoration:none;transition:all .2s ease}.discrete-link:hover{background-color:#f0e7d0;box-shadow:0 1px 3px #0000001a;transform:translateY(-1px)}.link-icon{font-size:1rem}.link-label{position:relative}.link-label:after{background-color:#5a4a32;bottom:-2px;content:"";height:1px;left:0;position:absolute;transition:width .2s ease;width:0}.discrete-link:hover .link-label:after{width:100%}.nft-table-container{-webkit-overflow-scrolling:touch;background:#1e160ce6;border-radius:4px;box-shadow:0 2px 10px #0006;margin:15px auto;overflow-x:auto;position:relative;width:100%}.nft-table{border-collapse:initial;border-spacing:0;font-family:MedievalSharp,cursive;min-width:320px;table-layout:auto;width:100%}.nft-table thead{background:linear-gradient(180deg,#4a3723,#2e1e12);color:#f0e0c0;text-shadow:1px 1px 1px #000}.nft-table th{font-size:clamp(.8rem,3vw,1rem);font-weight:400;letter-spacing:.5px;padding:12px 8px;position:sticky;text-align:center;top:0}.nft-table th+th{border-left:1px solid #b4965033}.nft-table tbody tr{background:#3c2d1e99;transition:background .2s ease}.nft-table tbody tr:nth-child(2n){background:#46372899}.nft-table tbody tr:hover{background:#5a4632cc}.nft-table td{border-bottom:1px solid #50412d4d;font-size:clamp(.75rem,2.8vw,.9rem);padding:10px 8px;text-align:center;vertical-align:middle}.nft-id-cell{color:#c9b17a;font-family:Courier New,monospace;width:20%;word-break:break-all}.kingdom-name-cell{color:#f0e0c0;width:25%}.royal-component-cell{color:#b5a27a;font-family:Courier New,monospace;width:40%;word-break:break-word}.kingdom-image-cell{width:15%}.coat-of-arms{background:#1e160cb3;border:1px solid #b496504d;border-radius:50%;height:clamp(30px,8vw,45px);object-fit:contain;width:clamp(30px,8vw,45px)}@media (max-width:480px){.nft-table td,.nft-table th{padding:8px 4px}.nft-table th+th{border-left:none}}.medieval-kingdom-status{background-color:#281e0fcc;border:3px solid #5e3c23;border-radius:5px;box-shadow:inset 0 0 10px #00000080,0 0 20px #000000b3;color:#e0d3b8;font-family:MedievalSharp,cursive,Times New Roman,serif;margin-bottom:30px;overflow:hidden;padding:20px;position:relative}.medieval-kingdom-status:before{background-image:url(https://images.unsplash.com/photo-1551523711-2a6d470e0a61?ixlib=rb-1.2.1&auto=format&fit=crop&w=1350&q=80);background-size:cover;bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0;z-index:-1}.castle-layout{display:flex;gap:20px;justify-content:space-between;margin-bottom:30px}.medieval-popup-overlay{background-color:#000000b3}.medieval-popup{background-color:#3c2d19fa;border:3px solid #d4af37;border-radius:10px;box-shadow:0 0 20px #000c;color:#e0d3b8;max-width:90%;padding:15px;position:relative}.popup-header{border-bottom:1px solid #8b6b46;padding-bottom:8px}.popup-header h3{color:#d4af37;font-size:1.3rem}.popup-close{color:#e0d3b8;font-size:1.3rem;padding:0 5px}.popup-close:hover{color:#d4af37}.popup-content{padding:5px;text-align:center}.popup-content p{font-size:1rem;line-height:1.4;margin:8px 0}.popup-icon{font-size:2.5rem;margin:10px 0}@media (max-width:900px){.castle-layout{flex-direction:column}}@media (max-width:500px){.keep-header,.tower-header{font-size:1.3rem}}.army-recruitment-popup .popup-header h3,.army-recruitment-popup .popup-icon,.missile-creation-popup .popup-header h3,.missile-creation-popup .popup-icon{color:#d4af37}.popup-content{display:flex;flex-direction:column;gap:15px;padding:15px}.popup-content .create-button,.popup-content .recruit-button{background-color:#5e3c23;border:1px solid #8b6b46;border-radius:4px;color:#e0d3b8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:1rem;padding:10px;transition:all .3s;width:100%}.popup-content .create-button:hover,.popup-content .recruit-button:hover{background-color:#8b6b46;color:#d4af37}.popup-content .missiles-select,.popup-content .units-select{background-color:#281e0fcc;border:1px solid #8b6b46;border-radius:4px;color:#e0d3b8;font-family:MedievalSharp,cursive;padding:10px;width:100%}.popup-content .missile-info,.popup-content .recruit-info{color:#b5a27a;font-size:.9rem;text-align:center}.popup-progress{background-color:#8b6b46;height:3px;margin-top:10px;overflow:hidden;position:relative}.popup-progress:after{animation:progressCountdown 3s linear forwards;background-color:#d4af37;content:"";height:100%;left:0;position:absolute;top:0;width:100%}@keyframes progressCountdown{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.popup-timer{color:#b5a27a;font-size:.8rem;font-style:italic;margin-top:10px}.circular-progress-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.circular-progress{animation:spin 1s linear infinite;border:5px solid #0000001a;border-radius:50%;border-top-color:#8b5a2b;height:50px;width:50px}.buy-kgld-section{margin:20px 0;text-align:center}.kgld-balance-display{color:gold}.buildings-tower{background-color:#3c2d1999;border:2px solid #8b6b46;border-radius:5px;display:flex;flex:1 1;flex-direction:column;max-height:500px;min-width:250px;padding:15px}.buildings-tower .tower-header{border-bottom:1px solid #8b6b46;color:#d4af37;font-size:1.5rem;margin-bottom:15px;padding-bottom:8px;text-align:center;text-shadow:1px 1px 2px #000}.buildings-tower .tower-content{flex-grow:1;overflow-y:auto;padding:5px}.building-card{background-color:#32281ecc;border:1px solid #8b6b46;border-radius:5px;display:flex;flex-direction:column;margin-bottom:15px;min-height:70px;min-width:200px;padding:10px;position:relative;transition:all .3s}.building-card:hover{background-color:#46321ee6;transform:translateX(5px)}.building-card-content{align-items:center;display:flex;gap:15px;margin-bottom:25px}.building-icon{font-size:1.8rem;min-width:40px;text-align:center}.building-info{display:flex;flex-direction:column;flex-grow:1}.building-name{color:#e0d3b8;font-size:.95rem}.building-value{color:#d4af37;font-size:1.2rem;font-weight:700}.create-building-button{bottom:10px}.building-constraint{bottom:-15px;color:#d4a020;font-size:.7rem;left:0;opacity:0;position:absolute;right:0;text-align:center;transition:opacity .3s}.building-card:hover .building-constraint{opacity:1}.buildings-tower .scrollable::-webkit-scrollbar{width:8px}.buildings-tower .scrollable::-webkit-scrollbar-track{background:#281e0f80;border-radius:4px}.buildings-tower .scrollable::-webkit-scrollbar-thumb{background:#8b6b46;border-radius:4px}.buildings-tower .scrollable::-webkit-scrollbar-thumb:hover{background:#d4af37}.building-top-left{align-items:center;display:flex;gap:3px;left:10px;position:absolute;top:10px}.building-top-right{position:absolute;right:10px;top:10px}.building-cost{align-items:center;color:#d4af37;display:flex;font-size:.8rem;gap:3px;left:5px;position:absolute;top:10px}.coin-icon{font-size:.9rem}.not-enough-funds{color:#ff6b6b;font-size:.5rem;margin-top:5px;text-align:center;width:100%}.claim-button:hover{background-color:#8b6b46;color:#d4af37}.create-building-button{background-color:#5e3c23;border:1px solid #8b6b46;border-radius:3px;bottom:5px;color:#e0d3b8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:.8rem;padding:4px 10px;position:absolute;right:10px;text-transform:uppercase;transition:all .3s}.create-building-button:hover{background-color:#8b6b46;color:#d4af37}.create-building-button.disabled{background-color:#3a2a18;color:#8b6b46;cursor:not-allowed}.building-card .build-timer,.building-time{color:#d4a020;font-size:.7rem}.building-time{margin-top:3px;position:absolute;right:10px;top:10px}.build-timer{background-color:#0000004d;color:gold;font-weight:700;left:50%;padding:2px 8px;position:relative;text-shadow:1px 1px 2px #00000080;top:10%;transform:translateX(-50%);white-space:nowrap}.army-tower{background-color:#3c2d1999;border:2px solid #8b6b46;border-radius:5px;display:flex;flex:1 1;flex-direction:column;max-height:500px;min-width:250px;padding:15px}.army-tower .tower-header{border-bottom:1px solid #8b6b46;color:#d4af37;font-size:1.5rem;margin-bottom:15px;padding-bottom:8px;text-align:center;text-shadow:1px 1px 2px #000}.army-tower .tower-content{flex-grow:1;overflow-y:auto;padding:5px}.army-card{display:flex;flex-direction:column;min-height:70px;min-width:200px;transition:all .3s}.army-card:hover{background-color:#46321ee6;transform:translateX(5px)}.army-card-content{width:100%}.army-icon{font-size:1.8rem;min-width:40px;text-align:center}.army-info{display:flex;flex-direction:column;flex-grow:1;min-width:0}.army-name{color:#e0d3b8;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.army-value{color:#d4af37;font-size:1.2rem;font-weight:700;margin-top:2px}.recruit-action-button{bottom:10px;right:10px;text-transform:uppercase}.recruit-action-button:hover{background-color:#8b6b46;color:#d4af37}.recruit-action-button:disabled{background-color:#3a2a18;color:#8b6b46;cursor:not-allowed}.army-tower .scrollable::-webkit-scrollbar{width:8px}.army-tower .scrollable::-webkit-scrollbar-track{background:#281e0f80;border-radius:4px}.army-tower .scrollable::-webkit-scrollbar-thumb{background:#8b6b46;border-radius:4px}.army-tower .scrollable::-webkit-scrollbar-thumb:hover{background:#d4af37}.claim-button{background-color:#4caf50;bottom:5px;margin-top:8px;max-width:120px;padding:8px 12px;position:absolute;right:10%}.build-timer{color:#e0d3b8;font-size:.95rem;margin-top:10px;right:10%}.medieval-popup-overlay{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.medieval-popup{background:linear-gradient(180deg,#3a3226,#5a4c3a);border:2px solid #8b7355;border-radius:8px;color:#e0d0a0;font-family:MedievalSharp,cursive;padding:20px;width:350px}.popup-close{background:none;border:none;color:#e0d0a0;font-size:1.2rem}.loading-spinner{border:4px solid #8b7355;border-top-color:gold}.army-card{background-color:#32281ecc;border:1px solid #8b6b46;border-radius:5px;margin-bottom:15px;min-width:220px;padding:10px;position:relative}.army-cost{align-items:center;color:#d4af37;display:flex;font-size:.8rem;gap:3px;left:8px}.army-cost,.army-time{border-radius:3px;padding:2px 6px;position:absolute;top:8px}.army-time{color:#d4a020;font-size:.7rem;right:8px}.army-card-content{align-items:center;display:flex;gap:15px;margin-bottom:10px;margin-top:25px}.not-enough-funds-army{color:#ff6b6b;font-size:.5rem;margin:2px 0;width:fit-content;width:100%}.army-constraint,.not-enough-funds-army{border-radius:3px;display:block;position:static;text-align:center}.army-constraint{background-color:#32281ecc;color:#d4a020;font-size:.7rem;margin:2px auto 5px;padding:2px 6px;width:fit-content}.constraint-container{bottom:0;left:20%;position:absolute;right:0;text-align:center}.recruit-action-button{background-color:#5e3c23;border:1px solid #8b6b46;border-radius:3px;bottom:8px;color:#e0d3b8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:.8rem;padding:4px 10px;position:absolute;right:8px;transition:all .3s}.recruit-action-button:hover:not(.disabled){background-color:#8b6b46;color:#d4af37}.recruit-action-button.disabled{background-color:#3a2a18;color:#8b6b46;cursor:not-allowed}.build-timer{border-radius:3px;color:#d4a020;font-size:.7rem;padding:2px 6px;text-align:center}.army-tower .scrollable{overflow-x:hidden}.cooldown-card{background-color:#501e1ecc!important;border:1px solid #8b4646!important;margin-bottom:20px}.cooldown-card .army-icon{color:#ff6b6b;font-size:1.8rem}.cooldown-card .army-name{color:#ff9e9e;font-size:1rem}.cooldown-card .army-value{color:#ff6b6b;font-size:1.1rem}.cooldown-timer{color:#ff6b6b;font-size:.9rem;font-weight:700;margin-bottom:5px;margin-top:5px;text-align:center}.castle-keep{background-color:#46321eb3;border:2px solid #d4af37;border-radius:5px;display:flex;flex:1.5 1;flex-direction:column;padding:15px}.keep-header{border-bottom:1px solid #d4af37;color:#d4af37;font-size:1.5rem;margin-bottom:15px;padding-bottom:8px;text-align:center;text-shadow:1px 1px 2px #000}.keep-content{display:flex;flex-direction:column;flex-grow:1;gap:20px}.resource-display{display:flex;flex-wrap:wrap;gap:15px;justify-content:space-around}.resource-card{align-items:center;background-color:#32281ecc;border:1px solid #8b6b46;border-radius:5px;display:flex;flex:1 1;gap:10px;max-height:18%;min-width:150px;padding:15px;transition:transform .3s}.resource-card:hover{transform:translateY(-3px)}.resource-card.gold{border-color:#d4af37}.resource-card.unclaimed{border-color:#b5a27a}.resource-card.total{background-color:#503c1ecc;border-color:#d4af37}.resource-icon{font-size:2rem}.resource-info{display:flex;flex-direction:column}.resource-name{color:#b5a27a;font-size:.9rem}.resource-value{color:#d4af37;font-size:1.3rem;font-weight:700}.activity-log{background-color:#32281ecc;border:1px solid #8b6b46;border-radius:5px;padding:15px}.log-entry{align-items:center;display:flex;font-size:.95rem;gap:10px;margin-bottom:10px}.log-entry:last-child{margin-bottom:0}.log-icon{color:#d4af37;font-size:1.2rem}.log-text{flex-grow:1;font-size:.8rem}.production-rate{align-items:center;border-top:1px dashed #8b6b46;color:#d4af37;display:flex;font-weight:700;gap:10px;margin-top:15px;padding-top:10px}.rate-icon{font-size:1.2rem}@media (max-width:900px){.resource-display{flex-direction:column}.resource-card{min-width:auto}}.treasury-actions{display:flex;gap:10px;margin-top:15px}.action-button{border:none;border-radius:4px;cursor:pointer;flex:1 1;font-family:MedievalSharp,cursive;font-size:.9rem;padding:8px 12px;transition:all .3s}.deposit-button{background-color:#8b5a2b;color:#f8f1d8}.withdraw-button{background-color:#5a3921;color:#f8f1d8}.action-button:hover{box-shadow:0 4px 8px #0003;transform:translateY(-2px)}.action-button:disabled{background-color:#3a2a15;cursor:not-allowed;opacity:.7}.resource-card.trezor{background:#8b451333;border:1px solid #5d2906}.trezor-button{font-size:.9rem}.action-button.deposit-withdraw-button,.trezor-button{background:#5d2906;border:none;border-radius:4px;color:gold;cursor:pointer;flex:1 1;font-family:MedievalSharp,cursive;padding:8px 12px;transition:all .3s}.action-button.deposit-withdraw-button{font-size:.7rem}.action-button.trezor-button:hover:not(:disabled){background:#8b4513}.action-button.trezor-button:disabled{background:#333;cursor:not-allowed}.info-text{color:#aaa;font-size:.9rem;margin:.5rem 0}.resource-value-wrapper{align-items:center;display:inline-flex;gap:8px;position:relative}.resource-value{font-size:1.2rem;margin-top:5%;min-width:40px;text-align:right}.claim-button{background:#4caf50;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.85rem;margin-left:40%;padding:4px 12px;position:relative;transition:all .2s}.claim-button:hover:not(:disabled){background:#45a049;transform:translateY(-1px)}.claim-button:disabled{background:#ccc;cursor:not-allowed}.prospect-button{background:#8b4513;border:none;border-radius:4px;color:gold;cursor:pointer;font-family:MedievalSharp,cursive;font-size:.8rem;margin-top:5%;padding:8px 10px;transition:all .3s}.prospect-button:hover:not(:disabled){background:sienna;transform:translateY(-2px)}.prospect-button:disabled{background:#3a2a15;cursor:not-allowed;opacity:.7}.prospect-cost{border-radius:3px;bottom:50%;color:#d4af37;display:flex;font-size:.5rem;gap:3px;left:30%;margin-top:3%;position:relative;text-align:center}.treasury-popup-overlay{align-items:center;background-color:#140f05d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.treasury-popup{background-color:#3c2d19cc;border:2px solid #8b6b46;border-radius:5px;box-shadow:0 4px 12px #0006;display:flex;flex:1 1;flex-direction:column;max-height:80vh;max-width:450px;min-width:300px;padding:15px}.treasury-popup .popup-header{align-items:center;border-bottom:1px solid #8b6b46;color:#d4af37;display:flex;font-size:1.5rem;justify-content:space-between;margin-bottom:15px;padding-bottom:8px;text-align:center;text-shadow:1px 1px 2px #000}.treasury-popup .popup-close{background:none;border:none;color:#d4af37;cursor:pointer;font-size:1.4rem;transition:transform .2s}.treasury-popup .popup-close:hover{transform:scale(1.1)}.treasury-popup .popup-content{color:#e0d3b8;flex-grow:1;font-family:MedievalSharp,cursive;overflow-y:auto;padding:5px}.amount-selector{position:relative}.amount-selector label{color:#d4af37;font-size:.95rem;margin-bottom:8px}.slider-input{-webkit-appearance:none;background:#8b6b46;border-radius:3px;height:6px;margin:15px 0;outline:none}.slider-input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#d4af37;border:2px solid #8b5a2b;border-radius:50%;box-shadow:0 2px 4px #0000004d;cursor:pointer;height:20px;width:20px}.numeric-input{background-color:#32281ecc;border:1px solid #8b6b46;border-radius:5px;color:#e0d3b8;font-size:1rem;margin:10px 0;padding:10px;width:100%}.numeric-input:focus{border-color:#d4af37;box-shadow:0 0 0 2px #8b6b464d;outline:none}.amount-display{font-size:.9rem;gap:10px;margin-top:15px}.amount-display span{color:#d4af37;font-weight:700;min-width:80px}.amount-max-button{background-color:#8b5a2b;border:none;border-radius:5px;box-shadow:0 2px 4px #0003;color:#f8f1d8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:.9rem;margin-left:10px;padding:8px 16px;transition:all .3s}.amount-max-button:hover{background-color:#a67c52;transform:translateY(-1px)}.confirm-button{background-color:#5e3c23;border:1px solid #8b6b46;border-radius:3px;color:#e0d3b8;font-family:MedievalSharp,cursive;font-size:1rem;letter-spacing:1px;text-transform:uppercase;transition:all .3s}.confirm-button:hover:not(:disabled){background-color:#8b6b46;box-shadow:0 4px 8px #0000004d;color:#d4af37;transform:translateY(-2px)}.confirm-button:disabled{background-color:#3a2a18;box-shadow:none;color:#8b6b46}.loading-spinner{border:4px solid #8b6b46;margin:20px auto}.treasury-popup .popup-content::-webkit-scrollbar{width:8px}.treasury-popup .popup-content::-webkit-scrollbar-track{background:#281e0f80;border-radius:4px}.treasury-popup .popup-content::-webkit-scrollbar-thumb{background:#8b6b46;border-radius:4px}.treasury-popup .popup-content::-webkit-scrollbar-thumb:hover{background:#d4af37}@media (max-width:480px){.treasury-popup{min-width:280px;padding:12px}.treasury-popup .popup-header{font-size:1.3rem}.confirm-button{font-size:.9rem;padding:8px}}.war-popup{width:400px}.popup-close{font-size:14px;height:25px;width:25px}.amount-selector{margin:20px 0}.slider-input{margin-bottom:10px;width:100%}.amount-display{align-items:center;display:flex;justify-content:space-between}.numeric-input{background:#3c281ecc;border:1px solid #5a3921;color:#e0d0a0;padding:5px;text-align:center;width:80px}.confirm-button{border:none;border-radius:4px;cursor:pointer;font-weight:700;margin-top:15px;padding:10px;transition:all .2s ease;width:100%}.confirm-button.missile{background:linear-gradient(180deg,#6b2a20,#4a1a10);color:#f0d0a0}.confirm-button.war{background:linear-gradient(180deg,#7b2a20,#5a1a10);color:#f0d0a0}.confirm-button.raid{background:linear-gradient(180deg,#6b3a20,#4a2a10);color:#f0d0a0}.confirm-button:hover{opacity:.9}.confirm-button:disabled{cursor:not-allowed;opacity:.5}.war-history-button{background:linear-gradient(180deg,#8b4513,#5e2c04);border:2px solid #5e2c04;box-shadow:0 2px 4px #0000004d;color:wheat;display:block;margin:10px auto;min-width:200px;text-align:center;text-shadow:1px 1px 1px #00000080}.war-history-button:hover{background:linear-gradient(180deg,sienna,#6b3a1a);box-shadow:0 3px 6px #0006;color:bisque}.war-history-button:active{background:linear-gradient(180deg,#5e2c04,#8b4513);box-shadow:0 1px 2px #0000004d;transform:translateY(1px)}.war-history-button:before{content:"⚔ ";font-size:1.1em}.treasury-button:hover{opacity:.9}.amount-selector label{color:#e0a050;display:block;margin-bottom:5px}.popup-content{font-size:15px;line-height:1.5}.raid-details{background-color:#322319b3;border:1px solid #5a3921;border-radius:5px;margin:15px 0;padding:12px}.raid-info{color:#e0d0a0;line-height:1.4;margin:8px 0}.raid-info strong{color:#e0a050}.raid-info-list{list-style-type:none;margin:10px 0;padding-left:20px}.raid-info-list li{margin-bottom:5px;padding-left:15px;position:relative}.raid-info-list li:before{color:#e0a050;content:"•";left:0;position:absolute}.war-popup.raid-popup{background-color:#281e14fa;border:3px solid #5a3921}.amount-display span{color:#e0a050;font-size:14px}.numeric-input{border-radius:3px;font-family:MedievalSharp,cursive}.war-popup.fortify-popup{background-color:#1e2814fa;border:3px solid #3a5a21}.confirm-button.fortify{background:linear-gradient(180deg,#2a6b20,#1a4a10);color:#f0d0a0}.confirm-button.fortify:hover{background:linear-gradient(180deg,#3a7b20,#2a5a10)}@media (max-width:480px){.war-popup{padding:15px;width:90%}.popup-content{font-size:14px}}.gridContainer{grid-template-columns:repeat(5,1fr)}.gridContainer>div{display:flex;flex-direction:column;min-height:100%}.distanceInfo{color:#b5a27a;font-size:.8rem;margin-bottom:10px;text-align:center}.actionTabs{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(3,1fr);margin-top:12px}.actionButton{align-items:center;background-color:#5e3c23;border:1px solid #8b6b46;border-radius:4px;color:#e0d3b8;cursor:pointer;display:flex;font-family:MedievalSharp,cursive;font-size:.7rem;height:100%;justify-content:center;min-width:0;padding:6px 8px;transition:all .3s}.actionButton:hover:not(:disabled){background-color:#8b6b46;color:#d4af37}.actionButton:disabled{cursor:not-allowed;opacity:.6}.buttonText{margin-left:4px;white-space:nowrap}.warButton{background-color:#5e2323;border-color:#8b4646}.missileButton{background-color:#235e5e;border-color:#468b8b}.raidButton{background-color:#5e5e23;border-color:#8b8b46;width:100px}.actionButtonContainer{align-items:center;display:flex;flex-direction:column;height:100%}.estimatedTime{color:#b5a27a;font-size:.6rem;font-style:italic;line-height:1.1;margin-top:2px;text-align:center}.buildingsButtonContainer{margin:10px 0;text-align:center}.buildingsButton{background-color:#3c5e23;border:1px solid #6b8b46;border-radius:4px;color:#e0d3b8;cursor:pointer;font-family:MedievalSharp,cursive;font-size:.7rem;padding:6px 10px;transition:all .3s}.buildingsButton:hover{background-color:#6b8b46;color:#d4af37}.buildingsPopupOverlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1001}.buildingsPopup{background-color:#3c2d19fa;border:2px solid #d4af37;border-radius:8px;color:#e0d3b8;font-size:.8rem;max-width:90%;overflow:hidden;padding:10px;position:relative;width:280px}.popupHeader{align-items:center;border-bottom:1px solid #8b6b46;display:flex;justify-content:space-between;margin-bottom:8px;padding-bottom:6px}.popupHeader h3{color:#d4af37;font-size:.9rem;margin:0}.popupCloseButton{background:none;border:none;color:#e0d3b8;cursor:pointer;font-size:.9rem;padding:0 3px}.popupCloseButton:hover{color:#d4af37}.buildingsList{grid-gap:4px;display:grid;gap:4px;grid-template-columns:1fr}.buildingItem{align-items:center;border-bottom:1px solid #8b6b464d;display:flex;font-size:.75rem;justify-content:space-between;padding:5px}.buildingItem:last-child{border-bottom:none}.buildingIcon{font-size:1rem;margin-right:6px;text-align:center;width:20px}.buildingName{flex-grow:1;font-size:.75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.buildingLevel{color:#b5a27a;font-size:.7rem;text-align:right;width:25px}@media (max-width:768px){.popupContainer{font-size:.8rem;max-height:95vh;overflow:hidden;width:95%}.gridContainer{grid-template-columns:repeat(2,1fr)}.actionTabs{gap:4px;grid-template-columns:1fr}.actionButton{padding:5px;width:100%}.buildingsPopup{max-height:90vh;width:250px}}.wide-column{grid-column:span 2}.map-wrapper{box-sizing:border-box;height:100%;padding:15px}.map-container,.map-wrapper{position:relative;width:100%}.map-container{background-color:#46321eb3;border:2px solid #d4af37;border-radius:5px;height:80vh;margin:0 auto;max-height:800px;min-height:500px;overflow:hidden}.map-controls{display:flex;gap:8px;position:absolute;right:15px;top:15px;z-index:100}.map-controls button{background-color:#5a4d3a;border:1px solid #3a2e22;border-radius:4px;color:#f5e7c1;cursor:pointer;font-family:MedievalSharp,cursive;font-size:1rem;padding:8px 12px;transition:all .2s}.map-controls button:hover{background-color:#8b6b46;transform:scale(1.05)}.map-content{position:relative}.kingdom-territory{cursor:pointer;height:70px;position:absolute;transition:all .3s ease;width:80px;z-index:10}.kingdom-territory:hover{filter:drop-shadow(4px 4px 6px rgba(0,0,0,.4));transform:scale(1.1);z-index:20}.castle-icon{filter:drop-shadow(2px 2px 1px rgba(0,0,0,.5));height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-60%);width:40px}.kingdom-banner{background-color:#5a4d3a;border:1px solid #3a2e22;border-radius:12px;box-shadow:0 2px 4px #0000004d;font-size:10px;padding:2px 8px;text-shadow:1px 1px 1px #00000080;top:-20%;white-space:nowrap}.kingdom-banner,.treasury-info{color:#f5e7c1;font-family:MedievalSharp,cursive;left:50%;position:absolute;transform:translateX(-50%);z-index:15}.treasury-info{background-color:#3a2e22;border:1px solid #5a4d3a;border-radius:10px;bottom:-20%;font-size:9px;height:20px;padding:5px 6px}.player-owned-indicator{border:6px solid #2e8b57;border-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2,2 L22,2 L22,22 L2,22 Z" fill="none" stroke="%232e8b57" stroke-width="4" stroke-dasharray="8,6"/></svg>') 15;border-image-repeat:round;box-shadow:0 0 15px #2e8b57cc,inset 0 0 10px #2e8b5780;filter:drop-shadow(0 0 5px rgba(0,0,0,.7));height:calc(100% + 30px);left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(100% + 30px);z-index:5}.clicked-kingdom-indicator{animation:pulse-red 2s infinite;border:8px solid #8b0000;border-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path d="M4,4 L28,4 L28,28 L4,28 Z" fill="none" stroke="%238b0000" stroke-width="6" stroke-dasharray="10,8"/></svg>') 20;border-image-repeat:round;bottom:-20px;box-shadow:0 0 20px #8b0000e6,inset 0 0 15px #8b000099;filter:drop-shadow(0 0 8px rgba(0,0,0,.9));left:-20px;pointer-events:none;position:absolute;right:-20px;top:-20px;z-index:6}@keyframes pulse-red{0%{box-shadow:0 0 20px #8b0000e6,inset 0 0 15px #8b000099;opacity:.8;transform:scale(1)}50%{box-shadow:0 0 30px #8b0000,inset 0 0 25px #8b0000cc;opacity:1;transform:scale(1.05)}to{box-shadow:0 0 20px #8b0000e6,inset 0 0 15px #8b000099;opacity:.8;transform:scale(1)}}.loading-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#000000d9;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.loading-popup{background-color:#2c3e50f2;border:1px solid #d4af37;border-radius:8px;box-shadow:0 0 20px #000c;color:#f5e7c1;max-width:90%;padding:25px;position:relative;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #d4af374d;border-radius:50%;border-top-color:#d4af37;height:40px;margin:0 auto 15px;width:40px}.loading-message{font-size:1.1rem;margin-bottom:15px}.loading-close{background:none;border:none;color:#f5e7c1;cursor:pointer;font-size:1.2rem;padding:5px;position:absolute;right:10px;top:10px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:768px){.map-container{height:70vh;min-height:400px}.kingdom-territory{height:70px;width:80px}.castle-icon{height:40px;width:40px}.kingdom-banner{font-size:8px;top:-15%}.treasury-info{bottom:-15%;font-size:7px}}@media (max-width:480px){.map-container{height:65vh;min-height:350px}.map-controls{right:10px;top:10px}.map-controls button{font-size:.9rem;padding:6px 10px}.kingdom-territory{height:70px;width:80px}.castle-icon{height:40px;width:40px}}.empty-cell{align-items:center;cursor:pointer;display:flex;justify-content:center;position:absolute;transition:background-color .2s}.empty-cell:hover{background-color:#00ff001a}.create-kingdom-indicator{color:#17c261cc;font-size:55px;font-weight:700;text-shadow:0 0 5px #00000080}.react-transform-component{transition:transform .5s ease-out}.search-container{align-items:center;background-color:#5a4d3ae6;border-radius:4px;display:flex;margin-left:10px;padding:2px}.search-container input{background:#0000;border:none;color:#f5e7c1;font-family:MedievalSharp,cursive;outline:none;padding:6px 8px;width:150px}.search-container input::placeholder{color:#b8a67d}.search-container button{background:none;border:none;color:#f5e7c1;cursor:pointer;font-size:1rem;padding:4px 8px}.search-container button:hover{color:#d4af37}.searched-kingdom-indicator{animation:pulse-deep-blue 2s infinite;border:8px solid #04386b99;border-radius:8px;bottom:-25px;box-shadow:0 0 15px #04386bcc,inset 0 0 15px #04386b66;left:-25px;pointer-events:none;position:absolute;right:-25px;top:-25px;z-index:25}.new-kingdom-indicator{animation:pulse-green 2s infinite;border:6px solid #2ecc7199;border-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2,2 L22,2 L22,22 L2,22 Z" fill="none" stroke="%232ecc71" stroke-width="4" stroke-dasharray="8,6"/></svg>') 15;border-image-repeat:round;bottom:-15px;box-shadow:0 0 15px #2ecc71b3,inset 0 0 10px #2ecc7166;left:-15px;pointer-events:none;position:absolute;right:-15px;top:-15px;z-index:7}.new-kingdom-timer{background-color:#2ecc71e6;border:1px solid #27ae60;border-radius:10px;bottom:-35px;color:#fff;font-family:MedievalSharp,cursive;font-size:9px;left:50%;padding:2px 6px;position:absolute;text-shadow:0 1px 1px #00000080;transform:translateX(-50%);white-space:nowrap;z-index:15}@keyframes pulse-green{0%{box-shadow:0 0 15px #2ecc71b3,inset 0 0 10px #2ecc7166;opacity:.7;transform:scale(1)}50%{box-shadow:0 0 25px #2ecc71e6,inset 0 0 15px #2ecc7199;opacity:1;transform:scale(1.05)}to{box-shadow:0 0 15px #2ecc71b3,inset 0 0 10px #2ecc7166;opacity:.7;transform:scale(1)}}@keyframes pulse-deep-blue{0%{box-shadow:0 0 15px #04386bcc,inset 0 0 15px #04386b66;opacity:.7;transform:scale(1)}50%{box-shadow:0 0 25px #04386be6,inset 0 0 20px #04386b99;opacity:1;transform:scale(1.05)}to{box-shadow:0 0 15px #04386bcc,inset 0 0 15px #04386b66;opacity:.7;transform:scale(1)}}@media (max-width:768px){.search-container{margin-left:5px}.search-container input{padding:4px 6px;width:120px}}@media (max-width:480px){.search-container{margin-left:2px}.search-container input{font-size:.8rem;width:80px}}.war-history-container{display:inline-block;position:relative}.war-history-button{background:linear-gradient(180deg,#963200e6,#571f03e6);border:none;border-radius:4px;box-shadow:0 2px 5px #0000004d;color:#f0d0a0;cursor:pointer;font-family:MedievalSharp,cursive;margin:5px 0;padding:8px 15px;transition:all .2s ease}.war-history-button:hover{background:linear-gradient(180deg,#6a4a31,#4a3921);transform:translateY(-1px)}.war-popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.war-popup{background-color:#281e14fa;border:3px solid #5a3921;border-radius:8px;box-shadow:0 0 20px #963200b3;color:#e0d0a0;display:flex;flex-direction:column;font-family:MedievalSharp,cursive,Times New Roman,serif;max-height:80vh;padding:20px;width:900px}.popup-header{align-items:center;border-bottom:2px solid #5a3921;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:15px;padding-bottom:10px}.popup-header h3{color:#e0a050;font-size:1.5em;margin:0;text-shadow:1px 1px 2px #00000080}.popup-close{background:#5a1e14e6;border:1px solid #3a1a10;border-radius:3px;color:#e0a050;cursor:pointer;font-size:16px;height:30px;transition:all .2s ease;width:30px}.popup-close:hover{background:#963200e6;transform:scale(1.1)}.popup-content{flex-grow:1;overflow-y:auto;padding-right:10px}.war-events-table-container{border:1px solid #5a3921;border-radius:4px;position:relative}.war-events-table{border-collapse:initial;border-spacing:0;margin-top:0}.war-events-table th{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#5a321efa;border-bottom:2px solid #5a3921;box-shadow:0 2px 5px #0000004d;color:#e0a050;font-size:1.05em;height:40px;padding:12px 10px;text-align:left;text-shadow:1px 1px 1px #00000080;top:-1px}.war-events-table td{border-bottom:1px solid #5a3921;padding:8px 10px}.war-events-table tr:nth-child(2n){background-color:#3c281e80}.war-events-table tr:hover{background-color:#5a3c28b3}.war-events-table tr[data-type=KingdomMissileCompleted]{background-color:#96321e33}.war-events-table tr[data-type=KingdomMissileCompleted]:hover{background-color:#96321e66}.war-events-table tr[data-type=KingdomAttackCompleted]{background-color:#961e1e33}.war-events-table tr[data-type=KingdomAttackCompleted]:hover{background-color:#961e1e66}.war-events-table tr[data-type=KingdomRaidCompleted]{background-color:#96501e33}.war-events-table tr[data-type=KingdomRaidCompleted]:hover{background-color:#96501e66}.war-events-table tr[data-type=KingdomFortifyCompleted]{background-color:#1e643233}.war-events-table tr[data-type=KingdomFortifyCompleted]:hover{background-color:#1e643266}.event-details{white-space:nowrap}.loading-more,.no-more-events{color:#e0a050;font-style:italic;padding:10px;text-align:center}.error-message{background-color:#3c1e14b3;border-radius:4px;color:#e05050;margin:10px 0;padding:10px}.search-container{flex-grow:1;margin:0 15px}.search-input{background-color:#3c281ecc;font-family:MedievalSharp,cursive;font-size:.9rem;padding:8px 12px}.search-input::placeholder{color:#b5a27a;opacity:.7}.details-button{background:linear-gradient(180deg,#78461ee6,#573214e6);border-radius:4px;box-shadow:0 2px 3px #0000004d;color:#f0d0a0;font-family:MedievalSharp,cursive;font-size:.9rem;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.details-button:hover{background:linear-gradient(180deg,#8a5a31,#6a4a21);box-shadow:0 3px 6px #0006;color:#ffd8a0;transform:translateY(-1px)}.details-button:active{box-shadow:0 1px 2px #0000004d;transform:translateY(0)}.details-button.missilecompleted{background:linear-gradient(180deg,#96321ee6,#781e14e6);border-color:#7a2921}.details-button.attackcompleted{background:linear-gradient(180deg,#961e1ee6,#781414e6);border-color:#7a2121}.details-button.raidcompleted{background:linear-gradient(180deg,#96501ee6,#783c14e6);border-color:#7a5121}.details-button.fortifycompleted{background:linear-gradient(180deg,#1e6432e6,#145028e6);border-color:#215a39}.popup-overlay{align-items:center;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.popupContainer{background-color:#281e0ff2;border:2px solid #5e3c23;border-radius:4px;color:#e0d3b8;font-size:.85rem;left:50%;max-width:800px;overflow:hidden;padding:12px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.closeButton{background:none;border:none;color:#e0d3b8;font-size:1rem;padding:0 3px;right:6px;top:6px;z-index:1}.closeButton:hover,.title{color:#d4af37}.title{border-bottom:1px solid #8b6b46;font-size:1rem;margin-bottom:10px;padding-bottom:6px;text-align:left}.gridContainer{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,1fr);margin-bottom:12px}.combatant-column{background-color:#3c2d1eb3;border:1px solid #5a3921;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:10px}.attacker-column{border-left:3px solid #d4af37}.defender-column{border-right:3px solid #d4af37}.combatant-header{border-bottom:1px solid #5a3921;gap:5px;margin-bottom:8px;padding-bottom:8px}.kingdom-image{border:2px solid #d4af37}.combatant-type{color:#d4af37;font-size:.8rem;letter-spacing:1px;text-transform:uppercase}.battle-info-column{background-color:#46321eb3;border:1px solid #5a3921;border-radius:4px;display:flex;flex-direction:column;gap:10px;padding:10px}.section{margin-bottom:8px}.sectionTitle{border-bottom:1px solid #8b6b46;color:#d4af37;font-size:.75rem;margin:6px 0 4px;min-height:18px;overflow:hidden;padding-bottom:2px;text-overflow:ellipsis;white-space:nowrap}.sectionContent{font-size:.8rem;line-height:1.2}.unit-row{display:flex;font-size:.8rem;justify-content:space-between;padding:3px 0}.casualty-count{color:#ff6b6b;font-weight:700}.building-row{color:#ffa07a;display:flex;font-size:.8rem;justify-content:space-between;padding:3px 0}.building-loss{font-weight:700}.kgld-amount{color:#d4af37;font-size:1rem;text-align:center}.battle-outcome{margin-bottom:10px}.victory-banner{background-color:#327832cc;border-radius:4px;color:#d4ffd4;font-weight:700;padding:5px;text-align:center}.attacker-won{background-color:#963232cc;color:#ffd4d4}.defender-won{background-color:#323296cc;color:#d4d4ff}.draw-banner{background-color:#787832cc;border-radius:4px;color:#ffffd4;font-weight:700;padding:5px;text-align:center}.battle-type{letter-spacing:1px;text-align:center;text-transform:uppercase}.popup-content::-webkit-scrollbar,.war-events-table-container::-webkit-scrollbar{width:8px}.popup-content::-webkit-scrollbar-track,.war-events-table-container::-webkit-scrollbar-track{background:#3c281e80;border-radius:4px}.popup-content::-webkit-scrollbar-thumb,.war-events-table-container::-webkit-scrollbar-thumb{background-color:#5a3921;border-radius:4px}.popup-content::-webkit-scrollbar-thumb:hover,.war-events-table-container::-webkit-scrollbar-thumb:hover{background-color:#7a5a41}@media (max-width:900px){.war-popup{max-height:90vh;width:95vw}.war-events-table td,.war-events-table th{font-size:.9em;padding:6px 8px}}@media (max-width:768px){.war-popup-overlay{align-items:flex-start;padding:10px}.war-popup{height:auto;max-height:85vh;padding:12px;transform:none;width:95vw}.popup-header{flex-direction:column;gap:8px;padding-bottom:8px}.popup-header h3{font-size:1.2rem;text-align:center;width:100%}.popup-close{height:25px;position:absolute;right:8px;top:20px;width:25px}.war-events-table-container{-webkit-overflow-scrolling:touch;max-height:65vh;overflow-y:auto}.war-events-table{font-size:.8rem}.war-events-table td,.war-events-table th{padding:6px 8px}.war-events-table th{font-size:.9rem;height:35px;padding:6px}.event-details{font-size:.75rem;white-space:normal}.details-button{font-size:.75rem;padding:4px 6px}.popupContainer{max-height:80vh;overflow-y:auto;padding:8px;width:95vw}.gridContainer{gap:6px;grid-template-columns:1fr}.battle-info-column,.combatant-column{padding:8px}.kingdom-image{height:40px;width:40px}.sectionTitle{font-size:.7rem;margin:4px 0}.sectionContent{font-size:.75rem}.building-row,.unit-row{font-size:.7rem;padding:2px 0}.battle-outcome{margin-bottom:6px}}@media (max-width:480px){.war-popup{max-height:82vh;padding:10px}.war-events-table-container{max-height:60vh}.war-events-table td,.war-events-table th{padding:4px 6px}.war-events-table th{font-size:.8rem}.war-events-table td{font-size:.7rem}.popupContainer{max-height:75vh}.combatant-header h4{font-size:.9rem}.combatant-type{font-size:.7rem}.kgld-amount{font-size:.9rem}.draw-banner,.victory-banner{font-size:.8rem;padding:3px}}@media (max-width:360px){.war-popup{max-height:80vh;padding:8px}.war-events-table td,.war-events-table th{padding:3px 4px}.details-button{font-size:.7rem;padding:3px 4px}.popupContainer{padding:6px}.kingdom-image{height:35px;width:35px}.sectionContent{font-size:.7rem}}.body-no-scroll{height:100%;overflow:hidden;position:fixed;width:100%}.touch-scroll{-webkit-overflow-scrolling:touch}@media (max-width:600px){.war-events-table{font-size:.8rem}.war-events-table td,.war-events-table th{padding:4px 6px}.details-button{font-size:.8rem;padding:4px 8px}.popupContainer{padding:8px;width:95vw}.title{font-size:.9rem}.sectionTitle{font-size:.7rem}.sectionContent{font-size:.75rem}}.closeButton{align-items:center;background:linear-gradient(180deg,#5a1e14e6,#46140ae6);box-shadow:0 1px 3px #0000004d;display:flex;font-size:16px;height:30px;justify-content:center;width:30px;z-index:10}.closeButton:hover{background:linear-gradient(180deg,#963200e6,#782800e6);color:#ffd8a0;transform:scale(1.1)}@media (max-width:768px){.closeButton{font-size:14px;height:26px;right:8px;top:8px;width:26px}}@media (max-width:480px){.closeButton{font-size:12px;height:24px;width:24px}}.search-status-message{border-top:1px solid #eee;color:#666;padding:1rem}.popupContainer{background-color:#281e14fa;border:3px solid #5a3921;border-radius:8px;box-shadow:0 0 20px #963200b3;color:#e0d0a0;font-family:MedievalSharp,cursive,Times New Roman,serif;max-height:90vh;max-width:95%;overflow-y:auto;padding:15px;width:100%}.gridContainer{display:flex;flex-direction:column;gap:15px}.battle-info-column,.combatant-column{flex:1 1;min-width:0}.combatant-header{align-items:center;display:flex;flex-direction:column;margin-bottom:10px}.kingdom-image{border:2px solid #5a3921;border-radius:50%;height:60px;object-fit:cover;width:60px}.section{background:#1e140a80;border-radius:5px;margin-bottom:10px;padding:8px}.sectionTitle{color:#e0a050;font-size:.9rem;font-weight:700;margin-bottom:5px}.building-row,.unit-row{display:flex;font-size:.85rem;justify-content:space-between;padding:3px 0}.building-icon{margin-right:5px}.building-loss,.casualty-count{color:#ff6b6b}.draw-banner,.victory-banner{border-radius:4px;font-weight:700;margin:5px 0;padding:5px;text-align:center}.victory-banner.attacker-won{background-color:#641e1eb3}.victory-banner.defender-won{background-color:#1e641eb3}.draw-banner{background-color:#64641eb3}.battle-type{color:#e0a050;font-weight:700}.kgld-amount{color:#f0c050;font-weight:700}.closeButton{background:#5a1e14e6;border:1px solid #3a1a10;border-radius:3px;color:#e0a050;cursor:pointer;font-size:14px;height:25px;position:absolute;right:10px;top:10px;transition:all .2s ease;width:25px}.closeButton:hover{background:#963200e6}.title{color:#e0a050;margin-bottom:15px;text-align:center}@media (min-width:768px){.gridContainer{flex-direction:row;flex-wrap:wrap}.combatant-column{flex:1 0 40%}.battle-info-column{flex:1 0 100%;order:-1}}@media (min-width:1024px){.popupContainer{max-width:1200px;width:90%}.gridContainer{flex-wrap:nowrap}.combatant-column{flex:1 1}.battle-info-column{flex:0 0 250px;order:0}}.war-events-table-container{margin-top:10px;max-height:60vh;overflow-y:auto}.war-events-table{border-collapse:collapse;width:100%}.war-events-table td,.war-events-table th{border-bottom:1px solid #5a3921;padding:8px;text-align:left}.war-events-table th{background-color:#281e14fa;position:sticky;top:0;z-index:10}.details-button{background:#5a1e14b3;border:1px solid #5a3921;border-radius:3px;color:#e0a050;cursor:pointer;padding:5px 10px;transition:all .2s ease}.details-button:hover{background:#782814e6}.loading-more,.search-status-message{color:#e0a050;padding:10px}.search-status-message{font-style:italic;text-align:center}.search-container{margin:10px 0}.search-input{background:#3c281ecc;border:1px solid #5a3921;border-radius:4px;color:#e0d0a0;padding:8px;width:100%}@media (max-width:768px){.popupContainer{background:linear-gradient(180deg,#322319fa,#28190ffa);border:1px solid #6a4a21;box-shadow:0 0 15px #c8643280;max-height:60vh}.combatant-column{background:linear-gradient(90deg,#3c2d23b3,#463223b3);box-shadow:inset 0 0 10px #0000004d;margin-bottom:3px;padding:4px}.attacker-column{background:linear-gradient(90deg,#5a3228b3,#50281eb3)}.defender-column{background:linear-gradient(90deg,#323c28b3,#28321eb3)}.kingdom-image{height:50px;width:50px}.section{margin-bottom:3px;padding:3px}.sectionTitle{margin-bottom:1px;padding:2px}.gridContainer{gap:5px}}@media (max-width:480px){.popupContainer{max-height:75vh}.kingdom-image{height:40px;width:40px}.combatant-header{gap:3px}}.attack-detection-container{display:inline-block}.attack-detection-button{background:linear-gradient(180deg,#961e1ee6,#641414e6);border:none;border-radius:6px;box-shadow:0 2px 5px #0000004d;color:#ffd0a0;cursor:pointer;font-family:MedievalSharp,cursive;font-size:1.1rem;font-weight:700;letter-spacing:1px;margin:5px 0;padding:10px 20px;position:relative;text-transform:uppercase;transition:all .2s ease}.attack-detection-button:hover{background:linear-gradient(180deg,#b42828e6,#781e1ee6);box-shadow:0 3px 8px #96000080;transform:translateY(-1px)}.attack-counter{align-items:center;animation:pulse 1.5s infinite;background:#f33;border-radius:50%;box-shadow:0 1px 3px #0000004d;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:24px;justify-content:center;position:absolute;right:-10px;top:-10px;width:24px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.attack-popup-overlay{align-items:center;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.attack-popup{background-color:#28140ffa;border:3px solid #7a2921;border-radius:8px;box-shadow:0 0 20px #c83232b3;color:#e0d0a0;display:flex;flex-direction:column;font-family:MedievalSharp,cursive,Times New Roman,serif;max-height:80vh;padding:25px;width:1000px}.attack-popup-header{align-items:center;border-bottom:2px solid #7a2921;display:flex;flex-shrink:0;justify-content:space-between;margin-bottom:20px;padding-bottom:15px}.attack-popup-header h3{color:#ff6b6b;font-size:1.8em;letter-spacing:1px;margin:0;text-shadow:1px 1px 2px #00000080}.attack-status{align-items:center;display:flex;gap:20px}.status-indicator{border-radius:6px;font-size:1rem;font-weight:700;letter-spacing:1px;padding:8px 15px;text-transform:uppercase}.status-indicator.safe{background-color:#329632b3;color:#a0ffa0}.status-indicator.alert{animation:alert-pulse 1s infinite;background-color:#c83232e6;color:#ffd0d0}@keyframes alert-pulse{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.last-updated{color:#b5a27a;font-size:.9rem}.attack-popup-close{background:#781e1ee6;border:1px solid #5a1919;border-radius:4px;color:#ffa0a0;cursor:pointer;font-size:18px;height:35px;transition:all .2s ease;width:35px}.attack-popup-close:hover{background:#b43232e6;transform:scale(1.1)}.attack-popup-content{flex-grow:1;overflow-y:auto;padding-right:15px}.attack-events-table-container{border:1px solid #7a2921;border-radius:6px;max-height:65vh;overflow-y:auto;position:relative}.attack-events-table{border-collapse:initial;border-spacing:0;font-size:1rem;margin-top:0;width:100%}.attack-events-table th{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#5a1e1efa;border-bottom:2px solid #7a2921;box-shadow:0 2px 5px #0000004d;color:#ffa0a0;font-size:1.1em;height:50px;letter-spacing:1px;padding:15px 12px;position:sticky;text-align:left;text-shadow:1px 1px 1px #00000080;text-transform:uppercase;top:-1px;z-index:10}.attack-events-table td{border-bottom:1px solid #7a2921;padding:12px;vertical-align:middle}.attack-events-table tr:nth-child(2n){background-color:#3c1e1980}.attack-events-table tr:hover{background-color:#5a2823b3}.attack-events-table tr.critical{animation:critical-flash 1s infinite;background-color:#c8323266!important}@keyframes critical-flash{0%{background-color:#c8323266}50%{background-color:#c8505099}to{background-color:#c8323266}}.time-remaining{align-items:center;display:flex;font-family:monospace;font-size:1.1rem;font-weight:700;gap:8px}.pulse-animation{animation:pulse 1.5s infinite;background-color:#f33;border-radius:50%;height:12px;width:12px}@media (min-width:1024px){.attack-popup{width:1100px}.attack-events-table td,.attack-events-table th{padding:15px}.attack-events-table th{font-size:1.2em}.time-remaining{font-size:1.2rem}.attack-popup-header h3{font-size:2em}}.attack-events-table-container::-webkit-scrollbar,.attack-popup-content::-webkit-scrollbar{width:10px}.attack-events-table-container::-webkit-scrollbar-track,.attack-popup-content::-webkit-scrollbar-track{background:#3c1e1e80;border-radius:6px}.attack-events-table-container::-webkit-scrollbar-thumb,.attack-popup-content::-webkit-scrollbar-thumb{background-color:#7a2921;border-radius:6px}.attack-events-table-container::-webkit-scrollbar-thumb:hover,.attack-popup-content::-webkit-scrollbar-thumb:hover{background-color:#9a4941}.attack-error-message{background-color:#3c1414b3;border-radius:6px;color:#ff6b6b;font-size:1.1rem;margin:15px 0;padding:15px;text-align:center}.attack-loading{color:#ffa0a0;font-size:1.2rem;font-style:italic;padding:25px;text-align:center}.all-clear{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:40px;text-align:center}.all-clear-icon{color:#6bff6b;font-size:3.5rem;margin-bottom:20px;text-shadow:0 0 10px #64ff6480}.all-clear-message{color:#a0ffa0;font-size:1.5rem;text-shadow:1px 1px 2px #00000080}.loading-more{color:#ffa0a0;font-size:1.1rem;font-style:italic;padding:15px;text-align:center}@media (max-width:900px){.attack-popup{max-height:90vh;width:95vw}.attack-events-table td,.attack-events-table th{font-size:.9em;padding:8px 10px}}@media (max-width:768px){.attack-popup-overlay{align-items:flex-start;padding:10px}.attack-popup{height:auto;max-height:85vh;padding:12px;width:95vw}.attack-popup-header{flex-direction:column;gap:8px;padding-bottom:8px}.attack-popup-header h3{font-size:1.2rem;text-align:center;width:100%}.attack-status{flex-direction:column;gap:5px}.attack-popup-close{height:25px;position:absolute;right:10px;top:10px;width:25px}.attack-events-table-container{max-height:65vh}.attack-events-table{font-size:.8rem}.attack-events-table td,.attack-events-table th{padding:6px 8px}.attack-events-table th{font-size:.9rem;height:35px}.time-remaining{font-size:.9rem;padding:6px 8px}}@media (max-width:480px){.attack-popup{max-height:80vh;padding:10px}.attack-events-table-container{max-height:60vh}.attack-events-table td,.attack-events-table th{font-size:.8rem;padding:5px 6px}.time-remaining{font-size:.8rem}}.attack-detection-container{display:flex;justify-content:center;margin-top:15px;position:relative;width:100%}@media (min-width:1024px){.attack-popup{width:1100px}.attack-events-table td,.attack-events-table th{padding:15px}.attack-events-table th{font-size:1.2em}.time-remaining{font-size:1.2rem;padding:10px}.attack-popup-header h3{font-size:2em}.attack-detection-button{display:block;margin:5px auto 0}}.info-page{background-color:var(--parchment-dark);border:2px solid var(--castle-stone);border-radius:8px;box-shadow:0 0 20px #00000080;font-family:MedievalSharp,cursive;margin:0 auto;max-width:900px;overflow:hidden;padding:2rem;position:relative}.info-page:before{bottom:0;content:"";left:0;opacity:.15;position:absolute;right:0;top:0;z-index:-1}.info-page ol,.info-page ul{margin-bottom:0;margin-left:0}.info-page li{color:inherit;list-style-type:none;margin-bottom:0;padding-left:0;position:static}.info-page li:before{display:none}.info-subsection p{margin-bottom:1rem;padding-left:0}.info-page strong{color:var(--royal-gold-light);font-weight:400;text-shadow:1px 1px 1px #0000004d}.royal-seal{margin:2rem 0;text-align:center}.royal-seal img{opacity:.8;width:120px}.scroll-decoration{border-bottom:1px solid var(--royal-red);border-top:1px solid var(--royal-red);height:10px;margin:2rem 0;position:relative}.scroll-decoration:after,.scroll-decoration:before{color:var(--royal-gold);content:"❖";font-size:1.5rem;position:absolute;top:-10px}.scroll-decoration:before{left:20%}.scroll-decoration:after{right:20%}@media (max-width:768px){.info-page{border-width:1px;padding:1rem}.info-page h1{font-size:1.8rem}.info-page h2{font-size:1.4rem}.info-page h3{font-size:1.2rem}.info-page p{font-size:1rem}.info-page ol,.info-page ul{margin-left:1.5rem}.info-page li{padding-left:1.5rem}}
/*# sourceMappingURL=main.6d4a1a7f.css.map*/