[hidden]{display:none!important}
.title-screen{position:fixed;inset:0;z-index:10;overflow:auto;display:grid;place-items:center;background:radial-gradient(ellipse at 75% 25%,#f7d6e8,transparent 60%),linear-gradient(120deg,#fcf6e8,#eef5e8);padding:30px}
.title-card{display:grid;grid-template-columns:1fr 1fr;align-items:center;max-width:1060px;width:100%;background:#fffdf5c9;border:1px solid #fff;border-radius:32px;box-shadow:0 20px 80px #ae869323;padding:35px 45px;position:relative}
.title-illustration{width:100%;max-height:560px;object-fit:contain;animation:titleFloat 4s ease-in-out infinite}
.title-copy{padding:20px}.title-copy h1{font-size:clamp(26px,3.5vw,45px);line-height:1.55;color:#895d79;letter-spacing:.05em}.title-copy h1 br{display:block}
.title-copy .eyebrow{color:#8eaba0;letter-spacing:.18em}.title-copy p{color:#a08b92;line-height:1.9;font-size:12px}
.title-menu{display:grid;gap:10px;margin-top:25px;max-width:310px}.title-menu button{padding:14px 20px;background:#fffaf8;border-color:#e5ceda;color:#895d79;font-weight:700}.title-menu button.primary{background:#b182a1;color:white;border-color:#b182a1}
.title-emera{position:absolute;width:100px;right:18px;bottom:12px;transform:rotate(-10deg)}
.loading-screen{position:fixed;inset:0;z-index:30;background:#fff5f4;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#986881}
.loading-screen img,.loading-screen canvas{width:150px;height:150px;object-fit:contain;animation:titleFloat .75s ease-in-out infinite}
.loading-screen strong{font-size:23px;margin:15px}.loading-dots{letter-spacing:15px;color:#c895b4;animation:pulse .7s infinite alternate}
.save-slot{padding:12px 16px;border:1px solid #e8d9df;border-radius:10px;margin:10px 0;background:#fffaf5}.save-slot p{font-size:11px;margin:6px 0;line-height:1.7}
dialog{z-index:40;max-height:90vh;overflow:auto}dialog input{display:block;width:100%;padding:13px;border:1px solid #d9c3cf;border-radius:8px;margin:10px 0 18px;font:inherit;color:#79596c;background:#fff}dialog label{font-size:12px}
.cleaning-card{border:1px solid #e4d9c6;border-radius:10px;background:#f6f4e7;padding:12px;margin:14px 0}.topstats{gap:10px}.topstats button{padding:8px 10px}
@keyframes titleFloat{50%{transform:translateY(-8px)}}@keyframes pulse{to{opacity:.35}}
@media(prefers-reduced-motion:reduce){.title-illustration,.loading-screen img,.loading-dots{animation:none}}
@media(max-width:780px){.title-screen{padding:12px}.title-card{grid-template-columns:1fr;padding:16px}.title-illustration{max-height:230px}.title-copy{padding:0 16px}.title-copy h1{font-size:27px;margin:8px 0}.title-menu{max-width:none}.title-emera{display:none}.topstats{flex-wrap:wrap}.title-copy>p{margin:5px 0}}