.app-layout{width:100%;height:100%;display:flex;flex-direction:column;background:#111124;color:#fff}.app-layout-body{flex:1;display:flex;overflow:hidden}.app-layout-content{flex:1;overflow:auto;overflow-x:hidden;display:flex;flex-direction:column;max-width:100%}@media (min-width: 769px){.app-layout-body{overflow:hidden}.app-layout-content{overflow:auto}}.top-bar{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:48px;background:linear-gradient(135deg,#1a1a2e,#16213e);border-bottom:1px solid #333;flex-shrink:0}.top-bar-left{display:flex;align-items:center;gap:1.5rem;flex:1}.top-bar-title{font-size:1rem;font-weight:600;color:#fff}.top-bar-server-info{display:flex;gap:.5rem;align-items:center}.server-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:4px;font-size:.875rem;font-weight:600}.alliance-badge{padding:.25rem .75rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;border-radius:4px;font-size:.875rem;font-weight:600}.top-bar-user{display:flex;align-items:center;justify-content:flex-end;gap:12px;font-size:.85rem;flex:1}.top-bar-user-name{color:#ccc}.top-bar-role{font-size:.75rem;color:#888;background:#ffffff14;padding:2px 8px;border-radius:10px}.top-bar-logout{padding:4px 12px;background:transparent;color:#ff6b6b;border:1px solid rgba(255,107,107,.3);border-radius:4px;cursor:pointer;font-size:.8rem;transition:all .2s}.top-bar-logout:hover{background:#ff6b6b26;border-color:#ff6b6b}.top-bar-search-btn{display:flex;align-items:center;justify-content:center;padding:6px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#aaa;cursor:pointer;transition:all .2s}.top-bar-search-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.top-bar-user-desktop{display:flex;align-items:center;gap:12px}.top-bar-user-mobile{display:none;position:relative}.top-bar-user-menu-btn{display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#aaa;cursor:pointer;transition:all .2s}.top-bar-user-menu-btn:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.top-bar-user-menu-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:998}.top-bar-user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:180px;background:#1a1a2e;border:1px solid #333;border-radius:8px;box-shadow:0 4px 12px #00000080;z-index:999;overflow:hidden}.top-bar-user-menu-header{padding:12px 16px;border-bottom:1px solid #333;background:#ffffff08}.top-bar-user-menu-name{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:4px}.top-bar-user-menu-role{font-size:.75rem;color:#888}.top-bar-user-menu-item{display:block;width:100%;padding:12px 16px;background:transparent;border:none;color:#ccc;font-size:.85rem;text-align:left;cursor:pointer;transition:all .2s;border-top:1px solid rgba(255,255,255,.05)}.top-bar-user-menu-item:first-of-type{border-top:none}.top-bar-user-menu-item:hover{background:#ffffff14;color:#fff}.top-bar-user-menu-item--danger{color:#ff6b6b}.top-bar-user-menu-item--danger:hover{background:#ff6b6b26;color:#ff6b6b}.time-bar{display:flex;align-items:center;justify-content:center;gap:8px;padding:3px 20px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.05);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;font-size:.75rem;color:#4ade80;flex-shrink:0;min-height:24px}.time-bar-date{color:#93c5fd;font-weight:600}.time-bar-separator{color:#444}.time-bar-kst{color:#4ade80;font-weight:500}.time-bar-utc{color:#fbbf24;font-weight:500}.time-bar-offset{color:#888;font-size:.7rem;font-weight:400}.side-nav{width:200px;background:#0a0a14;border-right:1px solid #333;display:flex;flex-direction:column;flex-shrink:0}.side-nav-header{padding:16px;font-size:.75rem;color:#666;text-transform:uppercase;letter-spacing:1px}.side-nav-list{list-style:none;padding:0 8px;flex:1}.side-nav-item{display:block;padding:10px 12px;margin-bottom:2px;color:#aaa;text-decoration:none;border-radius:4px;font-size:.9rem;transition:all .15s;cursor:pointer}.side-nav-item:hover{background:#1a1a2e;color:#fff}.side-nav-item--active{background:#16213e;color:#fff;border-left:3px solid #0984e3}.mobile-menu-button{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;line-height:1;transition:background .2s}.mobile-menu-button:hover{background:#ffffff1a;border-radius:4px}.mobile-menu-button:active{background:#ffffff26}.mobile-menu-close{display:none;background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:0;line-height:1;margin-left:auto}.mobile-menu-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media (max-width: 768px){.app-layout{height:auto!important;min-height:100vh}.app-layout-body{flex:none!important;overflow:visible!important;height:auto!important;position:relative}.app-layout-content{flex:none!important;overflow:visible!important;height:auto!important}.top-bar{padding:0 10px;height:auto;min-height:48px;flex-wrap:wrap;gap:8px}.top-bar-left{flex:1;min-width:0;gap:.5rem;flex-wrap:wrap}.top-bar-title{font-size:.85rem;white-space:nowrap}.top-bar-server-info{display:flex;flex-wrap:nowrap;gap:.25rem;order:10;width:100%}.server-badge,.alliance-badge{padding:.2rem .5rem;font-size:.65rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(50% - 2px)}.top-bar-user{gap:8px;font-size:.75rem;flex:none;order:3}.top-bar-user-desktop{display:none}.top-bar-user-mobile{display:block}.top-bar-search-btn{padding:4px}.time-bar{padding:2px 10px;gap:4px;font-size:.6rem;flex-wrap:wrap;min-height:20px;justify-content:center}.time-bar-kst,.time-bar-utc{width:100%;text-align:center}.time-bar-separator{display:none}.time-bar-offset{font-size:.58rem}.top-bar-user-name{font-size:.8rem}.mobile-menu-button,.mobile-menu-overlay{display:block}.side-nav{position:fixed;top:0;left:-280px;width:280px;height:100vh;background:#0a0a14;border-right:1px solid #333;z-index:999;transition:left .3s ease;overflow-y:auto}.side-nav--mobile-open{left:0}.side-nav-header{display:flex;align-items:center;justify-content:space-between;padding:16px;font-size:.9rem;color:#fff;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #333}.mobile-menu-close{display:block}.side-nav-list{display:flex;flex-direction:column;padding:8px;gap:0}.side-nav-item{white-space:normal;margin-bottom:2px}.side-nav-item--active{border-left:3px solid #0984e3;border-bottom:none}}.login-page{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#111124;color:#fff}.login-card{width:360px;background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:40px 32px}.login-title{font-size:1.4rem;font-weight:600;text-align:center;margin-bottom:8px}.login-subtitle{font-size:.85rem;color:#888;text-align:center;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:16px}.login-field{display:flex;flex-direction:column;gap:6px}.login-label{font-size:.8rem;color:#aaa}.login-input{padding:10px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:4px;font-size:.95rem;outline:none;transition:border-color .2s}.login-input:focus{border-color:#0984e3}.login-input::placeholder{color:#555}.login-error{font-size:.85rem;color:#ff6b6b;text-align:center;padding:8px;background:#ff6b6b1a;border-radius:4px}.login-submit{padding:10px;background:#0984e3;color:#fff;border:none;border-radius:4px;font-size:.95rem;cursor:pointer;transition:background .2s;margin-top:4px}.login-submit:hover{background:#0773ca}.login-submit:disabled{background:#666;cursor:not-allowed}.login-hint{font-size:.75rem;color:#666;text-align:center;margin-top:8px}@media (max-width: 768px){.login-card{width:90%;max-width:360px;padding:30px 24px}.login-title{font-size:1.2rem}.login-subtitle{font-size:.8rem;margin-bottom:24px}.login-input{padding:12px;font-size:16px}.login-submit{padding:12px;font-size:1rem}}@media (max-width: 480px){.login-card{padding:24px 20px}.login-title{font-size:1.1rem}}.map-editor{width:100%;height:100%;display:flex;flex-direction:column;background:#111124;color:#fff}.map-editor-content{flex:1;display:flex;gap:10px;padding:10px;overflow:hidden}@media (min-width: 769px){.map-editor{height:100%}.map-editor-content,.map-editor-canvas-area{overflow:hidden}}.map-editor-canvas-area{flex:1;display:flex;flex-direction:column;background:#0f0f1e;border-radius:4px;overflow:hidden}.map-editor-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#111124;color:#aaa;font-size:1.2rem}.toolbar{display:flex;flex-direction:column;gap:8px;padding:10px;background:#16213e;border-bottom:1px solid #333}.toolbar-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.toolbar-row-secondary{padding-top:4px;border-top:1px solid rgba(255,255,255,.05)}.toolbar input{padding:8px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:4px;font-size:.9rem}.toolbar input::placeholder{color:#666}.toolbar-text{padding:8px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:4px;font-size:.9rem;display:inline-block;min-width:120px}.toolbar button,.toolbar-btn{padding:6px 12px;background:#0984e3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;transition:background .2s;white-space:nowrap}.toolbar button:hover,.toolbar-btn:hover{background:#0773ca}.toolbar button:disabled,.toolbar-btn:disabled{background:#666;cursor:not-allowed}.toolbar-btn-sm{padding:5px 10px!important;font-size:.8rem!important}.toolbar-group{display:flex;align-items:center;gap:8px}.toolbar-label{font-size:.85rem;color:#aaa;white-space:nowrap}.toolbar-map-key{font-family:monospace;font-size:.9rem;color:#4caf50;background:#4caf501a;padding:4px 8px;border-radius:3px;border:1px solid rgba(76,175,80,.3)}.toolbar-map-key--empty{color:#888;background:#ffffff0d;border-color:#444;font-style:italic;font-family:inherit}.toolbar-map-title{font-size:.9rem;color:#ccc;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.toolbar-input-mapid{width:120px}.toolbar-btn-load{font-size:.85rem!important;padding:6px 12px!important}.toolbar-status{font-size:.85rem;margin-left:auto}.toolbar-divider{width:1px;height:24px;background:#444;margin:0 4px}.status-bar{padding:8px 10px;background:#1a1a2e;border-bottom:1px solid #333;font-weight:700}.sidebar{width:100%;background:#0f0f1e;border-bottom:1px solid #333;display:flex;flex-direction:column;overflow:hidden;transition:max-height .3s ease}.sidebar-header{padding:10px 16px;background:#16213e;border-bottom:1px solid #333;font-weight:700;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.sidebar-toggle{display:none;background:transparent;border:none;color:#fff;font-size:1rem;cursor:pointer;padding:4px 8px;transition:opacity .2s}.sidebar-toggle:hover{opacity:.7}.sidebar-content{display:flex;flex-direction:row;gap:10px;overflow-x:auto;overflow-y:hidden;padding:10px;flex-shrink:0}.building-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px;min-width:80px;background:#1a1a2e;border:1px solid #333;border-radius:4px;cursor:pointer;transition:all .2s;flex-shrink:0}.building-item:hover{background:#252540;border-color:#0984e3}.building-item.selected{background:#0984e3;border-color:#0773ca}.building-item--exit{border-style:dashed}.building-exit-icon{font-size:20px}.building-thumb{width:56px;height:56px;object-fit:contain;flex-shrink:0;border-radius:3px;background:#ffffff0d}.building-info{display:flex;flex-direction:column;align-items:center;gap:2px;text-align:center}.building-title{font-size:.8rem;font-weight:500;white-space:nowrap}.building-size{font-size:.7rem;color:#888}.map-canvas{flex:1;display:block;background:#000;cursor:crosshair}.coords-table{width:100%;border-top:1px solid #333;max-height:200px;overflow-y:auto}.coords-table table{width:100%;border-collapse:collapse;font-size:.85rem}.coords-table th{background:#16213e;padding:8px;text-align:left;border-bottom:1px solid #333;position:sticky;top:0}.coords-table td{padding:6px 8px;border-bottom:1px solid #222}.coords-table tbody tr:hover{background:#1a1a2e}.context-menu{position:absolute;z-index:100;min-width:120px;background:#1a1a2e;border:1px solid #444;border-radius:4px;box-shadow:0 4px 12px #00000080;overflow:hidden}.context-menu-item{padding:8px 14px;cursor:pointer;font-size:.85rem;color:#ddd;transition:background .15s}.context-menu-item:hover{background:#252540}.context-menu-item--danger{color:#ff6b6b}.context-menu-item--danger:hover{background:#ff6b6b26}.canvas-wrapper{position:relative;flex:1;overflow:hidden}.name-edit-input{position:absolute;min-width:60px;max-width:160px;padding:2px 4px;font-size:12px;font-family:Arial,sans-serif;background:#fff;color:#000;border:1px solid #aaa;outline:none;z-index:100;line-height:1.2;height:20px;text-align:center;transform:translate(-50%,-50%)}.toolbar-select{padding:8px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:4px;font-size:.9rem;cursor:pointer}.toolbar-select:hover{border-color:#0984e3}.toolbar-btn-new{background:#16a085}.toolbar-btn-new:hover{background:#138d75}.toolbar-btn-template{background:#9b59b6}.toolbar-btn-template:hover{background:#8e44ad}.toolbar-btn-capture{background:#27ae60}.toolbar-btn-capture:hover{background:#229954}.toolbar-badge{padding:4px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.toolbar-badge--modified{background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;touch-action:auto;-webkit-tap-highlight-color:transparent}.modal-content{background:#1a1a2e;padding:30px;border-radius:8px;max-width:600px;max-height:80vh;overflow-y:auto;box-shadow:0 4px 20px #00000080;position:relative;touch-action:auto}.modal-close-x{position:absolute;top:10px;right:10px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:20px;line-height:1;padding:0;transition:background .2s}.modal-close-x:hover{background:#fff3}@media (max-width: 768px){.modal-content{max-width:95%;padding:20px;max-height:90vh}.modal-close-x{width:40px;height:40px;font-size:24px;top:5px;right:5px}}.modal-content h2{margin:0 0 20px;color:#fff;font-size:1.5rem}.common-maps-list{display:flex;flex-direction:column;gap:15px}.common-map-item{background:#16213e;padding:15px;border-radius:6px;border:1px solid #333;transition:border-color .2s}.common-map-item:hover{border-color:#0984e3}.common-map-item h3{margin:0 0 8px;color:#fff;font-size:1.1rem}.common-map-item p{margin:0 0 12px;color:#aaa;font-size:.9rem}.common-map-item button{padding:6px 16px;background:#0984e3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.common-map-item button:hover{background:#0773ca}.modal-close{margin-top:20px;width:100%;padding:10px;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem}.modal-close:hover{background:#777}.capture-modal{max-width:500px}.capture-option-group{margin-bottom:24px}.capture-label{display:block;font-size:.9rem;font-weight:600;color:#aaa;margin-bottom:12px}.capture-options{display:flex;gap:10px;flex-wrap:wrap}.capture-option-btn{flex:1;min-width:140px;padding:12px;background:#16213e;border:2px solid #333;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;gap:4px}.capture-option-btn:hover{border-color:#0984e3;background:#1a2540}.capture-option-btn.active{border-color:#0984e3;background:#0984e3}.option-icon{font-size:1.5rem}.option-title{font-size:.9rem;font-weight:600;color:#fff}.option-desc{font-size:.75rem;color:#888}.capture-option-btn.active .option-desc{color:#ccc}.capture-actions{display:flex;gap:10px;margin-top:24px}.capture-action-btn{flex:1;padding:12px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s}.capture-action-btn.primary{background:#27ae60;color:#fff}.capture-action-btn.primary:hover{background:#229954}.capture-action-btn.secondary{background:#3498db;color:#fff}.capture-action-btn.secondary:hover{background:#2980b9}.capture-action-btn.share{background:#9b59b6;color:#fff}.capture-action-btn.share:hover{background:#8e44ad}.capture-action-btn.photo{background:#e67e22;color:#fff}.capture-action-btn.photo:hover{background:#d35400}.capture-action-btn.cancel{background:#666;color:#fff}.capture-action-btn.cancel:hover{background:#777}.capture-info{margin-top:16px;padding:10px;background:#ffc1071a;border-left:3px solid #ffc107;border-radius:4px;font-size:.85rem;color:#ffc107}.photo-save-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;z-index:2000;display:flex;align-items:center;justify-content:center;padding:20px}.photo-save-content{display:flex;flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:90vh}.photo-save-guide{color:#fff;font-size:1rem;text-align:center;background:#0984e34d;border:2px solid #0984e3;border-radius:8px;padding:10px 20px;margin:0}.photo-save-img{max-width:100%;max-height:65vh;object-fit:contain;border-radius:4px;border:1px solid #333}.photo-save-close{padding:10px 32px;background:#666;color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer}@media (max-width: 768px){.map-editor{height:auto!important;min-height:auto}.map-editor-content{padding:5px;gap:5px;overflow:hidden;flex:none!important;height:auto!important}.map-editor-canvas-area{min-height:70vh;height:auto!important;overflow:hidden}.map-canvas{min-height:60vh;height:60vh!important;touch-action:none!important;-webkit-overflow-scrolling:auto}.canvas-wrapper{overscroll-behavior:contain;position:relative}.map-editor-canvas-area{overscroll-behavior:contain}.toolbar{flex-direction:row;flex-wrap:wrap;padding:2px 6px;gap:2px;margin-top:0}.toolbar-row{flex-direction:row;width:100%;flex-wrap:wrap;gap:2px}.toolbar-row-secondary{border-top:none;padding-top:0;margin-top:2px}.toolbar-group{flex-wrap:nowrap;gap:3px;flex:1 1 100%;min-width:100%;align-items:center;margin-bottom:2px}.toolbar input,.toolbar select{padding:4px 6px;font-size:.8rem;min-width:0;height:28px}.toolbar button{padding:4px 8px;font-size:.8rem;height:28px}.toolbar-input-mapid,.toolbar-input,.toolbar-select{flex:0 1 auto;width:130px;min-width:100px}.toolbar-input-title{flex:1;min-width:0}.toolbar-btn-load{flex-shrink:0;white-space:nowrap}.toolbar-label{font-size:.7rem;display:flex;align-items:center;line-height:1;padding:0;min-width:55px;max-width:55px;flex-shrink:0;height:28px}.toolbar-map-key{font-size:.8rem;padding:3px 6px}.toolbar-map-key-display{display:none!important}.toolbar-divider{display:none}.toolbar-input-title{max-width:none!important}.toolbar-group .toolbar-label,.toolbar-group .toolbar-input,.toolbar-group .toolbar-select,.toolbar-group .toolbar-btn{height:28px;line-height:1.5;display:flex;align-items:center}.toolbar-btn-borders{font-size:.75rem!important;padding:5px 10px!important}.sidebar{max-height:none}.sidebar.sidebar--collapsed .sidebar-content{display:none}.sidebar-header{padding:8px 12px}.sidebar-toggle{display:block}.sidebar-content{padding:8px;gap:8px}.building-item{min-width:64px;padding:6px;gap:3px}.building-thumb{width:40px;height:40px}.building-title{font-size:.7rem;overflow:hidden;text-overflow:ellipsis;max-width:60px}.building-size{font-size:.65rem}.building-exit-icon{font-size:16px}.coords-table{max-height:120px}.coords-table table{font-size:.75rem}.coords-table th,.coords-table td{padding:6px}.modal-content{max-width:95%;padding:15px;max-height:90vh}.modal-content h2{font-size:1.2rem;margin-bottom:15px}.common-maps-list{gap:10px}.common-map-item{padding:12px}.common-map-item h3{font-size:1rem}.common-map-item p{font-size:.85rem}.map-canvas{cursor:default;touch-action:manipulation}.context-menu{min-width:140px}.context-menu-item{padding:12px 16px;font-size:.9rem}}@media (max-width: 480px){.toolbar{padding:6px}.toolbar button{padding:6px 10px;font-size:.8rem}.toolbar input{padding:6px 8px;font-size:.8rem}.sidebar-header{padding:6px 10px;font-size:.85rem}.sidebar-content{padding:6px;gap:6px}.building-item{min-width:56px;padding:5px}.building-thumb{width:36px;height:36px}.building-title{font-size:.65rem;max-width:50px}.building-size{font-size:.6rem}.coords-table{max-height:100px}.coords-table table{font-size:.7rem}.coords-table th,.coords-table td{padding:4px}.modal-content{padding:12px}.modal-content h2{font-size:1.1rem}.capture-modal{max-width:95%}.capture-option-btn{min-width:100px;padding:10px}.option-icon{font-size:1.2rem}.option-title{font-size:.85rem}.option-desc{font-size:.7rem}.capture-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.capture-action-btn{padding:12px}.capture-action-btn.cancel{grid-column:1 / -1}}.map-viewer{width:100vw;height:100vh;background:#111124;color:#fff;overflow:hidden;position:fixed;top:0;left:0}.map-viewer-title-overlay{position:fixed;top:20px;left:50%;transform:translate(-50%);padding:12px 24px;background:#000c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #0984e3;border-radius:8px;font-size:20px;font-weight:700;color:#fff;z-index:1000;box-shadow:0 4px 12px #00000080;pointer-events:none;max-width:90%;text-align:center;word-break:keep-all}@media (max-width: 768px){.map-viewer-title-overlay{top:10px;padding:8px 16px;font-size:16px;border-width:1px;max-width:85%}}.map-viewer-fullscreen{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.map-viewer-loading,.map-viewer-error{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:#111124;color:#fff;position:fixed;top:0;left:0}.share-modal{max-width:600px;width:90%}.share-url-container{margin:20px 0;padding:16px;background:#f5f5f5;border-radius:8px;border:2px solid #0984e3}.share-url-input{width:100%;padding:12px;font-size:14px;font-family:Courier New,monospace;border:1px solid #ddd;border-radius:4px;background:#fff;color:#333;text-align:center}.share-url-input:focus{outline:none;border-color:#0984e3}.share-modal-actions{display:flex;gap:12px;margin-top:24px}.share-btn{flex:1;padding:12px 24px;border:none;border-radius:4px;font-size:16px;font-weight:500;cursor:pointer;transition:all .2s}.share-btn-copy{background:#0984e3;color:#fff}.share-btn-copy:hover{background:#0770c4}.share-btn-close{background:#666;color:#fff}.share-btn-close:hover{background:#555}@media (max-width: 768px){.share-modal{max-width:95%}.share-url-input{font-size:12px}.share-modal-actions{flex-direction:column}}.toast-notification{position:fixed;bottom:80px;left:50%;transform:translate(-50%);padding:16px 32px;background:#0984e3f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;border-radius:8px;font-size:16px;font-weight:500;box-shadow:0 4px 12px #0000004d;z-index:10000;animation:toast-slide-up .3s ease-out;pointer-events:none}@keyframes toast-slide-up{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 768px){.toast-notification{bottom:60px;padding:14px 24px;font-size:14px;max-width:90%}.toolbar-group{max-width:100%!important}.toolbar-input-title{max-width:200px!important;font-size:14px!important}}.admin-container{max-width:1200px;margin:0 auto;padding:16px}.admin-container h1{font-size:1.4rem;color:#fff;margin:0 0 16px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:1rem}.admin-actions input[type=text]{flex:1;min-width:180px;padding:8px 12px;background:#12121e;border:1px solid #444;border-radius:4px;color:#eee;font-size:14px}.admin-actions input[type=text]:focus{outline:none;border-color:#4a6cf7}.admin-form-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:20px;margin-bottom:16px}.admin-form-card h3{margin:0 0 16px;font-size:1rem;color:#fff}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-form-group{display:flex;flex-direction:column;gap:4px}.admin-form-group label{font-size:13px;color:#aaa}.admin-form-group input,.admin-form-group textarea{padding:8px 10px;background:#12121e;border:1px solid #444;border-radius:4px;color:#eee;font-size:14px;font-family:inherit}.admin-form-group input:focus,.admin-form-group textarea:focus{outline:none;border-color:#4a6cf7}.admin-form-group input:disabled{opacity:.5;cursor:not-allowed}.admin-form-actions{display:flex;gap:8px;margin-top:16px}.admin-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:4px}.admin-table{width:100%;border-collapse:collapse;font-size:14px;min-width:800px}.admin-table th,.admin-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #2a2a3e;white-space:nowrap}.admin-table th{background:#1a1a2e;color:#aaa;font-weight:600;position:sticky;top:0;z-index:10}.admin-table tr:hover td{background:#1e1e30}.admin-mobile-cards{display:none}.admin-mobile-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:16px}.admin-desktop-only{display:block}@media (max-width: 768px){.admin-mobile-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.admin-desktop-only{display:none}.admin-table-wrap{margin:0 -16px;padding:0 16px;border-left:3px solid #0984e3}.admin-table{font-size:12px}.admin-table th,.admin-table td{padding:8px 10px}.admin-table th:first-child,.admin-table td:first-child{position:sticky;left:0;background:#1a1a2e;z-index:5;box-shadow:2px 0 4px #0000004d}.admin-table td:first-child{background:#111124}.admin-table tr:hover td:first-child{background:#1e1e30}}.admin-btn{padding:6px 12px;border:1px solid #444;background:#2a2a3e;color:#ccc;border-radius:4px;cursor:pointer;font-size:13px;transition:background .15s}.admin-btn:hover{background:#3a3a50}.admin-btn--primary,.admin-btn-primary{background:#4a6cf7;border-color:#4a6cf7;color:#fff}.admin-btn--primary:hover,.admin-btn-primary:hover{background:#3a5ce0}.admin-btn--danger,.admin-btn-danger{background:#c0392b;border-color:#c0392b;color:#fff}.admin-btn--danger:hover,.admin-btn-danger:hover{background:#a93226}.admin-btn--success,.admin-btn-success{background:#27ae60;border-color:#27ae60;color:#fff}.admin-btn--success:hover,.admin-btn-success:hover{background:#219a52}.admin-btn--small,.admin-btn-sm{padding:4px 8px;font-size:12px}.admin-error{background:#c0392b26;border:1px solid #c0392b;color:#e74c3c;padding:8px 12px;border-radius:4px;margin-bottom:12px;font-size:13px}.role-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600;text-transform:uppercase}.role-badge--admin{background:#4a6cf7;color:#fff}.role-badge--leader{background:#e67e22;color:#fff}.role-badge--officer{background:#8e44ad;color:#fff}.role-badge--member{background:#27ae60;color:#fff}.role-badge--guest{background:#555;color:#ccc}.status-badge{display:inline-block;padding:2px 8px;border-radius:12px;font-size:12px;font-weight:600}.status-badge--active{background:#27ae6033;color:#2ecc71}.status-badge--banned{background:#c0392b33;color:#e74c3c}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-box{background:#1e1e30;border:1px solid #333;border-radius:8px;padding:24px;min-width:360px;max-width:480px;width:100%}.modal-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.modal-field label{font-size:13px;color:#aaa}.modal-field input,.modal-field select{padding:8px 10px;background:#12121e;border:1px solid #444;border-radius:4px;color:#eee;font-size:14px}.modal-field input:focus,.modal-field select:focus{outline:none;border-color:#4a6cf7}.blacklist-table{display:block}.blacklist-table table{width:100%;border-collapse:collapse;font-size:14px}.blacklist-table th,.blacklist-table td{padding:10px 12px;text-align:left;border-bottom:1px solid #2a2a3e}.blacklist-table th{background:#1a1a2e;color:#aaa;font-weight:600}.blacklist-table tr:hover td{background:#1e1e30}.blacklist-table .deleted-row{opacity:.6;background:#ff44441a}.blacklist-cards{display:none}.blacklist-card{background:#1a1a2e;border:1px solid #333;border-radius:8px;padding:12px;margin-bottom:12px}.blacklist-card.deleted-card{opacity:.6;background:#ff44441a;border-color:#f44}.blacklist-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.blacklist-card-row{display:flex;gap:8px;margin-bottom:6px;font-size:13px}.blacklist-card-label{color:#888;min-width:70px;flex-shrink:0}.blacklist-card-actions{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}@media (max-width: 768px){.admin-container{padding:12px}.admin-container h1{font-size:1.1rem;margin-bottom:12px}.admin-actions{gap:8px}.admin-actions input[type=text]{min-width:0;width:100%;flex-basis:100%}.admin-actions label{font-size:13px;margin-left:0!important}.admin-form-card{padding:14px}.admin-form-grid{grid-template-columns:1fr}.admin-form-group [style*=gridColumn]{grid-column:auto!important}.admin-btn{padding:8px 12px;font-size:13px}.admin-btn-sm,.admin-btn--small{padding:6px 10px;font-size:12px}.modal-box{min-width:auto;margin:16px}.blacklist-table{display:none}.blacklist-cards{display:block}.blacklist-card{padding:14px}.blacklist-card-actions{gap:8px}.blacklist-card-actions .admin-btn{flex:1;text-align:center}}.calc-nav-wrapper{position:relative;border-bottom:1px solid #333;background:#ffffff05}.calc-nav-wrapper:after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right,transparent,#111124);pointer-events:none;z-index:1}.calc-nav{display:flex;gap:4px;padding:8px 12px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.calc-nav::-webkit-scrollbar{display:none}.calc-nav-item{padding:8px 14px;border-radius:6px;font-size:.8rem;font-weight:500;color:#aaa;white-space:nowrap;cursor:pointer;transition:all .2s ease;border:1px solid transparent;background:transparent;text-decoration:none}.calc-nav-item:hover{color:#fff;background:#ffffff0d}.calc-nav-item--active{color:#fff;background:#0984e326;border-color:#0984e34d}.calc-page{padding:16px;max-width:1400px;margin:0 auto;overflow-x:hidden;width:100%;box-sizing:border-box}.calc-layout{display:flex;flex-direction:column;gap:16px}.calc-input-panel{background:#ffffff08;border:1px solid #333;border-radius:8px;padding:16px}.calc-input-panel__title{font-size:.9rem;font-weight:600;color:#fff;margin-bottom:16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.calc-result-panel{flex:1;min-width:0}.calc-label{font-size:.8rem;color:#aaa;margin-bottom:4px;display:block}.calc-select{width:100%;padding:8px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:6px;font-size:.85rem;cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.calc-select:focus{border-color:#0984e3;outline:none}.calc-input{width:100%;padding:8px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:6px;font-size:.85rem;text-align:right;font-variant-numeric:tabular-nums}.calc-input:focus{border-color:#0984e3;outline:none}.calc-input::placeholder{color:#555}.level-selector{display:flex;flex-direction:column;gap:8px}.level-selector__row{display:flex;align-items:center;gap:8px}.level-selector__label{width:36px;font-size:.8rem;color:#aaa;flex-shrink:0}.level-selector__select{flex:1}.calc-toggle-group{display:flex;flex-direction:column;gap:6px;margin-top:12px}.calc-toggle{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.8rem;color:#ccc}.calc-toggle input[type=checkbox]{accent-color:#0984e3;width:16px;height:16px}.calc-radio-group{display:flex;gap:4px}.calc-radio-btn{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:500;color:#aaa;background:transparent;border:1px solid #444;cursor:pointer;transition:all .2s ease}.calc-radio-btn:hover{color:#fff;border-color:#666}.calc-radio-btn--active{color:#fff;background:#0984e326;border-color:#0984e34d}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resource-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px;text-align:center;transition:all .2s ease}.resource-card:hover{background:#ffffff14;border-color:#ffffff26}.resource-card__label{font-size:.7rem;color:#888;margin-bottom:4px}.resource-card__value{font-size:.85rem;font-weight:600;color:#fff;font-variant-numeric:tabular-nums;word-break:break-all;line-height:1.3}.resource-card__value--deficit{color:#ff6b6b}.resource-card__value--surplus{color:#2ecc71}.resource-card__copy{margin-top:6px;padding:2px 8px;font-size:.65rem;color:#666;background:transparent;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .2s}.resource-card__copy:hover{color:#aaa;border-color:#666}.calc-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden;margin-bottom:12px;min-width:0;max-width:100%;box-sizing:border-box}.calc-card__header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.calc-card__title{font-size:.85rem;font-weight:600;color:#fff}.calc-card__body{padding:16px}.collapsible__trigger{display:flex;align-items:center;gap:8px;width:100%;padding:12px 16px;background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#ccc;font-size:.85rem;cursor:pointer;transition:all .2s}.collapsible__trigger:hover{background:#ffffff0d}.collapsible__arrow{transition:transform .2s}.collapsible__arrow--open{transform:rotate(90deg)}.collapsible__content{overflow:hidden;max-height:0;transition:max-height .3s ease}.collapsible__content--open{max-height:5000px}.calc-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px;border:1px solid rgba(255,255,255,.1);max-width:100%;width:100%;box-sizing:border-box}.calc-table{width:100%;border-collapse:collapse;font-size:.8rem;white-space:nowrap;font-variant-numeric:tabular-nums}.calc-table thead{background:#ffffff0d;position:sticky;top:0}.calc-table th{padding:8px 12px;color:#fff;font-weight:600;text-align:right;border-bottom:2px solid rgba(255,255,255,.1)}.calc-table th:first-child{text-align:left}.calc-table td{padding:6px 12px;color:#ccc;text-align:right;border-bottom:1px solid rgba(255,255,255,.05)}.calc-table td:first-child{text-align:left;color:#fff;font-weight:500}.calc-table tbody tr:hover{background:#ffffff08}.calc-table tfoot{border-top:2px solid rgba(255,255,255,.15)}.calc-table__slot-badge{display:inline-block;padding:1px 6px;border-radius:3px;font-size:.65rem;font-weight:600;background:#0984e326;color:#4facfe;margin-right:4px;vertical-align:middle}.calc-table__subtotal td{font-weight:600;color:#e0c56e;background:#ffffff0a;border-top:1px solid rgba(255,255,255,.12);border-bottom:2px solid rgba(255,255,255,.1);padding:8px 12px}.calc-table__total td{font-weight:700;color:#fff;padding:10px 12px;background:#0984e314}.calc-reset-btn{padding:6px 16px;font-size:.8rem;color:#aaa;background:transparent;border:1px solid #444;border-radius:6px;cursor:pointer;transition:all .2s;margin-top:12px}.calc-reset-btn:hover{color:#ff6b6b;border-color:#ff6b6b}.calc-field{margin-bottom:12px}.calc-separator{border:none;border-top:1px solid rgba(255,255,255,.1);margin:16px 0}.building-selector{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:12px}.building-selector__item{padding:8px;border-radius:6px;border:1px solid #444;background:transparent;color:#aaa;font-size:.75rem;cursor:pointer;transition:all .2s;text-align:center}.building-selector__item:hover{color:#fff;border-color:#666}.building-selector__item--active{color:#fff;background:#0984e326;border-color:#0984e34d}.expert-picker{display:flex;align-items:center;gap:12px;margin-bottom:16px}.expert-picker__image-wrap{width:64px;height:64px;border-radius:8px;overflow:hidden;border:2px solid #444;flex-shrink:0;cursor:pointer;transition:border-color .2s}.expert-picker__image-wrap:hover{border-color:#0984e3}.expert-picker__image{width:100%;height:100%;object-fit:cover}.expert-picker__placeholder{width:100%;height:100%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;color:#555;font-size:1.5rem}.expert-picker__info{flex:1}.expert-picker__name{font-size:.9rem;font-weight:600;color:#fff}.expert-picker__hint{font-size:.7rem;color:#666}.expert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.expert-modal{background:#1a1a2e;border-radius:8px;padding:20px;width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.expert-modal__title{font-size:1rem;font-weight:600;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.expert-modal__close{background:none;border:none;color:#aaa;font-size:1.2rem;cursor:pointer}.expert-modal__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.expert-modal__item{cursor:pointer;border:2px solid transparent;border-radius:8px;overflow:hidden;transition:all .2s;text-align:center;padding:8px;background:#ffffff08}.expert-modal__item:hover{border-color:#0984e380;background:#ffffff0f}.expert-modal__item--selected{border-color:#0984e3}.expert-modal__item-img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px;margin-bottom:4px}.expert-modal__item-name{font-size:.75rem;color:#ccc}.calc-stack{display:flex;flex-direction:column;gap:16px;max-width:900px;min-width:0;overflow:hidden}.hero-slots--wide,.gem-slots--wide{display:grid;grid-template-columns:1fr;gap:10px}.hero-slots{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:16px}.hero-slot{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:14px}.hero-slot__title{font-size:.8rem;font-weight:600;color:#ccc;margin-bottom:8px;text-align:center}.hero-ref-table-wrap{margin-top:16px;border-top:1px solid #333;padding-top:12px}.hero-slot .level-selector{flex-direction:row;gap:10px}.hero-slot .level-selector__row{flex:1}.hero-slot .level-selector__label{width:auto;font-size:.75rem;min-width:28px}.hero-slot .calc-select{padding:12px 14px;font-size:1rem;min-height:46px;border-radius:8px}.resource-compare{display:flex;flex-direction:column;gap:8px}.resource-compare__row{display:grid;grid-template-columns:70px 1fr 1fr 80px;align-items:center;gap:8px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.05)}.resource-compare__section-label{font-size:.75rem;font-weight:600;color:#888;padding-bottom:4px;border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:6px}.resource-compare__label{font-size:.8rem;color:#aaa}.resource-compare__need{font-size:.85rem;color:#fff;text-align:right;font-variant-numeric:tabular-nums}.resource-compare__own-input{padding:10px 12px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:6px;font-size:.9rem;text-align:right;font-variant-numeric:tabular-nums;width:100%;min-height:42px;box-sizing:border-box}.resource-compare__own-input:focus{border-color:#0984e3;outline:none}.resource-compare__diff{font-size:.8rem;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.resource-compare__diff--deficit{color:#ff6b6b}.resource-compare__diff--surplus{color:#2ecc71}.research-categories{display:flex;flex-direction:column;gap:12px}.research-category{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.research-category__title{font-size:.85rem;font-weight:600;margin-bottom:10px;padding-bottom:6px;border-bottom:1px solid rgba(255,255,255,.1)}.research-category__title--battle{color:#ff6b6b}.research-category__title--economy{color:#43e97b}.research-category__title--growth{color:#4facfe}.research-item{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:.8rem}.research-item__name{flex:1;color:#ccc;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.research-item__select{width:80px;padding:4px 6px;background:#0f0f1e;border:1px solid #444;color:#fff;border-radius:4px;font-size:.75rem}.research-item__select:focus{border-color:#0984e3;outline:none}.research-item__arrow{color:#555;font-size:.7rem}.research-tab-bar,.pet-rarity-tabs{display:flex;gap:4px;margin-bottom:12px}.pet-rarity-tab{padding:6px 14px;border-radius:6px;font-size:.8rem;font-weight:600;border:1px solid #444;background:transparent;cursor:pointer;transition:all .2s}.pet-rarity-tab--N{color:#aaa}.pet-rarity-tab--R{color:#43e97b}.pet-rarity-tab--SR{color:#4facfe}.pet-rarity-tab--SSR{color:#f5576c}.pet-rarity-tab--active{background:#ffffff1a;border-color:currentColor}.gem-slots{display:flex;flex-direction:column;gap:10px}.gem-slots .hero-slot{padding:16px}.gem-slots .hero-slot .level-selector{flex-direction:row;gap:10px}.gem-slots .hero-slot .level-selector__row{flex:1}.gem-slots .hero-slot .level-selector__label{width:auto;font-size:.75rem;min-width:28px}.gem-slots .hero-slot .calc-select{padding:12px 14px;font-size:1rem;min-height:46px;border-radius:8px}.level-combo{display:flex;align-items:center;gap:6px;flex:1;min-width:0}.level-combo__label{font-size:.75rem;color:#aaa;flex-shrink:0;min-width:28px}.level-combo__input-wrap{display:flex;flex:1;min-width:0;position:relative}.level-combo__select{flex:1;min-width:0;padding-right:36px!important;border-top-right-radius:0!important;border-bottom-right-radius:0!important}.level-combo__input{flex:1;min-width:0;border-top-right-radius:0!important;border-bottom-right-radius:0!important;text-align:center;font-size:1rem;padding:12px 10px}.level-combo__toggle{padding:0 10px;background:#ffffff0f;border:1px solid #444;border-left:none;border-radius:0 6px 6px 0;color:#888;font-size:.8rem;cursor:pointer;transition:all .2s;flex-shrink:0;display:flex;align-items:center}.level-combo__toggle:hover{background:#ffffff1a;color:#fff}.level-combo-row{display:flex;align-items:center;gap:8px}.level-combo-row__arrow{color:#555;font-size:.85rem;flex-shrink:0}.gem-group-units{display:grid;grid-template-columns:1fr;gap:10px;margin-bottom:10px}.gem-group-subtotal{display:flex;gap:16px;padding:8px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;font-size:.78rem;color:#aaa}.gem-group-subtotal__item{display:flex;align-items:center;gap:4px}.gem-group-subtotal__item strong{color:#fff;font-weight:600}.gem-top-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 0}.gem-top-bar__title{font-size:1rem;font-weight:700;color:#fff}.gem-top-bar__actions{display:flex;gap:8px;align-items:center}.gem-postit-anchor{position:relative}.gem-postit-btn{padding:6px 12px;font-size:.78rem;font-weight:500;color:#f0c040;background:#f0c04014;border:1px solid rgba(240,192,64,.25);border-radius:6px;cursor:pointer;transition:all .2s}.gem-postit-btn:hover{background:#f0c04026;border-color:#f0c04066}.gem-postit-btn--active{color:#fff;background:#f0c04033;border-color:#f0c04080}.gem-postit{position:absolute;top:calc(100% + 6px);right:0;z-index:50;width:max(280px,40vw);max-width:400px;background:#1c1a10;border:1px solid rgba(240,192,64,.35);border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}.gem-postit__header{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:#f0c0401a;border-bottom:1px solid rgba(240,192,64,.15);font-size:.82rem;font-weight:600;color:#f0c040}.gem-postit__close{background:none;border:none;color:#999;font-size:.85rem;font-weight:700;cursor:pointer;padding:2px 6px;border-radius:4px;transition:all .15s}.gem-postit__close:hover{color:#fff;background:#ffffff1a}.gem-postit__body{max-height:50vh;overflow-y:auto}.gem-postit__body .calc-table{font-size:.75rem}.gem-info-bar{display:flex;flex-direction:column;gap:4px;padding:10px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:8px;font-size:.78rem;color:#999;line-height:1.5}.gem-info-bar__accent{color:#f0c040;font-weight:600}.gem-info-bar__hint{font-size:.72rem;color:#666}.gem-unit__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.gem-unit__head .gem-unit__title{margin-bottom:0}.gem-unit__reset{padding:2px 8px;font-size:.65rem;color:#777;background:transparent;border:1px solid #444;border-radius:4px;cursor:pointer;transition:all .15s}.gem-unit__reset:hover{color:#ff6b6b;border-color:#ff6b6b}.gem-detail-toggle{padding:4px 12px;font-size:.73rem;font-weight:500;color:#4facfe;background:#0984e314;border:1px solid rgba(9,132,227,.2);border-radius:5px;cursor:pointer;transition:all .2s}.gem-detail-toggle:hover{background:#0984e326;border-color:#0984e366}.gem-slot-result{display:flex;gap:10px;padding:3px 0 3px 40px;font-size:.68rem;color:#888;font-variant-numeric:tabular-nums}.gem-slot-calc-btn{padding:3px 8px;font-size:.65rem;font-weight:500;color:#4facfe;background:#0984e314;border:1px solid rgba(9,132,227,.2);border-radius:4px;cursor:pointer;transition:all .15s;flex-shrink:0;white-space:nowrap}.gem-slot-calc-btn:hover{background:#0984e326;border-color:#0984e366}.gem-slot-calc-btn--active{color:#aaa;background:#ffffff0d;border-color:#444}.gem-slot-result{display:flex;gap:10px;padding:4px 0 4px 40px;font-size:.7rem;color:#999;font-variant-numeric:tabular-nums}.gem-slot-result strong{color:#ddd;font-weight:600}.gem-slot-result--empty{color:#555;font-style:italic}.gem-ref-totals{display:flex;flex-direction:column;gap:8px}.gem-ref-totals__row{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 12px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:6px}.gem-ref-totals__label{font-size:.8rem;font-weight:600;color:#f0c040;min-width:80px}.gem-ref-totals__val{font-size:.75rem;color:#aaa}.gem-ref-totals__val strong{color:#fff;font-weight:600}.gem-group-detail{margin-top:10px}.gem-group-detail__title{font-size:.75rem;font-weight:600;color:#4facfe;margin-bottom:6px}.gem-unit-grid{display:grid;grid-template-columns:1fr;gap:12px}.gem-unit{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px}.gem-unit__title{font-size:.8rem;font-weight:600;color:#ccc;margin-bottom:8px;text-align:center}.gem-unit__slots{display:flex;flex-direction:column;gap:6px}.gem-unit__slot{display:flex;align-items:center;gap:6px}.gem-unit__slot-label{font-size:.7rem;color:#888;flex-shrink:0;min-width:32px}.gem-unit__arrow{color:#555;font-size:.8rem;flex-shrink:0}.calc-copied-toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:8px 16px;border-radius:6px;font-size:.8rem;z-index:1000;animation:fadeInDown .3s ease}@media (max-width: 768px){.calc-page{padding:10px;max-width:100vw;overflow-x:hidden}.calc-card,.calc-input-panel,.calc-result-panel,.calc-table-wrap,.calc-layout,.calc-stack{max-width:100%;box-sizing:border-box}.calc-card__body{padding:10px}.calc-card__header{padding:8px 10px}.calc-card__title{font-size:.8rem}.calc-input-panel{padding:12px}.calc-input-panel__title{font-size:.82rem;margin-bottom:12px}.level-selector__row{gap:6px}.calc-select,.calc-input{padding:6px 10px;font-size:.8rem}.calc-radio-group{flex-wrap:wrap}.calc-radio-btn{padding:5px 10px;font-size:.75rem}.calc-toggle,.calc-label{font-size:.75rem}.building-selector__item{padding:6px;font-size:.7rem}.resource-grid{gap:6px}.resource-card{padding:8px 6px;border-radius:6px}.resource-card__label{font-size:.65rem}.resource-card__value{font-size:.75rem}.resource-card__copy{font-size:.6rem;padding:2px 6px}.calc-table{font-size:.72rem}.calc-table th{padding:6px;font-size:.72rem}.calc-table td{padding:4px 6px}.level-combo__label{font-size:.7rem;min-width:22px}.level-combo__input{padding:8px 6px;font-size:.85rem;min-height:36px}.level-combo__toggle{padding:0 6px;font-size:.75rem}.level-combo-row{gap:4px}.level-combo-row__arrow{font-size:.75rem}.hero-slot{padding:10px}.hero-slot__title{font-size:.75rem;margin-bottom:6px}.hero-slot .calc-select{padding:8px 10px;font-size:.85rem;min-height:38px}.hero-slot .level-selector__label{font-size:.7rem}.resource-compare__row{grid-template-columns:50px 1fr 1fr 60px;gap:4px}.resource-compare__label{font-size:.7rem}.resource-compare__need{font-size:.75rem}.resource-compare__own-input{padding:6px;font-size:.78rem;min-height:34px}.resource-compare__diff{font-size:.72rem}.research-category-mobile-wrap{display:none}.research-category-mobile-wrap--active{display:block}.research-category{padding:10px}.research-category__title{font-size:.8rem;margin-bottom:8px}.research-item{font-size:.75rem;gap:4px;margin-bottom:6px}.research-item__select{width:62px;padding:4px;font-size:.72rem}.expert-picker{gap:10px}.expert-picker__image-wrap{width:52px;height:52px}.expert-picker__name{font-size:.82rem}.expert-picker__hint{font-size:.65rem}.expert-modal{padding:14px;width:92%}.expert-modal__grid{gap:8px}.expert-modal__item{padding:6px}.expert-modal__item-name{font-size:.68rem}.pet-rarity-tab{padding:5px 10px;font-size:.75rem}.gem-top-bar{padding:6px 0;flex-wrap:wrap;gap:8px}.gem-top-bar__title{font-size:.88rem}.gem-info-bar{padding:8px 10px;font-size:.7rem}.gem-info-bar__hint{font-size:.65rem}.gem-ref-totals__row{gap:6px;padding:6px 8px;font-size:.72rem}.gem-ref-totals__label{font-size:.72rem;min-width:60px}.gem-ref-totals__val{font-size:.68rem}.gem-unit{padding:10px}.gem-unit__title{font-size:.75rem;margin-bottom:6px}.gem-unit__slot{display:grid;grid-template-columns:28px 1fr auto 1fr auto;gap:3px;align-items:center}.gem-unit__slot-label{font-size:.65rem;min-width:28px}.gem-unit__arrow{font-size:.7rem}.gem-slot-calc-btn{padding:2px 6px;font-size:.6rem}.gem-slot-result{padding:3px 0 3px 28px;font-size:.65rem;gap:6px}.gem-group-subtotal{gap:8px;padding:6px 8px;font-size:.72rem;flex-wrap:wrap}.gem-group-detail__title{font-size:.7rem}.gem-detail-toggle{padding:3px 8px;font-size:.68rem}.gem-postit{width:max(240px,70vw)}.gem-postit__header{padding:6px 10px;font-size:.75rem}.gem-postit__body .calc-table{font-size:.68rem}.ref-tabs{gap:4px}.ref-tab{padding:5px 9px;font-size:.7rem}.ref-table{font-size:.68rem}.ref-table th{padding:5px 6px}.ref-table td{padding:4px 6px}.fort-week-banner{padding:10px 12px;margin-bottom:12px;gap:6px}.fort-week-banner__num{font-size:1.3rem}.fort-week-banner__total{font-size:.8rem}.fort-week-banner__label{font-size:.72rem}.fort-section{margin-bottom:14px}.fort-section__title{font-size:.82rem}.fort-reward-grid{grid-template-columns:1fr 1fr;gap:4px}.fort-reward-item{padding:6px 8px;gap:6px;border-radius:6px}.fort-reward-item__num{width:18px;height:18px;font-size:.6rem;border-radius:4px}.fort-reward-item__dot{width:6px;height:6px}.fort-reward-item__name{font-size:.68rem}.svs-today-header{padding:10px 12px;gap:8px}.svs-today-header__day{font-size:.92rem}.svs-today-header__badge{font-size:.5rem;padding:1px 5px}.svs-today-header__count{font-size:.65rem}.svs-today-item{padding:7px 12px;gap:8px}.svs-today-item__num{width:18px;height:18px;font-size:.58rem;border-radius:4px}.svs-today-item__task{font-size:.72rem}.svs-today-item__points{font-size:.68rem}.svs-day{min-width:36px;font-size:.68rem}.svs-task{padding-left:4px;font-size:.68rem;white-space:normal;word-break:keep-all}.svs-points{font-size:.62rem;white-space:nowrap}.svs-today-banner{padding:8px 10px;font-size:.78rem;margin-bottom:8px}.svs-today-badge{font-size:.5rem;padding:0 4px}.pkg-schedule{gap:12px}.pkg-schedule__title{font-size:.78rem}.pkg-schedule__list{font-size:.72rem;padding-left:16px;line-height:1.6}.pkg-schedule__list li{word-break:keep-all}.pkg-subtitle{font-size:.75rem}.pkg-note{font-size:.68rem}.pkg-schedule__section,.calc-card__body .calc-table-wrap{max-width:100%;overflow-x:auto}.collapsible__trigger{padding:10px 12px;font-size:.8rem}.calc-reset-btn{padding:5px 12px;font-size:.75rem}.calc-stack{gap:10px}.calc-card{margin-bottom:8px}}@media (min-width: 769px){.calc-page{padding:24px}.calc-nav-item{padding:8px 16px;font-size:.85rem}.calc-layout{flex-direction:row;gap:24px}.calc-input-panel{width:360px;flex-shrink:0;position:sticky;top:0;align-self:flex-start;max-height:calc(100vh - 140px);overflow-y:auto;padding:20px}.resource-grid{grid-template-columns:repeat(3,1fr);gap:10px}.calc-card__body{padding:16px}.research-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.research-tab-bar{display:none}.research-category-mobile-wrap{display:block}.collapsible__trigger--desktop-hide{display:none}.collapsible__content--desktop-open{max-height:none;overflow:visible}.hero-slots{grid-template-columns:repeat(2,1fr);gap:12px}.hero-slots--wide{grid-template-columns:repeat(2,1fr);gap:14px}.gem-slots--wide{grid-template-columns:repeat(3,1fr);gap:14px}@media (max-width: 1100px) and (min-width: 769px){.gem-slots--wide{grid-template-columns:repeat(2,1fr)}}.resource-compare__row{grid-template-columns:80px 1fr 1fr 100px;gap:12px}.building-selector{grid-template-columns:repeat(3,1fr)}.expert-modal__grid{grid-template-columns:repeat(4,1fr)}.expert-modal{max-width:600px}.expert-picker__image-wrap{width:80px;height:80px}.gem-slots{flex-direction:row;gap:16px}.gem-slots>*{flex:1}.gem-unit-grid,.gem-group-units{grid-template-columns:repeat(2,1fr);gap:14px}}@media (min-width: 1100px){.gem-unit-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width: 1200px){.resource-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.ref-tabs{display:flex;gap:6px;flex-wrap:wrap;padding-bottom:4px}.ref-tab{padding:6px 12px;border-radius:6px;font-size:.75rem;font-weight:500;color:#aaa;white-space:nowrap;cursor:pointer;border:1px solid #333;background:transparent;transition:all .2s}.ref-tab:hover{color:#fff;border-color:#555}.ref-tab--active{color:#fff;background:#4f46e5;border-color:#4f46e5}.ref-table{font-size:.75rem}.ref-table th{background:#4f46e526;font-weight:600;white-space:nowrap}.ref-table td{white-space:nowrap}.ref-table__label{font-weight:600;color:#93c5fd;background:#3b82f614}.ref-table__alt{background:#ffffff08}.fort-week-banner{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 16px;margin-bottom:16px;border-radius:10px;background:linear-gradient(135deg,#4f46e52e,#fbbf241f);border:1px solid rgba(79,70,229,.3)}.fort-week-banner__label{font-size:.8rem;color:#aaa}.fort-week-banner__num{font-size:1.6rem;font-weight:800;color:#fbbf24;line-height:1}.fort-week-banner__total{font-size:.9rem;color:#ccc;font-weight:500}.fort-week-banner__cycle{font-size:.65rem;color:#777;background:#ffffff0f;padding:2px 8px;border-radius:10px}.fort-section{margin-bottom:20px}.fort-section__header{display:flex;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.fort-section__icon{font-size:1rem}.fort-section__title{font-size:.9rem;font-weight:700;color:#fff}.fort-section__count{font-size:.65rem;color:#777;background:#ffffff0f;padding:2px 8px;border-radius:10px;margin-left:auto}.fort-reward-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.fort-reward-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);transition:background .15s}.fort-reward-item:hover{background:#ffffff0f}.fort-reward-item__num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#ffffff14;font-size:.68rem;font-weight:700;color:#aaa;flex-shrink:0}.fort-reward-item__dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.fort-reward-item__name{font-size:.78rem;color:#ddd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fort-current-info{font-size:.85rem;color:#ccc;margin-bottom:12px;padding:10px 14px;border-radius:8px;background:#4f46e51f;border:1px solid rgba(79,70,229,.3);text-align:center}.fort-current-info strong{color:#fbbf24;font-size:1.1rem}.fort-current-info__cycle{color:#777;font-size:.75rem;margin-left:6px}.fort-now{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.fort-now__title{font-size:.85rem;font-weight:600;color:#fbbf24;margin:0}.fort-now__section{display:flex;flex-direction:column;gap:4px}.fort-now__label{font-size:.75rem;font-weight:600;color:#93c5fd;padding:3px 8px;background:#3b82f61a;border-radius:4px;align-self:flex-start}.fort-now__table{width:100%;border-collapse:collapse;table-layout:fixed;max-width:420px}.fort-now__table td{padding:4px 0;vertical-align:middle;border-bottom:1px solid rgba(255,255,255,.04)}.fort-now__table tr:last-child td{border-bottom:none}.fort-now__table .fort-now__num{width:16px;font-size:.72rem;font-weight:700;color:#93c5fd;text-align:right;padding-right:3px;overflow:hidden}.fort-now__table .fort-now__reward{font-size:.76rem;color:#e5e5e5;width:calc(50% - 16px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fort-full-toggle{width:100%;padding:8px;font-size:.78rem;font-weight:500;color:#aaa;background:#ffffff08;border:1px dashed #444;border-radius:6px;cursor:pointer;margin-bottom:12px;transition:all .2s}.fort-full-toggle:hover{color:#fff;border-color:#666;background:#ffffff0f}.fort-scroll-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-height:520px;overflow-y:auto;max-width:100%;width:100%;box-sizing:border-box}.fort-table{font-size:.72rem;table-layout:fixed}.fort-th--sticky,.fort-td--sticky{position:sticky;left:0;z-index:2}.fort-th--sticky{background:#4f46e54d}.fort-td--sticky{background:#1a1a2e}.fort-th--current{background:#fbbf2440!important;color:#fbbf24;position:relative}.fort-td--current{background:#fbbf2414;color:#fff;font-weight:600}.fort-week-badge{display:block;font-size:.55rem;font-weight:700;color:#111;background:#fbbf24;border-radius:3px;padding:0 4px;margin-top:2px;line-height:1.4}@media (max-width: 640px){.fort-table td,.fort-table th{padding:4px 5px;font-size:.62rem;min-width:52px}.fort-th--sticky,.fort-td--sticky{min-width:34px;max-width:34px}}.ref-furnace-grid{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.ref-furnace-grid{grid-template-columns:1fr 1fr}}.ref-table--hero td,.ref-table--hero th{font-size:.7rem;padding:4px 6px;text-align:left}.ref-table--hero thead th{position:sticky;top:0;z-index:2;background:#1a1a2e}.ref-table--hero td.ref-hero-name{text-align:left;font-weight:700;font-size:.78rem;letter-spacing:.3px}.ref-hero-search-wrap{display:flex;align-items:center;gap:8px;margin-bottom:12px}.ref-hero-search{flex:1;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:6px;padding:8px 12px;color:#fff;font-size:.82rem;outline:none;font-family:inherit}.ref-hero-search::placeholder{color:#555}.ref-hero-search:focus{border-color:#4f46e5}.ref-table--hero td .ref-hero-marker{color:red!important;font-size:.85rem;margin-right:4px;text-shadow:0 0 6px rgba(255,0,0,.6);animation:markerBlink .6s ease infinite}@keyframes markerBlink{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ref-hero-highlight{background:#38bdf84d!important;animation:heroHighlight 3s ease}@keyframes heroHighlight{0%{background:#38bdf880}to{background:#38bdf84d}}.ref-table--hero .ref-hero-type{font-weight:600}.ref-table--hero td.ref-hero-type--방패{color:#a78bfa}.ref-table--hero td.ref-hero-type--창병{color:#34d399}.ref-table--hero td.ref-hero-type--궁병{color:#fb923c}.ref-table--hero td.ref-role--atk{color:#f87171;font-weight:600}.ref-table--hero td.ref-role--def{color:#60a5fa;font-weight:600}.ref-table--hero tr.ref-hero-gen-first>td{border-top:2px solid #e6a020}.ref-hero-legend{display:flex;flex-wrap:wrap;gap:6px 14px;margin-bottom:10px;font-size:.72rem;color:#888}.ref-hero-legend span{display:inline-flex;align-items:center;gap:4px}.ref-hero-dot{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.ref-hero-dot--방패{background:#a78bfa}.ref-hero-dot--창병{background:#34d399}.ref-hero-dot--궁병{background:#fb923c}.ref-hero-dot--atk{background:#f87171}.ref-hero-dot--def{background:#60a5fa}.bld-settings{display:flex;flex-wrap:wrap;gap:12px 24px;align-items:center}.bld-settings__row{display:flex;align-items:center;gap:8px}.bld-settings__row .calc-label{margin:0;white-space:nowrap;font-size:.78rem}.bld-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:12px}.bld-card{background:#ffffff08;border:1px solid rgba(255,255,255,.1);border-radius:8px;overflow:hidden}.bld-card__header{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid rgba(255,255,255,.05);background:#ffffff05}.bld-card__img{width:52px;height:52px;object-fit:contain;border-radius:6px;flex-shrink:0}.bld-card__name{font-size:.82rem;font-weight:600;color:#fff}.bld-card__body{padding:10px 12px}.bld-card__levels{display:flex;gap:10px;margin-bottom:8px}.bld-card__level-row{display:flex;align-items:center;gap:4px;flex:1}.bld-card__level-label{font-size:.7rem;color:#888;white-space:nowrap}.bld-card__select{flex:1;min-width:0;font-size:.72rem;padding:4px 6px}.bld-card__resources{display:grid;grid-template-columns:repeat(2,1fr);gap:3px 8px;font-size:.7rem;color:#ccc}.bld-card__res{display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden}.bld-card__res span{color:#fff;font-weight:500}@media (max-width: 768px){.bld-grid{grid-template-columns:repeat(2,1fr);gap:6px}.bld-card__header{padding:6px 8px;gap:6px}.bld-card__body{padding:8px}.bld-card__name{font-size:.72rem}.bld-card__level-label{font-size:.62rem}.bld-card__select{font-size:.65rem;padding:3px 4px}.bld-card__resources{font-size:.62rem;gap:2px 6px}.bld-settings{flex-direction:column;align-items:stretch;gap:10px}.bld-settings__row{flex-wrap:wrap}.bld-card__img{width:40px;height:40px}.bld-card__levels{flex-direction:column;gap:6px}.bld-card__resources{grid-template-columns:repeat(2,1fr)}}.svs-day{font-weight:700;white-space:nowrap;min-width:60px;text-align:center}.svs-task{text-align:left;padding-left:8px}.svs-points{white-space:nowrap;font-weight:500;color:#fbbf24}.svs-today-off{text-align:center;padding:16px;color:#777;font-size:.85rem}.svs-today-header{display:flex;align-items:center;gap:10px;padding:12px 16px;background:linear-gradient(135deg,#fbbf2426,#4f46e51a);border-bottom:1px solid rgba(251,191,36,.2);border-radius:8px 8px 0 0}.svs-today-header__day{font-size:1.05rem;font-weight:800;color:#fbbf24}.svs-today-header__badge{font-size:.55rem;font-weight:700;color:#111;background:#fbbf24;border-radius:4px;padding:2px 7px;letter-spacing:.5px;line-height:1.4}.svs-today-header__count{font-size:.7rem;color:#888;margin-left:auto}.svs-today-list{display:flex;flex-direction:column}.svs-today-item{display:flex;align-items:center;gap:10px;padding:9px 16px;border-bottom:1px solid rgba(255,255,255,.04);transition:background .12s}.svs-today-item:last-child{border-bottom:none}.svs-today-item:hover{background:#ffffff08}.svs-today-item__num{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;background:#fbbf241f;border:1px solid rgba(251,191,36,.2);font-size:.65rem;font-weight:700;color:#fbbf24;flex-shrink:0}.svs-today-item__task{flex:1;font-size:.82rem;color:#ddd;min-width:0}.svs-today-item__points{font-size:.78rem;font-weight:600;color:#fbbf24;white-space:nowrap;flex-shrink:0}.svs-today-banner{padding:10px 14px;margin-bottom:10px;border-radius:8px;background:#fbbf241f;border:1px solid rgba(251,191,36,.3);font-size:.85rem;color:#fbbf24;text-align:center}.svs-today-row{background:#fbbf2414!important}.svs-today-row td{color:#fff}.svs-day--today{background:#fbbf242e!important;color:#fbbf24!important}.svs-today-badge{display:block;font-size:.55rem;font-weight:700;color:#111;background:#fbbf24;border-radius:3px;padding:1px 5px;margin-top:4px;line-height:1.4}.pkg-schedule{display:flex;flex-direction:column;gap:16px}.pkg-schedule__title{font-size:.85rem;font-weight:600;color:#93c5fd;margin-bottom:6px}.pkg-schedule__list{list-style:disc;padding-left:20px;font-size:.8rem;color:#ccc;line-height:1.8}.pkg-subtitle{font-size:.82rem;font-weight:600;color:#fb923c;margin-bottom:8px}.pkg-note{font-size:.75rem;color:#9ca3af;margin-top:8px}.pkg-note--warn{color:#f87171;font-weight:600}.pkg-note--info{color:#60a5fa;font-weight:500}.ref-note{font-size:.8rem;color:#fbbf24;font-weight:500;margin-bottom:8px}.global-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh;animation:searchFadeIn .15s ease}@keyframes searchFadeIn{0%{opacity:0}to{opacity:1}}.global-search-modal{width:100%;max-width:580px;background:#1a1a2e;border:1px solid #333;border-radius:12px;box-shadow:0 16px 48px #0006;overflow:hidden;display:flex;flex-direction:column;max-height:70vh;animation:searchSlideDown .15s ease}@keyframes searchSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.global-search-input-wrap{display:flex;align-items:center;padding:16px 20px;border-bottom:1px solid #333;gap:12px}.global-search-icon{flex-shrink:0;color:#666;display:flex}.global-search-input{flex:1;background:transparent;border:none;outline:none;color:#fff;font-size:1rem;font-family:inherit}.global-search-input::placeholder{color:#555}.global-search-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:6px;color:#888;font-size:.85rem;cursor:pointer;flex-shrink:0;transition:all .15s}.global-search-close:hover{background:#ffffff26;color:#fff}.global-search-results{overflow-y:auto;padding:8px 0;scrollbar-width:thin;scrollbar-color:#333 transparent}.global-search-empty{padding:40px 20px;text-align:center;color:#555;font-size:.88rem}.global-search-group{padding:4px 0}.global-search-group-label{padding:10px 20px 4px;font-size:.68rem;color:#666;font-weight:600;letter-spacing:.5px}.global-search-item{display:flex;align-items:center;gap:12px;padding:10px 20px;cursor:pointer;transition:background .1s}.global-search-item:hover,.global-search-item--active{background:#4f46e526}.global-search-item-label{color:#eee;font-size:.88rem;font-weight:500}.global-search-item-desc{color:#666;font-size:.75rem;margin-left:auto;white-space:nowrap;flex-shrink:0}.top-bar-search-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:8px;color:#aaa;cursor:pointer;transition:all .15s;flex-shrink:0}.top-bar-search-btn:hover{background:#ffffff1f;color:#fff}.global-search-shortcut-hint{text-align:center;padding:12px;color:#444;font-size:.72rem;border-top:1px solid rgba(255,255,255,.04)}.global-search-shortcut-hint kbd{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:3px;padding:1px 5px;font-size:.65rem;font-family:monospace;color:#555}@media (max-width: 768px){.global-search-overlay{padding-top:0;align-items:stretch}.global-search-modal{max-width:100%;max-height:100vh;border-radius:0;border:none}.global-search-input-wrap{padding:14px 16px}.global-search-item{padding:12px 16px}.global-search-group-label{padding:10px 16px 4px}.global-search-item-label{font-size:.82rem}.global-search-item-desc{font-size:.7rem}.global-search-shortcut-hint{display:none}}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#111124;color:#fff;overflow-x:hidden;max-width:100vw}#root{width:100%;height:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f0f1e}::-webkit-scrollbar-thumb{background:#444;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#666}@media (max-width: 768px){html,body,#root{height:auto;min-height:100%}}.my-maps-page{padding:16px;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box;overflow-x:hidden}.my-maps-title{margin:0 0 20px;font-size:1.5rem;font-weight:600}.my-maps-error{color:#dc3545;margin-bottom:16px;padding:12px;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.3)}.my-maps-loading,.my-maps-empty{color:#888;text-align:center;padding:40px;font-size:1rem}.dashboard-container{padding:8px;box-sizing:border-box;width:100%;max-width:100vw;overflow-x:hidden}.dashboard-title{margin-bottom:6px;font-size:1.4rem}.dashboard-subtitle{color:#aaa;margin-bottom:16px;font-size:.85rem}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;width:100%}.dashboard-card{padding:10px;background:#1a1a2e;border-radius:6px;border:1px solid;cursor:pointer;transition:all .2s;box-sizing:border-box;overflow:hidden;min-width:0;width:100%}.dashboard-card-icon{font-size:1.6rem;margin-bottom:5px}.dashboard-card-title{margin-bottom:3px;color:#fff;font-size:.8rem;font-weight:600;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word}.dashboard-card-description{color:#888;font-size:.65rem;margin:0;line-height:1.4;word-wrap:break-word;word-break:keep-all;overflow-wrap:break-word}@media (min-width: 769px){.dashboard-container{padding:24px}.dashboard-title{font-size:2rem}.dashboard-subtitle{margin-bottom:32px;font-size:1rem}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.dashboard-card{padding:24px}.dashboard-card-icon{font-size:3rem;margin-bottom:12px}.dashboard-card-title{margin-bottom:8px;font-size:1.1rem}.dashboard-card-description{font-size:.9rem;line-height:1.5}}.my-maps-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:100%;box-sizing:border-box}.my-map-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease;max-width:100%;overflow:hidden;box-sizing:border-box}.my-map-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.my-map-card:active{transform:translateY(0)}.my-map-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.my-map-card-title{font-size:1.1rem;font-weight:600;margin:0;flex:1;word-break:break-word}.my-map-card-button{padding:6px 16px;background:#0984e3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .2s ease}.my-map-card-button:hover{background:#0770c4}.my-map-card-button:active{background:#065fa8}.my-map-card-info{display:flex;flex-direction:column;gap:8px}.my-map-card-row{display:flex;align-items:center;font-size:.9rem;gap:8px}.my-map-card-label{color:#aaa;min-width:70px;font-weight:500}.my-map-card-key{font-family:monospace;font-size:.85rem;color:#888;word-break:break-all}.my-maps-table-wrap{display:none}@media (min-width: 769px){.my-maps-page{padding:24px}.my-maps-title{font-size:1.8rem}.my-maps-cards{display:none}.my-maps-table-wrap{display:block;overflow-x:auto}.my-maps-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:8px;overflow:hidden}.my-maps-table thead{background:#ffffff0d}.my-maps-table th{padding:12px 16px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.my-maps-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.my-maps-table tbody tr{transition:background .2s ease}.my-maps-table tbody tr:hover{background:#ffffff0d}.my-maps-table-title{font-weight:500;color:#fff;max-width:250px;word-break:break-word}.my-maps-table-key{font-family:monospace;font-size:.9rem;color:#888}.my-maps-table-button{padding:6px 16px;background:#0984e3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease}.my-maps-table-button:hover{background:#0770c4}.my-maps-table-button:active{background:#065fa8}}.admin-maps-page{padding:16px;max-width:1400px;margin:0 auto}.admin-maps-title{margin:0 0 20px;font-size:1.5rem;font-weight:600}.admin-maps-error{color:#dc3545;margin-bottom:16px;padding:12px;background:#dc35451a;border-radius:6px;border:1px solid rgba(220,53,69,.3)}.admin-maps-loading,.admin-maps-empty{color:#888;text-align:center;padding:40px;font-size:1rem}.admin-maps-cards{display:flex;flex-direction:column;gap:12px}.admin-map-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:16px;cursor:pointer;transition:all .2s ease}.admin-map-card:hover{background:#ffffff14;border-color:#fff3;transform:translateY(-2px)}.admin-map-card:active{transform:translateY(0)}.admin-map-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.admin-map-card-title{font-size:1.1rem;font-weight:600;margin:0;flex:1;word-break:break-word}.admin-map-card-button{padding:6px 16px;background:#0984e3;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.9rem;font-weight:500;white-space:nowrap;transition:background .2s ease}.admin-map-card-button:hover{background:#0770c4}.admin-map-card-button:active{background:#065fa8}.admin-map-card-info{display:flex;flex-direction:column;gap:8px}.admin-map-card-row{display:flex;align-items:center;font-size:.9rem;gap:8px}.admin-map-card-label{color:#aaa;min-width:70px;font-weight:500}.admin-map-card-key{font-family:monospace;font-size:.85rem;color:#888;word-break:break-all}.admin-maps-table-wrap{display:none}@media (min-width: 769px){.admin-maps-page{padding:24px}.admin-maps-title{font-size:1.8rem}.admin-maps-cards{display:none}.admin-maps-table-wrap{display:block;overflow-x:auto}.admin-maps-table{width:100%;border-collapse:collapse;background:#ffffff08;border-radius:8px;overflow:hidden}.admin-maps-table thead{background:#ffffff0d}.admin-maps-table th{padding:12px 16px;text-align:left;font-weight:600;color:#fff;border-bottom:2px solid rgba(255,255,255,.1)}.admin-maps-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);color:#ddd}.admin-maps-table tbody tr{transition:background .2s ease}.admin-maps-table tbody tr:hover{background:#ffffff0d}.admin-maps-table-title{font-weight:500;color:#fff;max-width:250px;word-break:break-word}.admin-maps-table-key{font-family:monospace;font-size:.9rem;color:#888}.admin-maps-table-button{padding:6px 16px;background:#0984e3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:500;transition:background .2s ease}.admin-maps-table-button:hover{background:#0770c4}.admin-maps-table-button:active{background:#065fa8}}.zoom-hint{position:fixed;top:80px;left:50%;transform:translate(-50%);background:#000000d9;color:#fff;padding:10px 16px;border-radius:8px;font-size:14px;font-weight:500;display:flex;align-items:center;gap:12px;box-shadow:0 4px 12px #0000004d;z-index:1000;animation:fadeInDown .3s ease}@keyframes fadeInDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.zoom-hint-close{background:transparent;border:none;color:#fff;font-size:18px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease}.zoom-hint-close:hover{opacity:1}@media (min-width: 769px){.zoom-hint{display:none}}