.fop-mode-button{flex:1;padding-inline:.5rem;font-size:.75rem}.fop-mode-button[aria-pressed=true]{background:var(--fop-soft);color:var(--fop-accent)}.fop-mode-preview{min-height:16rem}.fop-mode-art{position:relative;display:flex;align-items:center;justify-content:center;height:8.5rem;margin-top:1rem;gap:1.5rem}.fop-game-screenshot{width:100%;height:auto;border:1px solid var(--border);border-radius:8px;box-shadow:0 4px 12px #00000012}.fop-recall-card{display:flex;align-items:center;gap:1rem;background:var(--card);border:1px solid var(--border);border-radius:10px;padding:1.3rem;box-shadow:6px 6px 0 var(--fop-soft);font-size:.85rem;transform:rotate(-4deg)}.fop-answer-sheet{width:80%;display:grid;gap:.5rem}.fop-answer-sheet>span{display:flex;align-items:center;gap:.7rem;padding:.5rem;border:1px solid var(--border);border-radius:5px}.fop-answer-sheet b{font-size:.65rem;color:var(--fop-accent)}.fop-answer-sheet i{height:3px;width:70%;background:var(--border)}.fop-answer-sheet>span:nth-child(2){background:var(--fop-soft);border-color:var(--fop-accent)}.fop-home{--fop-accent: #70509b;--content-accent: var(--fop-accent);--fop-soft: #ede6f4;height:100dvh;overflow-y:auto;overflow-x:hidden;background:#faf9f6;color:var(--foreground);scroll-padding-top:calc(var(--fop-header-height) + 1rem);scroll-behavior:smooth}.fop-home>header{position:sticky;top:0;z-index:30}.fop-hero{background:radial-gradient(ellipse at 95% 0%,#e8ddef 0%,transparent 55%),#f5f1eb}.fop-headline{font-size:clamp(2.9rem,5.2vw,4.6rem);font-weight:600;line-height:1.08;letter-spacing:-.055em}.fop-headline>span:not(.fop-brand-line){display:inline-block;margin-top:.2em;font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:400;color:var(--fop-accent)}.fop-kicker{font-size:.7rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase;color:var(--fop-accent)}.fop-ink{color:var(--fop-accent)}.fop-dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--fop-accent)}.fop-notebook{position:relative;border:1px solid var(--border);border-radius:4px 18px 18px 4px;background:var(--card);box-shadow:8px 8px 0 var(--fop-soft),16px 16px color-mix(in srgb,var(--fop-accent) 12%,transparent);transform:rotate(2deg)}.fop-notebook-top{display:flex;align-items:center;justify-content:space-between;padding:1.2rem 1.8rem;border-bottom:1px solid var(--border);font-size:.65rem;font-weight:600;letter-spacing:.18em;color:var(--fop-accent)}.fop-notebook-body{padding:1.5rem 2rem 1.7rem;border-left:1px solid var(--fop-soft);margin-left:1rem}.fop-notebook-number{font-family:Georgia,serif;font-size:4rem;line-height:1;color:var(--fop-accent);margin-bottom:1.4rem}.fop-notebook-rule{height:1px;margin:1.5rem 0;background:var(--border)}.fop-notebook-tab{position:absolute;right:-10px;top:5rem;padding:.5rem .8rem;border-radius:3px;background:var(--fop-soft);color:var(--fop-accent);font-size:.6rem;font-weight:700;letter-spacing:.1em}.fop-text-link{display:inline-flex;align-items:center;gap:.5rem;text-decoration:underline;text-underline-offset:4px}.fop-text-link:focus-visible,.fop-resource:focus-visible{outline:2px solid var(--ring);outline-offset:4px}.fop-topic-button{height:auto;min-height:5rem;justify-content:flex-start;white-space:normal;text-align:left;padding:1rem;border-radius:.5rem}.fop-topic-button[aria-pressed=true]{background:var(--fop-soft);color:var(--fop-accent)}.fop-topic-number{font-size:.65rem;font-variant-numeric:tabular-nums;opacity:.7}.fop-topic-detail{position:relative;overflow:hidden;border-left:1px solid var(--border);background:color-mix(in srgb,var(--fop-soft) 40%,var(--card))}.fop-topic-large{display:block;margin-bottom:1rem;font-size:5rem;line-height:1;font-family:Georgia,serif;color:var(--fop-accent);opacity:.35}.fop-resource{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.7rem 0;border-top:1px solid var(--border)}.fop-resource:hover h3{text-decoration:underline;text-underline-offset:4px}.fop-plans{background:var(--fop-soft)}.dark .fop-home{--fop-accent: #c3a6e4;--fop-soft: #302936;background:var(--background)}.dark .fop-hero{background:radial-gradient(ellipse at 100% 0%,#32283c 0%,transparent 55%),var(--background)}.dark .fop-notebook,.dark .fop-topic-browser,.dark .fop-topic-detail,.dark .fop-plans{background:var(--card)}@media (max-width: 767px){.fop-topic-detail{border-left:0;border-top:1px solid var(--border)}.fop-notebook{max-width:25rem;width:calc(100% - 16px);margin:0 auto}}@media (prefers-reduced-motion: reduce){.fop-home{scroll-behavior:auto}.fop-resource svg{transition:none}}.fop-headline .fop-brand-line{font-family:Poppins,sans-serif;font-size:1.12em;letter-spacing:-.06em}.fop-play-strip{background:color-mix(in srgb,var(--fop-soft) 40%,var(--card))}.dark .fop-play-strip{background:var(--card)}