.cpr-overlay{position:absolute;inset:0;background:#000000d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:10}.cpr-title{color:#fff;font-size:1.8rem;font-family:sans-serif;letter-spacing:.05em;margin:0}.cpr-hint{color:#fff9;font-family:sans-serif;font-size:.95rem;margin:0}.cpr-count{color:#ffffffb3;font-family:sans-serif;font-size:.9rem;margin:0}.cpr-heart{font-size:6rem;line-height:1;transition:none;pointer-events:none}.cpr-feedback{font-size:1.4rem;font-family:sans-serif;font-weight:700;height:2rem;display:flex;align-items:center;transition:color .1s}.cpr-bar{width:280px;height:12px;background:#ffffff26;border-radius:6px;overflow:hidden}.cpr-bar-fill{height:100%;background:linear-gradient(90deg,#e04080,#ff8040);border-radius:6px;transition:width .2s ease}.creature-scene{width:100vw;height:100vh;position:relative;overflow:hidden}.creature-overlay{position:absolute;inset:0;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.creature-overlay button,.creature-overlay .creature-stats{pointer-events:all}.top-bar{display:flex;justify-content:space-between;align-items:flex-start}.btn-back{background:#00000073;color:#fff;border:none;border-radius:8px;padding:.5rem 1rem;font-size:.9rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s}.btn-back:hover{background:#000000a6}.btn-debug{background:#0000004d;color:#fff;border:none;border-radius:8px;padding:.4rem .6rem;font-size:1rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.5;transition:opacity .2s}.btn-debug:hover{opacity:1}.action-buttons{display:flex;gap:1rem;justify-content:center}.btn-action{color:#fff;border:none;border-radius:16px;padding:.7rem 1.6rem;font-size:1rem;font-family:sans-serif;font-weight:700;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .15s,filter .2s;letter-spacing:.02em}.btn-action:hover{transform:translateY(-3px);filter:brightness(1.15)}.btn-action:active{transform:translateY(0)}.btn-action.caresser{background:#dc3c78bf}.btn-action.nourrir{background:#c85a14bf}.btn-action.cooldown,.btn-action:disabled{opacity:.45;cursor:not-allowed;transform:none;filter:none}.btn-reset-hidden{position:fixed;bottom:0;right:0;width:24px;height:24px;background:transparent;border:none;cursor:default;pointer-events:all}.creature-stats{background:#0006;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;padding:1rem 1.4rem;color:#fff;max-width:280px;align-self:flex-start}.creature-stats h2{font-size:1.1rem;margin-bottom:.6rem;font-family:sans-serif}.creature-type{font-size:.8rem;background:#fff3;border-radius:4px;padding:.1rem .4rem;margin-left:.4rem}.stat-bar-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem;font-size:.85rem;font-family:sans-serif}.stat-bar-row>span:first-child{width:20px}.stat-bar-row>span:last-child{width:60px;text-align:right}.stat-bar{flex:1;height:8px;background:#fff3;border-radius:4px;overflow:hidden}.stat-bar-fill{height:100%;border-radius:4px;transition:width .4s ease}.stat-bar-fill.hp{background:linear-gradient(90deg,#ff4040,#ff8040)}.stat-bar-fill.happiness{background:linear-gradient(90deg,#ff80a0,#ffb030)}.stat-bar-fill.hunger{background:linear-gradient(90deg,#c04010,#f08030)}.stat-bar-fill.xp{background:linear-gradient(90deg,#6040e0,#a060ff)}.emotion-buttons{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.btn-emotion{background:#00000073;color:#fff;border:2px solid transparent;border-radius:20px;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s,transform .15s}.btn-emotion:hover{background:#000000a6;transform:translateY(-2px)}.btn-emotion.active{border-color:var(--accent);background:#000000b3;box-shadow:0 0 8px var(--accent)}*{margin:0;padding:0;box-sizing:border-box}body{overflow:hidden}.home-scene{width:100vw;height:100vh;position:relative}@keyframes hint-pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.home-hint{position:absolute;bottom:2rem;width:100%;text-align:center;color:#fff;font-size:1rem;font-family:sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.5);pointer-events:none;animation:hint-pulse 3s ease-in-out infinite}