@layer reset{*,:before,:after{box-sizing:border-box}body,dd{margin:0}button,input,select{font:inherit;color:inherit}}@layer tokens{:root{--space-4:.25rem;--space-8:.5rem;--space-12:.75rem;--space-16:1rem;--space-24:1.5rem;--space-32:2rem;--radius:.125rem;--font-body:"Geist", system-ui, sans-serif;--font-pixel:"Geist Pixel Square", ui-monospace, monospace;--text-control:.75rem;--text-body:.875rem;--text-subtitle:1rem;--text-heading:1.25rem;--text-title:1.5rem;--control-size:2.5rem;--control-compact-size:2rem;--control-font:400 var(--text-control)/1.25 var(--font-body);--icon-size:1.5rem;--icon-small:1rem;--hex-shape:polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);--page-bg:#171321;--gold:#e5b96e;--error:#f0a29a;--focus-width:2px;--focus-offset:3px;--view-duration:.22s;--ease-circ-in:cubic-bezier(.6, .04, .98, .335);--ease-circ-out:cubic-bezier(.075, .82, .165, 1);--feedback-duration:.12s;--button-press-scale:.95;--loading-duration:1.2s;--panel-margin:clamp(var(--space-8), 1vw, var(--space-12))}@media (width<=760px),(width<=1024px) and (height<=500px),(pointer:coarse){:root{--control-size:2.75rem;--control-compact-size:2.75rem}}}@layer base{html,body{overscroll-behavior-y:none}html{background:var(--page-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{font:var(--text-body)/1.5 var(--font-body)}body:has(#campaign-menu:not([hidden])){background:var(--menu-page-bg,transparent)}main{padding:var(--panel-margin);min-height:100svh}::selection{background:color-mix(in srgb, var(--surface,var(--page-bg)) 65%, #000);color:var(--gold)}:where(button,select,input[type=color]){cursor:pointer}:where(button,input,select):focus-visible{outline:var(--focus-width) solid var(--focus,currentColor);outline-offset:var(--focus-offset)}:where(button,select,input[type=text]){height:var(--control-size);min-height:var(--control-size);padding:0 var(--space-12);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);font:var(--control-font)}button{justify-content:center;align-items:center;gap:var(--space-8);transition:scale var(--feedback-duration) var(--ease-circ-out), background-color var(--feedback-duration), border-color var(--feedback-duration), color var(--feedback-duration);display:inline-flex}button:active:not(:disabled,[aria-disabled=true]){scale:var(--button-press-scale)}button:hover:not(:disabled,[aria-disabled=true]){border-color:var(--muted)}button:disabled{cursor:default;opacity:.45}input[type=text]{min-width:0}dialog{width:min(var(--dialog-width,26.25rem), calc(100% - var(--space-32)));padding:var(--dialog-padding,var(--space-24));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text)}dialog::backdrop{background:#100c1bcc}dialog h2{margin:0 0 var(--space-12);font:400 var(--text-title)/1.25 var(--font-pixel)}dialog p{color:var(--muted);font-size:var(--text-control)}}@layer compositions{.cluster{--cluster-gap:var(--space-8);align-items:center;gap:var(--cluster-gap,var(--space-8));flex-wrap:wrap;display:flex}.stack{gap:var(--stack-gap,var(--space-8));display:grid}.grid-pair{gap:var(--space-12);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.ui-icon{width:var(--icon-size);height:var(--icon-size);fill:currentColor;flex-shrink:0;display:block}.cursor-interaction{cursor:pointer}}@layer blocks{.campaign-menu{--almanac-title-size:clamp(2.5rem, 4.125vw, 3rem);--almanac-mark-size:calc(var(--almanac-title-size) * 1.4);--almanac-mark-gap:var(--space-16);--surface:#211c36;--text:#f1e8db;--muted:#a39aac;--line:#40374e;--focus:var(--gold);--campaign-card-bg:color-mix(in srgb, var(--surface) 96%, var(--text));color:var(--text);max-width:64rem;margin:0 auto;padding:clamp(var(--space-32), 6vh, 4.5rem) var(--space-12) var(--space-32);margin-inline-start:max(calc((100% - 64rem) / 2), calc(var(--almanac-mark-size) + var(--almanac-mark-gap) - var(--space-12)))}.campaign-menu button:hover:not(:disabled){background-color:var(--button-hover-bg,color-mix(in srgb, var(--surface) 85%, var(--text)))}.campaign-menu .save-warning{margin-top:var(--space-12)}.campaign-menu dialog{--surface:#211c36;--text:#f1e8db;--muted:#a39aac;--line:#40374e;--gold:#e5b96e;--focus:var(--gold)}@media (width<=640px){.campaign-menu{--almanac-title-size:clamp(2.5rem, 10.8vw, 3rem);padding:clamp(var(--space-24), 5vw, var(--space-32)) 0 var(--space-24);margin-inline:auto}}.almanac-heading{margin:0 0 clamp(var(--space-32), 7vh, 4.5rem);position:relative}.almanac-heading h1{margin:0 0 var(--space-4);color:var(--gold);font:400 var(--almanac-title-size)/.9 var(--font-pixel);letter-spacing:-.055em}.almanac-heading h1 span{display:block}.almanac-heading h1 .almanac-article{letter-spacing:-.055em;font-size:.5em;line-height:1}.almanac-heading h1>span:last-child{margin-top:-.025em}.almanac-heading p{color:var(--muted);margin:0}@media (width<=640px){.almanac-heading p{font-size:var(--text-control)}}.almanac-mark{width:var(--almanac-mark-size);height:var(--almanac-mark-size);border:.076em solid;color:var(--gold);fill:currentColor;font-size:var(--almanac-title-size);border-width:round(.076em,1px);padding:.038em;position:absolute;inset-block-start:0;inset-inline-end:calc(100% + var(--almanac-mark-gap))}@media (width<=640px){.almanac-mark{color:var(--campaign-card-bg);border:0;padding:0;inset-inline-end:0}}.campaign-toolbar{--cluster-gap:var(--space-16);margin-bottom:var(--space-16);flex-wrap:nowrap;justify-content:space-between;align-items:flex-end}.campaign-toolbar h2{align-items:center;gap:var(--space-8);font:400 var(--text-body)/1.4 var(--font-pixel);margin:0;display:flex}@media (width<=640px){.campaign-toolbar{--cluster-gap:var(--space-8)}.campaign-toolbar h2{font-size:var(--text-control)}}.campaign-toolbar-actions{align-items:flex-end;gap:var(--space-8);flex-shrink:0;margin-left:auto;display:flex}.campaign-toolbar-actions button{white-space:nowrap}@media (width<=640px){.campaign-toolbar-actions button{padding-inline:var(--space-8)}}#open-settings{--icon-size:var(--icon-small);flex:none;padding:0}#campaign-count{min-width:var(--icon-size);height:var(--icon-size);padding:0 var(--space-8);border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);font:var(--text-control)/1 var(--font-pixel);place-items:center;display:inline-grid}.menu-button{gap:var(--space-8);background:color-mix(in srgb, var(--surface) 92%, var(--text))}.menu-icon-button{width:var(--control-size);background:0 0;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.primary-button{--button-hover-bg:#f0c985;background:var(--gold);color:#211c36;border-color:var(--gold)}.primary-button:hover:not(:disabled,[aria-disabled=true]){background:var(--button-hover-bg);border-color:var(--button-hover-bg)}#settings-dialog{--dialog-width:30rem;--dialog-padding:0;max-height:calc(100dvh - var(--space-32));overscroll-behavior:contain;overflow:hidden;box-shadow:0 24px 100px #0006}#settings-dialog form{max-height:calc(100dvh - var(--space-32) - 2px);flex-direction:column;display:flex}#settings-dialog .palette-manager-header{min-height:calc(var(--control-size) + var(--space-16) + 1px)}#settings-dialog .dialog-actions{padding:var(--space-16);border-top:1px solid var(--line);flex-shrink:0;justify-content:end}.settings-content{padding:var(--space-16);--stack-gap:var(--space-24);overscroll-behavior:contain;min-height:0;overflow-y:auto}.settings-note{color:var(--muted);font-size:var(--text-control);margin:0}.settings-save-control{display:inline-flex}.settings-save-control button:disabled{pointer-events:none}.settings-group{--stack-gap:var(--space-8);min-width:0}.settings-group>label{color:var(--muted);font-size:var(--text-control)}#settings-motion{justify-self:start;width:fit-content}.settings-palette-actions{align-items:center;gap:var(--space-8);display:flex}.settings-palette-actions select{flex:1;min-width:0}.settings-palette-actions button{flex-shrink:0}.settings-import{--cluster-gap:var(--space-8)}.settings-import span{overflow-wrap:anywhere;min-width:0;font-size:var(--text-control)}.campaign-list{margin:0 0 var(--space-12);--stack-gap:var(--space-12);padding:0;list-style:none}.campaign-card{--campaign-icon-size:9.25rem;grid-template-columns:var(--campaign-icon-size) minmax(0, 1fr) auto;align-items:center;gap:var(--space-16);padding:var(--space-12);border:1px solid var(--line);border-radius:var(--radius);background:var(--campaign-card-bg);display:grid}.campaign-card:focus-within{border-color:var(--muted)}@media (width<=640px){.campaign-card{align-items:start;gap:var(--space-8) var(--space-12);padding:var(--space-8);grid-template-columns:minmax(5.5rem,28%) minmax(0,1fr);grid-template-areas:"icon name""icon meta""icon seed""icon actions"}}.campaign-icon{width:var(--campaign-icon-size);height:var(--campaign-icon-size);border:1px solid color-mix(in srgb, var(--line) 70%, transparent);border-radius:var(--radius);background:var(--surface);position:relative;overflow:hidden}.campaign-icon img{object-fit:cover;width:100%;height:100%;display:block;transform:scale(1.13)}.campaign-icon .campaign-icon-toggle{background:0 0;border:0;border-radius:0;width:100%;height:100%;min-height:0;padding:0;display:block}.campaign-icon button:focus-visible{outline-offset:calc(-1 * var(--focus-offset))}.campaign-icon .campaign-icon-refresh{top:var(--space-8);right:var(--space-8);width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);background:var(--surface);opacity:0;visibility:hidden;pointer-events:none;position:absolute}.campaign-icon.is-revealed .campaign-icon-refresh{opacity:1;visibility:visible;pointer-events:auto}@media (width<=640px){.campaign-icon{grid-area:icon;width:100%;height:100%;min-height:13.75rem}.campaign-icon img{transform:scale(1.22)}}.campaign-icon-placeholder{background:url(/images/default-campaign.png) 50%/cover;width:100%;height:100%;display:block;scale:1.13}@media (width<=640px){.campaign-icon-placeholder{scale:1.22}}.campaign-details{min-width:0}@media (width<=640px){.campaign-details{display:contents}}.campaign-name-form{margin:0 0 var(--space-16);align-items:center;min-width:0;max-width:100%;display:flex;position:relative}.campaign-name-form .campaign-name{width:100%;height:auto;min-height:0;padding:var(--space-4) calc(var(--icon-small) + var(--space-12)) var(--space-4) 0;font:400 var(--text-title)/1.25 var(--font-pixel);letter-spacing:-.035em;text-overflow:ellipsis;background:0 0;border:0;border-bottom:1px solid #0000;border-radius:0}.campaign-name-form .campaign-name:is(:hover,:focus){border-bottom-color:var(--line)}.campaign-name-form svg{right:var(--space-4);width:var(--icon-small);height:var(--icon-small);color:var(--muted);opacity:.6;pointer-events:none;position:absolute}@media (width<=640px){.campaign-name-form{grid-area:name;margin:0}.campaign-name-form .campaign-name{font-size:var(--text-heading)}}.campaign-metadata{gap:var(--space-12) var(--space-24);margin:0 0 var(--space-12);font-size:var(--text-control);flex-wrap:wrap;display:flex}.campaign-metadata dt{color:var(--muted);font-size:var(--text-control);margin-bottom:var(--space-4)}.campaign-metadata dd{overflow-wrap:anywhere;font:var(--text-control)/1.5 var(--font-pixel)}@media (width<=640px){.campaign-metadata{gap:var(--space-8) var(--space-12);grid-area:meta;grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}}.campaign-seed-row{align-items:center;gap:var(--space-4);color:var(--muted);font-size:var(--text-control);display:flex}.campaign-seed-row>span{white-space:nowrap;min-width:0;margin-right:var(--space-4);align-items:baseline;display:flex}.campaign-seed-row .menu-icon-button{width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);border-color:#0000}.campaign-seed-row .ui-icon{--icon-size:var(--icon-small)}@media (width<=640px){.campaign-seed-row{grid-area:seed}.campaign-seed-row>span{flex:1;margin-right:0}}.campaign-seed{text-overflow:ellipsis;min-width:0;font:var(--text-control)/1.5 var(--font-pixel);margin-left:var(--space-4);overflow:hidden}.campaign-actions{grid-template-columns:repeat(2, var(--control-size));grid-template-rows:repeat(3, var(--control-size));gap:var(--space-8);display:grid}.campaign-actions .menu-icon-button{width:100%;height:100%;color:var(--muted)}.campaign-actions .campaign-enter{justify-content:center;gap:var(--space-4);font-size:var(--text-control);color:var(--gold);background:color-mix(in srgb, var(--gold) 8%, var(--surface));border-color:color-mix(in srgb, var(--gold) 40%, var(--line));flex-direction:column;grid-area:1/1/3/-1;display:flex}.campaign-actions .campaign-delete:hover:not(:disabled){color:#efb6ac;border-color:#a66e69}@media (width<=640px){.campaign-actions{grid-area:actions;width:100%;display:flex}.campaign-actions .menu-icon-button{width:var(--control-size);height:var(--control-size)}.campaign-actions .campaign-enter{gap:var(--space-8);flex-direction:row;flex:1}}.new-campaign{--cluster-gap:var(--space-16);text-align:left;width:100%;height:auto;min-height:6.25rem;padding:var(--space-12);border-radius:var(--radius);background:0 0;border-style:dashed;flex-wrap:nowrap;justify-content:start}.new-campaign strong{font:400 var(--text-subtitle)/1.4 var(--font-pixel);margin-bottom:var(--space-4);display:block}.new-campaign strong+span{color:var(--muted);font-size:var(--text-control)}.new-campaign .new-campaign-symbol{width:var(--control-size);height:var(--control-size);padding:calc((var(--control-size) - var(--icon-size)) / 2 - 1px);border:1px solid var(--line);border-radius:var(--radius);color:var(--gold)}.new-campaign .new-campaign-arrow{color:var(--muted);margin-left:auto}.campaign-storage-note{margin:var(--space-24) 0 0;text-align:center;color:var(--muted);font-size:var(--text-control)}.campaign-feedback{--stack-gap:var(--space-8);justify-items:center}.campaign-message{text-align:center;min-height:1.5em;margin-top:var(--space-8);color:var(--gold);display:block}.campaign-message[data-kind=error]{color:var(--error)}.campaign-message{font:var(--text-control)/1.5 var(--font-pixel)}.campaign-preview{pointer-events:none;width:384px;height:384px;position:fixed;top:0;left:-10000px}#delete-campaign-dialog{--dialog-width:27.5rem;--dialog-padding:clamp(var(--space-24), 3vw, var(--space-32));box-shadow:0 24px 100px #0006}#delete-campaign-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09070dbb}#delete-campaign-dialog h2{margin:var(--space-16) 0 var(--space-12);letter-spacing:-.03em}#delete-campaign-dialog p{margin:0 0 var(--space-24);font-size:var(--text-body);overflow-wrap:anywhere}#delete-campaign-dialog strong{color:var(--text);font-weight:500}.dialog-eyebrow{color:var(--muted);font:var(--text-control)/1.4 var(--font-pixel)}.dialog-actions{--cluster-gap:var(--space-8);justify-content:end}#palette-manager-dialog{--dialog-width:40rem;--dialog-padding:0;max-height:calc(100dvh - var(--space-32));overflow:hidden;box-shadow:0 24px 100px #0006}#palette-manager-dialog[open]{flex-direction:column;display:flex}#account-dialog{--dialog-width:44rem;--dialog-padding:0;max-height:calc(100dvh - var(--space-32))}#account-dialog::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#09070dbb}#account-dialog .account-content{padding:var(--space-24);--stack-gap:var(--space-16)}#account-dialog p{overflow-wrap:anywhere;margin:0}#account-dialog h3{font:var(--text-subtitle)/1.4 var(--font-pixel);margin:0}#account-dialog input{width:100%;min-height:var(--control-size);padding:var(--space-8);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);font:inherit}#account-dialog .account-list{--stack-gap:var(--space-12);margin:0;padding:0;list-style:none}#account-dialog .account-list li{gap:var(--space-8);padding-bottom:var(--space-12);border-bottom:1px solid var(--line);display:grid}#account-dialog .account-list strong{overflow-wrap:anywhere;font-weight:500}#account-dialog .account-list button{white-space:normal;height:auto;min-height:var(--control-size)}#create-campaign-dialog{--cc-margin:clamp(var(--space-16), 2.5vmin, var(--space-32));--dialog-padding:0;--dialog-width:calc(100vw - var(--cc-margin) * 2);width:var(--dialog-width);max-width:none;height:calc(100svh - var(--cc-margin) * 2);--ember:#ed8965;max-height:none;overflow:hidden;box-shadow:0 24px 100px #0006}#create-campaign-dialog[open]{flex-direction:column;display:flex}#create-campaign-dialog::backdrop{background:#100c1bdd}#create-campaign-dialog.cc-preview-expanded .cc-preview{z-index:2;border:0;position:absolute;inset:0}#create-campaign-dialog.cc-preview-expanded .cc-settings,#create-campaign-dialog.cc-preview-expanded .cc-footer{visibility:hidden}@media (width<=760px){#create-campaign-dialog{--cc-margin:var(--space-8)}}.cc-header{z-index:3;background:var(--surface)}.cc-header h2{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.cc-header #cc-title-name{color:var(--gold)}.cc-body{flex:1;grid-template-columns:minmax(0,7fr) minmax(19rem,3fr);min-height:0;display:grid}@media (width<=760px){.cc-body{flex-direction:column;display:flex;overflow-y:auto}}.cc-preview{border-inline-end:1px solid var(--line);background:var(--page-bg);min-width:0;min-height:0;position:relative;overflow:hidden}@media (width<=760px){.cc-preview{border-inline-end:0;border-block-end:1px solid var(--line);flex:0 0 clamp(15rem,40svh,26rem)}}.cc-scene{touch-action:none;cursor:grab;position:absolute;inset:0}.cc-scene:active{cursor:grabbing}.cc-scene canvas{width:100%;height:100%;display:block}.cc-map-controls{bottom:max(var(--space-12), env(safe-area-inset-bottom));right:max(var(--space-12), env(safe-area-inset-right));gap:var(--space-8);display:grid;position:absolute}.cc-map-controls button{width:var(--control-size);padding:0;box-shadow:0 2px 8px #0003}.cc-preview-status{left:var(--space-16);top:var(--space-16);max-width:calc(100% - var(--space-32));padding:var(--space-8) var(--space-12);border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--muted);font-size:var(--text-control);pointer-events:none;position:absolute}.cc-preview-status:empty{display:none}.cc-preview-status[data-kind=error]{color:var(--error)}.cc-preview-expanded .cc-preview-status{top:calc(var(--control-size) + var(--space-32))}.cc-settings{justify-content:space-between;gap:var(--space-12);min-width:0;min-height:0;padding:var(--space-16);scrollbar-color:var(--line) transparent;flex-direction:column;display:flex;overflow-y:auto}.cc-settings .ui-icon{--icon-size:var(--icon-small)}@media (width<=760px){.cc-settings{gap:var(--space-16);flex-shrink:0;overflow:visible}}.cc-field{gap:var(--space-4);font-size:var(--text-control);color:var(--muted);flex-direction:column;display:flex}.cc-field :is(input,select){width:100%;color:var(--text)}.cc-seed-actions{gap:var(--space-8);margin-top:var(--space-8);display:flex}.cc-seed-actions button{white-space:nowrap;padding-inline:var(--space-8);flex:1}.cc-section-header{justify-content:space-between;align-items:center;gap:var(--space-8);margin-bottom:var(--space-8);display:flex}.cc-section-header h3{font:400 var(--text-control)/1.5 var(--font-body);color:var(--muted);margin:0}.cc-section-header button{padding-inline:var(--space-8);flex-shrink:0}.cc-sliders{gap:var(--space-12);display:grid}.cc-slider{font-size:var(--text-control);flex-direction:column;line-height:1.25;display:flex}.cc-slider>span{display:block}.cc-slider output{color:var(--muted)}.cc-slider input{width:100%;height:var(--space-24);accent-color:var(--ember);cursor:pointer;margin:0}#create-campaign-dialog .cc-footer{flex-wrap:nowrap}#create-campaign-dialog .cc-footer button{flex:0 auto}#create-campaign-dialog .cc-footer .ui-icon{--icon-size:var(--icon-small)}@media (width<=640px){#create-campaign-dialog .cc-footer{padding:var(--space-8)}#create-campaign-dialog .cc-footer button,#create-campaign-dialog .cc-footer button:first-child{min-width:0;height:auto;padding-inline:var(--space-8);padding-block:var(--space-4);white-space:normal;flex:1}}@media (width<=760px),(width<=1024px) and (height<=500px){#cc-close{display:none}}@media (width>=761px) and (height<=800px){.cc-settings{gap:var(--space-8);padding:var(--space-12)}.cc-sliders{gap:var(--space-8)}.cc-slider input{height:var(--space-16)}}@media (width>=761px) and (height<=680px){#create-campaign-dialog{--cc-margin:var(--space-8)}.cc-settings{gap:var(--space-4);padding:var(--space-8)}.cc-field{align-items:center;gap:var(--space-8);flex-direction:row}.cc-field .cc-field-label{flex:0 0 3.5rem}.cc-field :is(input,select){flex:1;min-width:0}}@media (width<=640px){#create-campaign-dialog .cc-footer .ui-icon{display:none}}.palette-manager-header{justify-content:space-between;align-items:center;gap:var(--space-16);padding:var(--space-8) var(--space-12);border-bottom:1px solid var(--line);flex-shrink:0;display:flex}.palette-manager-header h2{font:400 var(--text-body)/1.25 var(--font-pixel);margin:0}.palette-manager-header button{border-color:#0000}#palette-manager-list{overscroll-behavior:contain;scrollbar-color:var(--line) transparent;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.palette-row{align-items:center;gap:var(--space-24);padding:var(--space-16) var(--space-24);border-bottom:1px solid var(--line);cursor:pointer;grid-template-columns:minmax(0,1fr) auto;display:grid}.palette-row:last-child{border-bottom:0}.palette-row[aria-selected=true]{background:color-mix(in srgb, var(--surface) 95%, var(--text));box-shadow:inset 3px 0 var(--gold)}@media (hover:hover){.palette-row:hover:not(:disabled){background:color-mix(in srgb, var(--surface) 90%, var(--text))}}.palette-row:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:calc(-1 * var(--focus-width))}.palette-swatches{align-items:center;gap:var(--space-8);display:flex}.palette-swatch{width:2rem;height:var(--control-size);display:block;position:relative}.palette-swatch:before{content:"";background:var(--swatch-color);clip-path:var(--hex-shape);position:absolute;inset:0}.palette-swatch:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius)}.palette-swatch input{opacity:0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}@media (pointer:coarse){.palette-swatch{width:var(--control-size)}}.palette-name-wrap{align-items:center;gap:var(--space-4) var(--space-8);min-width:0;font:400 var(--text-body)/1.4 var(--font-pixel);overflow-wrap:anywhere;flex-wrap:wrap;display:flex}.palette-name{text-overflow:ellipsis;max-width:100%;font:inherit;background:0 0;border-color:#0000;padding:0}.palette-name:is(:hover,:focus){border-bottom-color:var(--line)}.palette-default{color:#e5b96e;font-size:var(--text-control);white-space:nowrap}#palette-manager-message{padding:var(--space-8) var(--space-16);color:var(--error);flex-shrink:0;margin:0}.palette-manager-actions{justify-content:end;gap:var(--space-8);padding:var(--space-12);border-top:1px solid var(--line);flex-wrap:wrap;flex-shrink:0;display:flex}.palette-manager-actions button:first-child{margin-inline-end:auto}#palette-manager-dialog .palette-manager-actions{flex-wrap:nowrap;justify-content:start;overflow-x:auto}#palette-manager-dialog .palette-manager-actions button{white-space:nowrap;flex:none}@media (width<=640px){#palette-manager-dialog .palette-manager-actions button{white-space:normal;flex:1;min-width:0;height:auto}#palette-manager-dialog .palette-manager-actions .ui-icon{display:none}}@media (width<=640px){.palette-row{gap:var(--space-16);padding-inline:var(--space-16)}.palette-default{white-space:normal}.palette-manager-actions button{padding-inline:var(--space-8);white-space:nowrap;flex:1}.palette-manager-actions button:first-child{flex-basis:100%}}.menu-danger{--button-hover-bg:#934043;color:#ffd9d4;background:#7d3435;border-color:#a65d5b}.menu-danger:hover:not(:disabled){border-color:#c37973}#campaign-workspace{--hp-bg:#211c36;--hp-text:#f1e8db;--hp-muted:#b7adbb;--hp-line:#4a4056;--surface:var(--hp-bg);--text:var(--hp-text);--muted:var(--hp-muted);--line:var(--hp-line);--focus:var(--text);--palette-swatch-width:6.25rem;--palette-controls-width:17rem;--palette-gap:clamp(var(--space-12), 2.5cqi, var(--space-24));--palette-columns:var(--palette-swatch-width) minmax(0, var(--palette-controls-width)) minmax(12rem, 1fr);--panel-rail-size:2.75rem;--panel-bar-size:calc(var(--control-size) + var(--space-8) * 2 + 1px);color:var(--text);width:100%;height:calc(100svh - var(--panel-margin) * 2);gap:var(--panel-margin);isolation:isolate;grid-template-columns:minmax(60vw,1fr) minmax(0,35rem);display:grid}#campaign-workspace[data-panel-rails="1"]{grid-template-columns:minmax(0,1fr) clamp(20rem,30vw,27.5rem)}#campaign-workspace[data-panel-rails="2"]{grid-template-columns:minmax(0, 1fr) calc(var(--panel-rail-size) * 2 + var(--panel-margin))}#campaign-workspace .save-warning{margin:0 var(--space-12) var(--space-8)}:is(.hp-map-panel,.hp-tool-panel){border:1px solid var(--line);border-radius:var(--radius);background:var(--hp-panel-bg,var(--surface));flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.hp-map-panel{height:100%;container-type:inline-size}.hp-top{--cluster-gap:var(--space-8);padding:var(--space-8) var(--space-12);height:var(--panel-bar-size);min-height:var(--panel-bar-size);border-bottom:1px solid var(--line);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between}.hp-top .hp-tools{flex-wrap:nowrap}.hp-back-menu{width:var(--control-size);border-color:#0000;flex-shrink:0;place-items:center;padding:0;display:grid}.hp-heading{flex:1;min-width:0}.hp-title{text-overflow:ellipsis;white-space:nowrap;font:400 var(--text-title)/1.25 var(--font-pixel);letter-spacing:.02em;margin:0;overflow:hidden}.hp-zooms{top:max(var(--space-12), env(safe-area-inset-top));right:max(var(--space-12), env(safe-area-inset-right));gap:var(--space-8);--icon-size:var(--icon-small);flex-direction:column;display:flex;position:absolute}.hp-zooms button{box-shadow:0 3px 16px #0003}.hp-zoom{width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);place-items:center;padding:0;display:grid}#hp-find-party{white-space:nowrap}#hp-find-party img{width:var(--icon-size);height:var(--icon-size);object-fit:contain;border-radius:var(--space-4)}.hp-map-stage{flex:1;min-height:10rem;display:flex;position:relative}.hp-scene{touch-action:none;cursor:grab;flex:1;width:100%;min-height:10rem;position:relative}.hp-scene:active{cursor:grabbing}.hp-scene canvas{outline:none;width:100%;height:100%;display:block}.hp-mobile-only,.hp-collapse-icon{display:none}.hp-fallback{padding:var(--space-24);color:var(--muted);place-items:center;display:grid;position:absolute;inset:0}.hp-status{bottom:var(--space-12);left:var(--space-12);right:var(--space-12);grid-template-columns:var(--palette-columns);align-items:end;gap:var(--palette-gap);pointer-events:none;color:var(--muted);font-size:var(--text-control);display:grid;position:absolute}.hp-status :is(select,output){pointer-events:auto;box-shadow:0 3px 16px #0003}.hp-status select{color:var(--text);grid-column:1/3;width:100%;min-width:0}.hp-status output{font-family:var(--font-pixel);min-width:0;max-width:min(20rem,100%);min-height:1.4em;padding:var(--space-4) var(--space-8);border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--surface);text-align:right;text-overflow:ellipsis;white-space:nowrap;grid-column:3;justify-self:end;overflow:hidden}.hp-status output:empty{display:none}.hp-map-options{flex-shrink:0}.hp-palette{grid-template-columns:var(--palette-columns);border-top:1px solid var(--line);justify-content:start;align-items:center;gap:var(--palette-gap);padding:var(--space-8) var(--space-12) var(--space-12);display:grid}.hp-colors{--stack-gap:var(--space-8)}.hp-color{align-items:center;gap:var(--space-8);min-width:0;display:flex}.hp-color span{font-size:var(--text-control);display:block}.hp-color:has(input:focus-visible){outline:var(--focus-width) solid var(--focus);outline-offset:var(--focus-offset);border-radius:var(--radius)}@media (pointer:coarse){.hp-color{min-height:var(--control-size)}}.hp-swatch{background:var(--swatch-color);width:2rem;height:2.25rem;clip-path:var(--hex-shape);flex-shrink:0;position:relative}.hp-swatch input{opacity:0;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.hp-hex-code{font:var(--text-control)/1.5 var(--font-pixel);color:var(--muted);font-variant-numeric:tabular-nums;text-transform:uppercase;display:block}.hp-palette-controls{width:100%;max-width:var(--palette-controls-width);place-self:start}.hp-palette-controls :is(input,select,button){width:100%;max-width:100%}.hp-palette-picker{gap:var(--space-8);grid-template-columns:minmax(0,1fr);display:grid}.hp-palette-picker:has(>.hp-time-of-day){grid-template-columns:minmax(0,1fr) auto}.hp-palette-picker>#hp-preset{text-overflow:ellipsis;min-width:0;overflow:hidden}.hp-seed-action{width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);color:var(--muted);--icon-size:var(--icon-small);border-color:#0000;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.hp-motion{gap:var(--space-8);color:var(--muted);white-space:nowrap}.hp-motion[aria-checked=true]{color:var(--text)}.hp-motion[aria-checked=true] .hp-motion-light{box-shadow:0 0 var(--space-8) color-mix(in srgb, currentColor 45%, transparent);background:currentColor}.hp-fog{min-height:var(--control-compact-size);padding-inline:var(--space-8)}.hp-view-controls{align-items:center;gap:var(--space-8);min-width:0;display:flex}.hp-time-of-day{white-space:nowrap;min-width:7rem;padding-inline:var(--space-8);--icon-size:var(--icon-small)}.hp-motion-light{width:var(--space-8);height:var(--space-8);border:1px solid;border-radius:50%;flex-shrink:0}#hp-motion-state,#hp-fog-state{min-width:3ch;display:inline-block}.hp-map-navigation{grid-template-columns:minmax(0, 1fr) var(--control-compact-size);place-self:start end;width:15rem;max-width:100%}.hp-panel-actions{grid-template-columns:var(--control-compact-size);justify-content:end;align-self:end;align-items:center;gap:var(--space-8);display:grid}@container (width<=360px){.hp-palette{gap:var(--space-8);grid-template-columns:repeat(2,minmax(0,1fr))}}.save-warning{justify-content:space-between;align-items:center;gap:var(--space-8) var(--space-12);padding:var(--space-8) var(--space-12);border-radius:var(--radius);color:var(--error);background:var(--surface);font:400 var(--text-control)/1.5 var(--font-body);border:1px solid;flex-wrap:wrap;flex-shrink:0;display:flex}.save-warning p{overflow-wrap:anywhere;flex:12.5rem;margin:0}.hp-side-panels{grid-template-columns:var(--panel-columns,minmax(0, 1fr));grid-template-rows:var(--panel-rows,max-content minmax(18.75rem, 1fr));gap:var(--panel-margin);min-width:0;height:100%;min-height:0;display:grid}.hp-tool-panel{grid-column:var(--panel-column,1);grid-row:var(--panel-row,auto);position:relative}.hp-inspector-panel{container:inspector/inline-size}.hp-panel-bar{--cluster-gap:var(--space-8);padding:var(--space-8) var(--space-8) var(--space-8) var(--space-12);height:var(--panel-bar-size);min-height:var(--panel-bar-size);border-bottom:1px solid var(--line);flex-wrap:nowrap;flex-shrink:0;justify-content:space-between}.hp-panel-bar h2{font:400 var(--text-subtitle)/1.25 var(--font-pixel);margin:0}.hp-panel-buttons{gap:var(--space-4);display:flex}.hp-panel-resize{height:var(--space-12);cursor:row-resize;touch-action:none;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:auto 0 0}.hp-panel-resize:before{content:"";width:var(--space-32);height:var(--space-4);border-radius:var(--radius);background:var(--muted)}.hp-panel-resize:hover:before,.hp-panel-resize:focus-visible:before{background:var(--gold)}.hp-panel-resize:focus-visible{outline:var(--focus-width) solid var(--focus);outline-offset:calc(-1 * var(--focus-width))}:is(.hp-panel-buttons button,#hp-toggle-settings){--icon-size:var(--icon-small);width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);padding:0}.hp-panel-body{overscroll-behavior:contain;scrollbar-width:thin;min-height:0;overflow:auto}.hp-tracker-panel .hp-panel-body{flex:1}.hp-inspector-overview{align-items:center;gap:var(--space-4) var(--space-24);padding:var(--space-8) var(--space-12) var(--space-16);border-bottom:1px solid var(--line);grid-template-columns:clamp(6.5rem,36%,10rem) minmax(0,1fr);display:grid;position:relative}.hp-hex-visited{float:inline-end;padding-inline:var(--space-8);margin-inline-start:var(--space-16)}.hp-party-overview{--party-pin-size:calc(var(--icon-small) + var(--space-4));grid-template-columns:calc(2 * var(--control-compact-size) + 3 * var(--space-4)) minmax(0, 1fr);align-items:start;gap:var(--space-4) var(--space-12);padding:var(--space-12);border-bottom:1px solid var(--line);display:grid}.hp-party-overview .campaign-name-form{margin:0}.hp-party-overview .hp-inspector-heading{grid-column:2}.hp-party-overview p{margin:var(--space-4) 0}.hp-party-overview .hp-seed-action{width:var(--party-pin-size);height:var(--party-pin-size);min-height:var(--party-pin-size)}.hp-party-overview dd{overflow-wrap:anywhere;min-width:0}#hp-party-name{min-width:0;font:400 var(--text-heading)/1.25 var(--font-pixel)}#hp-party-keyboard-help{padding-inline-start:calc(var(--party-pin-size) + var(--space-4))}.hp-party-location-value{align-items:center;gap:var(--space-4);line-height:1.25;display:flex}.hp-party-location-value>span{overflow-wrap:anywhere;min-width:0}.hp-party-overview .hp-hex-distances{gap:var(--space-4);margin:var(--space-12) 0 0;grid-auto-rows:1fr}.hp-party-overview .hp-hex-distances>div{grid-template-columns:var(--party-pin-size) minmax(0, 1fr) minmax(0, 1fr);min-height:var(--party-pin-size);gap:var(--space-4);align-items:center;display:grid}.hp-party-overview .hp-hex-distances dt{grid-column:1/span 2;grid-template-columns:var(--party-pin-size) minmax(0, 1fr);align-items:center;gap:var(--space-4);display:grid}.hp-party-overview .hp-hex-distances dt span{grid-column:2}.hp-party-overview .hp-hex-distances dd{grid-column:3}.hp-party-portrait{grid-row:1;position:relative}.hp-party-portrait>button{background:0 0;border:0;width:100%;height:100%;padding:0}.hp-party-portrait.is-revealed .hp-party-appearance{opacity:1;visibility:visible;pointer-events:auto}@container inspector (width<=420px){.hp-party-overview .campaign-name-form{grid-area:auto}}@media (pointer:coarse){.hp-party-overview{--party-pin-size:var(--control-compact-size)}}.hp-party-appearance{inset:auto var(--space-4) var(--space-4) auto;gap:var(--space-4);opacity:0;visibility:hidden;pointer-events:none;display:flex;position:absolute}.hp-party-appearance button{width:var(--control-compact-size);height:var(--control-compact-size);min-height:var(--control-compact-size);--icon-size:var(--icon-small);padding:0}.hp-inspector-title-row{margin-block:var(--space-8);display:flow-root}.hp-hex-preview-frame{aspect-ratio:1;width:100%;overflow:hidden}.hp-hex-preview-frame img{object-fit:contain;width:100%;height:100%}.hp-inspector-heading{min-width:0}.hp-eyebrow{font-size:var(--text-control);color:var(--muted)}#hp-hex-name{padding-block:max(0px, calc((var(--control-size) - var(--text-heading) * 1.25) / 2));font:400 var(--text-heading)/1.25 var(--font-pixel);overflow-wrap:anywhere;text-wrap:balance;margin:0}.hp-pixel{font:400 var(--text-control)/1.5 var(--font-pixel);color:var(--muted)}.hp-inspector-content{padding:var(--space-12)}.hp-batch-overview{padding:var(--space-12);border-bottom:1px solid var(--line)}.hp-batch-overview h3{color:var(--text);font-size:var(--text-heading);margin:0}.hp-hex-fields{border:0;min-width:0;margin:0;padding:0}.hp-hex-fields label{gap:var(--space-4);color:var(--muted);font-size:var(--text-control);flex-direction:column;min-width:0;display:flex}.hp-hex-fields select{width:100%;color:var(--text);padding:0 var(--space-8)}.hp-field-note{color:var(--muted);font-size:var(--text-control);margin:var(--space-12) 0;grid-column:1/-1}.hp-road-field{color:var(--muted);font-size:var(--text-control)}.is-editing .hp-road-field{grid-column:1/-1}#hp-hex-road-summary{margin:var(--space-4) 0 0;min-height:var(--icon-size);color:var(--text);font-family:var(--font-pixel);line-height:1.5}.hp-road-exits{gap:var(--space-4) var(--space-8);margin-top:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-road-exits label{min-height:var(--control-size);padding-inline:var(--space-8);border:1px solid var(--line);flex-direction:row;align-items:center}.hp-road-exits label:has(input:disabled){opacity:.5}.hp-road-exits input{width:20px;height:20px;accent-color:var(--gold);margin:0}:is(.hp-inspector-edit-actions,.hp-inspector-actions){gap:var(--space-8);--icon-size:var(--icon-small);flex-wrap:wrap;display:flex}.hp-inspector-action-cluster{gap:var(--space-8);border-top:1px solid var(--line);margin-top:var(--space-16);padding-top:var(--space-12);display:grid}.hp-inspector-action-cluster button{padding-inline:var(--space-8)}@media (width>=761px) and (height>=501px),(width>=1025px){.hp-tool-panel.is-collapsed:not(.is-side-collapsed) .hp-panel-bar{height:calc(var(--panel-bar-size) - 1px);min-height:calc(var(--panel-bar-size) - 1px)}:is(.hp-inspector-action-cluster,.hp-batch-overview .hp-inspector-edit-actions){gap:var(--space-8);--icon-size:var(--icon-small);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;display:grid}:is(.hp-inspector-action-cluster,.hp-batch-overview .hp-inspector-edit-actions)>:is(.hp-inspector-edit-actions,.hp-inspector-actions){display:contents}:is(.hp-inspector-action-cluster,.hp-batch-overview .hp-inspector-edit-actions) button{min-width:0;height:auto;padding-inline:var(--space-8);white-space:normal}@container inspector (width>=720px){:is(.hp-inspector-action-cluster,.hp-batch-overview .hp-inspector-edit-actions){grid-template-columns:repeat(4,minmax(0,1fr))}}}@media (width<=760px),(width<=1024px) and (height<=500px){#hp-hex-form .hp-inspector-edit-actions{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}#hp-hex-form .hp-inspector-edit-actions button{gap:var(--space-4);padding-inline:var(--space-4);white-space:nowrap}#hp-hex-form .hp-inspector-action-cluster button{height:var(--control-size);min-height:var(--control-size)}#hp-hex-form.is-editing .hp-inspector-action-cluster{--icon-size:var(--icon-small);flex-wrap:wrap;align-items:flex-start;display:flex}#hp-hex-form.is-editing .hp-inspector-action-cluster>:is(.hp-inspector-edit-actions,.hp-inspector-actions){display:contents}#hp-hex-form.is-editing .hp-inspector-action-cluster button{padding-inline:var(--space-8);gap:var(--space-8)}@container inspector (width<=420px){#hp-hex-form:not(.is-editing) .hp-inspector-edit-actions .ui-icon{display:none}}@container inspector (width<=360px){.hp-batch-overview .hp-inspector-edit-actions{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.hp-batch-overview .hp-inspector-edit-actions #hp-batch-all{grid-column:1/-1}}}.hp-hex-feedback{color:var(--error);font-size:var(--text-control);overflow-wrap:anywhere;display:block}.hp-hex-feedback:not(:empty){padding:var(--space-12) 0}#hp-message[data-kind=error]{color:var(--error)}.hp-hex-distances{margin:var(--space-8) 0 0;gap:0;display:grid}.hp-hex-distances div{justify-content:space-between;gap:var(--space-8);display:flex}.hp-hex-distances dt{font-size:var(--text-control);color:var(--muted);line-height:1.25}.hp-hex-distances dd{font:400 var(--text-control)/1.25 var(--font-pixel);text-align:right}#hp-batch-join{align-self:end}}@layer exceptions{.ui-tooltip{border-radius:var(--radius);color:#f1e8db;max-width:min(21rem,100vw - 1rem);font:400 var(--text-control)/1.45 var(--font-body);pointer-events:none;background:#211c36;border:1px solid #80718f;margin:0;padding:.5rem .75rem;position:fixed;inset:auto;box-shadow:0 3px 16px #0008}#hp-save-palette{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}#palette-manager-message{color:var(--text)}#palette-manager-message[data-kind=error]{color:var(--error)}:root[data-map-input=keyboard] .hp-scene canvas:focus,.cc-scene canvas:focus-visible{outline:2px solid var(--focus,#e5b96e);outline-offset:-4px}.hp-party-key-hints{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hp-party-key-hints kbd{border-radius:var(--radius);color:#fff7e8;width:1.75rem;height:1.75rem;font:400 var(--text-body)/1 var(--font-pixel);background:#211c36ed;border:1px solid #f1e8db;place-items:center;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 8px #0008}.hp-mobile-notice{display:none}@media (hover:hover){:is(.campaign-icon-toggle,#hp-party-reveal):hover:not(:disabled){box-shadow:inset 0 0 0 2px var(--text)}:is(.menu-icon-button,.hp-seed-action,.hp-panel-buttons button,#hp-toggle-settings):hover:not(:disabled,[aria-disabled=true]){background:color-mix(in srgb, var(--surface,#211c36) 80%, var(--text,#f1e8db));color:var(--text)}:is(.hp-swatch,.palette-swatch:has(input)):hover{filter:brightness(1.16)}}@media (width<=760px),(width<=1024px) and (height<=500px){.hp-mobile-notice{left:max(var(--space-12), env(safe-area-inset-left));right:calc(var(--control-size) + var(--space-24));bottom:calc(var(--control-size) + var(--space-24) + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-8) var(--space-12);pointer-events:none;font-size:var(--text-control);display:block;position:absolute;box-shadow:0 3px 16px #0006}.hp-mobile-notice[data-kind=error]{color:var(--error)}}:is(.new-campaign,.campaign-enter,.hp-working)[aria-busy=true]{opacity:1;cursor:progress;border-color:var(--gold);position:relative;overflow:hidden}:is(.new-campaign,.campaign-enter,.hp-working)[aria-busy=true]:after{content:"";background:var(--gold);width:35%;height:2px;animation:campaign-loading var(--loading-duration) linear infinite;position:absolute;inset:auto auto 0 0}:root[data-view-direction]{--view-sign:1}:root[data-view-direction]::view-transition-group(root){animation-duration:var(--view-duration)}:root[data-view-direction]::view-transition-old(root){animation-duration:var(--view-duration);mix-blend-mode:normal;animation-fill-mode:both}:root[data-view-direction]::view-transition-new(root){animation-duration:var(--view-duration);mix-blend-mode:normal;animation-fill-mode:both}:root[data-view-direction]::view-transition-old(root){animation-name:view-exit;animation-timing-function:var(--ease-circ-in)}:root[data-view-direction]::view-transition-new(root){animation-name:view-enter;animation-timing-function:var(--ease-circ-out)}:root[data-view-direction=back]{--view-sign:-1}@media (prefers-reduced-motion:reduce){button{--button-press-scale:1;transition:none}:is(.new-campaign,.campaign-enter,.hp-working)[aria-busy=true]:after{width:100%;animation:none}:root[data-view-direction]::view-transition-old(root){animation:none}:root[data-view-direction]::view-transition-new(root){animation:none}}[hidden]{display:none!important}.is-collapsed .hp-panel-bar{border-bottom:0}.is-collapsed .hp-colors{align-items:center;gap:var(--space-4);display:flex}.is-collapsed .hp-color{width:1.875rem;min-height:var(--control-size);flex-shrink:0;justify-content:center}.is-collapsed .hp-color>span:not(.hp-swatch){display:none}.is-collapsed .hp-swatch{width:1.5rem;height:1.75rem}.is-collapsed .hp-palette{padding-block:var(--space-8)}.hp-map-options.is-collapsed .hp-map-modes{display:none}.hp-map-options.is-collapsed .hp-palette{height:var(--panel-bar-size);min-height:var(--panel-bar-size);grid-template-columns:auto minmax(0, 1fr) var(--control-compact-size);padding-block:var(--space-8);grid-template-rows:minmax(0,1fr)}.hp-map-options.is-collapsed .hp-map-navigation{width:var(--control-compact-size);grid-template-columns:var(--control-compact-size);align-self:center}.hp-map-options.is-collapsed .hp-palette-controls{max-width:none}.hp-map-options.is-collapsed .hp-palette-picker{grid-template-columns:minmax(0, var(--palette-controls-width)) auto;justify-content:start}.is-side-collapsed .hp-panel-bar{height:100%;padding:var(--space-4);border:0;flex-direction:column-reverse;justify-content:start}.is-side-collapsed h2{writing-mode:vertical-rl;text-orientation:mixed;font-size:var(--text-body);margin-top:var(--space-8)}.is-side-collapsed .hp-panel-buttons>:not([data-horizontal]){display:none}#hp-hex-form:not(.is-editing) select{font-family:var(--font-pixel);opacity:1;appearance:none;height:var(--icon-size);min-height:var(--icon-size);cursor:default;border-color:#0000;padding:0}#hp-hex-lock[aria-checked=true]{border-color:var(--text);background:color-mix(in srgb, var(--text) 10%, var(--surface))}@media (width<=760px),(width<=1024px) and (height<=500px){body:has(:where(#campaign-workspace:not([hidden]))){overflow:auto}body:has(:where(#campaign-workspace:not([hidden]))) main{padding:0}#campaign-workspace{--mobile-map-height:calc(100svh - var(--panel-bar-size) * 2 - 2px);--mobile-palette-columns:4.375rem minmax(0, 1fr) 7rem var(--control-compact-size);flex-direction:column;gap:0;height:auto;display:flex}.hp-map-panel{--appearance-extra-height:0px;height:calc(var(--mobile-map-height) + var(--appearance-extra-height));flex:0 0 calc(var(--mobile-map-height) + var(--appearance-extra-height));border:0;border-radius:0}.hp-map-panel:has(.hp-map-options:not(.is-collapsed)){--appearance-extra-height:calc(var(--control-size) + var(--space-8))}.hp-top{gap:var(--space-8) var(--space-8);padding:var(--space-8) max(var(--space-8), env(safe-area-inset-right)) var(--space-8) max(var(--space-8), env(safe-area-inset-left));flex-shrink:0}.hp-title{text-overflow:ellipsis;white-space:nowrap;font-size:var(--text-heading);overflow:hidden}:is(.hp-map-stage,.hp-scene){min-height:0}.hp-expand-map{width:var(--control-size);place-items:center;padding:0;display:grid}.hp-map-stage>.hp-view-controls{top:max(var(--space-12), env(safe-area-inset-top));right:calc(max(var(--space-12), env(safe-area-inset-right)) + var(--control-compact-size) + var(--space-8));max-width:calc(100% - var(--control-compact-size) - var(--space-8) - var(--space-12) * 2);position:absolute}.hp-map-stage>.hp-view-controls>:is(button,select){box-shadow:0 3px 16px #0003}.hp-mobile-map-controls{bottom:max(var(--space-12), env(safe-area-inset-bottom));left:max(var(--space-12), env(safe-area-inset-left));right:max(var(--space-12), env(safe-area-inset-right));grid-template-columns:minmax(0, 1fr) var(--control-size);grid-template-rows:var(--control-size);pointer-events:none;align-items:end;gap:var(--space-8);display:grid;position:absolute}.hp-mobile-map-controls :is(button,select){pointer-events:auto;box-shadow:0 3px 16px #0003}.hp-mobile-map-controls button{grid-column:2}.hp-mobile-map-controls select{width:100%;min-width:0;color:var(--text);text-overflow:ellipsis;grid-area:1/1;overflow:hidden}.hp-status{display:none}.hp-palette{grid-template-columns:var(--mobile-palette-columns);grid-template-rows:var(--control-size);grid-auto-rows:var(--control-size);padding:var(--space-8) max(var(--space-8), env(safe-area-inset-right)) var(--space-8) max(var(--space-8), env(safe-area-inset-left));gap:var(--space-8)}.hp-map-options :is(.hp-palette-controls,.hp-palette-picker,.hp-map-navigation,.hp-panel-actions),.hp-map-options:not(.is-collapsed) .hp-map-modes{display:contents}.hp-map-options .hp-colors{align-items:center;gap:var(--space-4);grid-area:1/1;display:flex}.hp-map-options .hp-color{width:1.375rem;min-height:var(--control-size);flex-shrink:0;justify-content:center}.hp-map-options .hp-color>span:not(.hp-swatch){display:none}.hp-map-options .hp-swatch{width:1.125rem;height:1.375rem}.hp-map-options #hp-preset{grid-area:1/2}.hp-map-options #hp-time-of-day{grid-area:1/3}.hp-map-options #hp-toggle-settings{grid-area:1/4}.hp-map-options #hp-motion{min-width:0;padding-inline:var(--space-8);grid-area:2/2}.hp-map-options #hp-motion>span:last-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.hp-map-options #hp-regenerate{min-width:0;padding-inline:var(--space-8);grid-area:2/3/auto/5}.hp-map-options.is-collapsed .hp-palette{grid-template-columns:var(--mobile-palette-columns);grid-template-rows:var(--control-size)}.hp-side-panels{flex-direction:column;gap:0;width:100%;height:auto;display:flex}.hp-inspector-panel{order:0}.hp-tracker-panel{order:1}.hp-tracker-panel:not(.is-collapsed) .hp-panel-body{min-height:15rem}.hp-tool-panel{border:0;border-top:1px solid var(--line);border-radius:0;width:100%}.hp-panel-body{overflow:visible}:is(.hp-panel-order,.hp-panel-horizontal){display:none}}@media (width<=480px){.hp-color{gap:var(--space-8)}}@media (width<=1024px) and (height<=500px){.hp-top{flex-wrap:nowrap}.hp-top>.hp-tools{flex-shrink:0;flex-basis:auto;padding-left:0}}body.hp-map-expanded{overflow:hidden}#campaign-workspace.hp-map-expanded{background:var(--surface);z-index:10;width:100%;height:100svh;display:block;position:fixed;inset:0}#campaign-workspace.hp-map-expanded .hp-side-panels{display:none}#campaign-workspace.hp-map-expanded .hp-map-panel{border:0;height:100%}#campaign-workspace.hp-map-expanded .hp-map-panel>:is(.hp-top,.hp-status,.hp-map-options),#campaign-workspace.hp-map-expanded .hp-expand-icon{display:none}#campaign-workspace.hp-map-expanded .hp-collapse-icon{display:block}}@font-face{font-family:Geist;src:url(/fonts/geist-sans.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Geist Pixel Square;src:url(/fonts/geist-pixel-square.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@keyframes campaign-loading{0%{transform:translate(-100%)}to{transform:translate(290%)}}@keyframes view-exit{to{transform:translateX(calc(-100% * var(--view-sign)))}}@keyframes view-enter{0%{transform:translateX(calc(100% * var(--view-sign)))}}