:root{--ink: #1a1a18;--muted: #5c5a55;--paper: #f6f1e8;--card: #fffdf8;--line: #ddd6c8;--accent: #b54a2c}*{box-sizing:border-box}html,body{margin:0}body{font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ink);background:var(--paper);line-height:1.5;min-height:100dvh}.c-wrap{max-width:430px;margin:0 auto;padding:16px 16px 32px}.c-steps{display:flex;gap:6px;margin-bottom:16px}.c-steps span{flex:1;text-align:center;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px 0;border-radius:8px;background:#e8e0d4;color:var(--muted)}.c-steps span.on{background:var(--ink);color:#fff}.c-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px}.c-card h1{font-family:Georgia,Iowan Old Style,serif;font-size:1.35rem;margin:0 0 12px}.c-card p{margin:0 0 .9em}.kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:4px!important}.orient-grammar{background:#efe8dc;border-radius:10px;padding:12px}.placeholder{color:var(--muted);font-style:italic}.outbound a{color:var(--accent)}.notice-sentence{font-family:Georgia,Iowan Old Style,serif;font-size:1.15rem}.choices{display:grid;gap:8px;margin:12px 0}.choices .choice{display:block;width:100%;text-align:left;padding:12px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer}.choices .choice.picked.ok{border-color:#2f6b4f;background:#e7f3ec}.choices .choice.picked.miss{border-color:var(--accent);background:#fbe9e4}.explain{color:var(--muted)}.chip{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:4px 12px;background:var(--card)}.chip.gap{border-color:#8a4b12;color:#8a4b12}.chip.held{border-color:#2f6b4f;color:#2f6b4f}.mark-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.mark-row button{border:1px solid var(--line);background:#fff;padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px}.c-nav{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.c-nav button{flex:1;border:0;background:var(--ink);color:#fff;padding:12px;border-radius:10px;font-size:15px;cursor:pointer}.c-nav button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.c-nav button:disabled{opacity:.45;cursor:not-allowed}.lab-link{text-align:center;font-size:12px;color:var(--muted);margin:28px 0 0}.lab-link a{color:var(--muted)}@media(min-width:768px){.c-wrap{max-width:480px;padding-top:32px}}.ff{max-width:430px;margin:0 auto;padding:20px 16px 40px}.ff.play{padding-top:12px}.ff-back{border:0;background:transparent;font-size:1.25rem;padding:4px 0 12px;cursor:pointer;color:var(--ink)}.ff-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 6px}.ff-title-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.ff-title-row h1{margin:0}.ff-leave{flex-shrink:0;border:1px solid var(--line);background:var(--card);border-radius:999px;padding:6px 14px;font-size:13px;cursor:pointer;color:var(--ink)}.ff-top h1,.ff.play h1{font-family:Georgia,Iowan Old Style,serif;font-size:1.7rem;font-weight:500;margin:0 0 8px;letter-spacing:-.02em}.ff-lede,.ff-hint,.ff-explain,.ff-progress,.ff-foot{color:var(--muted);margin:0 0 16px}.ff-progress{font-size:13px}.ff h2{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:22px 0 10px;font-weight:600}.ff-rec{display:grid;gap:4px;width:100%;text-align:left;border:0;border-radius:16px;padding:16px 18px;margin:0 0 8px;background:var(--ink);color:#fff}.ff-rec-why,.ff-why-line{margin:8px 0 0;font-size:.92rem;line-height:1.4}.ff-rec-why{opacity:.9}.ff-why-line{color:var(--muted);margin:0 0 12px}.ff-rec .ff-nav{margin-top:10px}.ff-rec .ff-nav .go{background:#fff;color:var(--ink)}.ff-rec .ff-hint,.ff-rec .ff-soon{color:#fff;opacity:.85;margin:8px 0 0}.ff-rec span{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.ff-rec strong{font-size:1.05rem;font-weight:600}.ff-rec em{font-style:normal;opacity:.85;font-size:.95rem;line-height:1.4}.ff-map{position:relative;height:220px;margin:18px 0 8px;border-radius:18px;background:linear-gradient(#efe8dc,#e4dccf);overflow:hidden}.ff-map.tall{height:min(58vh,420px)}.ff-map.land{background:linear-gradient(#e8efe4,#d9e4d4)}.ff-river{position:absolute;left:-8%;right:-8%;top:58%;height:28px;background:#c5d4e0;border-radius:40% 60%;transform:rotate(-4deg)}.ff-pin{position:absolute;transform:translate(-50%,-50%);border:0;background:#fff;border-radius:14px;padding:8px 10px 6px;box-shadow:0 1px 4px #00000014;cursor:pointer;font-size:1.1rem;line-height:1.15}.ff-pin small{display:block;font-size:10px;color:var(--muted);max-width:7.5em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ff-place{display:inline-block;margin:0 0 12px;padding:4px 10px;border-radius:999px;background:#efe8dc;font-size:13px}.ff-rec .ff-place{background:#ffffff24;color:#fff}.ff-pin.rec{outline:2px solid var(--ink)}.ff-pin.on{outline:2px solid var(--accent);z-index:1}.ff-pin.rec.on{outline:2px solid var(--ink)}.ff-pin.done{opacity:.72}.ff-pin.soon{background:#f3efe6;opacity:.85}.ff-row{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;padding:12px 14px;margin:0 0 8px;cursor:pointer}.ff-row.rec{border-color:var(--ink)}.ff-emo{font-size:1.25rem}.ff-row b,.ff-can{display:block}.ff-row i{display:block;font-style:normal;color:var(--muted);font-size:.92rem;margin-top:2px}.ff-can{margin:0;padding-left:1.1em;color:var(--ink)}.ff-can li{margin:0 0 6px}.ff-foot{text-align:center;font-size:12px;margin-top:28px}.ff-foot a,.ff-text{color:var(--muted)}.ff-text{border:0;background:none;padding:0;font:inherit;cursor:pointer;text-decoration:underline}.ff-sheet{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px 8px;margin:8px 0 16px}.ff h2.ff-sheet-title{font-family:Georgia,Iowan Old Style,serif;font-size:1.25rem;font-weight:500;margin:0 0 8px;letter-spacing:-.02em;text-transform:none;color:var(--ink)}.ff-soon{color:var(--muted);font-size:.92rem;margin:0 0 12px}.ff-why{margin:0 0 16px}.ff-more{border:0;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:underline}.ff-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:16px 18px 6px;margin:0 0 16px}.ff-card p,.ff-q p{margin:0 0 .85em}.de{font-family:Georgia,Iowan Old Style,serif;font-size:1.08rem;line-height:1.55}.ff-sent{font-size:1.15rem;margin:0 0 12px}.ff-dialog{display:grid;gap:10px;margin:0 0 16px}.ff-bubble{border-radius:14px;padding:10px 14px;background:#fff;border:1px solid var(--line)}.ff-bubble span{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:4px}.ff-bubble p{margin:0}.ff-bubble.you{background:#f3efe6}.ff-bubble.you.ok{border-color:#2f6b4f}.ff-bubble.you.miss{border-color:var(--accent)}.ff-q{margin:0 0 16px}.ff-choice{display:block;width:100%;text-align:left;padding:12px;border-radius:10px;border:1px solid var(--line);background:#fff;font-size:15px;cursor:pointer;margin:0 0 8px}.ff-choice.on.ok{border-color:#2f6b4f;background:#e7f3ec}.ff-choice.ok:not(.on){border-color:#2f6b4f;background:#e7f3ec}.ff-choice.on.miss{border-color:var(--accent);background:#fbe9e4}.ff-blank{display:inline-block;min-width:5em;border-bottom:2px solid var(--ink);padding:0 4px;font-weight:600}.ff-nav{display:flex;gap:8px;margin:16px 0;flex-wrap:wrap}.ff-nav.col{flex-direction:column}.ff-nav .go,.ff-nav .ghost{flex:1;border:0;background:var(--ink);color:#fff;padding:12px;border-radius:10px;font-size:15px;cursor:pointer}.ff-nav .ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}@media(min-width:768px){.ff{max-width:480px;padding-top:36px}}