:root{--bg:#fcead6;--panel:#fffbf4;--ink:#4a2e1e;--muted:#a98a6f;--accent:#ee7d97;--accent-deep:#d65f7c;--accent-soft:#fde2e6;--gold:#ffd27f;--amber:#f6b352;--latte:#c8a27c;--coffee:#6f4e37;--sky-blue:#6aa9e0;--line:#f0dcc9;--her-bubble:#fffbf4;--her-border:#f7d3c0;--yes:#5fae6e;--no:#ee7d97;--font-display:"Mochiy Pop One",ui-rounded,system-ui,sans-serif;--font-body:"Zen Maru Gothic",ui-rounded,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}body,button{font-family:var(--font-body)}button{border:none;border-radius:999px;padding:12px 18px;font-size:14px;font-weight:700;cursor:pointer;color:#fff;background:linear-gradient(180deg,var(--accent) 0,var(--accent-deep) 100%);box-shadow:0 4px 0 rgba(224,86,127,.35);transition:transform .08s ease,box-shadow .08s ease,filter .1s}button:hover:not(:disabled){filter:brightness(1.04);transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(2px);box-shadow:0 1px 0 rgba(224,86,127,.35)}button:disabled{opacity:.5;cursor:default;box-shadow:none}button.ghost{background:#fff;color:var(--accent-deep);border:2px solid var(--accent-soft);box-shadow:0 3px 0 var(--accent-soft)}button.accent{background:linear-gradient(180deg,var(--accent) 0,var(--accent-deep) 100%)}.game-root{width:100%;height:100dvh}.scene-root{position:fixed;inset:0}.scene-root canvas{display:block;width:100%!important;height:100%!important}.petals{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:2}.petal{position:absolute;top:-28px;width:13px;height:13px;background:var(--accent);border-radius:70% 0 70% 0;opacity:.55;animation-name:petalfall;animation-timing-function:linear;animation-iteration-count:infinite}@keyframes petalfall{0%{transform:translateY(-6vh) translateX(0) rotate(0deg);opacity:0}10%{opacity:.55}50%{transform:translateY(50vh) translateX(40px) rotate(180deg)}to{transform:translateY(108vh) translateX(-20px) rotate(1turn);opacity:.4}}.loading{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:16px;background:var(--sky)}.hud-top{top:16px;left:0;right:0;text-align:center;font-family:var(--font-display);color:var(--ink);text-shadow:0 2px 0 hsla(0,0%,100%,.7)}.hud-prompt,.hud-top{position:fixed;font-size:15px;pointer-events:none}.hud-prompt{bottom:30px;left:50%;transform:translateX(-50%);background:var(--panel);border:2px solid var(--line);border-radius:999px;padding:11px 22px;font-weight:500;color:var(--muted);box-shadow:0 6px 18px rgba(224,86,127,.15);transition:all .18s ease}.hud-prompt.show{color:#fff;font-weight:700;border-color:var(--accent-deep);background:linear-gradient(180deg,var(--accent) 0,var(--accent-deep) 100%);box-shadow:0 8px 22px rgba(224,86,127,.4);transform:translateX(-50%) scale(1.05)}.overlay{position:fixed;inset:0;background:radial-gradient(120% 100% at 50% 0,rgba(58,51,64,.35),rgba(58,51,64,.62));-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:12px}.panel{width:100%;max-width:580px;height:min(100dvh - 24px,780px);display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--her-border);border-radius:26px;padding:14px 16px 16px;box-shadow:0 24px 60px rgba(58,51,64,.4)}.stage{position:relative;height:230px;border-radius:20px;overflow:hidden;margin-bottom:10px;border:2px solid var(--her-border);background:radial-gradient(120% 95% at 50% 18%,#fff4d8 0,#ffe3b2 42%,#f9d2cf 100%)}.stage .portrait{position:absolute;inset:0}.stage .portrait canvas{display:block}.stage .walkaway{right:10px;left:auto}.stage .walkaway,.voicebtn{position:absolute;top:10px;z-index:2}.voicebtn{left:10px;background:hsla(0,0%,100%,.82);border:2px solid var(--accent-soft);border-radius:999px;padding:5px 11px;font-size:14px}.mic,.voicebtn{color:var(--accent-deep);box-shadow:0 3px 0 var(--accent-soft)}.mic{background:#fff;border:2px solid var(--accent-soft);padding:13px 15px;font-size:16px}.mic.on{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;animation:micpulse 1s ease-in-out infinite}@keyframes micpulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.nameplate{position:absolute;left:14px;bottom:12px;z-index:2;font-family:var(--font-display);font-size:22px;color:var(--accent-deep);background:hsla(0,0%,100%,.82);padding:3px 16px;border-radius:999px;box-shadow:0 3px 0 var(--accent-soft)}.panel header{position:relative;text-align:center;padding:2px 0 10px}.panel header h1{font-family:var(--font-display);font-size:24px;margin:6px 0 0;color:var(--accent-deep);letter-spacing:1px}.panel header h1:after{content:"";display:block;width:46px;height:4px;border-radius:4px;background:var(--accent);margin:6px auto 0}.panel header p{font-size:12px;color:var(--muted);margin:6px 0 0}.walkaway{position:absolute;left:0;top:2px;background:#fff;border:2px solid var(--accent-soft);padding:6px 12px;font-size:12px;font-weight:700;box-shadow:0 3px 0 var(--accent-soft);border-radius:999px}.scene-note,.walkaway{color:var(--accent-deep)}.scene-note{font-size:13px;text-align:center;font-weight:500;background:var(--accent-soft);border-radius:14px;padding:10px 12px;margin-bottom:10px}.chat{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:10px;padding:6px 4px}.bubble{max-width:82%;padding:10px 14px;font-size:15px;line-height:1.45;white-space:pre-wrap;position:relative}.bubble.her{align-self:flex-start;background:var(--her-bubble);color:var(--ink);border:2px solid var(--her-border);border-radius:18px 18px 18px 5px;box-shadow:0 3px 10px rgba(224,86,127,.1)}.bubble.player{align-self:flex-end;color:#fff;background:linear-gradient(180deg,#7db4e6 0,var(--sky-blue) 100%);border-radius:18px 18px 5px 18px;box-shadow:0 3px 10px rgba(106,169,224,.25)}.bubble.sys{align-self:center;background:transparent;color:var(--muted);font-size:12px;font-style:italic}.dots{color:var(--accent-deep);font-size:13px;padding:4px 10px;font-weight:500}.composer{display:flex;gap:8px;padding-top:10px}.composer input{flex:1 1;padding:13px 16px;border:2px solid var(--line);border-radius:999px;background:#fff;font-size:15px;color:var(--ink);font-family:var(--font-body)}.composer input:focus{outline:none;border-color:var(--accent)}.composer button{padding:13px 20px}.actions{display:flex;gap:8px;padding-top:10px}.actions button{flex:1 1}.result{text-align:center;background:var(--panel);border:2px solid var(--her-border);border-radius:22px;padding:16px;margin-top:6px}.result .verdict{font-family:var(--font-display);font-size:22px;margin:8px 0 2px}.result .verdict.yes{color:var(--yes)}.result .verdict.no{color:var(--no)}.result .headline{font-size:15px;font-weight:500;color:var(--ink);margin:8px 14px 4px;line-height:1.4}.result .reason{font-size:13px;color:var(--muted);margin:8px 14px 14px;line-height:1.5}.usage-badge{position:absolute;right:10px;bottom:12px;z-index:2;font-size:11px;font-weight:700;color:var(--accent-deep);background:hsla(0,0%,100%,.85);border:2px solid var(--accent-soft);border-radius:999px;padding:3px 11px;box-shadow:0 3px 0 var(--accent-soft)}.paywall-overlay{position:fixed;inset:0;z-index:30;background:radial-gradient(120% 100% at 50% 0,rgba(58,51,64,.45),rgba(58,51,64,.7));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:14px}.paywall{position:relative;width:100%;max-width:420px;background:var(--panel);border:2px solid var(--her-border);border-radius:26px;padding:22px 20px 16px;box-shadow:0 24px 60px rgba(58,51,64,.45);max-height:calc(100dvh - 28px);overflow-y:auto}.paywall-x{position:absolute;right:12px;top:12px;background:#fff;color:var(--muted);border:2px solid var(--line);width:30px;height:30px;padding:0;font-size:18px;line-height:1;box-shadow:none;border-radius:999px}.paywall-head{text-align:center;margin-bottom:14px}.paywall-kicker{font-size:11px;font-weight:700;color:var(--amber);text-transform:uppercase;letter-spacing:.5px}.paywall-head h2{font-family:var(--font-display);font-size:24px;color:var(--accent-deep);margin:6px 0 4px}.paywall-head p{font-size:13px;color:var(--muted);margin:0 6px;line-height:1.45}.paywall-card.hero{background:linear-gradient(180deg,#fff7f2,var(--accent-soft));border:2px solid var(--her-border);border-radius:20px;padding:14px;text-align:center}.cycle-toggle{display:flex;gap:6px;background:#fff;border-radius:999px;padding:4px;margin:0 auto 12px;max-width:300px}.cycle{flex:1 1;background:transparent;color:var(--muted);box-shadow:none;padding:8px 10px;font-size:13px;border-radius:999px}.cycle.on{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff}.cycle .save{font-size:10px;opacity:.85}.price{font-size:16px;color:var(--ink);margin-bottom:12px}.price b{font-family:var(--font-display);font-size:30px;color:var(--accent-deep)}.price span{color:var(--muted);font-size:14px}.paywall-cta{width:100%}.paywall-or{text-align:center;font-size:12px;color:var(--muted);margin:14px 0 10px}.paywall-packs{display:flex;gap:8px}.pack{flex:1 1;display:flex;flex-direction:column;gap:2px;align-items:center;padding:12px 8px;border-radius:16px}.pack-n{font-size:12px;font-weight:700}.pack-p{font-size:16px;font-family:var(--font-display);color:var(--accent-deep)}.paywall-error{text-align:center;color:var(--no);font-size:12px;margin-top:10px}.paywall-later{display:block;margin:12px auto 0;background:transparent;color:var(--muted);box-shadow:none;font-size:12px;font-weight:500;padding:6px}.account-bar{position:relative;z-index:6;padding:6px 10px 0}.account-bar,.account-chip{display:flex;align-items:center;gap:8px}.account-chip{flex:1 1;min-width:0;justify-content:space-between;font-size:12px;color:var(--muted);background:hsla(0,0%,100%,.7);border:1px solid var(--line);border-radius:999px;padding:4px 6px 4px 12px}.account-email{font-weight:700;color:var(--accent-deep);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:70%}.account-anon{font-weight:500}.account-link{background:var(--accent-soft);color:var(--accent-deep);box-shadow:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700}.account-authpop{position:absolute;left:10px;right:10px;top:calc(100% + 4px);z-index:7;background:var(--panel);border:2px solid var(--her-border);border-radius:18px;padding:12px;box-shadow:0 16px 40px rgba(58,51,64,.35)}.auth-form{display:flex;flex-direction:column;gap:8px}.auth-form.compact{gap:6px}.paywall-authgate{margin:12px 0 14px}.paywall-authgate-note,.paywall-signedin{text-align:center;font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.4}.auth-error b,.paywall-signedin b{color:var(--accent-deep)}.auth-tabs{display:flex;gap:6px;background:#fff;border-radius:999px;padding:4px}.auth-tab{flex:1 1;background:transparent;color:var(--muted);box-shadow:none;padding:6px 8px;font-size:12px;border-radius:999px;font-weight:700}.auth-tab.on{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff}.auth-form input{width:100%;border:2px solid var(--line);border-radius:12px;padding:9px 12px;font-size:13px;background:#fff;color:var(--ink)}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-submit{width:100%}.auth-error{text-align:center;color:var(--no);font-size:12px}.hud-right{display:flex;align-items:center;gap:6px;flex-shrink:0}.call-cta{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;box-shadow:0 3px 0 var(--accent-soft);white-space:nowrap}.achv-wrap{position:relative;flex-shrink:0}.achv-btn{background:#fff;color:var(--coffee);border:1px solid var(--line);box-shadow:none;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700;display:flex;align-items:center;gap:4px}.achv-count{font-size:11px;color:var(--muted)}.achv-backdrop{position:fixed;inset:0;z-index:20}.achv-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:21;width:300px;max-width:78vw;background:var(--panel);border:2px solid var(--her-border);border-radius:16px;box-shadow:0 16px 40px rgba(58,51,64,.32);padding:12px;max-height:60vh;overflow-y:auto}.achv-title{font-family:var(--font-display);font-size:14px;color:var(--accent-deep);display:flex;justify-content:space-between;margin-bottom:8px}.achv-title span{color:var(--muted);font-size:12px}.achv-list{display:flex;flex-direction:column;gap:6px}.achv-row{display:flex;align-items:center;gap:9px;padding:7px 8px;border-radius:12px;background:#fff;border:1px solid var(--line)}.achv-row.locked{opacity:.5}.achv-row.got{background:var(--accent-soft);border-color:var(--her-border)}.achv-ico{font-size:20px;width:24px;text-align:center}.achv-text{display:flex;flex-direction:column;flex:1 1;min-width:0}.achv-text b{font-size:12.5px;color:var(--ink)}.achv-text small{font-size:11px;color:var(--muted)}.achv-check{color:var(--yes);font-weight:800}.conn-wrap{padding:8px 2px 2px}.conn-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:5px}.conn-label{font-size:12px;font-weight:700;color:var(--accent-deep)}.conn-heart{font-size:13px}.conn-pct{font-family:var(--font-display);font-size:15px;color:var(--accent-deep)}.conn-track{position:relative;height:12px;border-radius:999px;background:#f1e2d4;border:1px solid var(--line);overflow:hidden}.conn-fill{position:absolute;left:0;top:0;bottom:0;border-radius:999px;transition:width .7s cubic-bezier(.22,1,.36,1)}.conn-tick{position:absolute;top:-2px;width:2px;height:16px;background:rgba(110,78,55,.28);transform:translateX(-1px)}.conn-tick.hit{background:hsla(0,0%,100%,.85)}.conn-next{font-size:11px;color:var(--muted);margin-top:5px;text-align:center}.conn-next b{color:var(--coffee)}.actions-tray{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px}.action-chip{display:inline-flex;align-items:center;gap:5px;box-shadow:none;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;border:1px solid var(--her-border);background:#fff;color:var(--accent-deep)}.action-chip.open:hover{background:var(--accent-soft)}.action-chip.locked{background:#f3ece3;color:var(--muted);border-color:var(--line);cursor:default;opacity:.85}.action-chip.secret{background:linear-gradient(180deg,#ffe0f1,#ffd1a6);border-color:#ffc6e2;color:var(--accent-deep)}.action-chip:disabled{cursor:default}.action-icon{font-size:14px}.action-req{font-size:10px;opacity:.8;background:rgba(0,0,0,.06);border-radius:999px;padding:1px 6px}.toast-host{position:fixed;top:14px;left:50%;transform:translateX(-50%);z-index:60;display:flex;flex-direction:column;gap:8px;width:min(360px,92vw);pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:11px;cursor:pointer;background:var(--panel);border:2px solid var(--her-border);border-radius:14px;padding:10px 13px;box-shadow:0 12px 34px rgba(58,51,64,.3);animation:toast-in .35s cubic-bezier(.22,1,.36,1)}.toast-ico{font-size:22px}.toast-body{display:flex;flex-direction:column;min-width:0}.toast-body b{font-size:13px;color:var(--ink)}.toast-body small{font-size:11.5px;color:var(--muted)}.toast-unlock{border-color:var(--gold)}.toast-secret{border-color:#ff8ad8;background:linear-gradient(180deg,#fff,#ffeaf6)}.toast-facetime{border-color:var(--sky-blue);background:linear-gradient(180deg,#fff,#eaf3ff)}@keyframes toast-in{0%{opacity:0;transform:translateY(-14px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.call-overlay{position:fixed;inset:0;z-index:50;background:rgba(40,26,30,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:14px}.call-root{width:min(440px,96vw);max-height:94vh;display:flex;flex-direction:column;background:var(--panel);border:2px solid var(--her-border);border-radius:22px;box-shadow:0 24px 60px rgba(40,26,30,.5);padding:12px;overflow:hidden}.call-topbar{justify-content:space-between;padding:2px 4px 8px}.call-id,.call-topbar{display:flex;align-items:center}.call-id{gap:7px;font-family:var(--font-display);font-size:15px;color:var(--accent-deep)}.call-dot{width:9px;height:9px;border-radius:50%;background:var(--yes);box-shadow:0 0 7px var(--yes);animation:call-pulse 1.6s ease-in-out infinite}.call-rel{font-family:var(--font-body);font-weight:500}.call-rel,.call-status{font-size:11px;color:var(--muted)}.call-stage{position:relative;height:240px;border-radius:16px;overflow:hidden;background:#fbe3c4}.call-portrait{position:absolute;inset:0}.call-portrait canvas{display:block}.call-chat{max-height:26vh}.hangup{background:linear-gradient(180deg,#ff8585,#e24a4a);color:#fff}@keyframes call-pulse{0%,to{opacity:1}50%{opacity:.45}}.daily-cta{background:linear-gradient(180deg,#ffd36e,#f6b352);color:#5a3b12;border-radius:999px;padding:6px 11px;font-size:12px;font-weight:800;box-shadow:0 3px 0 rgba(214,140,40,.3);white-space:nowrap;animation:daily-bob 1.5s ease-in-out infinite}@keyframes daily-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.conn-next.close{font-weight:700}.conn-next.close,.conn-next.close b{color:var(--accent-deep)}.overlay{padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}@media (max-width:480px){.panel{border-radius:20px;padding:10px 11px 12px;height:min(100dvh - 12px,920px)}.stage{height:clamp(168px,27vh,230px)}.nameplate{font-size:18px}.account-bar{gap:6px}.cta-label{display:none}.call-cta,.daily-cta{padding:6px 10px}.achv-btn{padding:5px 8px}.actions-tray{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:4px;margin:0 -2px;scroll-snap-type:x proximity}.actions-tray::-webkit-scrollbar{display:none}.action-chip{flex:0 0 auto;min-height:38px;scroll-snap-align:start}.composer input{padding:13px 14px;font-size:16px}.bubble{max-width:88%;font-size:14.5px}.conn-wrap{padding-top:6px}}@media (max-height:680px){.stage{height:clamp(140px,22vh,200px)}}.card-overlay{position:fixed;inset:0;z-index:55;background:rgba(40,26,30,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:14px}.card-x{position:absolute;top:10px;right:10px;z-index:3;width:32px;height:32px;padding:0;background:hsla(0,0%,100%,.9);color:var(--ink);box-shadow:none;border-radius:999px;font-size:14px}.char-card{position:relative;width:min(420px,96vw);max-height:92vh;overflow-y:auto;background:var(--panel);border-radius:24px;box-shadow:0 24px 60px rgba(40,26,30,.5)}.card-hero{padding:26px 20px 18px;color:#fff;text-align:center;border-radius:24px 24px 0 0}.card-emoji{font-size:52px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.25))}.card-name{font-family:var(--font-display);font-size:30px;margin-top:6px;text-shadow:0 2px 6px rgba(0,0,0,.25)}.card-tagline{font-size:13px;opacity:.95;margin-top:2px;text-shadow:0 1px 3px rgba(0,0,0,.25)}.diff-badge{display:inline-flex;align-items:center;gap:8px;margin-top:12px;background:hsla(0,0%,100%,.92);border-radius:999px;padding:4px 10px}.hearts{letter-spacing:1px;font-size:14px}.diff-tier{font-size:11px;font-weight:800;border:1.5px solid;border-radius:999px;padding:1px 8px;background:#fff}.card-body{padding:14px 16px 18px}.card-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.vital-chip{font-size:11.5px;background:var(--accent-soft);color:var(--accent-deep);border-radius:999px;padding:4px 10px}.vital-chip b{font-style:normal}.card-rows{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.card-row{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--ink)}.card-ic{font-size:16px;width:20px;text-align:center}.card-row small{display:block;font-size:10.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}.card-prompts{display:flex;flex-direction:column;gap:8px}.prompt-card{background:#fff;border:2px solid var(--her-border);border-radius:16px;padding:10px 13px}.prompt-card.soft{border-color:var(--line);background:#fffdf8}.prompt-q{font-size:11px;color:var(--muted);margin-bottom:3px}.prompt-a{font-size:15px;color:var(--ink);line-height:1.4;font-family:var(--font-display)}.dex{position:relative;width:min(460px,96vw);max-height:92vh;overflow-y:auto;background:var(--panel);border-radius:24px;box-shadow:0 24px 60px rgba(40,26,30,.5);padding:18px 16px}.dex-head{display:flex;justify-content:space-between;align-items:baseline;font-family:var(--font-display);font-size:20px;color:var(--accent-deep)}.dex-count{font-size:16px;color:var(--coffee);background:var(--accent-soft);border-radius:999px;padding:2px 12px}.dex-sub{font-size:12px;color:var(--muted);margin:4px 0 14px}.dex-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.dex-tile{text-align:left;padding:0;border-radius:18px;overflow:hidden;border:2px solid var(--line);background:var(--panel);box-shadow:none;color:var(--ink);display:flex;flex-direction:column}.dex-tile.open{cursor:pointer}.dex-tile.open:hover{transform:translateY(-2px)}.dex-art{position:relative;height:96px;display:flex;align-items:center;justify-content:center}.dex-art.silhouette{background:radial-gradient(120% 100% at 50% 30%,#4a4350,#221f29)}.dex-emoji{font-size:40px;filter:drop-shadow(0 3px 6px rgba(0,0,0,.3))}.dex-emoji.shadow{filter:brightness(0) opacity(.45) drop-shadow(0 0 8px rgba(255,255,255,.12))}.dex-lock{font-size:14px;opacity:.85}.dex-lock,.dex-prog{position:absolute;bottom:6px;right:8px}.dex-prog{font-size:10px;font-weight:800;color:#fff;background:rgba(0,0,0,.35);border-radius:999px;padding:1px 7px}.dex-name{font-family:var(--font-display);font-size:16px;padding:8px 10px 0}.dex-tile.locked .dex-name,.dex-title{color:var(--muted)}.dex-title{font-size:11px;padding:1px 10px 6px;line-height:1.25}.dex-tile .hearts{padding:0 10px;font-size:12px}.dex-view{font-size:11px;font-weight:700;color:var(--accent-deep);padding:4px 10px 10px}.dex-teaser{font-size:11px;color:var(--ink);opacity:.75;padding:4px 10px 0;line-height:1.3}.dex-unlock{font-size:10.5px;font-weight:700;color:var(--amber);padding:5px 10px 10px}@media (max-width:480px){.card-name{font-size:26px}.dex-grid{gap:8px}.prompt-a{font-size:14px}}.dex-btn{background:#fff;color:var(--coffee);border:1px solid var(--line);box-shadow:none;border-radius:999px;padding:5px 9px;font-size:14px;flex-shrink:0}.nameplate-info{font-size:13px;opacity:.6}.nameplate{cursor:pointer}.dex-actions{display:flex;gap:6px;padding:6px 10px 10px}.dex-mini{flex:1 1;background:#fff;color:var(--accent-deep);border:1.5px solid var(--her-border);box-shadow:none;border-radius:999px;padding:6px 8px;font-size:11px;font-weight:800}.dex-mini.go{background:linear-gradient(180deg,var(--accent),var(--accent-deep));color:#fff;border-color:transparent}.dex-tile.active{box-shadow:0 0 0 2px var(--accent-deep) inset}.dex-here{position:absolute;bottom:6px;left:8px;font-size:10px;font-weight:800;color:#fff;background:rgba(0,0,0,.4);border-radius:999px;padding:1px 7px}.joystick{position:fixed;left:22px;bottom:max(26px,env(safe-area-inset-bottom));z-index:30;width:118px;height:118px;border-radius:50%;touch-action:none;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle,hsla(0,0%,100%,.2),hsla(0,0%,100%,.05));border:2px solid hsla(0,0%,100%,.4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);box-shadow:0 6px 20px rgba(0,0,0,.22)}.joystick-knob{width:52px;height:52px;border-radius:50%;pointer-events:none;background:hsla(0,0%,100%,.9);border:2px solid var(--accent);box-shadow:0 3px 10px rgba(0,0,0,.25);transition:transform .04s linear}.approach-btn{position:fixed;right:22px;bottom:max(40px,env(safe-area-inset-bottom));z-index:30;padding:15px 26px;font-size:17px;font-weight:800;border-radius:999px;color:#fff;background:linear-gradient(180deg,var(--accent),var(--accent-deep));box-shadow:0 8px 22px rgba(224,86,127,.45);opacity:0;transform:translateY(10px) scale(.9);pointer-events:none;transition:opacity .2s ease,transform .2s ease}.approach-btn.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;animation:approach-pulse 1.3s ease-in-out infinite}@keyframes approach-pulse{0%,to{box-shadow:0 8px 22px rgba(224,86,127,.45)}50%{box-shadow:0 10px 32px rgba(224,86,127,.75)}}.landing{position:absolute;inset:0;overflow-y:auto;display:flex;align-items:center;justify-content:center;padding:24px 18px;background:radial-gradient(120% 90% at 50% -10%,#ffe9c9 0,#f7cfa3 38%,#e6a878 70%,#b9764f 100%);color:#4a2e1e}.landing-card{width:100%;max-width:480px;text-align:center;background:rgba(255,251,243,.72);border:1px solid hsla(0,0%,100%,.6);border-radius:26px;padding:30px 26px 26px;box-shadow:0 20px 60px rgba(120,70,40,.28);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.landing-badge{display:inline-block;font-size:12px;letter-spacing:.04em;color:#b56a45;background:rgba(255,180,107,.22);border:1px solid rgba(199,107,69,.25);padding:5px 12px;border-radius:999px;margin-bottom:14px}.landing-wordmark{font-size:clamp(38px,11vw,58px);line-height:1;margin:4px 0 6px;color:#d65f7c;text-shadow:0 2px 0 hsla(0,0%,100%,.5)}.landing-tagline,.landing-wordmark{font-family:var(--font-display),sans-serif}.landing-tagline{font-size:clamp(17px,5vw,22px);color:#7a4a2e;margin:0 0 14px}.landing-sub{font-size:15px;line-height:1.55;color:#6b4631;margin:0 auto 22px;max-width:40ch}.landing-sub em{font-style:normal;color:#d65f7c;font-weight:700}.landing-play{width:100%;border:none;cursor:pointer;font-family:var(--font-display),sans-serif;font-size:18px;color:#fff;background:linear-gradient(180deg,#ee7d97,#d65f7c);padding:16px 20px;border-radius:16px;box-shadow:0 10px 26px rgba(214,95,124,.5);transition:transform .12s ease,box-shadow .12s ease}.landing-play:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(214,95,124,.62)}.landing-play:active{transform:translateY(0)}.landing-or{display:flex;align-items:center;gap:10px;color:#a98a6f;font-size:13px;margin:18px 2px 12px}.landing-or:after,.landing-or:before{content:"";flex:1 1;height:1px;background:hsla(28,25%,55%,.35)}.landing-form{display:flex;gap:8px}.landing-form input{flex:1 1;min-width:0;font-size:16px;padding:13px 14px;border-radius:13px;border:1px solid rgba(199,107,69,.35);background:#fffdf8;color:#4a2e1e}.landing-form input:focus{outline:none;border-color:#d65f7c;box-shadow:0 0 0 3px rgba(214,95,124,.18)}.landing-join{border:none;cursor:pointer;white-space:nowrap;font-family:var(--font-body),sans-serif;font-weight:700;font-size:15px;color:#fff;background:#c79b53;padding:0 18px;border-radius:13px}.landing-join:disabled{opacity:.6;cursor:default}.landing-done{background:rgba(95,174,110,.16);border:1px solid rgba(95,174,110,.4);color:#3f7a4e;padding:14px;border-radius:13px;font-size:15px}.landing-err{color:#c0392b;font-size:13px;margin-top:8px}.landing-fine{font-size:12px;color:#a98a6f;margin:16px 0 0}@media (max-width:380px){.landing-form{flex-direction:column}.landing-join{padding:12px}}