.syna-hero-emoji{font-size:3rem;line-height:1;display:block}.syna-hud{justify-content:center;align-items:center;gap:.6rem;margin-top:.5rem;display:flex}.syna-section-h{margin:1.4rem 0 .6rem}.syna-feature-grid{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:1rem;display:grid}.syna-feature-card{text-align:center;background:var(--ff-paper);color:var(--ff-anvil);border:3px solid var(--ff-outline);box-shadow:0 5px 0 var(--ff-outline);border-top:8px solid var(--pc-select);border-radius:18px;gap:.3rem;padding:1.2rem;text-decoration:none;transition:transform .12s,box-shadow .12s;display:grid}.syna-feature-card:hover{box-shadow:0 8px 0 var(--ff-outline);transform:translateY(-3px)}.syna-feature-emoji{font-size:2.4rem;line-height:1}.syna-feature-card strong{color:var(--ff-anvil);font-size:1.15rem}.syna-feature-blurb{color:var(--ff-anvil);opacity:.85;font-size:.95rem}.syna-kit-list{gap:.5rem;display:grid}.syna-kit-row{background:var(--ff-paper);color:var(--ff-anvil);border:2px solid var(--ff-outline);border-radius:12px;grid-template-columns:2rem 1fr auto;align-items:center;gap:.7rem;padding:.7rem .9rem;text-decoration:none;display:grid}.syna-kit-row:hover{border-color:var(--pc-select)}.syna-kit-num{background:var(--pc-select);background:oklch(from var(--pc-select) min(l, .53) c h);color:#fff;border-radius:50%;place-items:center;width:2rem;height:2rem;font-weight:800;display:grid}.syna-kit-name{font-weight:700}.syna-stage{gap:1rem;display:grid}.syna-sound{background:var(--ff-warm);border:3px solid var(--ff-outline);border-left:6px solid var(--pc-select);border-radius:14px;gap:.2rem;padding:.9rem 1.1rem;transition:border-left-color .15s;display:grid}.syna-sound--matched{border-left-color:var(--pc-correct)}.syna-sound-label{letter-spacing:.08em;opacity:.85;color:var(--ff-anvil);font-size:.8rem;font-weight:800}.syna-sound-text{color:var(--ff-anvil);margin:0;font-size:1.2rem;font-weight:700}.syna-choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:.8rem;width:100%;max-width:44rem;display:grid}@media (width<=560px){.syna-choice-row{grid-template-columns:1fr}}.syna-choice{text-align:center;border:3px solid var(--ff-outline);border-radius:14px;flex-direction:column;align-items:center;gap:.5rem;height:100%;min-height:58px;padding:.7rem;font-size:.98rem;font-weight:600;line-height:1.35;display:flex}@media (width<=560px){.syna-choice{text-align:left;flex-direction:row}}.syna-choice-cap{color:var(--ff-anvil)}.syna-choice--correct{background:var(--pc-correct)}.syna-choice--correct .syna-choice-cap{color:#fff}.syna-choice--wrong{opacity:.5}.syna-canvas{aspect-ratio:1;background:#d9d5cc;border:2px solid #9a958c;border-radius:12px;place-items:center;width:100%;max-width:128px;padding:.4rem;display:grid}@media (width<=560px){.syna-canvas{flex:none;max-width:88px}}.syna-glyph{width:100%;height:100%;display:block}.syna-preview-wrap{justify-items:center;gap:.3rem;width:100%;display:grid}.syna-canvas-label{letter-spacing:.06em;text-transform:uppercase;opacity:.85;color:var(--ff-anvil);font-size:.8rem;font-weight:800}.syna-canvas.syna-preview{aspect-ratio:auto;max-width:320px;min-height:200px}.syna-shape{border:3px solid var(--ff-outline);transition:width .18s,height .18s,background .18s,border-radius .18s,clip-path .18s}.syna-shape--small{width:70px;height:70px}.syna-shape--big{width:150px;height:150px}.syna-shape--round{border-radius:50%}.syna-shape--sharp{clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);border:none;border-radius:0}.syna-shape--matched{box-shadow:0 0 0 5px var(--pc-correct)}@media (prefers-reduced-motion:reduce){.syna-shape{transition:none}}.syna-controls{gap:.7rem;width:100%;max-width:34rem;margin:0 auto;display:grid}.syna-toggle{gap:.3rem;display:grid}.syna-toggle-label{letter-spacing:.04em;color:var(--ff-anvil);opacity:.75;font-size:.8rem;font-weight:800}.syna-seg{grid-template-columns:1fr 1fr;gap:.4rem;display:grid}.syna-seg-btn{border:3px solid var(--ff-outline);background:var(--ff-paper);min-height:48px;color:var(--ff-anvil);border-radius:12px;font-size:1rem;font-weight:700}.syna-seg-btn--on{background:var(--pc-select);background:oklch(from var(--pc-select) min(l, .53) c h);color:#fff;border-color:var(--pc-select)}.syna-check{min-height:48px;margin:.3rem auto 0}.pc-theme-synaforge.pc-immersive{--pc-env-bg:url(/play/synaforge/env.webp) center / cover no-repeat, linear-gradient(to bottom, #d8cfec 0%, #c8d6e4 22%, #d3e0d6 50%, #eee6cd 78%, #f5efda 100%);--pc-env-bg-dark:url(/play/synaforge/env-dark.webp) center / cover no-repeat, linear-gradient(to bottom, #191330 0%, #142130 40%, #1b2422 72%, #24211d 100%);--pc-env-bg-flat:url(/play/synaforge/env.webp) center / cover no-repeat, oklab(89.4457% -.00566138 .00280332);--pc-env-bg-flat-dark:url(/play/synaforge/env-dark.webp) center / cover no-repeat, #181d30}.syna-kits{margin:.4rem 0 1rem}.syna-kits-summary{cursor:pointer;color:var(--ff-anvil);flex-wrap:wrap;align-items:center;gap:.5rem;font-size:1.05rem;font-weight:800;list-style:none;display:flex}.syna-kits-summary::-webkit-details-marker{display:none}.syna-kits-summary:before{content:"▸";color:var(--pc-select);font-weight:800}.syna-kits[open] .syna-kits-summary:before{content:"▾"}.syna-tk{flex-direction:column;gap:.5rem;margin-top:1rem;display:flex}.syna-tk-words,.syna-tk-row{flex-wrap:wrap;gap:.6rem;display:flex}.syna-tk-say{min-height:48px;font-weight:800}.syna-tk-q{margin:.2rem 0 0;font-weight:800}.syna-tk-pick{background:#f4efe4;border-radius:1rem;width:8rem;height:8rem;padding:.6rem}.syna-tk-pick[aria-pressed=true]{outline:4px solid var(--pc-select,#1f5f8a);outline-offset:2px}.syna-tk-svg{width:100%;height:100%;display:block}.syna-tk-story{margin:.3rem 0 0}.syna-castel{margin:0 0 var(--space-12);gap:var(--space-12);display:grid}.syna-castel-window{border:2px solid var(--ff-outline);background:var(--ff-warm);border-radius:14px;height:6rem;transition:background .15s linear}.syna-castel-said{text-align:center;color:var(--ff-anvil);min-height:1.5em;margin:0;font-size:1.1rem;font-weight:800}.syna-castel-keys{gap:var(--space-4);grid-template-columns:repeat(8,minmax(0,1fr));display:grid}.syna-castel-col{gap:var(--space-4);justify-items:stretch;display:grid}.syna-castel-key{border:2px solid var(--ff-outline);min-width:0;min-height:7.5rem;padding:0 0 var(--space-8);cursor:pointer;border-radius:0 0 10px 10px;flex-direction:column;justify-content:flex-end;align-items:center;font-weight:800;display:flex}.syna-castel-key--on{outline:4px solid var(--ff-anvil);outline-offset:-6px}.syna-castel-key:focus-visible{outline:3px solid var(--ff-focus);outline-offset:2px}.syna-castel-solfa{font-size:.95rem}.syna-castel-letter{opacity:.85;font-size:.75rem}.syna-castel-pick{border:2px solid var(--ff-outline);background:var(--ff-paper);cursor:pointer;border-radius:8px;width:100%;min-height:44px;padding:0}.syna-castel-cap{text-align:center;color:var(--ff-anvil);opacity:.85;font-size:.85rem}@media (width<=40rem){.syna-castel-keys{gap:var(--space-4);flex-direction:column-reverse;display:flex}.syna-castel-col{grid-template-columns:minmax(0,1fr) 56px;align-items:stretch}.syna-castel-key{justify-content:flex-start;align-items:center;gap:var(--space-8);min-height:48px;padding:0 var(--space-12);border-radius:0 10px 10px 0;flex-direction:row}.syna-castel-pick{min-height:48px}}.syna-castel-controls{gap:var(--space-8);flex-wrap:wrap;display:flex}.syna-castel-controls .ff-btn{min-height:44px}.syna-castel-card{margin-top:var(--space-16)}@media (prefers-reduced-motion:reduce){.syna-castel-window{transition:none}}.syna-castel-card h2{margin:0 0 var(--space-8);font-size:1.15rem}.syna-keycard{margin:var(--space-16,1rem) auto 0;border:2px solid var(--ff-outline);background:var(--ff-paper);max-width:34rem;color:var(--ff-anvil);border-radius:1rem;padding:.8rem 1rem}.syna-keycard-h{margin:0 0 .4rem;font-size:1.05rem}.syna-keyrow-h{margin:.4rem 0 .25rem;font-size:.9rem;font-weight:700}.syna-keyrow-list{grid-template-columns:repeat(7,minmax(0,1fr));gap:.3rem;margin:0;padding:0;list-style:none;display:grid}.syna-keycell{flex-direction:column;align-items:center;gap:.15rem;display:flex}.syna-keysw{aspect-ratio:1;border:1.5px solid color-mix(in srgb, var(--ff-anvil) 40%, transparent);border-radius:.5rem;place-items:center;width:100%;max-width:2.6rem;font-size:1rem;display:grid}.syna-keylabel{font-size:.85rem;font-weight:800}.syna-keycard-note{margin:.5rem 0 0}