.rp-story-preview{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:#2b2b2b;background:#f4f1ec;overflow-y:auto;overscroll-behavior:contain}.rp-story-preview::backdrop{background:#f4f1ec}.rp-story-bar{position:sticky;top:0;z-index:1;display:flex;justify-content:center;flex-wrap:wrap;gap:12px;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) 12px max(12px,env(safe-area-inset-left));background:#fff;box-shadow:0 1px 4px #0002}.rp-story-bar .btn{min-height:48px}.rp-story-content{box-sizing:border-box;width:100%;max-width:704px;margin:auto;padding:16px max(16px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left))}.rp-story-content h1{text-align:center;font-size:clamp(24px,5vw,32px);overflow-wrap:anywhere;margin:24px 0}.rp-story-cover-wrap{text-align:center}.rp-story-cover,.rp-story-art{display:block;width:auto;height:auto;max-width:100%;max-height:340px;margin:auto;border-radius:16px;object-fit:contain}.rp-story-page{position:relative;break-inside:avoid;page-break-inside:avoid;margin:18px 0;padding:32px 20px 24px;border-radius:20px;background:#fff;text-align:center;box-shadow:0 2px 10px #0001}.rp-story-page p{font-size:clamp(20px,4vw,24px);line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0 0}.rp-story-emoji{display:inline-block;font-size:96px;line-height:1.2}.rp-story-page-number{position:absolute;top:10px;right:16px;color:#666;font-size:14px}.rp-story-print-help{text-align:center;color:#555}@media print{body:has(.rp-story-preview[open])>:not(.rp-story-preview){display:none!important}body:has(.rp-story-preview[open]){overflow:visible!important}.rp-story-preview[open]{position:absolute;inset:0 auto auto 0;height:auto;overflow:visible;background:#fff}.rp-story-preview::backdrop,.rp-story-bar,.rp-story-print-help{display:none!important}.rp-story-content{max-width:none;padding:0}.rp-story-page{box-shadow:none;border:1px solid #ddd}}.puppy-page{max-width:1280px!important}.puppy-eyebrow{font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0}.puppy-page h1{margin:.2em 0}.puppy-preview{padding:12px 18px;background:var(--surface-2);border-radius:14px}.puppy-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:24px;align-items:start}.puppy-stage{position:relative;overflow:hidden;border-radius:28px;border:1px solid var(--border);box-shadow:0 12px 35px #183a2310}.puppy-scene{height:clamp(340px,54vh,600px);position:relative;touch-action:none}.puppy-scene canvas{width:100%;height:100%;display:block}.puppy-nameplate{position:absolute;left:22px;bottom:20px;background:#fffdf2e8;border-radius:18px;padding:10px 20px;color:#304b41;display:grid;pointer-events:none}.puppy-nameplate strong{font-size:1.4em}.puppy-nameplate span{font-size:.85em}.puppy-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.puppy-actions button{display:grid;justify-items:center;gap:6px;min-height:76px}.puppy-actions button span{font-size:1.6em}.puppy-personality{font-size:1.05em;margin:0}.puppy-reaction{min-height:2.8em;margin:0}.puppy-collection h2{margin:0}.puppy-card{padding:15px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.puppy-card.selected{border:2px solid #668d75;padding:14px}.puppy-card p{font-size:.87em;line-height:1.5}.puppy-card button{width:100%;font-size:.9em}.puppy-card-title{display:flex;gap:12px;align-items:center}.puppy-card-title h3{margin:0}.puppy-card-title span{font-size:.8em}.puppy-breed-dot{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#e9c18a;font-size:1.4em!important}.puppy-breed-dot.corgi{background:#d99565}.puppy-breed-dot.beagle{background:#ae947f}.puppy-breed-dot.husky{background:#b4c8d5}.puppy-extras{display:flex;flex-wrap:wrap;gap:10px}.puppy-welcome{min-height:380px;padding:35px;display:grid;place-content:center;text-align:center;background:#e5eee3;color:#304b41}.puppy-welcome>span{font-size:4em}.puppy-fallback{padding:30px;position:absolute;inset:0;background:var(--surface);z-index:2}@media (max-width:760px){.puppy-layout{grid-template-columns:1fr}.puppy-collection{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.puppy-collection>h2,.puppy-collection>.muted{grid-column:1/-1}.puppy-actions{gap:4px}.puppy-actions button{padding:8px 3px;font-size:.85em}.puppy-scene{height:390px}.puppy-card{padding:12px}.puppy-card.selected{padding:11px}}.puppy-portrait{width:78px;height:86px;object-fit:contain;flex-shrink:0}.puppy-card-title{min-height:86px}.puppy-training{padding:16px;border:1px solid var(--border);border-radius:18px}.puppy-training h2,.puppy-training p{margin:0}.puppy-tricks{display:flex;gap:8px;flex-wrap:wrap}.puppy-tricks button{flex:1;min-width:130px}.puppy-phase{position:absolute;top:16px;left:18px;border-radius:30px;padding:8px 15px;background:#fffdf0df;color:#456047;font-size:13px;pointer-events:none}.puppy-collection-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));gap:12px}:root{--font-scale: 1;--font-base: calc(16px * var(--font-scale));--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--space-1: 8px;--space-2: 16px;--space-3: 24px;--space-4: 32px;--space-5: 48px;--radius: 20px;--tap-min: 52px;--bg: #F4F1EC;--surface: #FFFFFF;--surface-2: #ECE7DF;--text: #3A3A42;--text-muted: #6E6E78;--primary: #7C9CBF;--primary-text: #FFFFFF;--accent: #A7C4A0;--reward: #E6B85C;--danger: #C98B8B;--border: #DAD4CA;--timer-wedge: #E0A98A;--shadow: 0 4px 14px rgba(0, 0, 0, .06)}html[data-palette=dark]{--bg: #1B1D22;--surface: #262A31;--surface-2: #2F343C;--text: #ECEDF0;--text-muted: #A6AAB3;--primary: #6E93C8;--primary-text: #0E1116;--accent: #7FB07A;--reward: #E6B85C;--danger: #D08A8A;--border: #3A3F48;--timer-wedge: #D89A7A;--shadow: 0 4px 14px rgba(0, 0, 0, .4)}html[data-palette=high-contrast]{--bg: #FFFFFF;--surface: #FFFFFF;--surface-2: #F0F0F0;--text: #000000;--text-muted: #1A1A1A;--primary: #0B5FFF;--primary-text: #FFFFFF;--accent: #007A33;--reward: #B36B00;--danger: #B00020;--border: #000000;--timer-wedge: #0B5FFF;--shadow: none}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}html,body,#root{height:100%;margin:0}body{font-family:var(--font-family);font-size:var(--font-base);line-height:1.5;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}h1,h2,h3{line-height:1.2;margin:0 0 var(--space-2)}.row.spread{flex-wrap:wrap}.row.spread>h1{min-width:0;font-size:clamp(1.35rem,5.5vw,2rem)}button{font-family:inherit;font-size:inherit;cursor:pointer}.btn{min-height:var(--tap-min);padding:0 var(--space-3);border-radius:var(--radius);border:2px solid transparent;background:var(--primary);color:var(--primary-text);font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);transition:transform .1s ease,background .15s ease}.btn:active{transform:scale(.97)}.btn-secondary{background:var(--surface);color:var(--text);border-color:var(--border)}.btn-accent{background:var(--accent);color:var(--primary-text)}.btn-block{width:100%}.btn-lg{min-height:64px;font-size:calc(var(--font-base) * 1.1);border-radius:22px}.step-glyph{font-size:clamp(56px,18vmin,104px);line-height:1}.btn:disabled{opacity:.5;cursor:default}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-3)}.input{width:100%;min-height:var(--tap-min);padding:0 var(--space-2);font-size:inherit;font-family:inherit;border:2px solid var(--border);border-radius:14px;background:var(--surface);color:var(--text)}.input:focus{outline:3px solid var(--primary);outline-offset:1px}.field-label{display:block;font-weight:600;margin-bottom:var(--space-1);color:var(--text-muted)}.page{max-width:min(26rem,100%);margin:0 auto;padding:var(--space-3);min-height:100%}@media (min-width: 600px){:root{--tap-min: 48px}.page{max-width:24rem}.btn-lg{min-height:56px}}.stack{display:flex;flex-direction:column;gap:var(--space-2)}.row{display:flex;align-items:center;gap:var(--space-2)}.spread{justify-content:space-between}.muted{color:var(--text-muted)}.center{text-align:center}.error-banner{background:var(--danger);color:#fff;padding:var(--space-2);border-radius:14px;font-weight:600}a{color:var(--primary)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}html[data-animations=off] *{animation-duration:.001ms!important;transition-duration:.001ms!important}html,body,#root{height:auto;min-height:100%}.kid-mode-entry{margin-top:var(--space-3)}.kid-mode-btn{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;font-size:1.25rem;font-weight:800;border-radius:999px;border:3px solid #E8B93C;background:#ffe08a;color:#3a2e05;box-shadow:0 3px #e8b93c}.kid-mode-btn:active{transform:translateY(2px);box-shadow:0 1px #e8b93c}.kid-mode-emoji{font-size:1.9rem;line-height:1}.update-bar{position:fixed;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:9000;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;border-radius:16px;background:var(--surface, #fff);color:var(--text, #1f2937);border:2px solid var(--accent);box-shadow:0 6px 24px #0000002e;max-width:640px;margin:0 auto}.update-overlay{position:fixed;inset:0;z-index:9500;display:flex;align-items:center;justify-content:center;padding:24px;background:#1418208c}.update-card{max-width:420px;width:100%;text-align:center}.kid-connect{border:3px solid #E8B93C}.kid-connect-code{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 14px;border-radius:12px;background:#fff6d6}.kid-connect-code-value{font-size:1.6rem;font-weight:800;letter-spacing:.12em;white-space:nowrap;flex:1 1 auto}.kid-connect-kids{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.update-card a.btn{text-decoration:none}