@import"https://cdn.jsdelivr.net/npm/@fontsource/archivo-black/index.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/patrick-hand/index.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/press-start-2p/index.css";@import"https://cdn.jsdelivr.net/npm/@fontsource/nunito/index.css";:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--fs-xs: .75rem;--fs-sm: .875rem;--fs-md: 1rem;--fs-lg: 1.25rem;--fs-xl: 1.75rem;--fs-2xl: 2.5rem;--fs-3xl: 3.5rem;--lh-tight: 1.2;--lh-base: 1.6;--touch-min: 44px;--z-base: 1;--z-sticky: 100;--z-overlay: 500;--z-modal: 1000;--z-toast: 2000;--bp-sm: 480px;--bp-md: 768px;--bp-lg: 1024px;--bp-xl: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:var(--lh-base);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overflow-x:hidden;transition:background var(--dur-base) var(--ease-smooth),color var(--dur-base) var(--ease-smooth)}h1,h2,h3,h4{font-family:var(--font-display);line-height:var(--lh-tight);font-weight:800}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none}input,textarea{outline:none}a{color:var(--color-primary);text-decoration:none}::selection{background:var(--color-accent);color:var(--color-text-inverse)}#app{min-height:100dvh;min-height:100vh;display:flex;flex-direction:column;position:relative}#fx-layer{position:fixed;inset:0;pointer-events:none;z-index:var(--z-overlay);overflow:hidden}#toast-layer{position:fixed;top:max(16px,env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:8px;align-items:center;pointer-events:none;width:min(92vw,520px)}.screen{flex:1;display:flex;flex-direction:column;animation:fb-fade-up var(--dur-base) var(--ease-smooth);width:100%;max-width:1100px;margin:0 auto;padding:var(--space-4);padding-bottom:calc(var(--space-6) + env(safe-area-inset-bottom))}.hidden{display:none!important}.center{display:flex;align-items:center;justify-content:center}.col{display:flex;flex-direction:column}.row{display:flex;align-items:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.wrap{flex-wrap:wrap}.grow{flex:1}.muted{color:var(--color-text-muted)}.tc{text-align:center}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--color-text-muted);border-radius:var(--radius-pill)}::-webkit-scrollbar-track{background:transparent}:root,[data-theme=flat]{--theme-name: "flat-geometric";--color-bg: #f5f7fa;--color-bg-alt: #e9eef6;--color-surface: #ffffff;--color-surface-alt: #f1f5f9;--color-primary: #5661f6;--color-primary-ink: #ffffff;--color-accent: #ec4899;--color-success: #22c55e;--color-warning: #f59e0b;--color-evil: #ef4444;--color-good: #14b8a6;--color-text: #1e293b;--color-text-muted: #64748b;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-shadow: 30, 41, 59;--font-display: "Nunito", "Quicksand", "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--radius-sm: 8px;--radius: 16px;--radius-lg: 24px;--radius-pill: 999px;--border-width: 0px;--border-style: solid;--shadow-sm: 0 2px 6px rgba(var(--color-shadow), .08);--shadow: 0 8px 24px rgba(var(--color-shadow), .1);--shadow-lg: 0 14px 32px rgba(var(--color-shadow), .16);--shadow-focus: 0 0 0 4px rgba(86, 97, 246, .35);--ease-smooth: cubic-bezier(.4, 0, .2, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.2, .9, .1, 1);--ease-pixel: cubic-bezier(.4, 0, .2, 1);--dur-fast: .12s;--dur-base: .25s;--dur-slow: .45s;--glow-primary: none;--glow-accent: none;--tilt: 0deg;--tool-guess: #6366f1;--tool-deeper: #f59e0b;--tool-myidea: #ec4899;--tool-bridge: #14b8a6;--tool-mirrors: #8b5cf6;--tool-brake: #ef4444;--tool-nextword: #0ea5e9}[data-theme=neon]{--theme-name: "neo-brutalist-neon";--color-bg: #0b0b12;--color-bg-alt: #12101c;--color-surface: #1a1526;--color-surface-alt: #241b36;--color-primary: #ff2e88;--color-primary-ink: #0b0b12;--color-accent: #00e5ff;--color-success: #3dff7a;--color-warning: #ffe600;--color-evil: #ff1f3d;--color-good: #2bf0c6;--color-text: #ffffff;--color-text-muted: #9a93b8;--color-text-inverse: #0b0b12;--color-border: #000000;--color-shadow: 0, 0, 0;--font-display: "Archivo Black", "Arial Black", "Impact", "HarmonyOS Sans SC", "Microsoft YaHei", sans-serif;--font-body: -apple-system, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", "Consolas", monospace;--radius-sm: 0px;--radius: 0px;--radius-lg: 0px;--radius-pill: 999px;--border-width: 3px;--border-style: solid;--shadow-sm: 3px 3px 0 rgba(var(--color-shadow), 1);--shadow: 6px 6px 0 rgba(var(--color-shadow), 1);--shadow-lg: 10px 10px 0 rgba(var(--color-shadow), 1);--shadow-focus: 0 0 0 3px #ffe600, 0 0 12px #ffe600;--ease-smooth: cubic-bezier(.2, .9, .1, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-snap: cubic-bezier(.2, .9, .1, 1);--ease-pixel: cubic-bezier(.2, .9, .1, 1);--dur-fast: 90ms;--dur-base: .2s;--dur-slow: .36s;--glow-primary: 0 0 8px var(--color-primary), 0 0 20px var(--color-primary);--glow-accent: 0 0 8px var(--color-accent), 0 0 20px var(--color-accent);--tilt: 0deg;--tool-guess: #b388ff;--tool-deeper: #ffe600;--tool-myidea: #ff2e88;--tool-bridge: #2bf0c6;--tool-mirrors: #00e5ff;--tool-brake: #ff1f3d;--tool-nextword: #4dd0ff}[data-theme=doodle]{--theme-name: "hand-drawn-doodle";--color-bg: #fbf7ec;--color-bg-alt: #f3ecd9;--color-surface: #ffffff;--color-surface-alt: #fffbef;--color-primary: #4c6ef5;--color-primary-ink: #ffffff;--color-accent: #ff8a3d;--color-success: #37b24d;--color-warning: #f59f00;--color-evil: #e03131;--color-good: #22b8cf;--color-text: #3d3226;--color-text-muted: #8b7e6a;--color-text-inverse: #ffffff;--color-border: #3d3226;--color-shadow: 61, 50, 38;--font-display: "Patrick Hand", "Comic Sans MS", "KaiTi", "STKaiti", cursive;--font-body: "KaiTi", "STKaiti", "Kaiti SC", "楷体", "PingFang SC", "Microsoft YaHei", serif;--font-mono: "Patrick Hand", "Consolas", monospace;--radius-sm: 6px;--radius: 255px 15px 225px 15px / 15px 225px 15px 255px;--radius-lg: 15px 255px 15px 225px / 225px 15px 255px 15px;--radius-pill: 999px;--border-width: 2.5px;--border-style: solid;--shadow-sm: 2px 2px 0 rgba(var(--color-shadow), .15);--shadow: 3px 3px 0 rgba(var(--color-shadow), .18);--shadow-lg: 5px 5px 0 rgba(var(--color-shadow), .2);--shadow-focus: 0 0 0 3px rgba(76, 110, 245, .4);--ease-smooth: cubic-bezier(.34, 1.56, .64, 1);--ease-bounce: cubic-bezier(.34, 1.8, .5, 1);--ease-snap: cubic-bezier(.2, .9, .1, 1);--ease-pixel: cubic-bezier(.34, 1.56, .64, 1);--dur-fast: .14s;--dur-base: .28s;--dur-slow: .5s;--glow-primary: none;--glow-accent: none;--tilt: -1.5deg;--tool-guess: #4c6ef5;--tool-deeper: #f59f00;--tool-myidea: #e64980;--tool-bridge: #22b8cf;--tool-mirrors: #7048e8;--tool-brake: #e03131;--tool-nextword: #1098ad}[data-theme=pixel]{--theme-name: "retro-pixel-arcade";--color-bg: #1a1c2c;--color-bg-alt: #29366f;--color-surface: #3b5dc9;--color-surface-alt: #29366f;--color-primary: #41a6f6;--color-primary-ink: #1a1c2c;--color-accent: #ffcd75;--color-success: #a7f070;--color-warning: #ef7d57;--color-evil: #b13e53;--color-good: #73eff7;--color-text: #f4f4f4;--color-text-muted: #94b0c2;--color-text-inverse: #1a1c2c;--color-border: #333c57;--color-shadow: 0, 0, 0;--font-display: "Press Start 2P", "Zpix", "Microsoft YaHei", monospace;--font-body: "Zpix", "Fusion Pixel", "Microsoft YaHei", monospace;--font-mono: "Press Start 2P", "Zpix", monospace;--radius-sm: 0px;--radius: 0px;--radius-lg: 0px;--radius-pill: 0px;--border-width: 4px;--border-style: solid;--shadow-sm: 4px 4px 0 rgba(var(--color-shadow), 1);--shadow: 4px 4px 0 rgba(var(--color-shadow), 1);--shadow-lg: 8px 8px 0 rgba(var(--color-shadow), 1);--shadow-focus: 0 0 0 4px #ffcd75;--ease-smooth: steps(4);--ease-bounce: steps(6);--ease-snap: steps(3);--ease-pixel: steps(4);--dur-fast: .12s;--dur-base: .24s;--dur-slow: .48s;--glow-primary: none;--glow-accent: none;--tilt: 0deg;--tool-guess: #41a6f6;--tool-deeper: #ffcd75;--tool-myidea: #f6757a;--tool-bridge: #73eff7;--tool-mirrors: #b28dff;--tool-brake: #b13e53;--tool-nextword: #a7f070}[data-theme=pixel] *{image-rendering:pixelated}[data-theme=pixel] body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;background:repeating-linear-gradient(rgba(0,0,0,.15) 0 2px,transparent 2px 4px)}[data-theme=doodle] body{background-image:radial-gradient(rgba(61,50,38,.06) 1px,transparent 1.2px);background-size:22px 22px}[data-theme=neon] .btn--cta{box-shadow:var(--shadow),var(--glow-primary)}[data-theme=neon] body{background-image:radial-gradient(circle at 20% 10%,rgba(255,46,136,.08),transparent 40%),radial-gradient(circle at 80% 80%,rgba(0,229,255,.08),transparent 40%)}html.theme-switching{transition:opacity .2s ease;opacity:.35}@media (prefers-reduced-motion: reduce){html.theme-switching{transition:none;opacity:1}}@keyframes fb-bounce-in{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08);opacity:1}to{transform:scale(1)}}@keyframes fb-checkmark-draw{0%{stroke-dashoffset:100}to{stroke-dashoffset:0}}@keyframes fb-pulse-ring{0%{box-shadow:0 0 #5661f680}to{box-shadow:0 0 0 18px #5661f600}}@keyframes fb-confetti{0%{transform:translate(0) rotate(0);opacity:1}to{transform:translate(var(--dx),var(--dy)) rotate(var(--rot));opacity:0}}@keyframes fb-fade-up{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fb-shake{0%,to{transform:translate(0)}20%{transform:translate(-8px)}40%{transform:translate(8px)}60%{transform:translate(-5px)}80%{transform:translate(5px)}}@keyframes fb-glitch-pop{0%{transform:translate(0);filter:none}20%{transform:translate(-3px,2px);text-shadow:2px 0 var(--color-evil),-2px 0 var(--color-accent)}40%{transform:translate(3px,-2px);text-shadow:-2px 0 var(--color-evil),2px 0 var(--color-accent)}60%{transform:translate(-2px)}to{transform:translate(0);text-shadow:none}}@keyframes fb-neon-flicker{0%,19%,21%,50%,to{opacity:1;filter:drop-shadow(0 0 6px var(--color-accent))}20%,49%{opacity:.55;filter:none}}@keyframes fb-hard-slam{0%{transform:translateY(-120%)}70%{transform:translateY(6px)}85%{transform:translateY(-3px)}to{transform:translateY(0)}}@keyframes fb-chromatic-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px);filter:hue-rotate(20deg)}50%{transform:translate(4px);filter:hue-rotate(-20deg)}75%{transform:translate(-2px)}}@keyframes fb-sticker-pop{0%{transform:scale(0) rotate(-12deg);opacity:0}70%{transform:scale(1.12) rotate(var(--tilt));opacity:1}to{transform:scale(1) rotate(var(--tilt))}}@keyframes fb-stamp{0%{transform:scale(2.4) rotate(-18deg);opacity:0}60%{transform:scale(.92) rotate(6deg);opacity:1}80%{transform:scale(1.04) rotate(-3deg)}to{transform:scale(1) rotate(0)}}@keyframes fb-scribble-jitter{0%,to{transform:rotate(0)}50%{transform:rotate(.8deg) translate(1px)}}@keyframes fb-coin-flip{0%{transform:scaleX(1)}25%{transform:scaleX(.2)}50%{transform:scaleX(1);filter:brightness(1.6)}75%{transform:scaleX(.2)}to{transform:scaleX(1)}}@keyframes fb-pixel-blink{0%,60%,to{opacity:1}61%,99%{opacity:0}}@keyframes fb-level-up{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-32px) scale(1.4);opacity:0}}@keyframes fb-star-rain{0%{transform:translateY(-20px) translate(var(--x));opacity:1}to{transform:translateY(120px) translate(var(--x));opacity:0}}@keyframes fb-screen-flash{0%,to{opacity:0}50%{opacity:.85}}@keyframes fb-lit-glow{0%{transform:scale(1);filter:brightness(1)}40%{transform:scale(1.15);filter:brightness(1.5)}to{transform:scale(1);filter:brightness(1)}}@keyframes fb-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes fb-spin{to{transform:rotate(360deg)}}@keyframes fb-typing-caret{0%,to{opacity:1}50%{opacity:0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.btn{font-family:var(--font-display);font-size:var(--fs-md);color:var(--color-primary-ink);background:var(--color-primary);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 22px;min-height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap),filter var(--dur-fast) var(--ease-snap);user-select:none;text-align:center}.btn:hover{transform:translate(-1px,-2px);filter:brightness(1.05)}.btn:active{transform:translate(2px,2px);box-shadow:var(--shadow-sm)}.btn:focus-visible{outline:none;box-shadow:var(--shadow-focus)}.btn[disabled]{opacity:.5;pointer-events:none}.btn--ghost{background:transparent;color:var(--color-text);box-shadow:none}.btn--secondary{background:var(--color-surface);color:var(--color-text)}.btn--accent{background:var(--color-accent);color:var(--color-text-inverse)}.btn--success{background:var(--color-success);color:var(--color-text-inverse)}.btn--cta{font-size:var(--fs-lg);padding:16px 32px}.btn--sm{padding:8px 14px;font-size:var(--fs-sm);min-height:36px}.btn--block{width:100%}.btn--pill{border-radius:var(--radius-pill)}.card{background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);color:var(--color-text);padding:var(--space-5)}.card--alt{background:var(--color-surface-alt)}.card--pad-lg{padding:var(--space-6)}.chip{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:var(--border-width) var(--border-style) var(--color-border);font-size:var(--fs-sm);font-weight:700}.chip--good{background:color-mix(in srgb,var(--color-good) 20%,transparent);color:var(--color-good);border-color:var(--color-good)}.chip--evil{background:color-mix(in srgb,var(--color-evil) 20%,transparent);color:var(--color-evil);border-color:var(--color-evil)}.chip--coin{background:var(--color-warning);color:var(--color-text-inverse)}.hud{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:color-mix(in srgb,var(--color-bg) 82%,transparent);backdrop-filter:blur(8px);border-bottom:var(--border-width) var(--border-style) var(--color-border)}.hud__title{font-family:var(--font-display);font-size:var(--fs-lg)}.hud__spacer{flex:1}.hud__coins{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-weight:800;color:var(--color-warning)}.iconbtn{width:var(--touch-min);height:var(--touch-min);display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);font-size:1.2rem;transition:transform var(--dur-fast) var(--ease-snap)}.iconbtn:hover{transform:scale(1.08)}.iconbtn:active{transform:scale(.94)}.progress{height:14px;background:var(--color-surface-alt);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-accent));border-radius:var(--radius-pill);transition:width var(--dur-slow) var(--ease-bounce)}.hero{text-align:center;padding:var(--space-6) var(--space-3) var(--space-5)}.hero__title{font-size:clamp(2rem,8vw,var(--fs-3xl));letter-spacing:.02em;margin-bottom:var(--space-2)}.hero__creed{display:inline-block;font-family:var(--font-display);font-size:var(--fs-lg);padding:6px 18px;border-radius:var(--radius-pill);background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-sm);transform:rotate(var(--tilt))}.hero__sub{color:var(--color-text-muted);margin-top:var(--space-3);font-size:var(--fs-md)}.launcher__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--space-3)}.version-card{cursor:pointer;padding:var(--space-4);border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);box-shadow:var(--shadow);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);position:relative;overflow:hidden;min-height:128px;display:flex;flex-direction:column;justify-content:space-between}.version-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:var(--shadow-lg)}.version-card__badge{font-size:var(--fs-xs);opacity:.8}.version-card__name{font-family:var(--font-display);font-size:var(--fs-lg)}.version-card.selected{outline:4px solid var(--color-accent)}.swatch{display:flex;gap:4px;margin-top:8px}.swatch i{width:20px;height:20px;border-radius:var(--radius-sm);display:block;border:1px solid rgba(0,0,0,.15)}.segment{display:inline-flex;padding:4px;gap:4px;background:var(--color-surface-alt);border-radius:var(--radius-pill);border:var(--border-width) var(--border-style) var(--color-border);flex-wrap:wrap}.segment button{padding:8px 16px;border-radius:var(--radius-pill);font-weight:700;min-height:40px;transition:all var(--dur-fast) var(--ease-snap)}.segment button.active{background:var(--color-primary);color:var(--color-primary-ink);box-shadow:var(--shadow-sm)}.field{width:100%;padding:14px 16px;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--fs-md);min-height:var(--touch-min)}.field:focus{box-shadow:var(--shadow-focus)}textarea.field{resize:vertical;min-height:96px;line-height:1.5}.chat{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}.msg{display:flex;gap:var(--space-2);max-width:92%;animation:fb-fade-up var(--dur-base) var(--ease-smooth)}.msg--user{align-self:flex-end;flex-direction:row-reverse}.msg__avatar{width:42px;height:42px;flex:0 0 42px;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:var(--color-surface-alt)}.msg__bubble{padding:12px 16px;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);white-space:pre-wrap;word-break:break-word;font-size:var(--fs-md);line-height:1.55}.msg--user .msg__bubble{background:var(--color-primary);color:var(--color-primary-ink)}.msg--good .msg__avatar{border-color:var(--color-good);color:var(--color-good);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-good) 40%,transparent)}.msg--good .msg__bubble{border-color:var(--color-good)}.msg--evil .msg__avatar{border-color:var(--color-evil);color:var(--color-evil);animation:fb-scribble-jitter 2.4s infinite}.msg--evil .msg__bubble{border-color:var(--color-evil);background:color-mix(in srgb,var(--color-evil) 8%,var(--color-surface))}.msg__caret{display:inline-block;width:8px;animation:fb-typing-caret .9s infinite}.chat-input{display:flex;gap:var(--space-2);padding:var(--space-2);position:sticky;bottom:0;background:color-mix(in srgb,var(--color-bg) 85%,transparent);backdrop-filter:blur(6px)}.chat-input .field{flex:1}.prompts{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}.prompt-chip{font-size:var(--fs-sm);padding:6px 12px;border-radius:var(--radius-pill);border:var(--border-width) dashed var(--color-border);background:var(--color-surface-alt);transition:transform var(--dur-fast) var(--ease-snap)}.prompt-chip:hover{transform:translateY(-2px);border-style:solid}.map{display:flex;flex-direction:column;gap:var(--space-5)}.map__domain{border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);padding:var(--space-4);box-shadow:var(--shadow-sm)}.map__domain-head{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-3)}.map__domain-name{font-family:var(--font-display);font-size:var(--fs-xl)}.map__tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3)}.tool-node{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:var(--space-4) var(--space-2);border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface-alt);text-align:center;transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-base) var(--ease-smooth);cursor:pointer;min-height:120px}.tool-node:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.tool-node__icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center}.tool-node__name{font-family:var(--font-display);font-size:var(--fs-md)}.tool-node__ability{font-size:var(--fs-xs);color:var(--color-text-muted)}.tool-node.locked{opacity:.55;filter:grayscale(.6)}.tool-node.locked:after{content:"🔒";position:absolute;top:8px;right:8px;font-size:1rem}.tool-node.lit{box-shadow:var(--shadow),0 0 0 3px var(--tool-color, var(--color-success))}.tool-node.lit .tool-node__icon{animation:fb-float 3s ease-in-out infinite}.tool-node.starter{border-color:var(--color-accent)}.tool-node__spark{position:absolute;top:6px;left:8px;font-size:1rem}.overlay{position:fixed;inset:0;z-index:var(--z-modal);background:#0000008c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fb-fade-up var(--dur-fast) var(--ease-smooth);backdrop-filter:blur(3px)}.modal{width:min(96vw,560px);max-height:88dvh;overflow:auto;background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6);animation:fb-bounce-in var(--dur-base) var(--ease-bounce)}.modal__title{font-size:var(--fs-2xl);margin-bottom:var(--space-3)}.toast{pointer-events:auto;padding:12px 18px;border-radius:var(--radius-pill);background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);box-shadow:var(--shadow);font-weight:700;animation:fb-bounce-in var(--dur-base) var(--ease-bounce);max-width:92vw}.toast--success{background:var(--color-success);color:var(--color-text-inverse)}.toast--warn{background:var(--color-warning);color:var(--color-text-inverse)}.toast--evil{background:var(--color-evil);color:#fff}.toast--good{background:var(--color-good);color:var(--color-text-inverse)}.mg{display:flex;flex-direction:column;gap:var(--space-4)}.mg__question{font-size:var(--fs-lg);font-family:var(--font-display);padding:var(--space-4);background:var(--color-surface);border:var(--border-width) var(--border-style) var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-sm)}.mg__options{display:grid;gap:var(--space-3);grid-template-columns:1fr}@media (min-width: 560px){.mg__options.two{grid-template-columns:1fr 1fr}}.option{text-align:left;padding:16px 18px;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform var(--dur-fast) var(--ease-snap),box-shadow var(--dur-fast) var(--ease-snap);min-height:var(--touch-min);font-size:var(--fs-md)}.option:hover{transform:translate(4px);box-shadow:var(--shadow)}.option.correct{background:var(--color-success);color:var(--color-text-inverse);animation:fb-bounce-in var(--dur-base) var(--ease-bounce)}.option.wrong{background:var(--color-evil);color:#fff;animation:fb-shake var(--dur-base) var(--ease-smooth)}.option.chosen{outline:3px solid var(--color-accent)}.steps{display:flex;gap:8px;align-items:center;justify-content:center;margin:var(--space-2) 0}.steps i{width:12px;height:12px;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:2px solid var(--color-border);display:block}.steps i.done{background:var(--color-success)}.steps i.active{background:var(--color-primary);transform:scale(1.3)}.mascot{width:72px;height:72px;display:flex;align-items:center;justify-content:center;font-size:2.4rem;border-radius:var(--radius);border:var(--border-width) var(--border-style) var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);flex:0 0 auto}.mascot--lit{animation:fb-lit-glow var(--dur-slow) var(--ease-bounce)}.floatscore{position:absolute;font-family:var(--font-display);font-weight:800;color:var(--color-success);pointer-events:none;animation:fb-level-up .9s var(--ease-smooth) forwards;z-index:var(--z-overlay)}.prose p{margin-bottom:var(--space-3)}.prose strong{color:var(--color-accent)}@media (min-width: 768px){.screen{padding:var(--space-6)}.hero__title{font-size:var(--fs-3xl)}}