:root{--ink:#2b1430;--ink-soft:#6b4a6e;--paper:#fff8fb;--paper-2:#ffeef5;--line:#f1cfe0;--pink:#ff6a88;--pink-deep:#d9436a;--gold:#f5b83d;--shadow:0 18px 50px #2b143047;--radius:18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--ink);-webkit-tap-highlight-color:transparent;background:#2b1430;font-family:Nunito,system-ui,sans-serif}#app{height:100dvh}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3{margin:0 0 .6em;font-family:Playfair Display,Georgia,serif}.screen{background-position:50%;background-size:cover;height:100dvh;position:relative;overflow:hidden}.btn{border:2px solid var(--ink);background:var(--paper);letter-spacing:.01em;box-shadow:0 4px 0 var(--ink);border-radius:999px;padding:.8em 1.4em;font-weight:800;transition:transform .12s,background .2s,box-shadow .2s}.btn:hover{transform:translateY(-1px)}.btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn.primary{background:var(--pink);color:#fff}.btn.ghost{box-shadow:none;text-underline-offset:3px;background:0 0;border-color:#0000;text-decoration:underline}.btn:focus-visible,.choice:focus-visible,.slot:focus-visible,.swatch:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.menu{gap:.8rem;display:grid}.title{place-items:center;padding:16px;display:grid}.title-card{text-align:center;color:#fff;width:min(380px,100%)}.title h1{text-shadow:0 6px 30px #2b143073;margin-bottom:2rem;font-size:clamp(3.4rem,14vw,6rem);line-height:.95}.title h1 em{color:#ffe3ec;display:block}.eyebrow{text-transform:uppercase;letter-spacing:.2em;opacity:.9;font-size:.78rem;font-weight:800}.title .btn{color:var(--ink)}.title .btn.primary,.title .btn.ghost{color:#fff}.creator{padding:24px 16px;overflow-y:auto}.panel{background:var(--paper);max-width:760px;box-shadow:var(--shadow);border-radius:24px;margin:0 auto;padding:clamp(20px,4vw,36px)}.creator-grid{grid-template-columns:200px 1fr;align-items:start;gap:24px;display:grid}.preview{background:var(--paper-2);border-radius:var(--radius);aspect-ratio:5/6;place-items:end center;display:grid;position:sticky;top:0;overflow:hidden}.preview svg{width:100%;height:auto}.fields{gap:16px;display:grid}.field{border:0;gap:8px;min-width:0;margin:0;padding:0;font-weight:700;display:grid}.field legend{margin-bottom:8px;padding:0}.field input[name=nome]{font:inherit;border:2px solid var(--line);background:#fff;border-radius:12px;width:100%;padding:.75em 1em}.field input[name=nome]:focus{border-color:var(--pink);outline:none}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{background:var(--c);width:36px;height:36px;box-shadow:0 0 0 2px var(--line);border:3px solid #fff;border-radius:50%}.swatch.on{box-shadow:0 0 0 3px var(--ink)}.chips{flex-wrap:wrap;gap:8px;display:flex}.chips label,.mode{position:relative}.chips input,.mode input{opacity:0;pointer-events:none;position:absolute}.chips span{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:999px;padding:.45em 1em;font-weight:700;display:inline-block}.chips input:checked+span{background:var(--ink);color:#fff;border-color:var(--ink)}.chips input:focus-visible+span,.mode input:focus-visible+span{outline:3px solid var(--gold);outline-offset:2px}.panel h3{margin-top:1.6rem}.modes{grid-template-columns:1fr 1fr;gap:12px;display:grid}.mode span{border-radius:var(--radius);border:2px solid var(--line);cursor:pointer;height:100%;color:var(--ink-soft);background:#fff;padding:14px 16px;font-size:.92rem;display:block}.mode strong{color:var(--ink);margin-bottom:4px;font-size:1.05rem;display:block}.mode input:checked+span{border-color:var(--pink);background:var(--paper-2)}.age-check{align-items:center;gap:8px;margin-top:12px;font-weight:700;display:flex}.age-check[hidden]{display:none}.hint-small{color:var(--ink-soft);font-size:.85rem}.error{color:var(--pink-deep);min-height:1.2em;font-weight:700}.actions{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.game{grid-template-rows:auto 1fr auto;grid-template-columns:100%;display:grid}.game .hud{grid-area:1/1}.game .stage{grid-area:2/1/4}.game .dialog{grid-area:3/1}.hud{z-index:3;padding:max(12px, env(safe-area-inset-top)) 16px 8px;color:#fff;text-shadow:0 1px 8px #00000059;justify-content:space-between;align-items:center;gap:12px;font-weight:800;display:flex;position:relative}.hud-actions{gap:8px;display:flex}.icon-btn{width:42px;height:42px;color:var(--ink);background:#fff8fbe6;border:0;border-radius:50%;font-size:1.15rem;box-shadow:0 4px 14px #2b143040}.stage{justify-content:center;align-items:flex-end;min-height:0;display:flex;position:relative}.portrait{justify-content:center;align-items:flex-end;width:100%;height:100%;animation:.35s pop;display:flex}.portrait:empty{display:none}.portrait img,.portrait svg{object-fit:contain;object-position:bottom center;filter:drop-shadow(0 10px 30px #2b143059);width:auto;max-width:100%;height:100%;transition:filter .25s}.portrait svg{height:min(62vh,520px)}.portrait.dim img,.portrait.dim svg{filter:brightness(.72)saturate(.8)drop-shadow(0 10px 30px #2b143059)}@keyframes pop{0%{opacity:0;transform:translateY(16px)}}.dialog{z-index:2;margin:0 auto max(16px, env(safe-area-inset-bottom));background:var(--paper);width:min(820px,100% - 32px);min-height:140px;box-shadow:var(--shadow);cursor:pointer;border-radius:22px;padding:26px 24px 22px;font-size:clamp(1rem,2.4vw,1.12rem);line-height:1.6;position:relative}.dialog:focus-visible{outline:3px solid var(--gold)}.dialog.narration .text{color:var(--ink-soft);font-style:italic}.nameplate{background:var(--c);color:#fff;border:3px solid var(--paper);text-shadow:0 1px 2px #00000040;border-radius:999px;padding:.3em 1em;font-weight:800;position:absolute;top:-16px;left:20px}.nameplate[hidden]{display:none}.nameplate.with-avatar{align-items:center;gap:.4em;padding-left:.3em;display:flex}.nameplate .me{background:var(--paper-2);border-radius:50%;flex:none;width:1.7em;height:1.7em;overflow:hidden}.nameplate .me svg{width:100%;height:100%;transform:scale(1.7)translateY(14%)}.text{white-space:pre-wrap;margin:0}.next{color:var(--pink);animation:1s ease-in-out infinite bob;position:absolute;bottom:10px;right:18px}.dialog.waiting .next{display:none}@keyframes bob{50%{transform:translateY(4px)}}.choices{z-index:4;left:0;right:0;bottom:calc(176px + env(safe-area-inset-bottom));justify-items:center;gap:10px;padding:0 16px;display:grid;position:absolute}.choices[hidden]{display:none}.choice{text-align:left;border:2px solid var(--ink);background:var(--paper);width:min(560px,100%);box-shadow:0 4px 0 var(--ink);border-radius:16px;align-items:center;gap:12px;padding:14px 18px;font-weight:700;animation:.25s backwards pop;display:flex}.choice:nth-child(2){animation-delay:50ms}.choice:nth-child(3){animation-delay:.1s}.choice:nth-child(4){animation-delay:.15s}.choice:hover{background:var(--paper-2)}.choice span{background:var(--pink);color:#fff;border-radius:50%;flex:none;place-items:center;width:26px;height:26px;font-size:.85rem;display:grid}.toasts{z-index:5;pointer-events:none;justify-items:end;gap:8px;display:grid;position:absolute;top:70px;right:16px}.toast{background:var(--paper);border-radius:999px;padding:.5em 1em;font-weight:800;animation:2.6s forwards toast;box-shadow:0 6px 18px #2b143040}.toast.up{color:var(--pink-deep)}.toast.down{color:var(--ink-soft)}@keyframes toast{0%{opacity:0;transform:translate(30px)}10%,80%{opacity:1;transform:none}to{opacity:0}}.chapter-card{z-index:6;pointer-events:none;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.chapter-card p{color:#fff;text-align:center;text-shadow:0 4px 24px #00000080;padding:0 16px;font-family:Playfair Display,serif;font-size:clamp(1.6rem,6vw,2.6rem)}.chapter-card.show{animation:2.6s forwards chapter}@keyframes chapter{0%{opacity:0}20%,70%{opacity:1}to{opacity:0}}.modal{z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#2b14308c;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-box{background:var(--paper);width:min(460px,100%);max-height:calc(100dvh - 32px);box-shadow:var(--shadow);border-radius:24px;gap:12px;padding:28px;animation:.25s pop;display:grid;overflow-y:auto}.modal-box p{margin:0;line-height:1.55}.modal-box .close{justify-self:center}.muted{color:var(--ink-soft);font-size:.92rem}.slots{gap:10px;display:grid}.slot{text-align:left;border:2px solid var(--line);background:#fff;border-radius:14px;gap:2px;padding:12px 16px;display:grid}.slot:hover:not(:disabled){border-color:var(--pink)}.slot:disabled{opacity:.5;cursor:default}.slot small{color:var(--ink-soft);display:block}.slot-row{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.slot-row>.slot:only-child{grid-column:1/-1}.slot-del{border:2px solid var(--line);cursor:pointer;background:#fff;border-radius:14px;width:48px;font-size:1.1rem}.slot-del:hover{border-color:var(--pink-deep);background:var(--paper-2)}.slot-del:focus-visible{outline:3px solid var(--gold);outline-offset:3px}.slot-row.confirming{border:2px solid var(--pink-deep);background:var(--paper-2);color:var(--ink);border-radius:14px;grid-template-columns:1fr auto auto;align-items:center;padding:8px 12px;font-weight:700}.slot-row.confirming .btn{padding:.45em .9em;font-size:.9rem}.btn.danger{background:var(--pink-deep);color:#fff}@media (width<=420px){.slot-row.confirming{grid-template-columns:1fr 1fr}.slot-row.confirming span{grid-column:1/-1}}.stats{gap:14px;margin:0;padding:0;list-style:none;display:grid}.stat{grid-template-columns:56px 1fr;align-items:center;gap:12px;display:grid}.stat small{color:var(--ink-soft);font-size:.85rem;display:block}.mini{background:var(--paper-2);border-radius:50%;width:56px;height:56px;overflow:hidden}.mini svg{width:100%;height:100%;transform:scale(1.5)translateY(12%)}.mini img{object-fit:cover;object-position:50% 0;transform-origin:50% 22%;width:100%;height:100%;transform:scale(2.4)}.bar{background:var(--paper-2);border-radius:999px;height:10px;margin-top:6px;overflow:hidden}.bar i{background:var(--c);border-radius:inherit;height:100%;transition:width .4s;display:block}.pop{font-weight:700}@media (width<=640px){.creator-grid{grid-template-columns:1fr}.preview{width:160px;margin:0 auto;position:static}.modes{grid-template-columns:1fr}.dialog{min-height:120px;padding:24px 18px 20px}.choices{bottom:calc(150px + env(safe-area-inset-bottom))}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.chapter-card{display:none}}.account{justify-items:center;gap:.5rem;margin-top:1.6rem;font-size:.9rem;display:grid}.account p{text-shadow:0 1px 8px #2b143066;margin:0}.account .error{color:#fff;background:var(--pink-deep);text-shadow:none;border-radius:8px;padding:0 .6em}.account .error:empty{display:none}.btn.google{align-items:center;gap:.6em;padding:.6em 1.2em;font-size:.95rem;display:inline-flex}.btn.google:before{content:"G";background:conic-gradient(#ea4335 0 25%, #fbbc05 0 50%, #34a853 0 75%, #4285f4 0);color:#fff;border-radius:50%;place-items:center;width:1.4em;height:1.4em;font-size:.8em;font-weight:800;display:grid}.link{color:#fff;text-underline-offset:3px;background:0 0;border:0;padding:0;font-weight:700;text-decoration:underline}.heart{--size:22px;width:var(--size);height:var(--size);background:linear-gradient(to top, var(--c) var(--p), #ffffffbf var(--p));filter:drop-shadow(0 0 1px #2b143099);flex:none;display:inline-block;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6 10.6 20.3C5.4 15.6 2 12.5 2 8.6 2 5.5 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.5 22 8.6c0 3.9-3.4 7-8.6 11.7z'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 21.6 10.6 20.3C5.4 15.6 2 12.5 2 8.6 2 5.5 4.4 3 7.5 3c1.7 0 3.4.8 4.5 2.1C13.1 3.8 14.8 3 16.5 3 19.6 3 22 5.5 22 8.6c0 3.9-3.4 7-8.6 11.7z'/%3E%3C/svg%3E") 50%/contain no-repeat}.love{flex-wrap:wrap;gap:8px;display:flex}.love-chip{color:var(--ink);text-shadow:none;background:#fff8fbeb;border:2px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:4px 10px 4px 4px;transition:border-color .2s,transform .2s;display:flex;box-shadow:0 4px 14px #2b143040}.love-chip .mini{width:34px;height:34px}.love-chip b{text-align:left;min-width:2.6em;font-size:.85rem}.love-chip.speaking{border-color:var(--pink);transform:translateY(2px)}.love-chip.pulse .heart{animation:.6s 2 beat}@keyframes beat{30%{transform:scale(1.35)}60%{transform:scale(.95)}}.panel-title{margin:.4rem 0 0;font-size:1.05rem}.stat{grid-template-columns:56px 1fr auto}.stat .likes{color:var(--ink);margin-top:2px;font-weight:700}.lovemeter{justify-items:center;gap:2px;display:grid}.lovemeter .heart{--size:40px}.lovemeter b{font-size:.9rem}.attrs{gap:8px;margin:0;padding:0;list-style:none;display:grid}.attrs li{grid-template-columns:7.5em 1fr 1.6em;align-items:center;gap:10px;font-weight:700;display:grid}.attrs .bar{--c:var(--pink);margin:0}.attrs b{text-align:right}.choice .req{color:var(--pink-deep);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-size:.78rem;font-style:normal;font-weight:800;display:block}.choice.locked{opacity:.6;cursor:not-allowed;box-shadow:0 4px 0 var(--ink-soft);border-color:var(--ink-soft)}.choice.locked:hover{background:var(--paper)}.choice.locked span{background:var(--ink-soft)}.choice.locked .req{color:var(--ink-soft)}@media (width<=640px){.love{flex-wrap:nowrap;gap:6px}.love-chip{gap:6px;padding:3px 8px 3px 3px;position:relative}.love-chip .mini{width:30px;height:30px}.love-chip .heart{--size:16px;position:absolute;bottom:0;left:20px}.love-chip b{min-width:2.4em;padding-left:2px;font-size:.78rem}.attrs li{grid-template-columns:6.8em 1fr 1.4em}}