.family-canvas-module__5rYbBG__root{background:radial-gradient(circle at 12% 18%, color-mix(in srgb, var(--color-primary) 5%, transparent), transparent 30%), radial-gradient(circle at 78% 70%, color-mix(in srgb, var(--color-accent) 6%, transparent), transparent 32%), var(--color-bg);width:100%;min-width:0;height:100%;min-height:0;color:var(--color-text);font-family:var(--font-body,system-ui, sans-serif);touch-action:none;overscroll-behavior:contain;display:flex;position:relative;overflow:hidden}.family-canvas-module__5rYbBG__root:fullscreen{width:100vw;height:100vh}.family-canvas-module__5rYbBG__root[data-reduced-motion=true] *,.family-canvas-module__5rYbBG__root[data-reduced-motion=true] :before,.family-canvas-module__5rYbBG__root[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important}.family-canvas-module__5rYbBG__toolbar{z-index:40;border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface) 94%, transparent);min-height:60px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:8px 10px 8px 16px;display:flex;position:absolute;top:12px;left:12px;right:12px}.family-canvas-module__5rYbBG__titleBlock{min-width:0;margin-right:auto}.family-canvas-module__5rYbBG__title{font-family:var(--font-heading,system-ui, sans-serif);letter-spacing:-.025em;margin:0;font-size:clamp(20px,2vw,30px);line-height:1.05}.family-canvas-module__5rYbBG__subtitle{color:var(--color-text2);white-space:nowrap;margin:3px 0 0;font-size:12px}.family-canvas-module__5rYbBG__panGroup{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.family-canvas-module__5rYbBG__surface{cursor:grab;outline:none;position:absolute;inset:0;overflow:hidden}.family-canvas-module__5rYbBG__surface:active{cursor:grabbing}.family-canvas-module__5rYbBG__surface:focus-visible{box-shadow:inset 0 0 0 3px var(--color-primary)}.family-canvas-module__5rYbBG__world{transform-origin:0 0;will-change:transform;width:1px;height:1px;position:absolute;inset:0 auto auto 0}.family-canvas-module__5rYbBG__worldEmpty{border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-width:360px;color:var(--color-text2);gap:4px;padding:14px 16px;display:grid;position:absolute;top:220px;left:180px}.family-canvas-module__5rYbBG__worldEmpty strong{color:var(--color-text)}.family-canvas-module__5rYbBG__cardContractError{border:1px solid var(--color-danger);border-radius:var(--radius-md);background:var(--color-surface);max-width:320px;color:var(--color-danger);padding:12px 14px;position:absolute}.family-canvas-module__5rYbBG__occurrenceFan{gap:4px;display:flex;overflow:hidden}.family-canvas-module__5rYbBG__occurrenceChip{border:1px solid var(--color-border);background:var(--color-bg);max-width:150px;color:var(--color-text2);white-space:nowrap;border-radius:999px;flex:none;padding:2px 6px;font-size:10px}.family-canvas-module__5rYbBG__world[data-camera-transition=true]{transition:transform .22s ease-out}.family-canvas-module__5rYbBG__overviewGrid{z-index:12;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));align-content:center;gap:14px;padding:18px;display:grid;position:absolute;inset:92px 18px 72px;overflow:auto}.family-canvas-module__5rYbBG__overviewGrid header{color:var(--color-text2);grid-column:1/-1;gap:4px;display:grid}.family-canvas-module__5rYbBG__overviewGrid header strong{font-family:var(--font-heading,system-ui, sans-serif);color:var(--color-text);font-size:24px}.family-canvas-module__5rYbBG__overviewRegion{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);min-height:132px;box-shadow:var(--shadow-card);color:var(--color-text2);text-align:left;cursor:pointer;align-content:center;gap:7px;padding:16px;display:grid}.family-canvas-module__5rYbBG__overviewRegion strong{color:var(--color-text);font-size:18px}.family-canvas-module__5rYbBG__world[data-semantic-level=far],.family-canvas-module__5rYbBG__world[data-semantic-level=medium] .family-canvas-module__5rYbBG__card{display:none}.family-canvas-module__5rYbBG__territory{box-sizing:border-box;border:2px solid var(--member-accent,var(--color-border));border-radius:calc(var(--radius-card) * 2.5);background:color-mix(in srgb, var(--color-surface) 62%, transparent);color:var(--color-text);pointer-events:none;padding:20px;position:absolute}.family-canvas-module__5rYbBG__territoryHeader{border-bottom:1px solid var(--member-accent,var(--color-border));align-items:center;gap:12px;min-height:52px;padding-bottom:12px;display:flex}.family-canvas-module__5rYbBG__territoryAvatar,.family-canvas-module__5rYbBG__cardAvatar{border:2px solid var(--member-accent,var(--color-border));border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);flex:none;justify-content:center;align-items:center;font-weight:750;display:inline-flex;overflow:hidden}.family-canvas-module__5rYbBG__territoryAvatar{width:46px;height:46px;font-size:21px}.family-canvas-module__5rYbBG__territoryAvatar img,.family-canvas-module__5rYbBG__cardAvatar img{object-fit:cover;width:100%;height:100%}.family-canvas-module__5rYbBG__territoryHeading{font-family:var(--font-heading,system-ui, sans-serif);margin:0;font-size:23px;line-height:1.1}.family-canvas-module__5rYbBG__territorySummary{color:var(--color-text);flex-wrap:wrap;gap:5px 10px;margin:7px 0 0;font-size:14px;font-weight:650;display:flex}.family-canvas-module__5rYbBG__territorySummary span{white-space:nowrap}.family-canvas-module__5rYbBG__territory[data-member-id=shared]{background:color-mix(in srgb, var(--color-bg2) 54%, transparent);border-style:dashed}.family-canvas-module__5rYbBG__territory[data-member-id=shared] .family-canvas-module__5rYbBG__territoryHeader{min-height:44px;padding-bottom:8px}.family-canvas-module__5rYbBG__territory[data-member-id=shared] .family-canvas-module__5rYbBG__territoryAvatar{width:38px;height:38px}.family-canvas-module__5rYbBG__card{box-sizing:border-box;border:1px solid var(--color-border);border-left:4px solid var(--member-accent,var(--color-border));border-radius:var(--radius-card);background:var(--color-surface);min-width:0;color:var(--color-text);box-shadow:var(--shadow-card);text-align:left;font:inherit;cursor:grab;touch-action:none;flex-direction:column;align-items:stretch;padding:14px 14px 12px 16px;transition:box-shadow .1s ease-out,transform .1s ease-out;display:flex;position:absolute}.family-canvas-module__5rYbBG__card:hover{box-shadow:var(--shadow-card)}.family-canvas-module__5rYbBG__card:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.family-canvas-module__5rYbBG__card[data-dragging=true]{cursor:grabbing;box-shadow:var(--shadow-card)}.family-canvas-module__5rYbBG__cardTitle{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:40px;max-height:40px;font-size:16px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.family-canvas-module__5rYbBG__cardOutcome{color:var(--color-text2);text-overflow:ellipsis;white-space:nowrap;font-size:11px;line-height:1.2;overflow:hidden}.family-canvas-module__5rYbBG__cardCategory{border:1px solid color-mix(in srgb, var(--color-text2) 30%, var(--color-border));border-radius:var(--radius-sm);background:color-mix(in srgb, var(--color-bg2) 78%, var(--color-surface));color:var(--color-text);align-self:flex-start;margin-top:6px;padding:3px 7px;font-size:11px;font-weight:650}.family-canvas-module__5rYbBG__cardFooter{color:var(--color-text2);align-items:center;gap:6px;margin-top:auto;padding-top:8px;font-size:12px;display:flex}.family-canvas-module__5rYbBG__cardAvatar{width:24px;height:24px;font-size:11px}.family-canvas-module__5rYbBG__cardOwner{text-overflow:ellipsis;white-space:nowrap;flex:54px;min-width:46px;overflow:hidden}.family-canvas-module__5rYbBG__cardState{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--color-success) 36%, var(--color-border));background:color-mix(in srgb, var(--color-success) 22%, var(--color-surface));color:var(--color-text);flex:none;margin-left:auto;padding:3px 5px;font-size:10px;font-weight:700}.family-canvas-module__5rYbBG__card[data-state-label=to-do] .family-canvas-module__5rYbBG__cardState{border-color:color-mix(in srgb, var(--color-text2) 36%, var(--color-border));background:color-mix(in srgb, var(--color-bg2) 88%, var(--color-surface))}.family-canvas-module__5rYbBG__card[data-state-label=in-progress] .family-canvas-module__5rYbBG__cardState{border-color:color-mix(in srgb, var(--color-warning) 42%, var(--color-border));background:color-mix(in srgb, var(--color-warning) 22%, var(--color-surface))}.family-canvas-module__5rYbBG__roster{z-index:45;scrollbar-width:none;pointer-events:none;gap:6px;display:flex;position:absolute;top:84px;left:12px;right:12px;overflow-x:auto}.family-canvas-module__5rYbBG__roster::-webkit-scrollbar{display:none}.family-canvas-module__5rYbBG__rosterButton{border:1px solid var(--color-border);border-radius:var(--radius-button);background:color-mix(in srgb, var(--color-surface) 94%, transparent);min-width:44px;min-height:44px;color:var(--color-text);box-shadow:var(--shadow-card);font:600 12px/1 var(--font-body,system-ui, sans-serif);white-space:nowrap;pointer-events:auto;cursor:pointer;align-items:center;gap:7px;padding:4px 10px 4px 5px;display:inline-flex}.family-canvas-module__5rYbBG__rosterButton>span{border:2px solid var(--member-accent,var(--color-border));border-radius:var(--radius-full);background:var(--color-surface);justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;display:inline-flex}.family-canvas-module__5rYbBG__rosterButton:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.family-canvas-module__5rYbBG__minimapCluster{z-index:44;pointer-events:none;align-items:flex-end;gap:6px;display:flex;position:absolute;bottom:12px;right:12px}.family-canvas-module__5rYbBG__minimap{box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface) 94%, transparent);width:172px;box-shadow:var(--shadow-card);pointer-events:none;padding:7px 8px 8px}.family-canvas-module__5rYbBG__recenterButton{border:1px solid var(--color-border);border-radius:var(--radius-button);background:var(--color-surface);width:44px;min-width:44px;height:44px;min-height:44px;color:var(--color-text);box-shadow:var(--shadow-card);pointer-events:auto;cursor:pointer;justify-content:center;align-items:center;display:inline-flex}.family-canvas-module__5rYbBG__recenterButton:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.family-canvas-module__5rYbBG__phoneChrome{display:none}.family-canvas-module__5rYbBG__srOnly{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.family-canvas-module__5rYbBG__minimap svg{width:100%;height:96px;display:block}.family-canvas-module__5rYbBG__minimap span{color:var(--color-text2);text-align:center;margin-top:2px;font-size:11px;font-weight:600;display:block}.family-canvas-module__5rYbBG__drawer{z-index:60;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(400px,100% - 24px);box-shadow:var(--shadow-card);flex-direction:column;padding:18px;display:flex;position:absolute;top:84px;bottom:12px;right:12px}.family-canvas-module__5rYbBG__drawerHeader{border-bottom:1px solid var(--color-border);align-items:center;gap:12px;padding-bottom:14px;display:flex}.family-canvas-module__5rYbBG__drawerHeader h2{font-family:var(--font-heading,system-ui, sans-serif);margin:0 auto 0 0;font-size:22px}.family-canvas-module__5rYbBG__drawerList{margin:0;padding:14px 2px 24px;list-style:none;overflow:auto}.family-canvas-module__5rYbBG__drawerControls{border-bottom:1px solid var(--color-border);grid-template-columns:minmax(0,1fr) minmax(130px,auto);gap:10px;padding:10px 14px;display:grid}.family-canvas-module__5rYbBG__drawerControls label{color:var(--color-text2);gap:4px;font-size:12px;display:grid}.family-canvas-module__5rYbBG__drawerControls input,.family-canvas-module__5rYbBG__drawerControls select{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);min-height:44px;color:var(--color-text);padding:8px 10px}.family-canvas-module__5rYbBG__drawerPagination{border-top:1px solid var(--color-border);color:var(--color-text2);justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.family-canvas-module__5rYbBG__drawerItem{border-bottom:1px solid var(--color-border)}.family-canvas-module__5rYbBG__drawerItemButton{width:100%;min-height:44px;color:var(--color-text);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;padding:14px 4px}.family-canvas-module__5rYbBG__drawerItemButton:focus-visible{outline:3px solid var(--color-primary);outline-offset:-2px}.family-canvas-module__5rYbBG__drawerItem strong,.family-canvas-module__5rYbBG__drawerItem span{display:block}.family-canvas-module__5rYbBG__drawerItem span{color:var(--color-text2);margin-top:4px;font-size:13px}.family-canvas-module__5rYbBG__statePanel{z-index:30;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(440px,100% - 32px);box-shadow:var(--shadow-card);text-align:center;padding:28px;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.family-canvas-module__5rYbBG__statePanel h2{font-family:var(--font-heading,system-ui, sans-serif);margin:0 0 8px;font-size:24px}.family-canvas-module__5rYbBG__statePanel p{color:var(--color-text2);margin:0 0 18px;line-height:1.5}.family-canvas-module__5rYbBG__stateActions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.family-canvas-module__5rYbBG__loadingTerritory{border:1px dashed var(--color-border);border-radius:calc(var(--radius-card) * 2);background:var(--color-bg2);opacity:.65;height:150px;margin-top:14px}@media (max-width:700px){.family-canvas-module__5rYbBG__phoneChrome{z-index:38;border-bottom:1px solid var(--color-border);background:var(--color-bg);pointer-events:none;height:124px;display:block;position:absolute;top:0;left:0;right:0}.family-canvas-module__5rYbBG__toolbar{min-height:56px;padding-left:12px;top:8px;left:8px;right:8px}.family-canvas-module__5rYbBG__subtitle,.family-canvas-module__5rYbBG__panGroup{display:none}.family-canvas-module__5rYbBG__title{font-size:20px}.family-canvas-module__5rYbBG__roster{top:72px;left:8px;right:8px}.family-canvas-module__5rYbBG__rosterButton{padding-right:8px}.family-canvas-module__5rYbBG__minimapCluster{gap:4px;bottom:8px;left:8px;right:auto}.family-canvas-module__5rYbBG__minimap{width:44px;height:44px;padding:4px}.family-canvas-module__5rYbBG__minimap svg{height:34px}.family-canvas-module__5rYbBG__minimap span{display:none}.family-canvas-module__5rYbBG__drawer{border-radius:0;width:100%;padding-top:72px;top:0;bottom:0;right:0}}
.canvas-toolbar-module__T5QHeG__toolbar{z-index:40;border:1px solid var(--color-border);border-radius:var(--radius-card);background:color-mix(in srgb, var(--color-surface) 94%, transparent);min-height:60px;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:8px;padding:8px 10px 8px 16px;display:flex;position:absolute;top:12px;left:12px;right:12px}.canvas-toolbar-module__T5QHeG__titleBlock{min-width:0;margin-right:auto}.canvas-toolbar-module__T5QHeG__title{font-family:var(--font-heading,system-ui, sans-serif);letter-spacing:-.025em;margin:0;font-size:clamp(20px,2vw,30px);line-height:1.05}.canvas-toolbar-module__T5QHeG__subtitle{color:var(--color-text2);white-space:nowrap;margin:3px 0 0;font-size:12px}.canvas-toolbar-module__T5QHeG__actions{align-items:center;gap:7px;min-width:0;display:flex}.canvas-toolbar-module__T5QHeG__actionGroup{border-left:1px solid var(--color-border);flex:none;align-items:center;gap:3px;padding-left:7px;display:flex}.canvas-toolbar-module__T5QHeG__actionGroup:first-child{border-left:0;padding-left:0}.canvas-toolbar-module__T5QHeG__actionGroup button{white-space:nowrap}.canvas-toolbar-module__T5QHeG__panGroup{grid-template-columns:repeat(4,44px);gap:4px;display:grid}.canvas-toolbar-module__T5QHeG__zoom{text-align:center;min-width:42px;color:var(--color-text2);font-size:12px;font-weight:700}.canvas-toolbar-module__T5QHeG__panel{z-index:65;box-sizing:border-box;border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);width:min(300px,100vw - 40px);box-shadow:var(--shadow-card);padding:12px;position:absolute;top:calc(100% + 8px);right:0}.canvas-toolbar-module__T5QHeG__panel p{color:var(--color-text2);margin:0 0 8px;font-size:13px}.canvas-toolbar-module__T5QHeG__viewList{gap:6px;margin:0;padding:0;list-style:none;display:grid}.canvas-toolbar-module__T5QHeG__previewActions{flex-wrap:wrap;gap:6px;display:flex}.canvas-toolbar-module__T5QHeG__menu{gap:6px;display:grid}.canvas-toolbar-module__T5QHeG__error{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-card);padding:8px 12px;font-size:13px;position:absolute;top:calc(100% + 8px);right:0}.canvas-toolbar-module__T5QHeG__error p,.canvas-toolbar-module__T5QHeG__actionError p{margin:0 0 8px}.canvas-toolbar-module__T5QHeG__actionError{border:1px solid var(--color-border);border-radius:var(--radius-card);background:var(--color-surface2);margin-bottom:8px;padding:8px}@media (max-width:1100px){.canvas-toolbar-module__T5QHeG__subtitle,.canvas-toolbar-module__T5QHeG__panGroup{display:none}}@media (max-width:700px){.canvas-toolbar-module__T5QHeG__toolbar{min-height:56px;padding-left:12px;top:8px;left:8px;right:8px}.canvas-toolbar-module__T5QHeG__title{font-size:20px}.canvas-toolbar-module__T5QHeG__titleBlock{flex:0 0 102px}.canvas-toolbar-module__T5QHeG__actions{gap:3px;margin-left:auto}.canvas-toolbar-module__T5QHeG__actionGroup{border-left:0;gap:2px;padding-left:0}.canvas-toolbar-module__T5QHeG__zoom{min-width:30px}.canvas-toolbar-module__T5QHeG__toolbar[data-fullscreen=true] .canvas-toolbar-module__T5QHeG__titleBlock{display:none}}