:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--planner-background:#141418;--planner-surface:#202027;--planner-surface-raised:#33333d;--planner-border:#7b798a;--planner-text:#f8fafc;--planner-muted-text:#c4cad4;--planner-focus:#66d9ef;--planner-primary:#a6e22e;--planner-on-primary:#101218;--planner-danger:#f92672;--planner-on-danger:#fff;--planner-overlay-backdrop:#000000a6;--planner-shadow:#0009;--planner-grid-center:#8c8a96;--planner-grid-lines:#4b4a57;--planner-card-red:#f92672;--planner-card-orange:#fd971f;--planner-card-yellow:#e6db74;--planner-card-green:#a6e22e;--planner-card-aqua:#66d9ef;--planner-card-purple:#ae81ff;--planner-relationship-supports:#a6e22e;--planner-relationship-depends-on:#66d9ef;--planner-relationship-conflicts-with:#f92672;--planner-motion-standard:cubic-bezier(.65, 0, .35, 1);--planner-safe-top:env(safe-area-inset-top,0px);--planner-safe-right:env(safe-area-inset-right,0px);--planner-safe-bottom:env(safe-area-inset-bottom,0px);--planner-safe-left:env(safe-area-inset-left,0px);--planner-edge-gesture-strip:0px;--planner-edge-left:max(var(--planner-safe-left), var(--planner-edge-gesture-strip));--planner-edge-right:max(var(--planner-safe-right), var(--planner-edge-gesture-strip));--planner-keyboard-inset:0px;--planner-below-command-strip:calc(76px + var(--planner-safe-top));background:var(--planner-background);font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{overscroll-behavior:none}body{overscroll-behavior:none;min-width:320px;min-height:100dvh;color:var(--planner-text);background:var(--planner-background);margin:0}#root,.app-shell{min-height:100dvh}.app-shell{overflow:hidden}button,input,textarea,select{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid var(--planner-focus);outline-offset:2px}.scene-viewport{touch-action:none;overscroll-behavior:none;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;outline:none;width:100%;height:100dvh;display:block}.scene-error,.app-notice,.app-update-notice{z-index:130;right:calc(24px + var(--planner-edge-right));bottom:calc(82px + var(--planner-safe-bottom));max-width:min(440px, calc(100dvw - 48px - var(--planner-edge-left) - var(--planner-edge-right)));border:1px solid var(--planner-border);color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 94%, transparent);box-shadow:0 12px 36px var(--planner-shadow);border-radius:9px;padding:12px 16px;position:fixed}.app-notice,.app-update-notice{align-items:center;gap:12px;padding:10px 10px 10px 16px;display:flex}.app-update-notice{bottom:calc(146px + var(--planner-safe-bottom));border-color:var(--planner-focus)}.app-update-notice-apply{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary);flex:none}.app-notice-message,.app-update-notice-message{flex:1}.app-notice-close{width:44px;height:44px;color:var(--planner-muted-text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:7px;flex:0 0 44px;place-items:center;padding:0;font-size:1.35rem;line-height:1;display:inline-grid}.app-notice-close:hover{border-color:var(--planner-border);color:var(--planner-text);background:var(--planner-surface-raised)}.scene-error{border-color:var(--planner-danger)}.command-strip{z-index:20;top:calc(12px + var(--planner-safe-top));right:calc(12px + var(--planner-edge-right));left:calc(12px + var(--planner-edge-left));border:1px solid var(--planner-border);min-width:0;min-height:52px;color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 96%, transparent);box-shadow:0 8px 26px var(--planner-shadow);border-radius:11px;align-items:center;gap:8px;padding:4px;display:flex;position:fixed}.command-button,.drawer-back-button,.application-drawer nav button,.settings-secondary-action,.settings-transfer-actions button{border:1px solid var(--planner-border);min-height:44px;color:var(--planner-text);background:var(--planner-surface-raised);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 12px}.command-button:hover,.drawer-back-button:hover,:where(.application-drawer nav) button:hover,:where(.settings-secondary-action:not(:disabled)):hover,:where(.settings-transfer-actions) button:hover{border-color:var(--planner-focus)}.command-button[aria-pressed=true]{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary)}.command-button-primary{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary);font-weight:700}.command-menu-button,.command-overflow-toggle{align-items:center;gap:7px;display:inline-flex}.command-strip-spacer{flex:auto;min-width:4px}.command-appearance-control{box-shadow:none}.command-overflow-panel{z-index:1;border:1px solid var(--planner-border);color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 98%, transparent);box-shadow:0 12px 32px var(--planner-shadow);border-radius:11px;gap:8px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:0;right:0}.command-overflow-panel .command-button{white-space:normal;width:100%}.application-drawer{z-index:30;top:var(--planner-below-command-strip);width:min(360px,100dvw - 36px);padding:18px;padding-left:calc(18px + var(--planner-edge-left));padding-bottom:calc(18px + var(--planner-safe-bottom) + var(--planner-keyboard-inset));border-top:1px solid var(--planner-border);border-right:1px solid var(--planner-border);color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 97%, transparent);box-shadow:16px 0 45px var(--planner-shadow);transition:transform .22s var(--planner-motion-standard);pointer-events:none;flex-direction:column;gap:16px;display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-104%)}.application-drawer-open{pointer-events:auto;transform:translate(0)}.application-drawer-header{align-items:center;min-height:44px;display:flex}.application-drawer-header h2{margin:0;font-size:1.2rem}.application-drawer nav{gap:8px;display:grid}.application-drawer nav button{text-align:left;width:100%}.top-control-layer{z-index:10;top:calc(20px + var(--planner-safe-top));right:calc(24px + var(--planner-edge-right));left:calc(24px + var(--planner-edge-left));pointer-events:none;justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:fixed}.top-action-group,.appearance-control{pointer-events:auto;gap:8px;display:flex}.top-action-group{flex-wrap:wrap}.top-action,.relationship-toggle,.appearance-control button,.new-board-button,.settings-button{border:1px solid var(--planner-border);min-height:44px;color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 94%, transparent);box-shadow:0 8px 26px var(--planner-shadow);cursor:pointer;border-radius:8px;padding:9px 14px}.top-action:hover,.relationship-toggle:hover,.appearance-control button:hover,.new-board-button:hover,.settings-button:hover{border-color:var(--planner-focus)}.top-action-primary,.new-board-button{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary);font-weight:700}.appearance-control{border:1px solid var(--planner-border);background:color-mix(in srgb, var(--planner-surface) 94%, transparent);box-shadow:0 8px 26px var(--planner-shadow);border-radius:11px;flex:none;margin:0;padding:3px}.appearance-control legend,.command-overflow-panel>legend{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.appearance-control button{min-width:68px;min-height:44px;box-shadow:none;background:0 0;border-color:#0000}.appearance-control button[aria-pressed=true]{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary)}.command-overflow-panel .appearance-control{box-shadow:none;margin:0;display:flex}.command-overflow-panel .appearance-control button{flex:auto;min-width:0}.relationship-toggle{z-index:10;top:calc(78px + var(--planner-safe-top));left:calc(24px + var(--planner-edge-left));position:fixed}.relationship-toggle[aria-pressed=true]{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary)}.board-selector{z-index:40;inset:var(--planner-below-command-strip) auto 0 0;width:min(360px,100dvw - 36px);padding:18px;padding-left:calc(18px + var(--planner-edge-left));padding-bottom:calc(18px + var(--planner-safe-bottom) + var(--planner-keyboard-inset));border-right:1px solid var(--planner-border);color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 97%, transparent);box-shadow:16px 0 45px var(--planner-shadow);transition:transform .22s var(--planner-motion-standard);pointer-events:none;flex-direction:column;gap:16px;display:flex;position:fixed;transform:translate(-104%)}.board-selector-open{pointer-events:auto;transform:translate(0)}.board-selector-header{justify-content:space-between;align-items:center;display:flex}.board-selector-header h2{margin:0;font-size:1.2rem}.drawer-back-button{min-width:74px}.board-selector-footer{margin-top:auto}.settings-button{background:var(--planner-surface-raised);width:100%;box-shadow:none;justify-content:center;align-items:center;gap:8px;display:flex}.board-list{gap:6px;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.board-list-item{border:1px solid var(--planner-border);background:var(--planner-background);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:8px;display:flex;position:relative}.board-select-button{min-width:0;min-height:44px;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:1;padding:6px 0;overflow:hidden}.board-select-button:hover,.board-select-button:focus-visible{color:var(--planner-focus)}.board-select-button-active{color:var(--planner-primary);cursor:default;font-weight:700}.board-select-button:disabled:not(.board-select-button-active){cursor:wait;opacity:.65}.board-favorite{color:var(--planner-card-yellow)}.board-menu-toggle,.icon-button{border:1px solid var(--planner-border);width:44px;height:44px;color:var(--planner-text);background:var(--planner-surface-raised);cursor:pointer;border-radius:7px;flex:0 0 44px;font-size:1.25rem;line-height:1}.board-context-menu,.card-context-menu{z-index:50;border:1px solid var(--planner-border);min-width:178px;color:var(--planner-text);background:var(--planner-surface);box-shadow:0 12px 32px var(--planner-shadow);border-radius:8px;padding:5px;display:grid;position:fixed}.board-context-menu button,.card-context-menu button{min-height:44px;color:var(--planner-text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 10px}.board-context-menu button:hover,.board-context-menu button:focus-visible,.card-context-menu button:hover,.card-context-menu button:focus-visible{background:var(--planner-surface-raised)}.board-context-menu button:disabled{cursor:not-allowed;color:var(--planner-muted-text);opacity:.55}.board-delete-action,.card-context-menu button{color:var(--planner-danger)}.board-export-feedback{color:var(--planner-muted-text);margin:0;font-size:.9rem}.details-panel{z-index:25;inset:var(--planner-below-command-strip) 0 0 auto;width:min(390px,100dvw);height:calc(100dvh - var(--planner-below-command-strip));padding:18px;padding-right:calc(18px + var(--planner-edge-right));padding-bottom:calc(18px + var(--planner-safe-bottom) + var(--planner-keyboard-inset));border-left:1px solid var(--planner-border);color:var(--planner-text);background:color-mix(in srgb, var(--planner-surface) 97%, transparent);box-shadow:-16px 0 45px var(--planner-shadow);transition:transform .22s var(--planner-motion-standard);pointer-events:none;position:fixed;transform:translate(103%)}.details-panel-open{pointer-events:auto;transform:translate(0)}.details-panel-content{flex-direction:column;gap:9px;height:100%;padding:6px;display:flex;overflow-y:auto}.details-panel-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.details-panel h2{margin:0;font-size:1.2rem}.details-panel input,.details-panel textarea,.details-panel select,.settings-field input,.settings-field select,.card-dialog input:not([type=radio]),.card-dialog textarea,.card-dialog select{border:1px solid var(--planner-border);width:100%;color:var(--planner-text);background:var(--planner-background);border-radius:7px;padding:10px 11px}.relationship-editor{border:1px solid var(--planner-border);border-radius:7px;gap:8px;margin:8px 0 0;padding:10px;display:grid}.relationship-editor legend{padding:0 4px;font-weight:600}.relationship-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.relationship-list li{color:var(--planner-muted-text);justify-content:space-between;align-items:center;gap:8px;font-size:.9rem;display:flex}.relationship-list strong{color:var(--planner-text)}.relationship-list button,.relationship-add-controls button{border:1px solid var(--planner-border);min-height:44px;color:var(--planner-text);background:var(--planner-surface-raised);cursor:pointer;border-radius:5px;padding:6px 10px}.relationship-add-controls{gap:6px;display:grid}.relationship-add-controls label{font-size:.9rem}.relationship-add-controls button:disabled,.relationship-add-controls select:disabled{cursor:not-allowed;opacity:.6}.relationship-help{color:var(--planner-muted-text);margin:0;font-size:.85rem}.minimap{z-index:8;right:calc(24px + var(--planner-edge-right));bottom:calc(20px + var(--planner-safe-bottom));left:calc(24px + var(--planner-edge-left));border:1px solid var(--planner-border);background:color-mix(in srgb, var(--planner-surface) 92%, transparent);height:42px;box-shadow:0 8px 30px var(--planner-shadow);pointer-events:none;border-radius:9px;padding:11px 16px;position:fixed}.minimap-track{background:linear-gradient(90deg, var(--planner-background), var(--planner-surface-raised), var(--planner-background));border-radius:999px;height:100%;position:relative}.minimap-card-dot{border:1px solid var(--planner-text);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 7px}.minimap-card-dot-red{color:var(--planner-card-red);background:var(--planner-card-red)}.minimap-card-dot-orange{color:var(--planner-card-orange);background:var(--planner-card-orange)}.minimap-card-dot-yellow{color:var(--planner-card-yellow);background:var(--planner-card-yellow)}.minimap-card-dot-green{color:var(--planner-card-green);background:var(--planner-card-green)}.minimap-card-dot-aqua{color:var(--planner-card-aqua);background:var(--planner-card-aqua)}.minimap-card-dot-purple{color:var(--planner-card-purple);background:var(--planner-card-purple)}.minimap-forward-marker{background:var(--planner-focus);width:2px;box-shadow:0 0 8px var(--planner-focus);transition:left .15s var(--planner-motion-standard);position:absolute;top:-5px;bottom:-5px;transform:translate(-1px)}.dialog-backdrop{z-index:100;padding:24px;padding-top:calc(24px + var(--planner-safe-top));padding-right:calc(24px + var(--planner-edge-right));padding-bottom:calc(24px + var(--planner-safe-bottom));padding-left:calc(24px + var(--planner-edge-left));background:var(--planner-overlay-backdrop);place-items:center;display:grid;position:fixed;inset:0}.card-dialog{border:1px solid var(--planner-border);width:min(470px,100%);color:var(--planner-text);background:var(--planner-surface);box-shadow:0 20px 60px var(--planner-shadow);border-radius:12px;gap:14px;padding:24px;display:grid}.card-dialog h1{margin:0 0 4px;font-size:1.25rem}.card-dialog :where(label span),.settings-help{color:var(--planner-muted-text)}.card-dialog fieldset{border:0;margin:0;padding:0}.card-color-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:8px;display:grid}.card-color-option{border:1px solid var(--planner-border);text-transform:capitalize;cursor:pointer;border-radius:7px;grid-template-columns:18px 18px minmax(0,1fr);align-items:center;gap:9px;min-height:44px;padding:7px 9px;display:grid}.card-color-option:has(input:checked){border-color:var(--planner-focus);background:var(--planner-surface-raised)}.card-color-option input[type=radio]{width:18px;height:18px;accent-color:var(--planner-primary);margin:0}.color-swatch{aspect-ratio:1;border:1px solid var(--planner-text);width:16px;height:16px;box-shadow:0 0 0 1px var(--planner-surface);border-radius:50%}.color-picker-note{color:var(--planner-muted-text);margin:10px 0 0;font-size:.85rem;line-height:1.4}.color-red{background:var(--planner-card-red)}.color-orange{background:var(--planner-card-orange)}.color-yellow{background:var(--planner-card-yellow)}.color-green{background:var(--planner-card-green)}.color-aqua{background:var(--planner-card-aqua)}.color-purple{background:var(--planner-card-purple)}.validation-message{color:var(--planner-danger);margin:0}.dialog-actions,.details-panel-actions{justify-content:flex-end;gap:10px;display:flex}.dialog-actions button,.details-panel-actions button,.delete-card-button{border:1px solid var(--planner-border);min-height:44px;color:var(--planner-text);background:var(--planner-surface-raised);cursor:pointer;border-radius:7px;padding:9px 13px}.dialog-actions button[type=submit],.details-panel-actions button[type=submit]{color:var(--planner-on-primary);border-color:var(--planner-primary);background:var(--planner-primary)}.danger-action,.delete-card-button{color:var(--planner-on-danger);border-color:var(--planner-danger);background:var(--planner-danger)}.delete-card-button{margin-top:auto}.settings-modal{width:min(620px,100%);max-height:calc(100svh - 48px - var(--planner-keyboard-inset));grid-template-rows:auto minmax(0,1fr);overflow:hidden}.settings-modal-header{justify-content:space-between;align-items:center;display:flex}.settings-modal-header h1{margin:0}.settings-modal-body{gap:20px;padding:6px 6px 8px;display:grid;overflow-y:auto}.settings-section{border-bottom:1px solid var(--planner-border);gap:10px;padding-bottom:18px;display:grid}.settings-section:last-child{border-bottom:0;padding-bottom:0}.settings-section h2{margin:0;font-size:1.05rem}.settings-field{gap:7px;font-weight:600;display:grid}.settings-help{margin:-5px 0 0;font-size:.86rem;line-height:1.35}.settings-checkbox{border:1px solid var(--planner-border);background:var(--planner-background);cursor:pointer;border-radius:8px;justify-content:space-between;align-items:center;gap:24px;min-height:48px;padding:10px 12px;display:flex}.settings-checkbox span{min-width:0;line-height:1.35}.settings-checkbox input{width:20px;height:20px;accent-color:var(--planner-primary);flex:0 0 20px}.settings-secondary-action{justify-self:start}.settings-secondary-action:disabled{cursor:not-allowed;opacity:.55}.settings-transfer-actions{flex-wrap:wrap;gap:10px;display:flex}.settings-alert{border-left:3px solid var(--planner-focus);margin:-2px 0 0;padding:2px 0 2px 10px;font-size:.88rem;line-height:1.4}.settings-steps,.durability-warning-steps{color:var(--planner-muted-text);margin:-2px 0 0;padding-left:22px;font-size:.88rem;line-height:1.5}.settings-steps li,.durability-warning-steps li{margin:2px 0}.settings-build-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.durability-warning{width:min(520px,100%)}.durability-warning p{margin:0;line-height:1.5}.durability-warning-steps{color:var(--planner-text)}.import-preview dl{gap:8px;margin:0;display:grid}.import-preview dl div{grid-template-columns:100px minmax(0,1fr);gap:12px;display:grid}.import-preview dt{color:var(--planner-muted-text)}.import-preview dd{overflow-wrap:anywhere;min-width:0;margin:0;font-weight:600}.import-preview p{margin:0;line-height:1.5}.large-modal{width:min(1180px,100%);max-height:calc(100svh - 48px - var(--planner-keyboard-inset));border:1px solid var(--planner-border);color:var(--planner-text);background:var(--planner-surface);box-shadow:0 20px 60px var(--planner-shadow);border-radius:14px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.large-modal-header{border-bottom:1px solid var(--planner-border);justify-content:space-between;align-items:flex-start;gap:20px;padding:20px 22px;display:flex}.large-modal-header h1{margin:0;font-size:1.4rem}.large-modal-header p{color:var(--planner-muted-text);margin:6px 0 0;line-height:1.4}.large-modal-body{min-height:0;padding:20px 22px 24px;overflow:auto}.template-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.template-card{border:1px solid var(--planner-border);background:var(--planner-background);border-radius:10px;grid-template-rows:auto 126px auto;gap:14px;height:100%;padding:16px;display:grid}.template-card-copy{align-content:start;gap:7px;display:grid}.template-card h2{margin:0;font-size:1.02rem;line-height:1.25}.template-card p{color:var(--planner-muted-text);margin:0;font-size:.9rem;line-height:1.4}.template-category{color:var(--planner-focus);letter-spacing:.08em;text-transform:uppercase;font-size:.72rem;font-weight:800}.template-count{color:var(--planner-muted-text);font-size:.82rem;font-weight:700}.template-mini-grid{border:1px solid var(--planner-border);background:linear-gradient(var(--planner-grid-lines) 1px, transparent 1px), linear-gradient(90deg, var(--planner-grid-lines) 1px, transparent 1px), var(--planner-surface);background-size:18px 18px;border-radius:8px;min-height:126px;position:relative;overflow:hidden}.template-mini-card{top:calc(10px + (8 - var(--template-z)) * 12px);left:calc(50% + var(--template-x) * 34px);border:1px solid color-mix(in srgb, var(--planner-text) 70%, transparent);width:25px;height:13px;box-shadow:0 2px 5px var(--planner-shadow);border-radius:3px;position:absolute;transform:translate(-50%)}.template-use-button{border:1px solid var(--planner-primary);min-height:44px;color:var(--planner-on-primary);background:var(--planner-primary);cursor:pointer;border-radius:8px;padding:9px 12px;font-weight:700}.help-modal{width:min(980px,100%)}.help-content{gap:26px;line-height:1.58;display:grid}.help-content section{scroll-margin-top:12px}.help-content h2{margin:0 0 9px;font-size:1.14rem}.help-content p{margin:0 0 10px}.help-content ul{margin-block:8px 0;padding-left:24px}.help-content a{color:var(--planner-focus)}.help-contents{border:1px solid var(--planner-border);background:var(--planner-background);border-radius:9px;padding:16px}.help-contents ol{columns:2;gap:32px;margin:0;padding-left:24px}.help-contents li{break-inside:avoid;margin-bottom:5px}.help-contents a{align-items:center;min-height:44px;display:inline-flex}.map-modal{width:100%;height:min(760px, calc(100svh - 48px - var(--planner-keyboard-inset)));border:1px solid var(--planner-border);color:var(--planner-text);background:var(--planner-surface);box-shadow:0 20px 60px var(--planner-shadow);border-radius:14px;grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.map-header{border-bottom:1px solid var(--planner-border);justify-content:space-between;align-items:center;gap:18px;padding:14px 18px;display:flex}.map-header h1{margin:0;font-size:1.35rem}.map-header p{color:var(--planner-muted-text);margin:4px 0 0}.map-controls{border:0;flex-wrap:wrap;justify-content:flex-end;gap:7px;margin:0;padding:0;display:flex}.map-controls button{border:1px solid var(--planner-border);min-width:44px;min-height:44px;color:var(--planner-text);background:var(--planner-surface-raised);cursor:pointer;border-radius:8px;padding:8px 12px}.map-controls button:hover{border-color:var(--planner-focus)}.map-surface{cursor:grab;touch-action:none;background:radial-gradient(circle at center, color-mix(in srgb, var(--planner-grid-center) 26%, transparent) 1px, transparent 1px), var(--planner-background);background-size:24px 24px;min-width:0;min-height:0;position:relative;overflow:hidden}.map-surface:active{cursor:grabbing}.map-card{border:2px solid var(--planner-border);width:132px;height:56px;color:var(--planner-text);background:var(--planner-surface-raised);box-shadow:0 5px 14px var(--planner-shadow);cursor:pointer;text-align:left;border-left-width:9px;border-radius:8px;padding:7px 9px;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.map-card span{text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.22;display:-webkit-box;overflow:hidden}.map-card-red{border-left-color:var(--planner-card-red)}.map-card-orange{border-left-color:var(--planner-card-orange)}.map-card-yellow{border-left-color:var(--planner-card-yellow)}.map-card-green{border-left-color:var(--planner-card-green)}.map-card-aqua{border-left-color:var(--planner-card-aqua)}.map-card-purple{border-left-color:var(--planner-card-purple)}.map-empty-state{border:1px solid var(--planner-border);background:var(--planner-surface);text-align:center;border-radius:10px;width:min(420px,100% - 48px);padding:22px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.map-empty-state h2{margin:0 0 8px;font-size:1.1rem}.map-empty-state p{color:var(--planner-muted-text);margin:0}.card-title-tooltip{z-index:90;border:1px solid var(--planner-border);max-width:min(320px,100dvw - 20px);color:var(--planner-text);background:var(--planner-surface-raised);box-shadow:0 8px 22px var(--planner-shadow);pointer-events:none;overflow-wrap:anywhere;border-radius:7px;padding:9px 11px;line-height:1.35;position:fixed}@media (width<=1099px){.command-strip{gap:5px}.command-button{padding-inline:9px}.command-appearance-control button{min-width:58px}}@media (width<=767px){:root{--planner-edge-gesture-strip:16px}.command-strip{gap:4px;padding:3px}.command-button{padding-inline:8px;font-size:.92rem}.command-menu-button,.command-overflow-toggle{gap:5px}.details-panel{width:100%;height:min(86dvh, calc(100dvh - var(--planner-below-command-strip) - var(--planner-keyboard-inset)));inset:auto 0 0;bottom:var(--planner-keyboard-inset);padding-left:calc(18px + var(--planner-edge-left));padding-bottom:calc(18px + var(--planner-safe-bottom));border-top:1px solid var(--planner-border);box-shadow:0 -16px 45px var(--planner-shadow);border-left:0;border-radius:14px 14px 0 0;transform:translateY(103%)}.details-panel-open{transform:translateY(0)}.application-drawer,.board-selector{border-right:0;border-top:1px solid var(--planner-border);width:100%;max-width:none;box-shadow:0 -16px 45px var(--planner-shadow)}.dialog-backdrop{padding-top:calc(12px + var(--planner-safe-top));padding-right:calc(12px + var(--planner-edge-right));padding-bottom:calc(12px + var(--planner-safe-bottom));padding-left:calc(12px + var(--planner-edge-left))}.dialog-backdrop:has(.settings-modal,.large-modal,.map-modal,.import-preview){place-items:stretch stretch;padding:0}.settings-modal,.large-modal,.map-modal,.import-preview{border-width:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none}.settings-modal,.import-preview{padding-top:calc(16px + var(--planner-safe-top));padding-right:calc(16px + var(--planner-edge-right));padding-bottom:calc(16px + var(--planner-safe-bottom) + var(--planner-keyboard-inset));padding-left:calc(16px + var(--planner-edge-left))}.large-modal,.map-modal{padding-top:var(--planner-safe-top);padding-right:var(--planner-edge-right);padding-bottom:calc(var(--planner-safe-bottom) + var(--planner-keyboard-inset));padding-left:var(--planner-edge-left)}.import-preview{align-content:start;gap:16px;overflow-y:auto}.card-dialog:not(.settings-modal,.import-preview){width:100%;max-height:calc(100dvh - 24px - var(--planner-keyboard-inset));overflow-y:auto}.large-modal-header,.large-modal-body{padding-inline:16px}.template-grid{grid-template-columns:1fr}.help-contents ol{columns:1}.map-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.map-controls{justify-content:flex-start;width:100%}.map-controls button{flex:auto}.minimap{right:calc(12px + var(--planner-edge-right));left:calc(12px + var(--planner-edge-left))}.scene-error,.app-notice{bottom:calc(74px + var(--planner-safe-bottom))}.app-update-notice{bottom:calc(138px + var(--planner-safe-bottom))}}@media (height<=540px){.details-panel{max-height:calc(100dvh - var(--planner-keyboard-inset))}.application-drawer,.board-selector,.details-panel-content{overflow-y:auto}.settings-modal,.large-modal,.map-modal{height:calc(100dvh - var(--planner-keyboard-inset));max-height:calc(100dvh - var(--planner-keyboard-inset))}.dialog-backdrop{padding-block:0}.large-modal-header{padding-block:12px}.map-header{padding-block:10px}}@media (width<=767px) and (height<=540px){.application-drawer,.board-selector{width:min(360px,62dvw)}.details-panel{inset:var(--planner-below-command-strip) 0 0 auto;border-left:1px solid var(--planner-border);border-top:0;border-radius:0;width:min(390px,62dvw);height:auto;transform:translate(103%)}.details-panel-open{transform:translate(0)}}@media (prefers-reduced-motion:reduce){.board-selector,.application-drawer,.details-panel,.command-overflow-panel,.dialog-backdrop,.minimap-forward-marker{transition-duration:.01ms;animation-duration:.01ms}}