:root{--bg-mint: #e8f5e9;--primary-green: #4caf50;--secondary-bamboo: #81c784;--accent-pink: #fce4ec;--accent-yellow: #fff9c4;--text-dark: #2e7d32;--glass-bg: rgba(255, 255, 255, .7);--glass-border: rgba(255, 255, 255, .3);--shadow: 0 8px 32px 0 rgba(31, 38, 135, .15);font-family:Outfit,Inter,system-ui,sans-serif}body{margin:0;padding:0;background-color:var(--bg-mint);color:var(--text-dark);min-height:100vh}.env-playroom{background-image:var(--bg-playroom, url(/assets/images/environment/plush_playroom.webp));background-size:cover;background-attachment:fixed;background-position:center}.env-nature{background-image:var(--bg-nature, url(/assets/images/environment/plush_nature.webp));background-size:cover;background-attachment:fixed;background-position:center}.env-classroom{background-image:var(--bg-classroom, url(/assets/images/environment/plush_classroom.webp));background-size:cover;background-attachment:fixed;background-position:center}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:24px;border:1px solid var(--glass-border);box-shadow:var(--shadow);padding:20px}.intro-text,.module-intro,.phase-intro{color:var(--text-dark);font-size:.95rem;line-height:1.6;margin:0 0 20px;padding:12px 16px;border-left:4px solid var(--primary-green);background:var(--glass-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:0 12px 12px 0;max-width:600px;text-align:left;box-shadow:0 4px 12px #0000000d}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.floating{animation:float 3s ease-in-out infinite}html:has(.split-layout),body:has(.split-layout){overflow:hidden;height:100vh}:root{--plush-cream: #FFF8EE;--plush-warm-white: #FFFDF7;--plush-caramel: #E8A86A;--plush-caramel-dark:#C4854A;--plush-rose: #F4A4A4;--plush-rose-text: #8B3A3A;--plush-sage: #9DC4A0;--plush-sky: #A4C8E8;--plush-mint: #A4D4C8;--plush-lavender: #C4A8E8;--plush-shadow: rgba(100, 70, 40, .2);--plush-stitch: #C8A87A;--radius-card: 20px;--radius-btn: 14px;--radius-btn-sm: 10px;--shadow-plush-card: 0 2px 0 rgba(0,0,0,.15), 0 6px 16px rgba(0,0,0,.18), 0 12px 32px rgba(0,0,0,.1), inset 0 1px 0 rgba(255,255,255,.4);--shadow-plush-btn: 0 3px 0 rgba(100,70,40,.25), 0 5px 12px rgba(0,0,0,.15), inset 0 1px 0 rgba(255,255,255,.5);--shadow-plush-btn-pressed: 0 1px 0 rgba(100,70,40,.2), inset 0 2px 4px rgba(0,0,0,.15);--font-display: "Nunito", sans-serif;--font-body: "Noto Sans SC", sans-serif;--font-number: "Fredoka One", cursive;--text-l1: 18px;--text-l2: 15px;--text-l3: 12px}.plush-card{background:var(--plush-card-tint, rgba(255, 252, 245, .58));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-card);box-shadow:var(--shadow-plush-card);padding:16px 18px 20px;border:1px solid rgba(255,255,255,.45)}.plush-btn{font-family:var(--font-display);font-weight:700;border:none;border-radius:var(--radius-btn);box-shadow:var(--shadow-plush-btn);transition:transform 80ms ease,box-shadow 80ms ease;cursor:pointer;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:6px}.plush-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,255,255,.28) 0%,transparent 60%);border-radius:inherit;pointer-events:none}.plush-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px #64462840,0 8px 18px #0000002e,inset 0 1px #ffffff80}.plush-btn:active:not(:disabled){transform:translateY(2px);box-shadow:var(--shadow-plush-btn-pressed)}.plush-btn:disabled{opacity:.5;pointer-events:none}.plush-btn-primary{background:var(--plush-caramel);color:#fff;font-size:var(--text-l1);min-height:52px;width:100%;text-shadow:0 1px 2px rgba(0,0,0,.2)}.plush-btn-secondary{background:#f4a4a48c;color:var(--plush-rose-text);font-size:var(--text-l2);min-height:40px;width:100%;margin-top:10px}.plush-btn-restart-icon{width:36px;background:#f4a4a4a6;color:var(--plush-rose-text);font-size:var(--text-l1);border-radius:var(--radius-btn-sm);flex-shrink:0;box-shadow:var(--shadow-plush-btn)}.pet-v2-vivid{filter:contrast(1.15) saturate(1.2) hue-rotate(-15deg) drop-shadow(0 0 1px rgba(60,30,10,.7)) drop-shadow(0 0 3px rgba(60,30,10,.35)) drop-shadow(0 12px 20px rgba(100,70,40,.35))!important}
