body{margin:0}.grid45App{position:relative;height:100%;overflow:hidden;color:#f1ead8;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(89,109,129,.2),transparent 44%),linear-gradient(180deg,#0e141b,#05080c 72%)}.grid45Canvas{display:block;width:100%;height:100%;touch-action:none}.grid45DropHint{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;border:1px dashed rgba(94,160,198,.72);border-radius:50%;background:#111d272e;box-shadow:0 0 0 12px #111d2714;pointer-events:none}.grid45DropHintInner{padding:10px 16px;border:1px solid rgba(94,160,198,.32);border-radius:999px;background:#070b0fb8;color:#d8eef8;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.grid45EditorPreviewBadge{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid rgba(89,207,255,.34);border-radius:999px;background:#070b0fdb;box-shadow:0 10px 24px #00000052;color:#d8eef8;font-size:12px;font-weight:700;letter-spacing:.08em;pointer-events:none;text-transform:uppercase;white-space:nowrap}.grid45EditorPreviewBadgeCount{opacity:.94}.grid45Nav{position:absolute;top:16px;left:16px;right:16px;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border:1px solid rgba(241,234,216,.16);border-radius:18px;background:#070b0fbd;box-shadow:0 24px 48px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grid45NavBrand{color:#f6efde;font-size:15px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45NavTabs{display:flex;flex-wrap:wrap;gap:8px}.grid45NavActions{display:flex;align-items:center;gap:10px}.grid45NavTab{padding:10px 14px;border:1px solid rgba(241,234,216,.16);border-radius:999px;background:#0c1117e6;color:inherit;cursor:pointer;font:inherit}.grid45NavTabActive{border-color:#ffe39d85;background:#c8a96b2e}.grid45NavHelpButton{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;padding:0;border:1px solid rgba(255,227,157,.32);border-radius:999px;background:#c8a96b2e;color:#ffe39d;cursor:pointer;font:inherit;font-size:20px;font-weight:700}.grid45NavHelpButton:hover{background:#c8a96b47}.grid45NavHelpButton:focus-visible{outline:2px solid rgba(255,227,157,.92);outline-offset:2px}.grid45HelpOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;display:flex;align-items:center;justify-content:center;padding:24px;background:#05080c7a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.grid45HelpModal{width:min(720px,100%);max-height:min(78vh,760px);display:flex;flex-direction:column;gap:16px;padding:22px 24px;border:1px solid rgba(241,234,216,.22);border-radius:22px;background:#090e14d1;box-shadow:0 28px 64px #00000057;overflow:hidden}.grid45HelpHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid45HelpTitle{color:#f6efde;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(28px,5vw,42px);font-weight:700}.grid45HelpClose{flex:0 0 auto}.grid45HelpBody{display:grid;gap:14px;overflow:auto;padding-right:4px}.grid45HintModal{width:min(560px,100%)}.grid45BlankModal{width:min(420px,100%)}.grid45HintArcOverlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;overflow:visible;pointer-events:none}.grid45HintArcText{fill:#f1ead8f0;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-weight:700;letter-spacing:.02em;paint-order:stroke fill;stroke:#05080cd1;stroke-width:5px;stroke-linejoin:round}.grid45HelpSection{display:grid;gap:8px;padding:14px 16px;border:1px solid rgba(241,234,216,.12);border-radius:16px;background:#0c1117b3}.grid45HelpHeading{color:#c8a96b;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.grid45EndOverlay{position:absolute;top:50%;left:50%;z-index:2;transform:translate(-50%,-50%);min-width:min(420px,calc(100% - 32px));display:flex;flex-direction:column;align-items:center;gap:14px;padding:24px 28px;border:1px solid rgba(241,234,216,.26);border-radius:22px;background:#070b0fd1;box-shadow:0 24px 56px #0000004d;color:#f1ead8;text-align:center}.grid45EndOverlayLose{border-color:#ff78784d}.grid45EndTitle{color:#ffe39d;font-family:Iowan Old Style,Palatino Linotype,Palatino,Georgia,serif;font-size:clamp(36px,6vw,64px);font-weight:700;letter-spacing:.04em;text-transform:uppercase}.grid45EndOverlayLose .grid45EndTitle{color:#ff9b9b}.grid45EndCopy{max-width:28ch;color:#f1ead8e0;font-size:15px;line-height:1.45}.grid45EndActions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.grid45Hud{position:absolute;top:92px;left:16px;z-index:2;max-width:min(360px,calc(100% - 32px));padding:16px 18px;border:1px solid rgba(241,234,216,.16);border-radius:18px;background:#070b0fbd;box-shadow:0 24px 48px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grid45EditorPanel{position:absolute;top:92px;left:16px;z-index:2;width:min(412px,calc(100% - 32px));max-height:calc(100% - 108px);display:flex;flex-direction:column;gap:8px;padding:12px;border:1px solid rgba(241,234,216,.16);border-radius:18px;background:#070b0fc7;box-shadow:0 24px 48px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:auto}.grid45HiddenInput{display:none}.grid45Eyebrow{margin-bottom:6px;color:#c8a96b;font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.grid45Line,.grid45Metrics{font-size:14px;line-height:1.45}.grid45Line{color:#f1ead8e0}.grid45Metrics{margin-top:6px;color:#f6efde}.grid45StatListEditor{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px 10px;margin-top:0}.grid45StatItemWide{grid-column:1 / -1}.grid45StatList{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 14px;margin-top:2px}.grid45StatItem{display:flex;align-items:baseline;justify-content:space-between;gap:10px;min-width:0;padding:2px 0}.grid45StatLabel{color:#f1ead89e;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}.grid45StatValue{color:#f6efde;font-size:14px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid45InventoryGroup{margin-top:10px}.grid45InventoryTitle{margin-bottom:6px;color:#f1ead8d1;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45InventoryItems{display:flex;flex-wrap:wrap;gap:8px}.grid45OrbitHud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.grid45OrbitSlot{position:absolute;transform:translate(-50%,-50%)}.grid45InventoryItem{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(241,234,216,.16);border-radius:12px;background:#0c1117e6;box-shadow:0 10px 24px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(var(--inventory-rotation, 0deg));transform-origin:center center}.grid45InventoryItemInactive{opacity:.38}.grid45InventoryIcon{width:26px;height:26px;image-rendering:pixelated}.grid45InventoryFallback{color:#f6efde;font-size:14px;font-weight:700}.grid45InventoryCount{position:absolute;right:-5px;bottom:-5px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:#ffd166eb;color:#11161c;font-size:10px;font-weight:800;line-height:16px;text-align:center;transform:rotate(calc(var(--inventory-rotation, 0deg) * -1))}.grid45Toggle{display:inline-flex;align-items:center;gap:8px;margin-top:12px;color:#f1ead8eb;font-size:14px}.grid45Toggle input{margin:0}.grid45ToggleCompact{margin-top:0;font-size:12px}.grid45TogglePill{min-height:34px;margin:0;padding:0 12px;border:1px solid rgba(241,234,216,.16);border-radius:999px;background:#0c1117e0}.grid45MetaGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.grid45FieldLabel{display:grid;gap:4px;min-width:0;color:#f1ead8e6;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.grid45FieldLabelTall{gap:8px}.grid45TextInput{min-width:0;min-height:34px;padding:0 10px;border:1px solid rgba(241,234,216,.16);border-radius:10px;background:#0c1117e6;color:inherit;font:inherit;font-size:12px;letter-spacing:normal;text-transform:none}.grid45TextInput::placeholder{color:#f1ead861}.grid45TextArea{min-height:120px;resize:vertical;padding:10px 12px;border:1px solid rgba(241,234,216,.16);border-radius:12px;background:#0c1117e6;color:inherit;font:inherit;font-size:14px;line-height:1.5}.grid45TextArea::placeholder{color:#f1ead861}.grid45MetaActions{display:flex;align-items:center;justify-content:space-between;gap:10px}.grid45MetaState{color:#f1ead89e;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45HintEditorActions{justify-content:flex-start}.grid45IoNote{padding:2px 0 1px;font-size:11px;line-height:1.35}.grid45IoNoteInfo{color:#9dd8f2e6}.grid45IoNoteError{color:#ff9b9bf0}.grid45Button{padding:10px 14px;border:1px solid rgba(200,169,107,.35);border-radius:999px;background:#c8a96b1f;color:inherit;cursor:pointer;font:inherit}.grid45Button:hover{background:#c8a96b33}.grid45Button:disabled{opacity:.45;cursor:default}.grid45Button:focus-visible{outline:2px solid rgba(255,227,157,.92);outline-offset:2px}.grid45ButtonPrimary{background:#c8a96b42;border-color:#ffe39d85}.grid45ButtonCompact{min-height:34px;padding:0 12px;font-size:12px;display:inline-flex;align-items:center;justify-content:center}.grid45Controls{display:flex;align-items:end;gap:10px;margin-top:14px;flex-wrap:wrap}.grid45EditorActionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.grid45EditorToolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.grid45SegmentedControl{flex:1 1 180px;min-width:180px;display:inline-grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border:1px solid rgba(241,234,216,.16);border-radius:999px;background:#0c1117e0}.grid45SegmentedButton{min-height:28px;padding:0 12px;border:0;border-radius:999px;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:12px}.grid45SegmentedButton:disabled{opacity:.45;cursor:default}.grid45SegmentedButton:hover:not(:disabled){background:#f1ead814}.grid45SegmentedButtonActive{background:#c8a96b3d;color:#ffe39d}.grid45EditorMenuBar{position:relative;z-index:1;display:flex;align-items:center;flex-wrap:wrap;gap:2px;min-height:28px;padding:0 2px;border-bottom:1px solid rgba(241,234,216,.12)}.grid45EditorMenuBar:after{content:"";flex:1 1 auto}.grid45EditorMenu{position:relative;min-width:0}.grid45EditorMenuTrigger{display:inline-flex;align-items:center;gap:6px;min-height:24px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:#f1ead8d1;cursor:pointer;font:inherit;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45EditorMenuTrigger:after{content:"▾";color:#f1ead86b;font-size:10px}.grid45EditorMenuTrigger:hover,.grid45EditorMenuTriggerOpen{background:#f1ead814;color:#f6efde}.grid45EditorMenuTrigger:focus-visible,.grid45SegmentedButton:focus-visible{outline:2px solid rgba(255,227,157,.92);outline-offset:2px}.grid45EditorMenuDropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:min(240px,calc(100vw - 72px));padding:0;border:1px solid rgba(241,234,216,.16);border-radius:14px;background:#090e14f5;box-shadow:0 20px 40px #00000057;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.grid45EditorMenuDropdown[role=menu]{display:block}.grid45EditorMenuBody{display:grid;gap:6px;padding:10px}.grid45EditorMenuList{display:grid;gap:2px;padding:6px}.grid45EditorMenuItem,.grid45EditorMenuInfoRow{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;min-height:32px;padding:0 10px;border-radius:8px}.grid45EditorMenuItem{border:0;background:transparent;color:inherit;cursor:pointer;font:inherit;text-align:left}.grid45EditorMenuItem:hover:not(:disabled){background:#c8a96b29}.grid45EditorMenuItem:disabled{opacity:.4;cursor:default}.grid45EditorMenuItem:focus-visible{outline:2px solid rgba(255,227,157,.92);outline-offset:-1px}.grid45EditorMenuItemLabel,.grid45EditorMenuSectionLabel{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid45EditorMenuItemLabel{color:#f1ead8;font-size:13px}.grid45EditorMenuItemMeta,.grid45EditorMenuSectionLabel{color:#f1ead88a;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45EditorMenuInfoRow{color:#f1ead8d6}.grid45EditorMenuSeparator{height:1px;margin:4px 6px;background:#f1ead81a}.grid45EditorMenuMeta{display:flex;flex-wrap:wrap;gap:8px;color:#f1ead8a3;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45EditorBlankRow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;align-items:end}.grid45CompactField{align-items:center;flex-direction:row;gap:8px;min-width:0;justify-content:space-between}.grid45SelectCompact{min-width:0;width:100%;min-height:34px;padding:0 10px}.grid45MonsterCompactGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 12px;width:100%;flex:1 0 100%}.grid45MonsterCompactItem{display:grid;gap:4px;min-width:0}.grid45MonsterCompactHeader{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.grid45MonsterCompactControls{display:flex;align-items:center;gap:6px;min-width:0}.grid45MonsterName{color:#f1ead8d1;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45MonsterCount{color:#f6efde;font-size:15px;font-weight:700;line-height:1}.grid45Palette{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:8px}.grid45PaletteCompact{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:4px}.grid45PaletteButton{display:flex;align-items:center;gap:10px;justify-content:space-between;padding:10px 12px;border:1px solid rgba(241,234,216,.16);border-radius:12px;background:#0c1117e0;color:inherit;cursor:pointer;font:inherit;text-align:left}.grid45PaletteCompact .grid45PaletteButton{position:relative;align-items:center;justify-content:center;min-height:56px;padding:4px;border-radius:10px;font-size:11px;aspect-ratio:1}.grid45PaletteButtonLeft{border-color:#ffd166b8;background:#c8a96b33}.grid45PaletteButtonRight{box-shadow:inset 0 0 0 2px #5ea0c694}.grid45PaletteAssignments{display:inline-flex;align-items:center;gap:6px;margin-left:auto}.grid45PaletteCompact .grid45PaletteAssignments{position:absolute;right:4px;bottom:4px;gap:2px;margin-left:0}.grid45PaletteBadge{min-width:20px;padding:3px 6px;border-radius:999px;background:#ffd16633;color:#ffe39d;font-size:11px;font-weight:700;line-height:1;text-align:center}.grid45PaletteCompact .grid45PaletteBadge{min-width:12px;padding:1px 3px;font-size:9px}.grid45PaletteBadgeAlt{background:#5ea0c633;color:#9dd8f2}.grid45PaletteIcon,.grid45FacingPreview{width:28px;height:28px;image-rendering:pixelated;flex:0 0 auto}.grid45FacingPreview{width:36px;height:36px}.grid45PaletteCompact .grid45PaletteIcon{width:34px;height:34px}.grid45BrushGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:100%}.grid45BrushStrip{display:flex;align-items:center;justify-content:space-between;gap:6px;min-width:0;min-height:40px;padding:4px 6px;border:1px solid rgba(241,234,216,.1);border-radius:9px;background:#0c11178f}.grid45BrushSummary{display:flex;align-items:center;gap:6px;min-width:0}.grid45BrushPreview{width:18px;height:18px;image-rendering:pixelated;flex:0 0 auto}.grid45BrushText{display:flex;align-items:center;flex-wrap:wrap;gap:4px 6px;min-width:0}.grid45BrushLabel{color:#f1ead89e;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.grid45BrushValue{color:#f6efde;font-size:11px;line-height:1.1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid45BrushFacing{padding:2px 6px;border:1px solid rgba(94,160,198,.3);border-radius:999px;color:#9dd8f2;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45BrushButtons{display:flex;align-items:center;gap:3px}.grid45SelectLabel{display:inline-flex;flex-direction:column;gap:6px;color:#f1ead8e6;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.grid45Select{min-width:130px;padding:10px 12px;border:1px solid rgba(241,234,216,.16);border-radius:12px;background:#0c1117e6;color:inherit;font:inherit;text-transform:none;letter-spacing:normal}.grid45SeedInput{min-width:130px;padding:10px 12px;border:1px solid rgba(241,234,216,.16);border-radius:12px;background:#0c1117e6;color:inherit;font:inherit;letter-spacing:normal}.grid45AntControl{min-width:180px}.grid45AntRow{display:flex;align-items:center;gap:8px;min-width:0}.grid45StepButton{min-width:28px;height:28px;padding-inline:0;font-size:14px;line-height:1}.grid45Slider{flex:1 1 auto;min-width:0}.grid45AntValue{color:#f6efde;font-size:13px;letter-spacing:normal;text-transform:none}.grid45DagPanel{position:absolute;top:92px;right:16px;z-index:2;width:min(460px,calc(100% - 32px));max-height:calc(100% - 32px);display:flex;flex-direction:column;padding:16px 18px;border:1px solid rgba(241,234,216,.16);border-radius:18px;background:#070b0fd6;box-shadow:0 24px 48px #00000040;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);overflow:hidden}.grid45DagHeader{display:flex;align-items:center;justify-content:space-between;gap:12px}.grid45DagTitle{font-size:16px;font-weight:700}.grid45DagBadge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.grid45DagBadgePass{background:#75d98f29;color:#9ff0b1}.grid45DagBadgeFail{background:#ff787829;color:#ff9b9b}.grid45DagSummary{margin-top:8px;color:#f1ead8e0;font-size:14px}.grid45DagCanvasWrap{margin-top:12px;border-radius:14px;background:#0c1117b8;overflow:auto}.grid45DagCanvas{display:block;width:100%;height:auto}.grid45DagEdgeText{fill:#f1ead8;font-size:11px;font-weight:700;letter-spacing:.02em}.grid45DagNodeTitle{fill:#f7f0de;font-size:12px;font-weight:700}.grid45DagNodeMeta{fill:#f1ead8d6;font-size:10px}.grid45DagSteps{margin-top:12px;overflow:auto;font-size:12px;line-height:1.45;color:#f1ead8db}.grid45DagStep+.grid45DagStep{margin-top:4px}@media (max-width: 980px){.grid45Nav{align-items:start;flex-direction:column}.grid45NavActions{width:100%;justify-content:space-between}.grid45Hud,.grid45EditorPanel{top:132px}.grid45StatList,.grid45MonsterCompactGrid,.grid45StatListEditor,.grid45EditorActionGrid,.grid45BrushGrid,.grid45MetaGrid,.grid45EditorBlankRow{grid-template-columns:1fr}.grid45EditorToolbar{align-items:stretch;flex-direction:column}.grid45DagPanel{top:auto;bottom:16px;left:16px;right:16px;width:auto;max-height:48vh}.grid45HelpOverlay{padding:16px}.grid45HelpModal{max-height:calc(100vh - 32px);padding:18px}.grid45HelpHeader{align-items:start;flex-direction:column}}:root{color-scheme:dark}html,body,#root{height:100%}body{margin:0;background:#0b0f14;color:#e6edf3}