.main-menu{z-index:20;box-sizing:border-box;color:#393129;background:linear-gradient(#faecc1e6,#faecc100 34%,#4e3f2608 52%,#f2dca5f2);flex-direction:column;justify-content:space-between;padding:clamp(24px,5vh,64px) 5vw 28px;display:flex;position:fixed;inset:0;overflow:auto}.menu-title{text-align:center;pointer-events:none}.menu-kicker{letter-spacing:.12em;text-transform:uppercase;font-size:12px;font-weight:800}.menu-title h1{letter-spacing:-.065em;color:#fff8e8;-webkit-text-stroke:3px #393129;paint-order:stroke fill;text-shadow:0 7px #393129;margin:4px 0 18px;font-family:ui-rounded,Arial Rounded MT Bold,system-ui,sans-serif;font-size:clamp(56px,9vw,128px);font-weight:1000;line-height:1.15;transform:rotate(-3deg)}.menu-title h1 em{color:#ffc65c;font-style:normal}.title-paw{color:#d87d51;vertical-align:top;margin-left:.15em;font-size:.6em;display:inline-block}.menu-title p{margin:0;font-size:clamp(14px,1.5vw,19px);font-weight:750}.home-bottom{width:min(1100px,100%);margin:clamp(90px,19vh,280px) auto 0}.home-destinations{grid-template-columns:1.3fr 1fr 1fr;align-items:stretch;gap:18px;display:grid}.destination{text-align:left;white-space:normal;color:#393129;background:#fff8e8;border:3px solid #393129;border-radius:22px;align-items:center;gap:12px;padding:16px;transition:transform .15s;display:flex;box-shadow:0 7px #393129}.destination:hover:not(:disabled){background:#fff8e8;transform:translateY(-4px)}.destination strong{color:#ae532d;margin:6px 0;font-family:ui-rounded,system-ui,sans-serif;font-size:24px;font-weight:950;line-height:1.1;display:block}.destination small{text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:800}.destination span span{font-size:12px;line-height:1.3;display:block}.destination-play{outline-offset:3px;outline:4px solid #8fab70}.destination-play strong{color:#537b46;font-size:32px}.destination-art{flex-shrink:0;width:80px}.destination-art img{border-radius:15px;width:100%;display:block}.destination-symbol{color:#be7049;font-size:48px;line-height:1}.destination-family .destination-symbol{color:#5e8996}.home-links{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:28px;display:flex}.home-links button{color:#393129;background:#fff8e8;border:3px solid #393129;border-radius:30px;padding:9px 23px;font-weight:800;box-shadow:0 3px #393129}.home-save{text-align:center;width:100%;font-size:11px;font-weight:650}.game-dialog{color:#393129;box-sizing:border-box;background:#fff8e8;border:3px solid #393129;border-radius:22px;width:min(460px,100vw - 36px);max-height:calc(100dvh - 48px);padding:0;box-shadow:0 8px #393129}.game-dialog::backdrop{background:#2620188c}.game-dialog header{border-bottom:2px solid #e6d7b8;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.game-dialog h2{margin:0;font-size:26px;font-weight:900}.game-dialog header button{color:#393129;border:0;min-width:44px;min-height:44px;font-size:30px;line-height:1}.dialog-content{padding:20px 22px}.game-dialog button,.game-dialog select{color:#393129;border-color:#b9a88b}.game-dialog button:hover{background:#f2dfb5}.game-dialog label,.game-dialog p{color:#695b49}.game-settings fieldset{border:0;min-width:0;margin:0 0 22px;padding:0}.game-settings legend{margin-bottom:10px;font-size:17px;font-weight:850}.game-settings input[type=range]{box-sizing:border-box;accent-color:#bd6b3f;width:100%;min-height:44px;padding:0;display:block}.game-settings label{margin-top:10px;font-size:14px}.setting-check{align-items:center;gap:10px;min-height:36px;display:flex}.setting-check input{accent-color:#bd6b3f;width:20px;height:20px}.game-settings p{font-size:12px}.settings-note{margin-bottom:0}.pause-actions{gap:12px;display:grid}.pause-actions button{border:2px solid #393129;border-radius:12px;padding:13px;font-size:17px;font-weight:800}.pause-actions button:first-child{background:#f4bf58}.how-to-play dt{margin-top:18px;font-weight:850}.how-to-play dd{color:#695b49;margin:5px 0}.how-to-play p{font-size:13px}.game-home .viewport{height:100dvh;inset:0}.game-home canvas{pointer-events:none}@media (width<=700px){.main-menu{padding:30px 22px 20px}.menu-title h1{-webkit-text-stroke:2px #393129;text-shadow:0 5px #393129}.menu-kicker{font-size:9px}.home-bottom{margin-top:120px}.home-destinations{grid-template-columns:1fr 1fr;gap:12px}.destination{border-radius:16px;gap:8px;padding:12px}.destination-play{grid-column:1/-1}.destination strong{font-size:18px}.destination-play strong{font-size:29px}.destination small{font-size:8px}.destination span span{font-size:11px}.destination-symbol{display:none}.destination-art{width:58px}.home-links{margin-top:24px}.home-links button{padding:7px 18px}.menu-title p{font-size:13px}.home-save{font-size:10px}.camera-tools{gap:5px}.camera-tools button{padding:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.destination{transition:none}}.game-playing{--ink:#393129;--muted:#78664e;--panel:#fff8e8;--line:#dfd0b3;--accent:#bd6635;--accent-ink:#fff8e8}.game-playing #panel{-webkit-backdrop-filter:none;border:3px solid #393129;border-radius:20px;box-shadow:0 5px #393129}.game-playing .camera-tools button{color:#393129;background:#fff8e8;border:2px solid #393129;font-weight:750;box-shadow:0 3px #393129}.game-playing .camera-tools button[aria-pressed=true]{background:#f3c363}.load-error{z-index:30}@media (width<=700px){.game-playing #panel{border-radius:20px 20px 0 0}}.menu-title .title-amp{vertical-align:.08em;font-size:.65em}.game-playing .viewport{height:100dvh;inset:0}.game-hud{--ink:#393d32;--muted:#78806b;--panel:#fffdf3;--line:#e2e4d4;--accent:#60825a;--accent-ink:#fffdf3;z-index:10;pointer-events:none;color:var(--ink);position:fixed;inset:0}.game-hud button,.game-hud select{color:var(--ink)}.bottom-dock{bottom:max(22px, env(safe-area-inset-bottom));box-sizing:border-box;pointer-events:auto;background:#fffdf3;border:1px solid #e0e1ce;border-radius:26px;align-items:center;gap:18px;width:min(920px,100% - 40px);padding:12px 16px;display:flex;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #343c3030,0 2px #c9cdbb}.dock-pet{text-align:left;white-space:normal;border:0;flex:1;align-items:center;gap:12px;min-width:180px;padding:0;display:flex}.pet-portrait{filter:drop-shadow(0 2px #9fab8f);flex-shrink:0;width:60px;height:60px}.dock-pet>span:nth-child(2){flex:1;min-width:0}.dock-pet small{color:var(--muted);font-size:10px;display:block}.dock-pet strong{text-overflow:ellipsis;white-space:nowrap;max-width:160px;margin:4px 0 8px;font-size:16px;line-height:1.2;display:block;overflow:hidden}.dock-needs{gap:3px;max-width:155px;display:flex}.dock-needs>span{background:#e9e9dc;border-radius:5px;flex:1;height:5px;overflow:hidden}.dock-needs i{border-radius:5px;height:100%;display:block}.pet-switch-arrow{color:#91a180;font-size:20px}.dock-tools{border-left:1px solid #e0e1ce;border-right:1px solid #e0e1ce;gap:5px;padding:0 16px;display:flex}.dock-tools button{border:0;border-radius:14px;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:0 7px 2px;font-size:10px;font-weight:700;display:flex}.dock-icon{background:#f0efdf;border-radius:14px;place-items:center;width:42px;height:42px;transition:transform .15s,background .15s;display:grid}.dock-icon svg{width:25px;height:25px}.dock-icon-play{color:#be8c45}.dock-icon-care{color:#b97773}.dock-icon-adopt{color:#70885d}.dock-icon-family{color:#7d83a1}.dock-icon-room{color:#5f9296}.dock-tools .active .dock-icon{background:#deebcc;transform:translateY(-3px);box-shadow:inset 0 0 0 2px #99b480}.dock-tools button:hover .dock-icon{background:#e7ebd8}.dock-menu{border:0;flex-direction:column;align-items:center;gap:7px;padding:8px;font-size:10px;font-weight:700;display:flex}.dock-menu svg{width:24px;height:24px}.pet-tool-tray{pointer-events:auto;background:#fffdf3;border:1px solid #e0e1ce;border-radius:24px;flex-direction:column;width:min(690px,100% - 40px);max-height:min(470px,100dvh - 220px);display:flex;position:absolute;bottom:130px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 8px 32px #343c3026}.tray-heading{border-bottom:1px solid #e7e8dc;justify-content:space-between;align-items:center;gap:10px;padding:16px 22px 12px;display:flex}.tray-heading small{letter-spacing:.13em;color:#818b71;font-size:9px;font-weight:750}.tray-heading h2{letter-spacing:-.03em;margin:3px 0 0;font-size:20px;font-weight:750}.tray-heading button{color:#879079;border:0;min-width:44px;min-height:44px;font-size:25px}.pet-tool-tray .panel-content h2{font-family:inherit;font-size:17px;font-weight:650}.tray-save{color:#8b917e;border-top:1px solid #eeefe5;padding:6px 22px 10px;font-size:9px}.pet-tool-tray .toy-box{grid-template-columns:repeat(4,1fr)}.pet-tool-tray .toy-box button{min-width:0}.pet-tool-tray .toy-box small{font-size:10px}.pet-tool-tray .care-actions{grid-template-columns:repeat(4,1fr)}.pet-tool-tray .play-stations{grid-template-columns:repeat(3,1fr)}.pet-tool-tray details{border-color:#e3e6d7}.pet-tool-tray .needs{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.pet-tool-tray .needs label{flex-direction:column;align-items:stretch;gap:4px;display:flex}.pet-tool-tray .needs meter{width:100%}.pet-tool-tray .needs small{display:none}.pet-roster{grid-template-columns:repeat(2,1fr);gap:10px;padding:18px 22px;display:grid;overflow:auto}.pet-roster button{text-align:left;white-space:normal;border-radius:15px;align-items:center;gap:12px;display:flex}.pet-roster button[aria-pressed=true]{background:#e8eedb;border-color:#a5b991}.pet-roster strong{display:block}.pet-roster small{color:#7d866f;font-size:10px;display:block}.roster-adopt{justify-content:center;min-height:70px}@media (width<=700px){.bottom-dock{bottom:max(10px, env(safe-area-inset-bottom));border-radius:22px;grid-template-columns:1fr 40px;gap:8px;width:calc(100% - 20px);padding:10px 12px;display:grid}.dock-pet{grid-column:1;min-width:0}.dock-pet .pet-portrait{width:42px;height:42px}.dock-pet small{font-size:9px}.dock-pet strong{max-width:210px;margin:2px 0 6px;font-size:14px}.dock-needs{max-width:200px}.pet-switch-arrow{display:none}.dock-tools{border:0;border-top:1px solid #e6e8d8;grid-area:2/1/auto/-1;justify-content:space-between;gap:0;padding:6px 0 0}.dock-tools button{flex:1;gap:3px;min-width:0;padding:0;font-size:9px}.dock-icon{border-radius:11px;width:36px;height:34px}.dock-icon svg{width:22px;height:22px}.dock-menu{grid-area:1/2;padding:0}.pet-tool-tray{border-radius:22px;width:calc(100% - 20px);max-height:45dvh;bottom:158px}.tray-heading{padding:10px 16px 8px}.tray-heading h2{font-size:17px}.pet-tool-tray .panel-content{padding:12px 16px}.pet-tool-tray .toy-box{grid-template-columns:repeat(2,1fr)}.pet-tool-tray .care-actions{grid-template-columns:repeat(3,1fr)}.pet-tool-tray .play-stations{grid-template-columns:repeat(2,1fr)}.pet-roster{grid-template-columns:1fr;padding:12px 16px}.pet-tool-tray .needs{gap:6px}.tray-save{padding:5px 16px;font-size:8px}}@media (prefers-reduced-motion:reduce){.dock-icon{transition:none}}.bottom-dock{gap:12px;width:min(670px,100% - 40px);padding:10px 14px}.dock-pet{min-width:170px}.dock-pet strong{margin:0 0 4px;font-size:15px}.dock-pet .dock-mood{color:#81926e;font-size:11px}.dock-tools{gap:9px;padding:0 14px}.dock-tools button{min-width:58px}.dock-icon{background:#edf0df;border-radius:16px;width:46px;height:44px}.pet-tool-tray{border:2px solid #b7c3a2;width:min(580px,100% - 32px);max-height:min(420px,100dvh - 210px);box-shadow:0 5px #9fae8b55,0 15px 40px #343c3020}.tray-heading{border:0;padding:10px 18px}.tray-heading h2{font-size:22px;font-weight:850}.tray-pet-name{display:none}.pet-tool-tray .panel-content{padding:0 18px 16px}.play-pages{border-bottom:2px solid #edf0e3;gap:4px;margin-bottom:16px;padding-bottom:8px;display:flex}.play-pages button{border:0;border-radius:10px;flex:1;padding:9px 4px;font-size:12px;font-weight:750}.play-pages button[aria-pressed=true]{color:#405b31;background:#dce8c7}.pet-tool-tray .toy-box{grid-template-columns:repeat(4,1fr);gap:12px}.pet-tool-tray .toy-box button{background:#f5f4e6;border:2px solid #e1e5d2;border-radius:18px;gap:10px;padding:14px 7px 10px;box-shadow:0 3px #d7ddc6}.pet-tool-tray .toy-box button:hover{background:#ebf0da;border-color:#aebe98;transform:translateY(-2px)}.pet-tool-tray .toy-box svg{width:64px;height:64px}.pet-tool-tray .toy-box strong{font-size:11px}.play-tools{justify-content:center;gap:20px;margin-top:16px}.play-tools button{border:0;align-items:center;gap:5px;font-size:12px;display:flex}.play-tools .action-illustration{width:25px;height:25px}.action-illustration{color:#ac8352;width:48px;height:48px}.pet-tool-tray .visual-care{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.visual-care button{background:#f2f0df;border:0;border-radius:17px;flex-direction:column;align-items:center;gap:10px;padding:14px 4px;font-size:11px;font-weight:700;display:flex}.visual-care button:nth-child(2) svg{color:#b97e7b}.visual-care button:nth-child(3) svg{color:#729486}.visual-care button:nth-child(4) svg{color:#9890ab}.visual-care button:hover{background:#e4ecd2}.needs-details{margin-top:18px;font-size:11px}.training-view .row{gap:12px;display:flex}.training-view .row button{background:#f3f1e4;border:0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:12px;display:flex}.training-view .traits{display:none}.friend-picker{gap:12px;margin:0 0 16px;padding:4px;display:flex;overflow:auto}.friend-picker button{border:2px solid #0000;border-radius:16px;flex-direction:column;align-items:center;gap:5px;padding:8px;font-size:11px;display:flex}.friend-picker button[aria-pressed=true]{background:#e6edda;border-color:#aabe96}.friend-games button{min-height:48px}.friend-view>.hint{font-size:11px}.wardrobe-slots{flex-wrap:wrap;gap:10px;display:flex}.clothing-group{gap:8px;display:flex}.clothing-group button{background:#f3f1e4;border:2px solid #0000;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:8px;font-size:10px;display:flex}.clothing-group button[aria-pressed=true]{background:#e5edd6;border-color:#99ae7f}.clothing-group .action-illustration{width:44px;height:44px}.wardrobe .outfit-colors{margin-top:16px}.wardrobe .quiet-button{font-size:11px}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}@media (width<=700px){.bottom-dock{grid-template-columns:1fr auto;gap:5px;width:calc(100% - 20px);padding:9px 12px}.dock-pet{min-width:0}.dock-tools{justify-content:space-evenly;gap:8px;padding-top:7px}.dock-tools button{flex:0;min-width:62px}.dock-icon{width:50px;height:36px}.dock-menu{grid-column:2}.dock-pet .dock-mood{font-size:10px}.pet-tool-tray{width:calc(100% - 24px);max-height:40dvh;bottom:151px}.tray-heading{padding:8px 14px}.tray-heading h2{font-size:19px}.pet-tool-tray .panel-content{padding:0 14px 14px}.play-pages{margin-bottom:12px;padding-bottom:6px}.play-pages button{font-size:11px}.pet-tool-tray .toy-box{grid-template-columns:repeat(4,1fr);gap:7px}.pet-tool-tray .toy-box svg{width:42px;height:42px}.pet-tool-tray .toy-box button{border-radius:13px;gap:5px;padding:12px 3px 9px}.pet-tool-tray .toy-box strong{font-size:9px}.play-tools{margin-top:10px}.pet-tool-tray .visual-care{grid-template-columns:repeat(5,1fr);gap:5px}.visual-care .action-illustration{width:34px;height:34px}.visual-care button{gap:7px;padding:12px 2px;font-size:9px}.clothing-group .action-illustration{width:34px;height:34px}.wardrobe-slots{gap:5px}.clothing-group{gap:4px}.clothing-group button{padding:6px 3px;font-size:9px}.wardrobe .outfit-colors button{width:36px;min-width:32px;height:36px;min-height:36px}.pet-tool-tray .needs{grid-template-columns:repeat(5,1fr)}}.place-cards{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.place-cards button{white-space:normal;background:#f2f1e3;border:2px solid #0000;border-radius:16px;padding:8px}.place-cards button[aria-pressed=true]{background:#e6edd7;border-color:#99ae7f}.place-cards svg{width:100%;margin-bottom:8px;display:block}.place-cards strong{font-size:12px}.room-more>button{margin:0 8px 12px 0}.room-more details{margin:10px 0}.room-more p{font-size:12px}@media (width<=700px){.place-cards{gap:7px}.place-cards strong{font-size:10px}.place-cards button{padding:5px}}