.cf-character-builder-v2{display:grid;grid-template-columns:minmax(240px,280px) minmax(0,1fr);gap:clamp(16px,3vw,28px);align-items:start;min-width:0;max-width:100%}.cf-character-builder-v2__preview{position:sticky;top:0;min-width:0}.cf-character-builder-v2__workbench{display:flex;flex-direction:column;gap:18px;min-width:0}.cf-character-builder-v2__step,.cf-character-builder-v2__stack{min-width:0}.cf-character-builder-v2__stack{display:flex;flex-direction:column;gap:16px}.cf-character-builder-v2__step-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.cf-character-builder-v2__step-heading p{margin:0 0 2px;color:var(--text-soft);font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.cf-character-builder-v2__step-heading h2{margin:0;font-size:clamp(20px,3vw,28px)}.cf-character-builder-v2__step-heading h2:focus{outline:none}.cf-character-builder-v2__section-title{display:flex;align-items:center;gap:10px;margin:2px 0 -4px;color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cf-character-builder-v2__section-title:after{content:"";flex:1;height:2px;border-radius:2px;background:var(--line-soft)}.cf-character-builder-v2__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.cf-character-builder-v2__steps button{width:100%;min-height:44px;padding:7px 10px;border:2px solid var(--line-soft);border-radius:var(--r-sm);background:var(--card);color:var(--text-soft);font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;cursor:pointer}.cf-character-builder-v2__steps button[aria-current=step]{border-color:var(--ink);background:var(--slime);color:var(--ink)}.cf-character-builder-v2__steps button span{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;margin-right:2px;border:1.5px solid currentColor;border-radius:999px}.cf-character-builder-v2__steps button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-character-options{min-inline-size:0;margin:0;padding:0;border:0}.cf-character-options__legend{width:100%;margin:0 0 8px;padding:0;color:var(--text);font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cf-character-options__description,.cf-character-options__empty{margin:-2px 0 10px;color:var(--text-soft);font-size:12px;line-height:1.4}.cf-character-options__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(116px,1fr));gap:8px;min-width:0}.cf-character-builder-v2__quicklooks.cf-character-options--compact .cf-character-options__grid{grid-template-columns:repeat(3,minmax(0,1fr))}.cf-character-option{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;min-width:0;min-height:60px;padding:8px;overflow:hidden;border:2px solid var(--line-soft);border-radius:var(--r-sm);background:var(--card);color:var(--text);text-align:left;cursor:pointer;box-shadow:none;transition:background var(--dur-quick) var(--ease-out),border-color var(--dur-quick) var(--ease-out),transform var(--dur-quick) var(--ease-snap)}.cf-character-option:hover:not(:disabled){border-color:var(--line);transform:translateY(-1px)}.cf-character-option[data-selected=true]{border-color:var(--ink);background:color-mix(in srgb,var(--slime) 74%,var(--card))}.cf-character-option:focus-visible{z-index:1;outline:none;box-shadow:var(--focus-ring)}.cf-character-option:disabled{cursor:not-allowed;opacity:.48}.cf-character-option__visual{display:inline-flex;align-items:center;justify-content:center;min-width:22px;min-height:22px;image-rendering:pixelated}.cf-character-strip-thumb{display:block;width:42px;height:27px;background-repeat:no-repeat;background-position:0 0;background-size:630px 27px;image-rendering:pixelated}.cf-character-portrait-choice{display:block;width:38px;height:46px;border:1.5px solid var(--ink);border-radius:4px;object-fit:cover;object-position:top;image-rendering:auto}.cf-character-option__visual:empty{display:none}.cf-character-option__swatch{width:26px;height:26px;border:2px solid var(--ink);border-radius:999px;box-shadow:inset 0 0 0 2px #ffffff47}.cf-character-option__copy{display:block;min-width:0}.cf-character-option__label{display:block;overflow:hidden;color:inherit;font-family:var(--font-display);font-size:12px;font-weight:800;line-height:1.2;text-overflow:ellipsis}.cf-character-option__description{display:-webkit-box;margin-top:2px;overflow:hidden;color:var(--text-soft);font-size:10.5px;line-height:1.25;-webkit-box-orient:vertical;-webkit-line-clamp:2}.cf-character-option__check{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border:1.5px solid var(--line);border-radius:999px;opacity:.3;font-size:12px}.cf-character-option[data-selected=true] .cf-character-option__check{border-color:var(--ink);background:var(--slime);color:var(--ink);opacity:1}.cf-character-options--compact .cf-character-options__grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.cf-character-options--compact .cf-character-option{grid-template-columns:auto minmax(0,1fr);min-height:48px;padding:6px 8px}.cf-character-options--compact .cf-character-option__check,.cf-character-options--compact .cf-character-option__description{display:none}.cf-character-options--compact .cf-character-option__label{font-size:10.5px}.cf-character-preview{margin:0;min-width:0}.cf-character-preview__room{position:relative;min-height:300px;aspect-ratio:4 / 5;overflow:hidden;border:2px solid var(--ink);border-radius:var(--r-md);background-color:#ddd2b5;background-image:url(../art/grounds/flagstone.png);background-position:center;background-size:176px;box-shadow:var(--shadow-card);image-rendering:pixelated;isolation:isolate}.cf-character-preview__wash{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;background:#1b1c3075;opacity:0;mix-blend-mode:multiply;transition:opacity var(--dur-move) var(--ease-out)}.cf-character-preview[data-theme=dusk] .cf-character-preview__wash{opacity:1}.cf-character-preview__rug,.cf-character-preview__wardrobe,.cf-character-preview__desk{position:absolute;z-index:1;max-width:none;image-rendering:pixelated;pointer-events:none}.cf-character-preview__rug{left:50%;bottom:46px;width:58%;transform:translate(-50%) scaleY(.62);transform-origin:bottom;opacity:.9}.cf-character-preview__wardrobe{right:-2%;top:17%;width:42%}.cf-character-preview__desk{left:3%;top:34%;width:25%}.cf-character-preview__portrait{position:absolute;top:10px;left:10px;z-index:4;display:flex;align-items:center;justify-content:center;width:62px;aspect-ratio:3 / 4;overflow:hidden;border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--card);color:var(--ink);box-shadow:var(--shadow-chip);font-family:var(--font-display);font-size:28px;font-weight:800;image-rendering:auto}.cf-character-preview__portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;image-rendering:auto}.cf-character-preview__stage{position:absolute;left:50%;bottom:54px;z-index:3;display:flex;align-items:flex-end;justify-content:center;transform:translate(-50%)}.cf-character-preview__sprite{position:relative;z-index:3;flex:none;background-repeat:no-repeat;background-position-x:var(--cf-preview-idle-x);background-position-y:0;image-rendering:pixelated;transform:var(--cf-preview-facing);transform-origin:center bottom}.cf-character-preview__sprite[data-motion=walk]{background-position-x:var(--cf-preview-walk-from);animation:cf-character-preview-walk .72s steps(4) infinite}@keyframes cf-character-preview-walk{0%{background-position-x:var(--cf-preview-walk-from)}to{background-position-x:var(--cf-preview-walk-to)}}.cf-character-preview__shadow{position:absolute;left:50%;bottom:-3px;z-index:2;width:74px;height:14px;border-radius:50%;background:#24281f42;transform:translate(-50%)}.cf-character-preview__emote{position:absolute;right:-22px;top:-38px;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:2px solid var(--ink);border-radius:50% 50% 50% 12%;background:var(--card);color:var(--ink);box-shadow:var(--shadow-chip);font-size:22px;animation:cf-character-preview-emote 1.2s var(--ease-snap) infinite}.cf-character-preview__emote[data-tone=loud]{background:var(--amber)}.cf-character-preview__emote[data-tone=friendly]{background:var(--slime)}.cf-character-preview__emote[data-tone=strange]{background:var(--violet)}@keyframes cf-character-preview-emote{0%,to{transform:translateY(2px) scale(.96)}45%{transform:translateY(-3px) scale(1.04)}}.cf-character-preview__nameplate{position:absolute;right:8px;bottom:8px;left:8px;z-index:6;display:flex;align-items:baseline;justify-content:space-between;gap:8px;min-width:0;padding:6px 8px;border:2px solid var(--ink);border-radius:var(--r-sm);background:color-mix(in srgb,var(--card) 92%,transparent);color:var(--ink);box-shadow:var(--shadow-chip)}.cf-character-preview__nameplate strong,.cf-character-preview__nameplate span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cf-character-preview__nameplate strong{font-family:var(--font-display);font-size:12px;font-weight:800}.cf-character-preview__nameplate span{color:var(--text-soft);font-family:var(--font-mono);font-size:8.5px;font-weight:700;text-transform:uppercase}.cf-character-preview__controls{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.cf-character-preview__facing{display:inline-flex;gap:4px}.cf-character-preview__controls button{display:inline-flex;flex:1 1 auto;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:6px 9px;border:2px solid var(--line-soft);border-radius:var(--r-sm);background:var(--card);color:var(--ink);font-family:var(--font-display);font-size:10px;font-weight:800;text-transform:uppercase;cursor:pointer}.cf-character-preview__controls button[aria-pressed=true]{border-color:var(--ink);background:var(--slime)}.cf-character-preview__controls button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-character-preview__summary{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.cf-character-preview__loading{position:absolute;top:10px;right:10px;z-index:7;display:inline-flex;align-items:center;gap:4px;min-height:28px;padding:3px 7px;border:1.5px solid var(--ink);border-radius:999px;background:var(--amber);color:var(--ink);font-family:var(--font-mono);font-size:8px;font-weight:700;text-transform:uppercase}.cf-character-preview__loading i{animation:cf-character-preview-spin .8s linear infinite}@keyframes cf-character-preview-spin{to{transform:rotate(360deg)}}.cf-character-preview__equipment{display:flex;flex-direction:column;gap:2px;margin-top:8px;padding:8px 10px;overflow:hidden;border:2px solid var(--line-soft);border-radius:var(--r-sm);background:var(--sunken)}.cf-character-preview__equipment strong{font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase}.cf-character-preview__equipment span,.cf-character-preview__equipment small{overflow-wrap:anywhere;font-size:10px;line-height:1.3}.cf-character-preview__equipment small{color:var(--text-soft)}.cf-character-builder-v2__loading,.cf-character-builder-v2__wildcard-note,.cf-character-builder-v2__relook-note{display:flex;align-items:center;gap:12px;min-width:0;padding:14px;border:2px solid var(--line-soft);border-radius:var(--r-md);background:var(--sunken)}.cf-character-builder-v2__loading i,.cf-character-builder-v2__relook-note>i{flex:none;font-size:24px}.cf-character-builder-v2__wildcard-note{flex-direction:column;align-items:flex-start}.cf-character-builder-v2__wildcard-note strong,.cf-character-builder-v2__wildcard-note span{overflow-wrap:anywhere}.cf-character-builder-v2__wildcard-note strong{font-family:var(--font-display);text-transform:capitalize}.cf-character-builder-v2__wildcard-note span,.cf-character-builder-v2__relook-note span{color:var(--text-soft);font-size:12px;line-height:1.4}.cf-character-builder-v2__relook-note{border-color:var(--ink);background:color-mix(in srgb,var(--mint) 38%,var(--card))}.cf-character-builder-v2__relook-note div{display:flex;flex-direction:column;min-width:0}.cf-character-builder-v2__identity-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end}.cf-character-builder-v2__emotes{min-inline-size:0;margin:0;padding:0;border:0}.cf-character-builder-v2__emotes legend{margin-bottom:5px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.cf-character-builder-v2__emotes>p{margin:0 0 10px;color:var(--text-soft);font-size:12px}.cf-character-builder-v2__emotes>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-character-builder-v2__emotes label{display:grid;grid-template-columns:minmax(0,1fr) 44px;gap:6px;min-width:0}.cf-character-builder-v2__emotes label>span{grid-column:1 / -1;color:var(--text-soft);font-family:var(--font-mono);font-size:9px;font-weight:700;text-transform:uppercase}.cf-character-builder-v2__emotes select,.cf-character-builder-v2__emotes button{min-width:0;min-height:44px;border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--card);color:var(--text)}.cf-character-builder-v2__emotes select{width:100%;padding:6px 8px;font:700 12px var(--font-body)}.cf-character-builder-v2__emotes button{cursor:pointer;font-size:20px}.cf-character-builder-v2__emotes button[aria-pressed=true]{background:var(--slime)}.cf-character-builder-v2__emotes select:focus-visible,.cf-character-builder-v2__emotes button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-character-builder-v2__point-total{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border:2px solid var(--ink);border-radius:var(--r-md);background:var(--amber);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase}.cf-character-builder-v2__point-total strong{font-size:17px}.cf-character-builder-v2__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cf-character-builder-v2__stats>div{display:grid;grid-template-columns:minmax(0,1fr) 44px 28px 44px;gap:6px;align-items:center;min-width:0;padding:8px;border:2px solid var(--line-soft);border-radius:var(--r-sm);background:var(--sunken)}.cf-character-builder-v2__stats>div>div{min-width:0}.cf-character-builder-v2__stats strong,.cf-character-builder-v2__stats span{display:block;overflow-wrap:anywhere}.cf-character-builder-v2__stats strong{font-family:var(--font-mono);font-size:10px;text-transform:uppercase}.cf-character-builder-v2__stats span{margin-top:2px;color:var(--text-soft);font-size:10px;line-height:1.25}.cf-character-builder-v2__stats button{width:44px;height:44px;border:2px solid var(--ink);border-radius:var(--r-sm);background:var(--card);color:var(--ink);cursor:pointer}.cf-character-builder-v2__stats button:disabled{cursor:not-allowed;opacity:.36}.cf-character-builder-v2__stats button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cf-character-builder-v2__stats output{text-align:center}.cf-character-builder-v2__brains-warning{margin:0;color:var(--danger);font-family:var(--font-mono);font-size:11px;font-weight:700}.cf-character-builder-v2__actions{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;width:100%}.cf-character-builder-v2__action-copy{display:flex;flex-direction:column;align-items:flex-end;gap:5px;min-width:0}.cf-character-builder-v2__action-copy p{max-width:520px;margin:0;color:var(--danger);font-family:var(--font-mono);font-size:10.5px;font-weight:700;line-height:1.3;text-align:right}@media(max-width:839px){.cf-character-builder-v2{grid-template-columns:minmax(0,1fr)}.cf-character-builder-v2__preview{z-index:2;padding-bottom:8px;background:var(--surface-card)}.cf-character-builder-v2__preview .cf-character-preview__controls,.cf-character-builder-v2__preview .cf-character-preview__equipment small{display:none}.cf-character-preview__equipment{display:block;margin-top:5px;padding:5px 8px;white-space:nowrap;text-overflow:ellipsis}.cf-character-preview__equipment strong{margin-right:6px}.cf-character-preview__room{min-height:150px;aspect-ratio:16 / 7}.cf-character-preview__portrait{top:8px;left:8px;width:50px}.cf-character-preview__stage{bottom:38px}.cf-character-preview__emote{top:2px;right:-30px}.cf-character-preview__rug{bottom:26px;width:38%}.cf-character-preview__wardrobe{top:2%;width:23%}.cf-character-preview__desk{top:26%;width:14%}.cf-character-preview__nameplate{bottom:5px;padding-block:4px}.cf-character-preview__loading{top:6px;right:6px}}@media(max-width:420px){.cf-character-builder-v2__steps button{padding-inline:5px;font-size:9px}.cf-character-options__grid,.cf-character-options--compact .cf-character-options__grid,.cf-character-builder-v2__quicklooks.cf-character-options--compact .cf-character-options__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cf-character-builder-v2__step-heading{align-items:flex-end}.cf-character-builder-v2__step-heading .cf-btn{max-width:132px;padding-inline:9px}.cf-character-builder-v2__identity-row,.cf-character-builder-v2__emotes>div,.cf-character-builder-v2__stats{grid-template-columns:minmax(0,1fr)}.cf-character-builder-v2__stats>div{grid-template-columns:minmax(0,1fr) 44px 28px 44px}.cf-character-builder-v2__actions{align-items:stretch}.cf-character-builder-v2__actions>div:first-child{flex:none}.cf-character-builder-v2__action-copy{flex:1}.cf-character-builder-v2__action-copy .cf-btn{width:100%;padding-inline:10px;font-size:11px}.cf-character-preview__controls>button{flex-basis:calc(50% - 3px)}}.reduce-motion .cf-character-preview__sprite,.reduce-motion .cf-character-preview__emote,.reduce-motion .cf-character-preview__loading i{animation:none!important}.reduce-motion .cf-character-preview__sprite[data-motion=walk]{background-position-x:var(--cf-preview-walk-from)}@media(prefers-reduced-motion:reduce){.cf-character-preview__sprite,.cf-character-preview__emote,.cf-character-preview__loading i{animation:none!important}.cf-character-preview__sprite[data-motion=walk]{background-position-x:var(--cf-preview-walk-from)}}:root{--font-display: "Baloo 2", "Comic Sans MS", cursive;--font-body: "Karla", "Helvetica Neue", sans-serif;--font-mono: "Space Mono", "Courier New", monospace;--text-hero: 52px;--text-h1: 36px;--text-h2: 26px;--text-h3: 19px;--text-body: 15px;--text-small: 13px;--text-micro: 11px;--leading-tight: 1.1;--leading-body: 1.6;--track-label: .12em}:root{--ink: #24281F;--paper: #F5F4E2;--card: #FDFCEF;--sunken: #ECEAD3;--overlay: rgba(36, 40, 31, .55);--slime: #A8D65C;--slime-deep: #7FAE3E;--mint: #6FC9B4;--mint-deep: #4BA391;--violet:#A788E0;--violet-deep:#8663C9;--coral: #EF5A3C;--coral-deep: #C93F26;--amber: #E8B84A;--amber-deep: #C29027;--text: var(--ink);--text-soft: rgba(36, 40, 31, .64);--text-faint: rgba(36, 40, 31, .64);--text-on-ink: #F5F4E2;--text-on-action: #FDFCEF;--chat-bot: #206E5E;--chat-you: #6B49B0;--line: var(--ink);--line-soft: rgba(36, 40, 31, .16);--action: var(--coral-deep);--action-hover: #B4381F;--success: var(--slime);--info: var(--mint);--magic: var(--violet);--danger: var(--coral-deep);--warn: var(--amber);--hp: var(--coral);--mp: var(--violet);--xp: var(--slime);--gold: var(--amber);--surface-page: var(--paper);--surface-card: var(--card);--surface-ink: #24281F;--shadow-ink: var(--ink);--focus-ring: 0 0 0 3px rgba(167, 136, 224, .55)}.theme-dusk{--paper: #1A1D15;--card: #262B20;--sunken: #12140D;--overlay: rgba(10, 12, 7, .6);--text: #F5F4E2;--text-soft: rgba(245, 244, 226, .66);--text-faint: rgba(245, 244, 226, .66);--ink: #101208;--line-soft: rgba(245, 244, 226, .14);--text-on-ink: #F5F4E2;--chat-bot: var(--mint);--chat-you: var(--violet);--surface-page: var(--paper);--surface-card: var(--card);--surface-ink: #101208;--shadow-ink: #101208}:root{--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 20px;--sp-6: 24px;--sp-7: 32px;--sp-8: 40px;--sp-9: 48px;--sp-10: 64px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 22px;--r-pill: 999px;--bw: 2.5px;--bw-thin: 1.5px;--bw-heavy: 3px;--hit-min: 44px}:root{--shadow-chip: 2px 2px 0 var(--shadow-ink);--shadow-card: 4px 4px 0 var(--shadow-ink);--shadow-big: 6px 6px 0 var(--shadow-ink);--lift-hover: translate(-1px, -1px);--sink-press: translate(2px, 2px);--shadow-chip-hover: 3px 3px 0 var(--shadow-ink);--shadow-card-hover: 5px 5px 0 var(--shadow-ink);--shadow-press: 1px 1px 0 var(--shadow-ink);--ease-snap: cubic-bezier(.2, 1.4, .4, 1);--ease-out: cubic-bezier(.16, 1, .3, 1);--dur-quick: .12s;--dur-move: .22s;--dur-slow: .4s}@keyframes cf-wiggle{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}@keyframes cf-pop{0%{transform:scale(.6);opacity:0}70%{transform:scale(1.06)}to{transform:scale(1);opacity:1}}@keyframes cf-float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}body{margin:0;background:var(--surface-page);color:var(--text);font-family:var(--font-body);font-size:var(--text-body);line-height:var(--leading-body);-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-display);font-weight:800;line-height:var(--leading-tight);margin:0}code,pre,kbd{font-family:var(--font-mono)}a{color:var(--mint-deep);text-decoration-thickness:2px;text-underline-offset:2px}::selection{background:var(--slime);color:var(--ink)}.cf-label{font-family:var(--font-mono);font-size:var(--text-micro);font-weight:700;letter-spacing:var(--track-label);text-transform:uppercase;color:var(--text-soft)}.cf-d20{display:inline-flex;align-items:center;justify-content:center;width:36px;height:40px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:var(--coral);color:var(--text-on-action);font-family:var(--font-display);font-weight:800;font-size:18px;filter:drop-shadow(2px 2px 0 var(--shadow-ink))}.cf-artslot{background:repeating-linear-gradient(45deg,rgba(36,40,31,.07) 0 8px,transparent 8px 16px);border:1.5px dashed var(--text-faint);border-radius:var(--r-md);display:flex;align-items:center;justify-content:center;text-align:center;padding:var(--sp-3);font-family:var(--font-mono);font-size:10px;line-height:1.5;color:var(--text-soft)}html,body,#root,#app{height:100%}#app{position:relative;overflow:hidden}#game-container{position:absolute;top:0;right:0;bottom:0;left:0}#game-container canvas{display:block}.cf-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10}.cf-cinematic-root{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:20}.cf-hud-slot{position:absolute;pointer-events:auto}.cf-combat-toast-slot{right:max(10px,env(safe-area-inset-right,0px));bottom:calc(var(--cf-combat-reserve, 152px) + max(8px,env(safe-area-inset-bottom,0px)))}@media(max-width:400px)and (max-height:650px),(max-height:500px)and (orientation:landscape){.cf-combat-toast-slot{display:none!important}}.cf-hud .cf-dialog-backdrop{pointer-events:auto}@media(max-width:600px){.cf-minimap-wrap{display:none}}