body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#f4f5f1;color:#292524;overflow-x:hidden}a[href],button,[role=button],input[type=button],input[type=submit]{cursor:pointer}button:disabled,input[type=button]:disabled,input[type=submit]:disabled{cursor:not-allowed}.nav-icon{width:42px;height:40px;border-radius:6px;border:1px solid #cfcac0;background:#fff;display:flex;align-items:center;justify-content:center;gap:6px;color:#44403c;cursor:pointer;box-shadow:0 1px 2px #29252414;transition:border-color .15s,background-color .15s,color .15s}.nav-icon a{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0}.nav-icon:hover{border-color:#7a8f45;background-color:#f8faf3;color:#315314}.nav-active{border-color:#5e7f22;background-color:#eef5df;color:#315314}.nav-unread{border-color:#b45309;box-shadow:0 0 0 2px #b4530924}.nav-glyph{display:inline-flex;align-items:center;justify-content:center;min-width:16px;font-size:11px;font-weight:800;letter-spacing:0;text-transform:uppercase}.res-item{display:flex;align-items:center;margin:0 6px 6px 0;border:1px solid #e4e1d8;border-radius:6px;background:#fbfbf8;padding:4px 7px;font-size:11px;font-weight:700;white-space:nowrap}.res-icon{width:15px;height:15px;margin-right:4px;border-radius:50%;flex-shrink:0}.map-container-main{display:flex;flex-direction:column;align-items:center;width:100%;max-width:100%;overflow:visible;position:relative}@media(max-width:768px){.map-layout{max-width:98vw}}@media(max-width:600px){.map-layout{max-width:100%;margin:5px auto 10px}}.map-center{grid-column:2;grid-row:2;position:relative;border:3px solid #9ACD32;background-color:#f4f8eb;overflow:visible}.axis-y{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(15,1fr);align-items:center;text-align:right;padding-right:3px;font-size:9px;font-weight:700;color:#555}.axis-x{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(15,1fr);align-items:center;justify-items:center;font-size:9px;font-weight:700;color:#555;padding-top:3px}@media(max-width:600px){.axis-y,.axis-x{font-size:8px}}.y-label{display:flex;align-items:center;justify-content:flex-end}.x-label{display:flex;justify-content:center}.highlight-axis{color:#2e7d32;font-size:11px;font-weight:900}.map-nav-controls{position:absolute;inset:0;z-index:12;pointer-events:none}.map-nav-btn{position:absolute;pointer-events:auto;color:#315314;border-color:#b8c99a;background:#ffffffeb;box-shadow:0 2px 6px #2925241f}.map-nav-n{top:8px;left:50%;transform:translate(-50%)}.map-nav-s{bottom:8px;left:50%;transform:translate(-50%)}.map-nav-w{left:8px;top:50%;transform:translateY(-50%)}.map-nav-e{right:8px;top:50%;transform:translateY(-50%)}.map-svg{width:100%;height:100%;display:block}.map-tile-selected rect.hover-bg{opacity:.5;fill:#fff59d}.browser-frame{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.browser-header{background:#f3f4f6;border-bottom:1px solid #e5e7eb;padding:.5rem;display:flex;gap:.25rem}.dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:#d1d5db}nav a{text-decoration:none;display:inline-block}nav a:hover{text-decoration:none}.details-panel{position:absolute;min-width:200px;max-width:240px;background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:12px;box-shadow:0 8px 20px #00000026;z-index:40;pointer-events:none}.coords-input-container{background:#fff;border:1px solid #ddd;padding:8px 16px;border-radius:4px;display:flex;align-items:center;gap:8px;box-shadow:0 2px 4px #0000000d;margin-top:15px}.login-box{width:100%;max-width:400px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 15px #0000000d;padding:2rem}.register-box{width:100%;max-width:500px;background:#fff;border:1px solid #ccc;border-radius:6px;box-shadow:0 4px 15px #0000000d;padding:2rem}.input-field,.select-field{width:100%;padding:10px;border:1px solid #ccc;border-radius:4px;margin-bottom:15px;font-size:14px;background-color:#fff}.input-field:focus,.select-field:focus{border-color:#8ebf42;outline:none;box-shadow:0 0 0 2px #8ebf4233}.btn-green{width:100%;background-color:#8ebf42;border:1px solid #7da83a;color:#fff;font-weight:700;padding:12px;border-radius:4px;cursor:pointer;transition:background-color .2s;font-size:16px}.btn-green:hover{background-color:#9acd56}.tribe-info{font-size:11px;color:#666;margin-top:-10px;margin-bottom:15px;padding-left:2px;font-style:italic}.content-box{background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 5px #0000000d}.village-svg-container{width:380px;height:380px;max-width:100%;background-color:#7bb642;border-radius:360px;box-shadow:0 15px 25px #0003;overflow:hidden;transition:transform .3s ease}@media(max-width:600px){.village-svg-container{width:360px;height:360px}}.village-svg-container svg{width:100%;height:100%}.village-wall-ring{cursor:pointer;transition:stroke-width .2s;stroke:#ccc;filter:drop-shadow(0px 0px 15px rgba(92,25,45,.5))}.village-wall-ring:hover{stroke-width:22;stroke:#888;filter:drop-shadow(0px 0px 5px rgba(92,25,45,.5))}.village-radar-zone{cursor:pointer;transition:fill-opacity .2s ease}.village-radar-zone:hover{fill-opacity:.4;stroke:#2e5a1c}.village-node-group{cursor:pointer;transition:transform .1s ease}.village-node-occupied{fill:#7fc241;stroke-width:3;stroke:#2e5a1c}.village-node-empty{fill:#c9c2b8;stroke:#6f5a45;stroke-width:2}.village-node-occupied.construction-pending{fill:#c5e1a5;filter:drop-shadow(0px 0px 6px rgba(245,158,11,.55))}.village-node-occupied.construction-active{fill:#f6d365;stroke:#b45309;filter:drop-shadow(0px 0px 8px rgba(245,158,11,.7))}.village-node-empty.construction-active,.village-node-empty.construction-pending{fill:#fde68a;stroke:#b45309;filter:drop-shadow(0px 0px 6px rgba(245,158,11,.6))}.village-node-group:hover .village-node-bg{stroke-width:4;stroke:#ffebcd}.village-node-group:active{transform:scale(.99)}.village-node-group text{-webkit-user-select:none;user-select:none;pointer-events:none}.village-wall-ring{opacity:.9}.village-wall-ring.village-wall-empty{opacity:.5;stroke-dasharray:10 8}#village-main-node{cursor:pointer}#village-main-node text{-webkit-user-select:none;user-select:none;pointer-events:none}.resource-fields-svg-container{width:420px;height:420px;max-width:100%;position:relative;margin:0 auto}@media(max-width:620px){.resource-fields-svg-container{width:340px;height:340px}}.resource-fields-svg-container svg{width:100%;height:100%;overflow:visible}.resource-hex-group{cursor:pointer}.resource-hex-group use,.resource-hex-group text{transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform-box:fill-box;transform-origin:center}.resource-hex-group:hover use{transform:scale(.9);stroke:#fff;stroke-width:4;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.3))}.resource-hex-group:hover text{transform:scale(1.2);fill:#333}.resource-hex-group.construction-active use{filter:drop-shadow(0px 0px 10px rgba(249,115,22,.7));animation:resourcePulse 1.5s ease-in-out infinite}.resource-hex-group.construction-pending use{filter:drop-shadow(0px 0px 8px rgba(251,191,36,.6))}.resource-hex-group.construction-pending text{fill:#26a666;font-weight:bolder;font-size:28px;filter:drop-shadow(0px 0px 15px rgba(92,25,45,.5))}@keyframes resourcePulse{0%{filter:drop-shadow(0px 0px 10px rgba(249,115,22,.7))}50%{filter:drop-shadow(0px 0px 15px rgba(249,115,22,.9))}to{filter:drop-shadow(0px 0px 10px rgba(249,115,22,.7))}}.resource-city-center{cursor:pointer}.resource-city-center circle,.resource-city-center text{transition:transform .2s ease;transform-box:fill-box;transform-origin:center}.resource-city-center:hover circle{transform:scale(1.1)}.resource-city-center:hover .resource-main-circle{stroke:#fff;stroke-width:4;filter:drop-shadow(0px 0px 15px rgba(92,25,45,.5))}.resource-hex-group text,.resource-city-center text{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Arial,sans-serif;font-weight:900;font-size:24px;fill:#000}.map-container{width:600px;height:600px;position:relative}.map-container svg{width:100%;height:100%;overflow:visible}.hex-group{cursor:pointer}.hex-group use,.hex-group text{transition:transform .2s cubic-bezier(.175,.885,.32,1.275);transform-box:fill-box;transform-origin:center}.hex-group:hover use{transform:scale(.9);stroke:#fff;stroke-width:4;filter:drop-shadow(0px 5px 5px rgba(0,0,0,.3))}.hex-group:hover text{transform:scale(1.2);fill:#333}.city-center{cursor:pointer}.city-center circle,.city-center text{transition:transform .2s ease;transform-box:fill-box;transform-origin:center}.city-center:hover circle{transform:scale(1.1)}.city-center:hover circle.main-circle{stroke:#fff;stroke-width:4;filter:drop-shadow(0px 0px 15px rgba(92,25,45,.5))}text{-webkit-user-select:none;user-select:none;pointer-events:none;font-family:Arial,sans-serif;font-weight:900;font-size:24px;fill:#000}.map-layout{display:grid;grid-template-columns:30px auto 30px;grid-template-rows:30px auto 30px;gap:5px;background:#fff;width:100%;max-width:min(840px,100%);aspect-ratio:1 / 1}.map-center{grid-column:2;grid-row:2;position:relative;border:3px solid #9ACD32;background-color:#f4f8eb}.axis-y{grid-column:1;grid-row:2;display:grid;grid-template-rows:repeat(15,1fr);align-items:center;text-align:right;padding-right:10px;font-size:9px;font-weight:700;color:#555}.axis-x{grid-column:2;grid-row:3;display:grid;grid-template-columns:repeat(15,1fr);align-items:center;justify-items:center;font-size:9px;font-weight:700;color:#555;padding-top:10px}.map-relative-wrapper{position:relative;width:100%;height:100%}.map-relative-wrapper svg,.map-container svg,.village-svg-container svg,.resource-fields-svg-container svg{width:100%;height:100%;display:block}.map-tile{cursor:pointer}.map-tile:hover rect.hover-bg{opacity:.3;fill:#fff}