*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#000;color:#eee}button,input,select,textarea{font:inherit}.app-shell{display:flex;flex-direction:column;width:100%;height:100dvh;min-height:0;background:#000}.topbar{position:relative;z-index:100;display:flex;flex:0 0 auto;align-items:center;justify-content:space-between;min-height:48px;padding:6px 10px 6px 14px;border-bottom:1px solid rgba(255,255,255,.13);background:#111111f7}.topbar-brand{overflow:hidden;font-size:18px;font-weight:700;letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis}.topbar-menu{position:relative}.menu-trigger{display:inline-flex;min-height:36px;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#1b1b1b;color:#fff;cursor:pointer;touch-action:manipulation}.menu-trigger-icon{display:flex;width:18px;flex-direction:column;gap:3px}.menu-trigger-icon span{display:block;height:2px;border-radius:1px;background:currentColor}.menu-trigger-label{font-size:14px}.menu-panel{position:absolute;top:calc(100% + 7px);right:0;width:min(280px,calc(100vw - 20px));overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:9px;background:#181818;box-shadow:0 10px 30px #00000073}.menu-item{display:block;width:100%;min-height:44px;padding:10px 14px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#fff;text-align:left;cursor:pointer}.menu-item:hover:not(:disabled),.menu-item:focus-visible:not(:disabled){background:#ffffff12}.menu-item:disabled{color:#777;cursor:default}.menu-section{padding:12px 14px;border-bottom:1px solid rgba(255,255,255,.08)}.menu-section-title{margin-bottom:8px;color:#aaa;font-size:12px}.menu-segmented{display:grid;grid-template-columns:1fr 1fr;gap:6px}.menu-segmented button{min-height:36px;border:1px solid #555;border-radius:6px;background:#222;color:#ddd;cursor:pointer}.menu-segmented button.is-active{border-color:#ddd;background:#3a3a3a;color:#fff}.map-viewport{position:relative;flex:1 1 auto;min-width:0;min-height:0;overflow:hidden;background:#000;cursor:default;touch-action:none;user-select:none;-webkit-user-select:none;overscroll-behavior:none}.map-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.map-world img{display:block;max-width:none;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.coordinate-overlay{position:absolute;right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom));z-index:10;max-width:calc(100% - 16px);padding:4px 7px;overflow:hidden;border-radius:4px;background:#00000094;color:#fff;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}@media(min-width:700px){.topbar{min-height:52px;padding-inline:18px}.topbar-brand{font-size:20px}.coordinate-overlay{font-size:12px}}@media(max-width:420px){.menu-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.menu-trigger{width:40px;justify-content:center;padding-inline:10px}}.topbar-brand{padding:0;border:0;background:transparent;color:inherit;cursor:pointer}.topbar-brand:hover,.topbar-brand:focus-visible{text-decoration:underline;text-underline-offset:3px}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px;background:#000000ad}.modal-card{position:relative;width:min(560px,100%);max-height:calc(100dvh - 36px);overflow:auto;padding:28px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:#181818;color:#eee;box-shadow:0 18px 60px #0000008c}.modal-card h1{margin:0 42px 18px 0;font-size:26px}.modal-card p{margin:0;color:#bbb}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;padding:0;border:0;border-radius:7px;background:transparent;color:#ddd;font-size:28px;line-height:1;cursor:pointer}.modal-close:hover,.modal-close:focus-visible{background:#ffffff14;color:#fff}.menu-user{padding:10px 14px;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.08);color:#aaa;font-size:12px;white-space:nowrap;text-overflow:ellipsis}.auth-modal{width:min(440px,100%)}.auth-form{display:grid;gap:16px}.auth-field{display:grid;gap:6px;color:#ddd;font-size:14px}.auth-field input{width:100%;min-height:42px;padding:8px 10px;border:1px solid #555;border-radius:7px;outline:none;background:#111;color:#fff}.auth-field input:focus{border-color:#aaa}.auth-button{min-height:42px;padding:9px 14px;border:1px solid #666;border-radius:7px;background:#282828;color:#fff;cursor:pointer}.auth-button:hover:not(:disabled),.auth-button:focus-visible:not(:disabled){background:#333}.auth-button:disabled{opacity:.6;cursor:default}.auth-primary{border-color:#888;font-weight:600}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px}.auth-links button{padding:0;border:0;background:transparent;color:#ccc;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.auth-message{padding:10px 12px;border:1px solid rgba(255,255,255,.18);border-radius:7px;background:#ffffff0d;color:#ddd;font-size:14px}.auth-error{border-color:#ffffff59;font-weight:600}.auth-actions{margin-top:20px}.cell-modal{width:min(520px,100%)}.cell-details{display:grid;gap:12px}.cell-details h2{margin:0;color:#fff;font-size:22px}.cell-owner{margin:0;color:#aaa;font-size:13px}.cell-content{margin:0;color:#ddd;white-space:pre-wrap}.cell-image{width:100px;height:80px;border-radius:6px;object-fit:cover}.cell-empty{display:grid;gap:16px}.auth-field select,.auth-field textarea{width:100%;padding:8px 10px;border:1px solid #555;border-radius:7px;outline:none;background:#111;color:#fff;font:inherit}.auth-field select{min-height:42px}.auth-field textarea{resize:vertical}.auth-field select:focus,.auth-field textarea:focus{border-color:#aaa}.cell-actions{display:flex;justify-content:flex-end;gap:10px}