:root{--cream: #fff6e3;--paper: #fffdf7;--ink: #3b2416;--ink-soft: #7a5a44;--red: #d8433b;--red-dark: #a92f29;--pink: #ff7ab8;--gold: #f2b73f;--green: #4f9d5b;--sky: #8fd3ff;--line: #ecd9b8;--shadow: 0 6px 0 rgba(59, 36, 22, .15), 0 12px 30px rgba(59, 36, 22, .12);--radius: 22px;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Fredoka,system-ui,sans-serif;color:var(--ink);background-color:var(--cream);background-image:linear-gradient(90deg,rgba(216,67,59,.06) 50%,transparent 50%),linear-gradient(rgba(216,67,59,.06) 50%,transparent 50%);background-size:48px 48px;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer}input,select{font:inherit}.app{min-height:100%;display:flex;flex-direction:column;align-items:center}.page{width:100%;max-width:520px;padding:16px 16px 40px;flex:1;display:flex;flex-direction:column}.page.wide{max-width:860px}h1,h2,h3,.western{font-family:Rye,Georgia,serif;font-weight:400;letter-spacing:.5px}h1{margin:0}.btn{border:none;border-radius:999px;padding:14px 24px;font-weight:600;font-size:1.05rem;background:var(--red);color:#fff;box-shadow:0 5px 0 var(--red-dark);transition:transform .08s ease,box-shadow .08s ease,filter .15s}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--red-dark)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--paper);color:var(--ink);box-shadow:0 5px 0 var(--line);border:2px solid var(--line)}.btn.gold{background:var(--gold);color:var(--ink);box-shadow:0 5px #c98e1d}.btn.small{padding:8px 14px;font-size:.9rem;box-shadow:0 3px 0 var(--red-dark)}.btn.secondary.small{box-shadow:0 3px 0 var(--line)}.btn.block{width:100%}.topbar{width:100%;position:sticky;top:0;z-index:20;background:#fffdf7eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:3px dashed var(--line)}.topbar-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;gap:8px;padding:8px 16px}.brand{font-family:Rye,serif;font-size:1.25rem;color:var(--red);background:none;border:none;padding:0;margin-right:auto;white-space:nowrap}.nav{display:flex;gap:4px}.nav button{border:none;background:transparent;padding:8px 10px;border-radius:12px;font-weight:600;color:var(--ink-soft);font-size:.92rem;position:relative}.nav button.active{background:#ffe6d9;color:var(--red)}.badge{position:absolute;top:0;right:-2px;background:var(--red);color:#fff;font-size:.68rem;min-width:18px;height:18px;border-radius:9px;display:grid;place-items:center;padding:0 4px}.title-screen{text-align:center;justify-content:center;gap:18px}.title-logo{font-size:clamp(3rem,14vw,5.2rem);color:var(--red);text-shadow:3px 3px 0 var(--gold),6px 6px 0 rgba(59,36,22,.15);line-height:1}.tagline{font-size:1.15rem;color:var(--ink-soft);margin:0 auto;max-width:380px}.title-horses{position:relative;display:flex;justify-content:center;align-items:flex-end;height:200px}.title-horses svg{width:46%;max-width:200px;height:auto}.title-horses .heart{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:2.6rem;animation:beat 1.1s infinite}@keyframes beat{0%,to{transform:translate(-50%) scale(1)}15%{transform:translate(-50%) scale(1.25)}30%{transform:translate(-50%) scale(1)}}.title-actions{display:flex;flex-direction:column;gap:14px;align-items:center}.title-actions .btn{min-width:240px}.fineprint{font-size:.85rem;color:var(--ink-soft)}.bunting{display:flex;justify-content:center;gap:4px;margin-bottom:4px}.bunting span{width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:22px solid var(--red)}.bunting span:nth-child(3n+2){border-top-color:var(--gold)}.bunting span:nth-child(3n){border-top-color:var(--sky)}.panel{background:var(--paper);border-radius:var(--radius);box-shadow:var(--shadow);border:2px solid var(--line);padding:18px}.section-title{margin:6px 0 12px;font-size:1.6rem;text-align:center;color:var(--red)}.sub{text-align:center;color:var(--ink-soft);margin:-6px 0 14px}.creator{display:grid;gap:16px}.creator-preview{display:flex;flex-direction:column;align-items:center;background:radial-gradient(circle at 50% 60%,#fff,#ffeccf 70%);border-radius:var(--radius);border:2px solid var(--line);padding:10px;position:relative}.creator-preview svg{width:220px;height:220px}.creator-preview .nameplate{font-family:Rye,serif;font-size:1.3rem;margin-top:-4px}.creator-preview .quirk{font-size:.9rem;color:var(--ink-soft);text-align:center}.field{display:grid;gap:8px}.field>label,.field-label{font-weight:600;font-size:.95rem}.row{display:flex;gap:8px}.text-input{flex:1;padding:12px 14px;border-radius:14px;border:2px solid var(--line);background:#fff;font-size:1rem;min-width:0}.text-input:focus{outline:3px solid #ffd2b8;border-color:var(--red)}.swatches{display:flex;flex-wrap:wrap;gap:8px}.swatch{width:38px;height:38px;border-radius:50%;border:3px solid #fff;box-shadow:0 0 0 2px var(--line);padding:0}.swatch.active{box-shadow:0 0 0 3px var(--red);transform:scale(1.08)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:2px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:.9rem;font-weight:500}.chip.active{background:var(--red);border-color:var(--red);color:#fff}.creator-actions{display:flex;gap:10px}.creator-actions .btn:last-child{flex:1}@media(min-width:760px){.creator{grid-template-columns:300px 1fr;align-items:start}.creator-preview{position:sticky;top:80px}}.deck{position:relative;height:min(600px,calc(100vh - 210px));min-height:470px;margin-top:6px}.card{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--paper);border-radius:26px;border:2px solid var(--line);box-shadow:var(--shadow);overflow:hidden;display:flex;flex-direction:column;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform}.card.behind{transform:scale(.95) translateY(14px);filter:brightness(.97)}.card.animating{transition:transform .35s ease}.card-art{background:linear-gradient(180deg,#bfe7ff,#fff1c9);position:relative;flex:1;min-height:0;display:flex;justify-content:center;align-items:flex-end}.card-art svg{height:100%;max-height:300px;width:auto}.card-art .ferris{position:absolute;right:-40px;top:10px;width:170px;opacity:.25}.card-body{padding:14px 18px 18px}.card-name{font-family:Rye,serif;font-size:1.45rem;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.card-name small{font-family:Fredoka,sans-serif;font-size:1.1rem;color:var(--ink-soft)}.card-breed{color:var(--ink-soft);font-size:.9rem;margin-bottom:8px}.card-bio{margin:0 0 10px;font-size:1.02rem;line-height:1.35}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{background:#ffe6d9;color:var(--red-dark);border-radius:999px;padding:3px 10px;font-size:.8rem;font-weight:600}.stamp{position:absolute;top:24px;font-family:Rye,serif;font-size:2rem;padding:4px 14px;border:4px solid;border-radius:12px;opacity:0;pointer-events:none;z-index:3}.stamp.yes{left:18px;color:var(--green);border-color:var(--green);transform:rotate(-14deg)}.stamp.no{right:18px;color:var(--red);border-color:var(--red);transform:rotate(14deg)}.deck-actions{display:flex;justify-content:center;gap:26px;margin-top:18px}.round-btn{width:68px;height:68px;border-radius:50%;border:none;font-size:1.9rem;background:#fff;box-shadow:var(--shadow);transition:transform .12s;display:grid;place-items:center}.round-btn:hover{transform:scale(1.08)}.round-btn:active{transform:scale(.94)}.round-btn.no{color:var(--red)}.round-btn.yes{color:#fff;background:var(--pink)}.deck-count{text-align:center;color:var(--ink-soft);font-size:.85rem;margin-top:10px}.empty{text-align:center;padding:30px 18px;display:grid;gap:14px;justify-items:center}.empty .big{font-size:3.5rem}.toast{--tx: -50%;position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:12px 18px;border-radius:14px;z-index:50;box-shadow:var(--shadow);animation:pop .25s ease;max-width:calc(100% - 32px);text-align:center}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3b24168c;z-index:40;display:grid;place-items:center;padding:16px;animation:fade .2s ease}.modal{background:var(--paper);border-radius:28px;padding:24px 20px;max-width:420px;width:100%;text-align:center;box-shadow:var(--shadow);animation:pop .35s cubic-bezier(.2,1.4,.4,1)}.match-title{font-size:2.4rem;color:var(--pink);text-shadow:2px 2px 0 var(--red-dark);margin:0}.match-horses{display:flex;justify-content:center;align-items:center}.match-horses svg{width:44%;height:auto}.match-horses .heart{font-size:2.2rem;margin:0 -14px;z-index:1;animation:beat2 1s infinite}@keyframes beat2{0%,to{transform:scale(1)}20%{transform:scale(1.3)}}.modal-actions{display:grid;gap:12px;margin-top:16px}@keyframes pop{0%{transform:translate(var(--tx, 0)) scale(.7);opacity:0}to{opacity:1}}@keyframes fade{0%{opacity:0}}.match-list{display:grid;gap:12px}.match-row{display:flex;align-items:center;gap:12px;background:var(--paper);border:2px solid var(--line);border-radius:18px;padding:10px 14px;text-align:left;box-shadow:0 4px 0 var(--line);width:100%}.match-row:hover{border-color:#f3b49b}.avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(180deg,#bfe7ff,#fff1c9);overflow:hidden;flex-shrink:0;border:2px solid var(--line)}.avatar svg{width:100%;height:100%}.match-row .info{flex:1;min-width:0}.match-row .name{font-weight:600;font-size:1.05rem}.match-row .hint{color:var(--ink-soft);font-size:.88rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-pill{font-size:.78rem;font-weight:600;padding:4px 10px;border-radius:999px;background:#e7f6e9;color:var(--green);white-space:nowrap}.result-pill.bad{background:#ffe3e0;color:var(--red-dark)}.result-pill.secret{background:linear-gradient(90deg,#ffe58a,#ffc0e0);color:#7a3b00}.chat-page{padding-bottom:0;height:calc(100vh - 58px);height:calc(100dvh - 58px)}.chat-head{display:flex;align-items:center;gap:12px;padding:8px 4px 10px}.chat-head .avatar{width:72px;height:72px;transition:transform .2s}.chat-head .avatar.bump{animation:bump .45s ease}@keyframes bump{30%{transform:scale(1.12) rotate(-4deg)}60%{transform:scale(.96) rotate(3deg)}}.chat-head .who{flex:1;min-width:0}.chat-head .who .name{font-family:Rye,serif;font-size:1.15rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.meter{position:relative;margin-top:6px}.meter-label{display:flex;justify-content:space-between;font-size:.78rem;color:var(--ink-soft);font-weight:600;margin-bottom:3px}.meter-track{height:14px;border-radius:999px;background:#f3e3c8;overflow:hidden;border:2px solid var(--line)}.meter-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff9db0,var(--pink),var(--red));transition:width .7s cubic-bezier(.3,1.4,.5,1)}.meter-fill.low{background:linear-gradient(90deg,#8a8a8a,#b06060)}.delta{position:absolute;right:0;top:-22px;font-weight:700;font-size:1.1rem;animation:floatUp 1.6s ease forwards;pointer-events:none}.delta.up{color:var(--green)}.delta.down{color:var(--red)}@keyframes floatUp{0%{opacity:0;transform:translateY(10px) scale(.8)}15%{opacity:1;transform:translateY(0) scale(1.25)}80%{opacity:1}to{opacity:0;transform:translateY(-16px)}}.chat-log{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:8px 2px 12px;scroll-behavior:smooth}.scene-tag{align-self:center;font-family:Rye,serif;font-size:.85rem;background:var(--gold);color:var(--ink);padding:3px 12px;border-radius:999px;margin-top:6px}.msg{max-width:82%;padding:10px 14px;border-radius:20px;line-height:1.35;animation:msgIn .25s ease;word-wrap:break-word}@keyframes msgIn{0%{opacity:0;transform:translateY(8px)}}.msg.npc{align-self:flex-start;background:#fff;border:2px solid var(--line);border-bottom-left-radius:6px}.msg.player{align-self:flex-end;background:var(--red);color:#fff;border-bottom-right-radius:6px}.msg.narrator{align-self:center;max-width:92%;background:transparent;color:var(--ink-soft);font-style:italic;text-align:center;font-size:.93rem;padding:4px 8px}.typing{align-self:flex-start;background:#fff;border:2px solid var(--line);border-radius:20px;padding:10px 16px;display:flex;gap:4px}.typing span{width:8px;height:8px;border-radius:50%;background:var(--ink-soft);animation:dot 1s infinite}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes dot{0%,60%,to{opacity:.25;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}.choices{display:grid;gap:8px;padding:10px 0 16px;border-top:3px dashed var(--line);background:linear-gradient(transparent,var(--cream) 12px)}.choice{text-align:left;border:2px solid var(--line);background:var(--paper);border-radius:16px;padding:10px 14px;box-shadow:0 3px 0 var(--line);transition:transform .08s,border-color .15s;line-height:1.3}.choice:hover{border-color:var(--pink)}.choice:active{transform:translateY(2px);box-shadow:none}.choice .style{display:inline-block;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--ink-soft);margin-bottom:2px}.choices-label{font-size:.8rem;color:var(--ink-soft);font-weight:600;text-align:center}.ending-page{gap:16px;text-align:center}.ending-emoji{font-size:3rem;animation:pop .5s ease}.ending-title{font-size:1.8rem;color:var(--red);margin:0}.ending-title.secret{background:linear-gradient(90deg,#d8433b,#ff7ab8,#f2b73f,#d8433b);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:300% 0}}.ending-text{line-height:1.5;font-size:1.05rem;margin:0}.endcard-wrap{border-radius:20px;overflow:hidden;box-shadow:var(--shadow);line-height:0}.endcard-wrap svg{width:100%;height:auto}.ending-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ending-actions .btn{padding:12px 10px;font-size:.98rem}.save-status{font-size:.85rem;color:var(--ink-soft)}.confetti{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60;overflow:hidden}.confetti span{position:absolute;top:-40px;font-size:1.6rem;animation:fall linear forwards}@keyframes fall{to{transform:translateY(110vh) rotate(540deg)}}.gazette-head{text-align:center;border-bottom:4px double var(--ink);padding-bottom:6px;margin-bottom:14px}.gazette-head h2{margin:0;font-size:clamp(1.7rem,7vw,2.4rem)}.gazette-head .dateline{font-size:.85rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:1px}.gazette-grid{display:grid;gap:16px}@media(min-width:760px){.gazette-grid{grid-template-columns:1.4fr 1fr}}.gazette-grid h3{margin:0 0 10px;font-size:1.15rem}.couple-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed var(--line)}.couple-row:last-child{border-bottom:none}.couple-avatars{display:flex;flex-shrink:0}.couple-avatars .avatar{width:46px;height:46px}.couple-avatars .avatar+.avatar{margin-left:-12px}.couple-row .info{flex:1;min-width:0;font-size:.92rem}.couple-row .info b{font-weight:600}.couple-row .when{font-size:.75rem;color:var(--ink-soft)}.bar-row{display:grid;grid-template-columns:1fr 2fr auto;align-items:center;gap:8px;font-size:.88rem;margin-bottom:8px}.bar{height:12px;border-radius:999px;background:#f3e3c8;overflow:hidden}.bar>div{height:100%;background:var(--red);border-radius:999px}.heart-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.heart-row .rank{font-family:Rye,serif;width:22px;color:var(--gold);font-size:1.2rem}.heart-row .avatar{width:42px;height:42px}.heart-row .info{font-size:.9rem;flex:1}.muted{color:var(--ink-soft)}.error-box{background:#ffe3e0;color:var(--red-dark);border-radius:14px;padding:12px;text-align:center}@media(max-width:420px){.nav button{padding:8px 7px;font-size:.85rem}.brand{font-size:1.05rem}}@media(max-width:520px){.choice{padding:8px 12px;font-size:.93rem}.choices{gap:6px;padding-bottom:12px}.chat-head .avatar{width:60px;height:60px}}