@font-face{font-family:Cozy;src:url('/assets/cozy.woff2') format('woff2');font-display:swap;font-weight:100 900}*{box-sizing:border-box} :root{--cream:#fff1d8;--paper:#fff8e9;--ink:#55351f;--sage:#536b40;--gold:#d3a15f;--line:#caaa7e;--round:'Cozy','Trebuchet MS',sans-serif}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--cream);color:var(--ink);font-family:var(--round)}button,input,select{font:inherit}button{cursor:pointer;border:0;color:inherit;touch-action:manipulation}button:active{transform:translateY(2px)}button:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible{outline:3px solid #649cb9;outline-offset:3px}button:disabled{opacity:.5;cursor:default}h1,h2,h3,p{margin:0}h2{font-size:22px}h3{font-size:22px;margin:12px 0}button,input{min-height:44px}.hidden{display:none!important}#app,.screen{height:100%;height:100dvh;width:100%}.screen{position:relative}.home{background:#ddbc86 url('/assets/entrada.webp') center/cover no-repeat;isolation:isolate}.home-shade{position:absolute;inset:0;background:linear-gradient(0deg,#46281670,transparent 38%);z-index:-1}.home-top{display:flex;justify-content:space-between;align-items:center;padding:24px 38px}.small-brand{background:#fff2d9e8;border:1px solid #c6a073;padding:10px 20px;border-radius:40px;font-size:15px;box-shadow:0 3px 12px #4b2b1730}.round{width:46px;height:46px;flex-shrink:0;background:#f9e6c3;border:1px solid #bea077;border-radius:50%;font-size:25px;display:inline-grid;place-items:center;box-shadow:0 2px 0 #966f4140}.cream{background:var(--cream)}.welcome-card{position:absolute;right:8%;top:50%;transform:translateY(-48%);width:365px;padding:30px 38px 23px;text-align:center;background:linear-gradient(125deg,#fff8e9,#ffe5b7);border:3px solid #d5a469;outline:1px solid #663e24;outline-offset:5px;border-radius:90px 90px 26px 26px;box-shadow:0 16px 40px #45271770,inset 0 0 0 6px #fff1d5}.roof-heart{color:#d46c57;font-size:24px;margin-bottom:4px}.eyebrow{font-size:11px;letter-spacing:3px;color:#8b6848;font-weight:800}.logo{display:flex;flex-direction:column;font-size:83px;line-height:.9;letter-spacing:-5px;padding:15px 0 20px;font-weight:900;text-shadow:1px 3px #d6b485}.logo>span:first-child{transform:rotate(-3deg);color:#522b16}.logo>span:last-child{transform:rotate(2deg);color:#4a5c35}.logo small{font-size:25px;letter-spacing:0;display:inline-block;transform:rotate(-22deg);margin-left:5px;vertical-align:top}.leaf-line{display:flex;gap:8px;align-items:center;justify-content:center;color:#697d48;font-size:26px}.leaf-line span{font-size:12px;letter-spacing:.2px;color:#785837;white-space:nowrap}.welcome-copy{font-size:17px;line-height:1.5;margin:15px 0 22px;color:#795334}.primary{background:linear-gradient(#70884f,#53683a);border:2px solid #40562f;box-shadow:inset 0 0 0 3px #c5b271,0 4px 0 #634a2a40;border-radius:50px;color:#fff9e8;font-weight:800;min-height:52px;padding:12px 25px}.play{display:flex;align-items:center;justify-content:space-between;width:100%;font-size:25px}.account-link{background:none;margin-top:12px;font-weight:700;font-size:15px;min-height:38px}.guest-note{font-size:11px;color:#8b6e50}.home-bottom{position:absolute;bottom:30px;left:38px;right:38px;display:flex;gap:16px;justify-content:center}.home-bottom>div{font-size:24px;background:#fff0d8ed;box-shadow:0 3px 0 #5b371c40;border:2px solid #d0a46a;border-radius:18px;padding:13px 26px;display:flex;align-items:center;gap:12px}.home-bottom span{font-size:14px;font-weight:700}.house-bar{height:88px;display:flex;align-items:center;justify-content:space-between;padding:12px 25px;background:var(--cream);border-bottom:3px solid #cdab7c;gap:15px;position:relative;z-index:5}.mini-logo{background:none;font-size:25px;font-weight:900;line-height:.95;transform:rotate(-2deg);text-align:left;min-width:110px}.mini-logo b{display:block;color:var(--sage)}.mini-logo span{font-size:15px;float:right}.house-title span{font-size:12px;color:#957754}.bar-actions{display:flex;align-items:center;gap:10px}.bones{border:1px solid #cdae77;background:#ffebba;border-radius:30px;padding:8px 16px;font-weight:800;white-space:nowrap}.bar-actions .round{width:42px;height:42px;font-size:22px}#room-viewport{height:calc(100% - 153px);overflow-x:auto;overflow-y:hidden;cursor:grab;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-x}#room-viewport::-webkit-scrollbar{display:none}#room-world{width:max(100%,1300px);height:100%;min-height:420px;position:relative;background-color:#ddc3a5;background-size:100% 100%;background-repeat:no-repeat}.art-frame{position:absolute;width:142px;height:142px;border:11px solid #b17b41;background:#fff2d7;box-shadow:0 4px 0 #795735,0 10px 18px #3022144d,inset 0 0 0 3px #f0ce85;border-radius:5px;display:flex;align-items:center;justify-content:center;overflow:visible;padding:0}.art-frame::before{content:'';position:absolute;width:36px;height:25px;border:2px solid #795735;border-bottom:0;transform:rotate(-45deg);top:-36px;left:42px;z-index:-1}.art-frame canvas{width:100%;height:100%;image-rendering:pixelated}.frame-label{position:absolute;left:-17px;right:-17px;bottom:-33px;font-size:11px;background:#fff3dce8;border-radius:12px;min-height:24px;padding:4px 3px;color:#603f2c;white-space:nowrap}.art-frame .frame-plus{position:absolute;font-size:22px;background:#fff1d6e8;border:1px solid #b4915f;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;color:#6b6e44}.art-frame .frame-complete{position:absolute;bottom:-10px;right:-14px;background:#67804a;color:#fff6df;border-radius:50%;width:26px;height:26px;display:grid;place-items:center;font-size:14px}.art-frame.active-frame{animation:invite 2s infinite}.frame-nogueira{border-color:#583825;box-shadow:0 4px 0 #2c231e,0 10px 18px #3022144d,inset 0 0 0 3px #b49b70}.frame-vintage{border-color:#faf0dc;box-shadow:0 4px 0 #baa685,0 10px 18px #3022144d}.frame-dourada{border-color:#d3a545;border-radius:12px;box-shadow:0 4px 0 #846424,0 10px 18px #3022144d,inset 0 0 0 3px #ffe6a8}.frame-preta{border-color:#302d28}.frame-pastel{border-color:#cca0a4;border-radius:12px}#room-door{position:absolute;right:30px;bottom:25px;border:2px solid #b78952;background:#fff2d9e8;border-radius:20px;padding:8px 16px;font-weight:700}.house-footer{height:65px;display:flex;align-items:center;gap:14px;padding:8px 25px;background:var(--cream);border-top:2px solid #bfa077;position:relative;z-index:5}#room-hint{flex:1;font-size:13px;text-align:center}.house-footer .round{width:38px;height:38px;min-height:38px;font-size:26px}.sync-pill{background:#e1e6cf;border:1px solid #9fa47a;padding:8px 15px;border-radius:25px;font-size:12px;min-height:36px}#mascot{position:absolute;bottom:12%;left:42%;width:155px;height:100px;pointer-events:none;animation:wander 24s ease-in-out infinite;filter:drop-shadow(0 7px 3px #4b352333)}#mascot svg{width:100%;height:100%}.tail{transform-origin:19px 54px;animation:wag .5s ease-in-out infinite alternate}.mascot-ear{transform-origin:112px 39px;animation:ear 4s infinite}.mascot-body{animation:breathe 3s ease-in-out infinite}.room-decoration{position:absolute;pointer-events:none}.deco-flores{bottom:11%;left:12%;font-size:65px}.deco-luzes{top:3%;left:2%;right:2%;height:30px;background:radial-gradient(circle,#ffe49b 0 5px,transparent 6px) 0 0/50px 26px;animation:glow 2s alternate infinite}.deco-tapete{bottom:5%;left:52%;width:180px;background:#d7a088;border:5px solid #a45e53;border-radius:50%;font-size:45px;text-align:center;transform:scaleY(.5)}.deco-papel{inset:0;background:radial-gradient(ellipse,#73895030 0 4px,transparent 5px) 0 0/38px 44px;opacity:.5}
.paint-bar{height:80px;display:flex;align-items:center;gap:16px;padding:12px 25px}.paint-bar>div{flex:1}.paint-bar h2{font-size:20px}.paint-bar p{font-size:12px;margin-top:3px;color:#93795c}#paint-percent{font-weight:800;font-size:22px}.progress-track{height:5px;background:#e4d5b9}#paint-progress{height:100%;background:#74965d;transition:width .25s}#painting{background:radial-gradient(ellipse,#fffaf0,#f1e5d0)}#canvas-area{height:calc(100% - 240px);position:relative;overflow:hidden;touch-action:none}#paint-canvas{width:100%;height:100%;display:block;touch-action:none;cursor:crosshair}#canvas-tip{position:absolute;top:16px;left:50%;transform:translateX(-50%);padding:8px 17px;border-radius:25px;background:#fff7e9d9;color:#8b7456;font-size:12px;pointer-events:none;white-space:nowrap}.zoom-controls{position:absolute;right:16px;bottom:18px;display:flex;gap:2px;padding:4px;border-radius:30px;background:#fff9eeeb;border:1px solid #cfb691}.zoom-controls button{width:40px;background:transparent;font-size:24px;border-radius:50%}.zoom-controls [aria-pressed=true]{background:#cddbb6}.palette-area{height:155px;background:#fff8e9;border-top:1px solid #d6c09e;padding:12px 20px 0}#palette{display:flex;gap:9px;overflow-x:auto;padding:3px 0 9px;justify-content:safe center;scrollbar-width:thin}.color-chip{position:relative;min-width:46px;width:46px;min-height:46px;height:46px;border-radius:50%;border:3px solid #c9b292;font-weight:800;font-size:17px;box-shadow:inset 0 0 0 2px #ffffff80}.color-chip.selected{outline:3px solid #526940;outline-offset:2px;transform:translateY(-2px)}.color-chip.done{opacity:.65}.color-chip .chip-progress{position:absolute;bottom:-5px;left:4px;right:4px;height:4px;background:#e1d6bf;border-radius:3px;overflow:hidden}.chip-progress i{display:block;height:100%;background:#58763d}.paint-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e3d3b9;padding:9px 0}.paint-tools button{background:#efe6d1;border:1px solid #cdb68c;border-radius:24px;padding:5px 15px;font-size:20px;display:flex;gap:6px;align-items:center}.paint-tools span{font-size:12px}.paint-tools b{font-size:12px;background:#d5b876;border-radius:50%;padding:3px 7px}.paint-tools #save-status{font-size:11px;color:#7c8567;text-align:right}#paint-sparkle{position:absolute;top:40%;left:50%;font-size:75px;transform:translate(-50%,-50%);pointer-events:none}.sparkle{animation:sparkle .7s ease-out}
dialog{width:min(620px,calc(100% - 26px));max-height:calc(100dvh - 40px);border:3px solid #c69b64;outline:1px solid #795733;outline-offset:4px;border-radius:25px;background:linear-gradient(130deg,#fffaf0,#ffedce);color:var(--ink);padding:28px;box-shadow:0 25px 90px #30231466;overflow:auto;font-family:var(--round)}dialog::backdrop{background:#2b211a7a;backdrop-filter:blur(3px)}.close{position:absolute;right:12px;top:12px;width:35px;height:35px;min-height:35px;font-size:24px;z-index:3}#modal-content{padding-top:8px}#modal-content>h2{margin-bottom:6px;padding-right:35px}#modal-content>p{font-size:13px;line-height:1.6;color:#8a6c4a;margin:8px 0 18px}.house-map{position:relative;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;padding:36px 12px 12px;margin:18px 0;background:#b67e52;border:5px solid #7a5537;border-radius:65px 65px 10px 10px;box-shadow:inset 0 0 0 3px #dbaa73}.map-room{border:2px solid #ae8257;border-radius:12px;background:#f8e4bd;padding:15px 6px;text-align:center;font-size:15px;font-weight:700}.map-room strong{font-size:27px;display:block;margin-bottom:5px}.map-room span{display:block;font-size:11px;font-weight:400;margin-top:4px}.map-room.selected{background:#dbe1bb;border-color:#657544}.collection-filter{width:100%;padding:10px;border:1px solid #bea17a;border-radius:12px;background:#fff8ed;margin:10px 0}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:14px}.art-card{border:1px solid #d0ae79;border-radius:14px;background:#fff6e1;padding:10px;display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;font-size:11px}.art-card canvas{width:100%;aspect-ratio:1;image-rendering:pixelated;border:5px solid #c19864;border-radius:3px}.art-card b{font-size:12px}.art-card .primary{min-height:32px;font-size:12px;padding:5px 14px}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 0;border-bottom:1px solid #dac29e}.settings-row label{font-weight:700;font-size:15px}.settings-row small{display:block;font-size:11px;font-weight:400;margin-top:4px;color:#8d7558}.toggle{background:#e4d5b7;border:1px solid #b9a17a;padding:6px 16px;border-radius:25px;min-width:86px;min-height:38px;font-size:13px}.toggle.on{background:#647b46;color:#fff8e9}.coat-options{display:flex;gap:9px;flex-wrap:wrap;padding:10px 0}.coat-options button{width:40px;min-height:40px;border:3px solid #b59c78;border-radius:50%}.coat-options .selected{outline:3px solid #6a803f;outline-offset:2px}.shop-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.shop-grid button{border:1px solid #c4a57a;background:#f5e5c6;border-radius:12px;padding:12px;font-size:13px;min-height:70px}.shop-grid button span{display:block;font-size:11px;margin-top:6px;color:#8c6a46}.auth-form{display:flex;flex-direction:column;gap:12px;margin-top:20px}.auth-form label{font-size:13px;font-weight:700}.auth-form input{display:block;width:100%;border:1px solid #b9996c;border-radius:12px;background:#fffaf1;padding:12px 15px;margin-top:5px;color:var(--ink)}.auth-form .password-wrap{display:flex;position:relative}.password-wrap input{padding-right:55px}.password-wrap button{position:absolute;right:5px;top:6px;width:44px;background:none;font-size:22px}.auth-switches{display:flex;justify-content:space-between;margin-top:12px;gap:10px}.text-button{background:none;text-decoration:underline;font-size:12px;min-height:34px}.auth-error{color:#a24638!important;font-size:13px;min-height:18px}.recovery-code{word-break:break-all;background:#fff8e9;border:2px dashed #b28a4c;padding:15px;border-radius:12px;font-family:monospace;font-size:16px;display:block;margin:15px 0}.completion-card{text-align:center}.completion-card>canvas{width:min(260px,75%);image-rendering:pixelated;border:14px solid #b48548;border-radius:8px;box-shadow:0 5px 15px #75482440;margin:20px auto 14px}.reward{font-size:22px;font-weight:800;color:#687b3e;margin:10px 0 20px}.frame-options{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.frame-options button{width:52px;height:52px;border:8px solid #ae7a42;background:#fcefd7;border-radius:8px;font-size:13px}.frame-options button.selected{outline:3px solid #75874c;outline-offset:2px}.completion-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:25px}.subtle-button{border:1px solid #b29a72;background:#f3e1bd;padding:10px 17px;border-radius:30px;min-height:50px}.place-select{display:block;margin:15px 0;width:100%;padding:10px;border:1px solid #b29975;border-radius:12px;background:#fff8ec}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);max-width:calc(100% - 36px);background:#56452e;color:#fff7e1;border-radius:25px;padding:12px 24px;font-size:13px;box-shadow:0 5px 20px #2d1e1740;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:99;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.note{font-size:12px;line-height:1.6;color:#897252;margin:10px 0}.offline{color:#a1663d}.mascot-preview{width:135px;display:block;margin:auto}#room-world{transition:opacity .22s}.room-enter{animation:roomEnter .35s ease-out}
@keyframes invite{50%{box-shadow:0 0 0 6px #ffe5a477,0 8px 20px #3022144d}}@keyframes wag{from{transform:rotate(-12deg)}to{transform:rotate(12deg)}}@keyframes ear{50%{transform:rotate(3deg)}}@keyframes breathe{50%{transform:translateY(-1px)}}@keyframes wander{0%,15%,100%{transform:translateX(0)}35%,55%{transform:translateX(130px)}75%{transform:translateX(-110px)}}@keyframes glow{to{opacity:.6}}@keyframes sparkle{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}40%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}100%{opacity:0;transform:translate(-50%,-70%) scale(1.4)}}@keyframes roomEnter{from{opacity:.25}to{opacity:1}}
@media(min-width:1500px){.welcome-card{width:410px;padding:35px 45px}.logo{font-size:95px}.welcome-copy{font-size:19px}.home-bottom{bottom:40px}.home-bottom>div{padding:18px 35px}}
@media(max-height:730px) and (min-width:701px){.welcome-card{top:46%;width:320px;padding:16px 30px 14px;border-radius:65px 65px 22px 22px}.logo{font-size:64px;padding:12px 0}.welcome-copy{font-size:14px;margin:9px 0 15px}.home-bottom{bottom:15px}.home-bottom>div{padding:8px 20px}.home-top{padding:15px 25px}.guest-note{font-size:10px}.roof-heart{font-size:18px}.leaf-line{font-size:20px}.play{min-height:48px}}
@media(max-width:700px){.home{background-position:35% center}.home-shade{background:linear-gradient(0deg,#33291c80,#38221515)}.home-top{padding:18px 19px}.small-brand{padding:8px 14px;font-size:12px}.home-top .round{width:40px;height:40px;min-height:40px}.welcome-card{width:min(310px,calc(100% - 60px));right:auto;left:50%;top:auto;bottom:78px;transform:translateX(-50%);padding:20px 25px 17px;border-radius:65px 65px 22px 22px;background:linear-gradient(120deg,#fff6e5f5,#ffe6bef5)}.logo{font-size:73px;padding:12px 0 15px}.welcome-copy{font-size:15px;margin:12px 0 17px}.roof-heart{font-size:20px}.eyebrow{font-size:9px}.home-bottom{left:12px;right:12px;bottom:max(17px,env(safe-area-inset-bottom));gap:6px}.home-bottom>div{gap:0;border-radius:13px;font-size:18px;padding:8px 7px;flex:1;flex-direction:column}.home-bottom span{font-size:9px;white-space:nowrap}.leaf-line span{font-size:11px}.account-link{font-size:13px;margin-top:5px}.guest-note{font-size:10px}.house-bar{height:100px;padding:10px 12px;flex-wrap:wrap;gap:4px}.mini-logo{font-size:20px;min-width:82px}.house-title{flex:1;text-align:center}.house-title h2{font-size:19px}.house-title span{font-size:10px}.bar-actions{gap:6px;width:100%;justify-content:center}.bones{font-size:12px;padding:5px 12px}.bar-actions .round{width:34px;height:34px;min-height:34px;font-size:20px}#room-viewport{height:calc(100% - 167px)}#room-world{width:1150px;min-height:320px}#room-hint{font-size:10px}.house-footer{height:67px;gap:7px;padding:8px 9px;padding-bottom:max(8px,env(safe-area-inset-bottom))}.sync-pill{font-size:10px;padding:6px 9px;max-width:113px}.art-frame{width:128px;height:128px;border-width:9px}.frame-label{font-size:10px;bottom:-30px}.art-frame::before{left:33px}#room-door{font-size:11px;right:20px;bottom:20px}.paint-bar{height:75px;padding:10px 13px;gap:10px}.paint-bar h2{font-size:16px}.paint-bar .round{width:40px;height:40px;min-height:40px}.paint-bar p{font-size:10px}#paint-percent{font-size:18px}#canvas-area{height:calc(100% - 235px)}.palette-area{height:155px;padding:11px 12px 0}.paint-tools{gap:6px}.paint-tools button{padding:6px 9px;font-size:18px}.paint-tools span{font-size:10px}.paint-tools #save-status{font-size:9px;max-width:95px}.zoom-controls{right:10px;bottom:10px}.zoom-controls button{width:36px;min-height:36px;font-size:22px}.color-chip{min-width:43px;width:43px;min-height:43px;height:43px;font-size:16px}#palette{justify-content:flex-start;gap:8px}#canvas-tip{font-size:10px;top:12px;padding:7px 12px}dialog{padding:22px 18px}.collection-grid{gap:8px}.art-card{padding:7px}.art-card b{font-size:10px}.art-card{font-size:9px}.shop-grid button{font-size:12px}#mascot{width:130px;height:85px;bottom:8%}}
@media(max-height:650px) and (max-width:700px){.welcome-card{bottom:72px;padding-top:12px}.logo{font-size:58px}.welcome-copy{font-size:12px;margin:8px 0 12px}.roof-heart{font-size:15px}.leaf-line{font-size:18px}.play{font-size:22px;min-height:46px}.home-top{padding:12px 16px}.guest-note{display:none}}
.completion-card canvas{display:block;width:min(260px,75%);height:auto;image-rendering:pixelated;border:14px solid #b48548;border-radius:8px;box-shadow:0 5px 15px #75482440;margin:20px auto 14px}.frame-options .frame-nogueira{border-color:#583825}.frame-options .frame-vintage{border-color:#faf0dc}.frame-options .frame-dourada{border-color:#d3a545}.frame-options .frame-preta{border-color:#302d28}.frame-options .frame-pastel{border-color:#cca0a4}#room-world[data-room=jardim] .art-frame::before{top:auto;bottom:-105px;left:23px;width:60px;height:95px;border:0;border-left:9px solid #a27446;border-right:9px solid #a27446;transform:perspective(50px) rotateX(12deg);z-index:-1}#room-world[data-room=sala]::after{content:'';position:absolute;pointer-events:none;left:1%;bottom:22%;width:70px;height:85px;background:radial-gradient(ellipse,#ffaf3440,transparent 70%);animation:firelight 1.4s ease-in-out infinite alternate}#room-world[data-room=porao]::after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 10% 70%,#ffc36215,transparent 30%);animation:glow 2.7s ease-in-out infinite alternate}#room-world[data-room=jardim]::after{content:'🦋';position:absolute;pointer-events:none;font-size:25px;left:40%;top:12%;animation:butterfly 12s ease-in-out infinite}#room-world[data-room=sotao]::after{content:'·    ·       ·  ·';position:absolute;pointer-events:none;left:15%;top:14%;font-size:38px;color:#fff6d790;animation:dust 10s ease-in-out infinite}@keyframes firelight{to{transform:scale(.85,1.15);opacity:.55}}@keyframes butterfly{25%{transform:translate(120px,45px) rotate(12deg)}50%{transform:translate(250px,5px) rotate(-7deg)}75%{transform:translate(120px,60px) rotate(9deg)}}@keyframes dust{to{transform:translate(60px,50px);opacity:.2}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}