:root{--ink:#2b251d;--paper:#f4f0e6;--pink:#e8b5c3;--green:#dce86a;--hand:'Chalkboard SE','Comic Sans MS',cursive}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.5 -apple-system,BlinkMacSystemFont,sans-serif}button,input,select{font:inherit;color:inherit}button,a,label.file-button{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px dashed #8b773b;outline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid #d6c6aa;font-size:12px}header img{width:70px}main{max-width:1260px;margin:auto;padding:24px 30px}.home-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}h1,h2{font-family:var(--hand);line-height:1.2}h1{font-size:34px;margin:6px 0 22px}h2{font-size:28px;margin:8px 0 18px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#87745d}button,.file-button{border:1.5px solid #b8a180;border-radius:9px 13px 10px 8px;background:#fff9e9;padding:10px 15px}button:hover,.file-button:hover{background:#f6edcb}button:disabled{opacity:.5;cursor:default}.primary{background:var(--green)}.home-tabs{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap}.home-tabs [aria-pressed=true]{background:var(--pink);border-color:#7e5e52}.home-tabs span{font-size:11px;border-radius:50%;background:#fff8dd;padding:2px 6px;margin-left:4px}.room-canvas{position:relative;width:100%;aspect-ratio:1.5;overflow:hidden;border:2px solid #8c6c43;border-radius:12px 15px 10px 16px;isolation:isolate;background:#ffeec4}.room-backdrop{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.room-invitation{position:absolute;left:32%;top:20%;width:50%;text-align:center;color:#987d53;font:clamp(12px,1.9vw,23px)/1.5 var(--hand);pointer-events:none}.room-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:14px}.care-actions{display:flex;gap:8px;flex-wrap:wrap}#gugu-status{font:17px var(--hand);text-align:right;max-width:500px}.save-note,.collection-note{font-size:11px;color:#88775f}.save-note{text-align:center;margin:25px 0 10px}.gugu-pet{position:absolute;left:50%;top:78%;width:12%;aspect-ratio:1;border:0;padding:0;background:transparent!important;transform:translate(-50%,-50%);transition:left 1.15s ease-in-out,top 1.15s ease-in-out;z-index:6;overflow:visible}.gugu-pet>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:3px solid #493728;border-radius:43% 48% 40% 46%;background:#fff3d1;filter:drop-shadow(0 5px 0 #6d4b2525)}.gugu-pet.walking>img{animation:pet-walk .2s ease-in-out infinite alternate}.gugu-pet.happy>img{animation:pet-bounce .4s ease-in-out 2}.gugu-pet.admiring>img{transform:rotate(-8deg) translateY(-4%)}.pet-bubble{position:absolute;right:-25%;top:-40%;background:#fff8dc;border:1.5px solid #7c6245;border-radius:46% 50% 42% 48%;min-width:45%;padding:4px;font-size:clamp(13px,2vw,25px);z-index:1}.gugu-pet.resting .pet-bubble{font-size:14px}.gugu-pet.resting>img{transform:rotate(-13deg) scale(.85)}.wall-art{position:absolute;width:15%;aspect-ratio:1;border:clamp(3px,.65vw,9px) solid #b9803e;border-radius:6px 9px 5px 7px;padding:4px;background:#fff2d6;box-shadow:3px 4px 0 #543a241e;transform:translate(-50%,-50%);z-index:3;overflow:hidden}.wall-art img{width:100%;height:100%;object-fit:contain;pointer-events:none}.wall-art.frame-pink{border-color:#df929c}.wall-art.frame-green{border-color:#9eac50}.wall-art .badge{position:absolute;bottom:0;left:0;right:0;font-size:clamp(6px,.75vw,10px);background:#fff7dcdd;padding:1px;pointer-events:none}.decor-item{position:absolute;transform:translate(-50%,-50%);width:16%;aspect-ratio:1;background:none!important;border:0;padding:0;z-index:4;touch-action:none}.decor-item img{width:100%;height:100%;object-fit:contain;pointer-events:none}.decor-item.rug{width:31%;z-index:1}.decor-item.selected{filter:drop-shadow(0 0 4px #fff)}.edit-mode :is(.wall-art,.decor-item){outline:2px dashed #8b784b;outline-offset:3px;cursor:grab;touch-action:none}.edit-mode .gugu-pet{pointer-events:none}.toy-ball{position:absolute;width:5%;aspect-ratio:1;border-radius:50%;padding:0;border:2px solid #6d5435;background:#e8b5c3;transform:translate(-50%,-50%);z-index:5;pointer-events:none}.collection-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}.collection-heading h2{margin:12px 0}#collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px;margin:20px 0}.collect-card{text-align:left;background:#fff9e9;border-radius:7px 12px 9px 5px;padding:12px;box-shadow:3px 4px 0 #8c6d3220}.collect-card>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;background:#fff5dc;border-radius:5px;margin-bottom:10px}.collect-card strong{display:block;font:18px var(--hand)}.badge{display:inline-block;font-size:9px;padding:3px 7px;border:1px dashed #a98a5b;border-radius:5px;margin-top:7px;color:#7b6244}.collection-empty{padding:35px;border:1px dashed #bea67e;border-radius:15px;background:#fff8e9;grid-column:1/-1}.collection-empty a{display:inline-block;padding:12px;background:var(--green);border-radius:8px;margin-top:10px}dialog{border:2px solid #8b6b44;border-radius:16px 20px 14px 19px;background:#fff9e9;padding:30px;width:min(520px,94vw);max-height:90dvh;overflow:auto;color:var(--ink)}dialog::backdrop{background:#241c1455;backdrop-filter:blur(4px)}.close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:25px;padding:2px 8px}form{display:grid;gap:13px}form>label:not(.photo-choice){display:flex;flex-direction:column;gap:5px;font-size:12px}input,select{border:1px solid #c7ad87;border-radius:7px;padding:10px;background:#fffcf2;width:100%}.optional{font-size:10px;color:#a08c71}.photo-choice{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;border:2px dashed #bb9c70;border-radius:11px;min-height:115px;padding:15px;cursor:pointer;background:#f4edcf}.photo-choice img{width:95px;height:100px;object-fit:cover;border-radius:7px;border:2px solid #937141}.photo-choice input{position:absolute;inset:0;opacity:0;cursor:pointer}.form-note{font-size:11px;color:#8d795c;margin:0}#identity-error{color:#a44235;font-size:12px;margin:0}.file-button{font-size:12px;cursor:pointer;white-space:nowrap}#art-preview{height:280px;background:#f4edcf;border:2px solid #a7814d;padding:14px;border-radius:10px}#art-preview img{width:100%;height:100%;object-fit:contain}.art-actions{display:flex;flex-wrap:wrap;gap:9px;margin:18px 0}#decor-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}#decor-options button{padding:10px}#decor-options img{width:100%;aspect-ratio:1;object-fit:contain;display:block}.room-toolbar.editing{background:#ffedb4;border-radius:10px;padding:10px}#art-message{font-size:12px}#identity-dialog{background:linear-gradient(115deg,#fff8e8,#f8edc8)}
@keyframes pet-walk{from{rotate:-4deg;translate:0 -2px}to{rotate:4deg;translate:0 1px}}@keyframes pet-bounce{50%{translate:0 -12px}}@media(max-width:650px){header{padding:13px 18px}header img{width:55px}main{padding:20px 14px}.home-heading{align-items:start}h1{font-size:26px}.eyebrow{font-size:8px}.home-heading button{font-size:11px;padding:8px}.home-tabs{gap:6px}.home-tabs button{padding:8px 10px;font-size:11px}.room-toolbar{flex-direction:column;gap:3px;align-items:stretch}#gugu-status{text-align:left;font-size:15px}.care-actions button{font-size:12px}.gugu-pet{width:16%}.room-canvas{border-width:1px;border-radius:8px}.room-invitation{font-size:12px}.collection-heading{align-items:start;flex-direction:column}#collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.collect-card strong{font-size:16px}dialog{padding:25px 20px}#art-preview{height:230px}.wall-art{width:18%}}@media(prefers-reduced-motion:reduce){.gugu-pet{transition:none}.gugu-pet.walking>img,.gugu-pet.happy>img{animation:none}}
header{padding-top:12px;padding-bottom:12px}header img{width:55px}.home-heading h1{margin-bottom:14px}.room-canvas{width:min(100%,calc(max(330px,100dvh - 310px) * 1.5));margin-inline:auto}.room-invitation{display:none}.room-toolbar{max-width:1000px;margin-inline:auto}@media(max-width:650px){.room-canvas{width:100%}.home-heading h1{font-size:24px}.room-toolbar{margin-top:12px}}
.identity-pass{padding:18px;border:2px solid #8e703f;border-radius:10px 17px 13px 8px;background:repeating-linear-gradient(120deg,#fff4cc11 0 3px,#ad834810 3px 4px),#fff1c9;box-shadow:4px 5px 0 #8b6b2520;margin:20px 0}.identity-pass-top{font:12px var(--hand);display:flex;justify-content:space-between;align-items:center;border-bottom:2px dashed #c6a66c;padding-bottom:10px;letter-spacing:1px}.identity-pass-top span{font-size:28px;color:#b14b5f}.identity-pass-content{display:grid;grid-template-columns:38% 1fr;gap:22px;align-items:center;padding:18px 0}.identity-pass-content>img{width:100%;aspect-ratio:3/4;object-fit:cover;border:3px solid #9c7a4a;border-radius:7px 10px 6px 8px;background:#fff7da}.identity-pass dl{margin:0}.identity-pass dt{font-size:8px;letter-spacing:1.6px;color:#8d7048;margin-top:10px}.identity-pass dd{font:18px var(--hand);margin:3px 0}.identity-pass dd#card-name{font-size:26px}.identity-pass-bottom{display:flex;justify-content:space-between;align-items:center;border-top:2px dashed #c6a66c;padding-top:12px;font:12px var(--hand);color:#8b6c43}.identity-pass-bottom b{font-size:25px}#edit-identity{width:100%}@media(max-width:450px){.identity-pass{padding:12px}.identity-pass-content{gap:12px}.identity-pass dd{font-size:16px}.identity-pass dd#card-name{font-size:23px}}
.gugu-header-actions{display:flex;align-items:center;gap:15px;position:relative}.gugu-header-actions button{font-size:11px;padding:7px 10px}#account-menu{position:absolute;right:0;top:42px;z-index:12;background:#fff8e9;border:1px solid #b3996d;border-radius:10px;padding:12px;max-width:280px}#account-email{display:block;font-size:10px;overflow-wrap:anywhere}.first-steps{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;background:#fff5db;border:1px dashed #bc9d66;border-radius:10px}.first-steps>span{font:14px var(--hand);margin-right:8px}.first-steps button{font-size:11px;padding:7px 10px}.first-steps button.done{background:#e8edb0;color:#827246}#avatar-setup{display:flex;gap:12px;flex-wrap:wrap;align-items:center;border:1px dashed #ba9c65;background:#fff6df;padding:13px 17px;margin-bottom:16px;border-radius:10px}#avatar-setup>div{flex:1;min-width:220px}#avatar-setup strong{font:19px var(--hand)}#avatar-setup p{font-size:11px;margin:4px 0;color:#806c4c}#avatar-setup>small{display:block;flex-basis:100%;font-size:10px;color:#937957}#avatar-status{flex-basis:100%}#avatar-status:empty{display:none}#create-avatar{font-size:12px}.gugu-avatar-sprite{display:block;position:absolute;inset:-12%;width:124%;height:124%;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 4px 2px #6d49252a);pointer-events:none}.gugu-pet[data-facing=front] .gugu-avatar-sprite{background-position-x:0}.gugu-pet[data-facing=back] .gugu-avatar-sprite{background-position-x:33.333333%}.gugu-pet[data-facing=left] .gugu-avatar-sprite{background-position-x:66.666667%}.gugu-pet[data-facing=right] .gugu-avatar-sprite{background-position-x:100%}.gugu-pet.walking .gugu-avatar-sprite{animation:gugu-sprite-step .4s steps(1) infinite}.gugu-pet.happy .gugu-avatar-sprite{animation:pet-bounce .4s ease-in-out 2}.gugu-pet.admiring .gugu-avatar-sprite{translate:0 -3%}.gugu-pet.resting .gugu-avatar-sprite{rotate:-10deg;scale:.85}.direction-pad{display:flex;gap:5px}.direction-pad button{width:38px;height:38px;padding:0;background:#f4ebc9;font-size:18px}.room-toolbar{flex-wrap:wrap}#auth-dialog label{display:flex;flex-direction:column;gap:5px;font-size:12px}#auth-dialog button{font-size:12px}#auth-dialog .auth-close{position:absolute;right:10px;top:10px;padding:3px 8px;font-size:23px;border:0;background:none}#auth-dialog .auth-modes{display:flex;gap:8px}#auth-dialog .auth-divider{font-size:10px;color:#9b855f}#auth-dialog p{font-size:12px}#auth-status{color:#9c513e}#auth-google,#auth-submit{background:#dce86a}.identity-pass-content .avatar-id-image{object-fit:contain}@keyframes gugu-sprite-step{0%,100%{background-position-y:0}50%{background-position-y:100%}}@media(max-width:650px){#avatar-setup{padding:12px}.first-steps>span{flex-basis:100%}.first-steps{gap:5px}.gugu-header-actions{gap:8px}.direction-pad button{width:42px;height:42px}.room-toolbar #gugu-status{flex-basis:100%}}@media(prefers-reduced-motion:reduce){.gugu-pet.walking .gugu-avatar-sprite,.gugu-pet.happy .gugu-avatar-sprite{animation:none}}
.wall-art{width:calc(15% * var(--item-scale,1))}.decor-item{width:calc(16% * var(--item-scale,1))}.decor-item.rug{width:calc(31% * var(--item-scale,1))}.object-tools{display:flex;gap:6px}.object-tools button{padding:8px 11px;font-size:11px}.collection-filters{display:flex;margin-top:16px}.collection-filters label{display:flex;gap:10px;align-items:center;font-size:12px}.collection-filters select{width:auto;font-size:12px;padding:8px}.room-toolbar .direction-pad{flex-basis:auto}@media(max-width:650px){.wall-art{width:calc(18% * var(--item-scale,1))}.object-tools{flex-wrap:wrap}.room-toolbar .direction-pad{flex-basis:100%}}
.avatar-review{text-align:center}.avatar-review p{font-size:12px;color:#8d7653}.avatar-review-sprite{width:220px;height:220px;margin:15px auto;background-repeat:no-repeat;background-size:400% 200%;background-position:0 0;filter:drop-shadow(0 4px 2px #79572a20)}.avatar-review-sprite{animation:gugu-sprite-step .4s steps(1) infinite}@media(prefers-reduced-motion:reduce){.avatar-review-sprite{animation:none}}.avatar-review-views,.avatar-review-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:14px 0}.avatar-review-views button{font-size:11px;padding:8px 12px}.avatar-review-actions button{font-size:12px}
#avatar-setup.avatar-ready{padding:8px 14px;margin-bottom:10px}#avatar-setup.avatar-ready strong{font-size:15px}#avatar-setup.avatar-ready>small{display:none}#avatar-setup.avatar-ready #load-gugu-fixture{padding:6px 10px;font-size:10px}