html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none}.grid-canvas{touch-action:none}body{background-color:#0b1929;color:#e8e0d8;font-family:SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;min-height:100vh;overflow-x:hidden}.app{display:flex;flex-direction:column;align-items:center;min-height:100vh;padding:1rem}.header{text-align:center;margin-bottom:.75rem}.header h1{font-size:clamp(1.2rem,3vw,2rem);font-weight:300;letter-spacing:.15em;text-transform:uppercase;color:#e8e0d8;margin-bottom:.15rem}.subtitle{font-size:clamp(.6rem,1.2vw,.8rem);color:#6b7b8d;letter-spacing:.3em;text-transform:uppercase;font-weight:400}.admin-toolbar{display:flex;flex-direction:column;gap:.5rem;margin-bottom:.75rem;width:min(95vw,700px)}.admin-top-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;justify-content:center}.admin-badge-text{font-size:.75rem;color:#f0c040;font-weight:600}.mode-btn,.export-btn,.reset-btn{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:#9aabbb;padding:.3rem .7rem;border-radius:6px;font-size:.7rem;cursor:pointer;transition:all .15s ease}.mode-btn:hover,.export-btn:hover{background:#ffffff1a;color:#e8e0d8}.mode-btn.active{background:#ffffff26;border-color:#ffffff59;color:#e8e0d8}.reset-btn{border-color:#ff646433;color:#a77}.reset-btn:hover{border-color:#ff646466;color:#c88}.brush-palette{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap;justify-content:center;padding:.4rem 0}.palette-label{font-size:.65rem;color:#6b7b8d;margin-right:.25rem}.brush-btn{width:28px;height:28px;border-radius:6px;border:2px solid transparent;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.brush-btn:hover{transform:scale(1.1);border-color:#fff6}.brush-btn.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 8px #ffffff4d}.paint-info{margin-top:1rem;display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:8px;font-size:.8rem;color:#9aabbb}.paint-swatch{width:18px;height:18px;border-radius:4px;flex-shrink:0}.map-container{position:relative;display:flex;flex-direction:column;align-items:center;max-width:100%}.canvas-container{display:flex;justify-content:center;max-width:95vw}.grid-canvas{border-radius:4px;cursor:pointer}.grid-canvas.paint-cursor{cursor:crosshair}.info-modal{margin-top:1rem;width:min(90vw,380px);padding:.75rem 1rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;transform:translateY(8px);transition:all .2s ease;min-height:80px}.info-modal.visible{opacity:1;transform:translateY(0)}.modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.modal-swatch{width:20px;height:20px;border-radius:5px;flex-shrink:0}.modal-title{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.modal-square{font-size:.75rem;color:#6b7b8d;font-weight:500}.modal-dot{color:#3d4f61;font-size:.75rem}.modal-name{font-size:1rem;font-weight:600;color:#e8e0d8}.modal-name.editable{cursor:pointer}.modal-name.editable:hover{color:#f0c040}.edit-icon{font-size:.7rem;margin-left:.35rem;opacity:.6}.edit-input{background:#ffffff1a;border:1px solid rgba(240,192,64,.5);border-radius:6px;color:#e8e0d8;font-size:1rem;font-weight:600;padding:.2rem .5rem;outline:none;width:180px;font-family:inherit}.edit-input:focus{border-color:#f0c040;box-shadow:0 0 0 2px #f0c04033}.modal-body{display:flex;flex-direction:column;gap:.5rem}.modal-stats{display:flex;gap:1.5rem}.stat{display:flex;flex-direction:column}.stat-value{font-size:.85rem;font-weight:600;color:#c8c0b8}.stat-label{font-size:.6rem;color:#4d5f71;text-transform:uppercase;letter-spacing:.1em;margin-top:1px}.modal-mini-grid{display:flex;flex-wrap:wrap;gap:3px;padding:.25rem 0}.mini-cell{width:10px;height:10px;border-radius:2px;box-shadow:inset 0 0 0 1px #0000001a}.segment-control{display:flex;background:#ffffff0f;border-radius:8px;padding:3px;margin-bottom:.5rem}.segment-btn{flex:1;padding:.35rem .5rem;border:none;border-radius:6px;background:transparent;color:#6b7b8d;font-size:.7rem;font-weight:600;cursor:pointer;transition:all .15s ease;font-family:inherit}.segment-btn.active{background:#ffffff1f;color:#e8e0d8}.segment-btn:hover:not(.active){color:#9aabbb}.empty-tab{padding:1rem .5rem;text-align:center;font-size:.75rem;color:#4d5f71}.event-meta{font-size:.65rem;color:#9aabbb;font-weight:500}.event-date{color:#f0c040}.news-section{margin-top:.5rem;border-top:1px solid rgba(255,255,255,.08);padding-top:.5rem}.news-header{font-size:.7rem;color:#6b7b8d;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.4rem;font-weight:600}.news-list{display:flex;flex-direction:column;gap:.4rem}.news-item{display:flex;flex-direction:column;gap:.1rem;padding:.4rem .5rem;background:#ffffff08;border-radius:6px;text-decoration:none;transition:background .15s ease;border:1px solid rgba(255,255,255,.04)}.news-item:hover{background:#ffffff12;border-color:#ffffff1a}.news-item.hovered{background:#ffffff1f;border-color:#fff3}.news-title{font-size:.75rem;color:#c8c0b8;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-source{font-size:.6rem;color:#4d5f71;letter-spacing:.03em}.content-dialog{background:#1a2a3a;border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:0;width:min(92vw,420px);max-height:80vh;overflow-y:auto;color:#e8e0d8;box-shadow:0 20px 60px #00000080;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.content-dialog::backdrop{background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.content-dialog-inner{padding:1.25rem}.webcam-embed{margin:.75rem 0;border-radius:10px;overflow:hidden;background:#0b1929}.webcam-embed iframe{width:100%;aspect-ratio:16 / 9;border:none;display:block}.webcam-embed .hdrelay-ctrls,.webcam-embed .hdr-controls,.webcam-embed .hdr-toolbar,.webcam-embed [class*=controls],.webcam-embed [class*=toolbar],.webcam-embed [class*=btn-group],.webcam-embed [class*=navigation],.webcam-embed [class*=footer]{display:none!important;opacity:0!important;pointer-events:none!important}.webcam-image{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover}.webcam-label{font-size:.65rem;color:#7a8a9a;padding:.35rem .5rem;text-align:center}.content-dialog[open]{animation:dialogIn .2s ease}@keyframes dialogIn{0%{transform:translate(-50%,calc(-50% + 20px));opacity:0}to{transform:translate(-50%,-50%);opacity:1}}.content-modal-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.content-modal-header .modal-name{flex:1}.content-modal-close{background:#ffffff14;border:1px solid rgba(255,255,255,.1);color:#9aabbb;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.8rem;transition:all .15s ease;flex-shrink:0}.content-modal-close:hover{background:#ffffff26;color:#e8e0d8}.content-dialog .segment-control{margin-bottom:.75rem}.content-dialog .news-list{max-height:50vh;overflow-y:auto}.footer{margin-top:1rem;text-align:center}.footer p{font-size:.7rem;color:#3d4f61;letter-spacing:.1em}@media(max-width:480px){.app{padding:.75rem .25rem}.info-modal{width:94vw}.brush-btn{width:24px;height:24px}}@media(min-width:768px){.map-container{flex-direction:row;align-items:flex-start;gap:1.5rem;justify-content:center}.info-modal{margin-top:0;width:340px;min-width:300px;max-height:calc(100vh - 120px);overflow-y:auto;position:sticky;top:1rem}.canvas-container{flex-shrink:0}}@media(max-height:500px)and (orientation:landscape){.app{padding:.5rem 1rem}.header{margin-bottom:.25rem}.header h1{font-size:1rem}.subtitle{font-size:.55rem}.info-modal{width:240px;min-width:200px}.footer{display:none}}@media(max-width:767px){.map-container{flex-direction:column;align-items:center}.info-modal{width:92vw}.canvas-container{width:95vw}}