@import"https://fonts.googleapis.com/css2?family=Baloo+2:wght@500;600;700;800&family=Karla:ital,wght@0,400;0,600;0,700;1,400;1,600&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap";: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, .42);--text-on-ink: #F5F4E2;--text-on-action: #FDFCEF;--line: var(--ink);--line-soft: rgba(36, 40, 31, .16);--action: var(--coral);--action-hover: #F4714F;--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, .42);--ink: #101208;--line-soft: rgba(245, 244, 226, .14);--text-on-ink: #F5F4E2;--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-hud-slot{position:absolute;pointer-events:auto}