@font-face{font-family:Dog;src:local('Avenir Next Rounded Pro'),local('Arial Rounded MT Bold');font-display:swap}*{box-sizing:border-box}body{margin:0;background:#f8f4e9;color:#34334a;font-family:Dog,'Trebuchet MS',sans-serif;font-weight:600}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;min-height:48px;border:0;border-radius:16px;background:#fff;padding:10px 17px;box-shadow:0 3px 0 #34334a20}button:hover{filter:brightness(.97)}button:active{transform:translateY(2px);box-shadow:none}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #355fc9;outline-offset:3px}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:10px 5%;background:#fffdf7;border-bottom:2px solid #e9e3d3;gap:8px}.logo{color:#34334a;text-decoration:none;font-size:34px;letter-spacing:-2px;font-weight:1000;line-height:1;white-space:nowrap}.logo>span:not(.paw){color:#ef7868}.logo .paw{display:inline-block;font-size:40px;color:#edb52e;margin-right:7px;vertical-align:middle}.logo i{display:block;font-style:normal;font-size:11px;letter-spacing:1px;margin-left:48px;margin-top:5px}.top-actions{display:flex;gap:8px;align-items:center}.top-actions button{width:48px;padding:8px;background:#f4ecd9;font-size:23px}.top-actions #save-status{font-size:11px;margin-right:8px;max-width:110px}.world-heading{max-width:1180px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:23px 20px 14px;gap:8px}.world-heading h1{margin:0;font-size:25px;letter-spacing:-.7px}.world-heading p{margin:5px 0 0;color:#6f7180;font-size:13px}.badge{background:#f9d252;border-radius:20px;padding:9px 14px;font-size:12px;white-space:nowrap}.map-wrap{max-width:1180px;margin:0 auto;padding:0 18px 18px}.map{position:relative;aspect-ratio:1.7;background:#cce6bb;border:5px solid #fff;border-radius:30px;overflow:hidden;box-shadow:0 10px 0 #ded8c9}.map>svg{position:absolute;width:100%;height:100%}.place{position:absolute;width:15%;height:32%;background:transparent;box-shadow:none;padding:0;border-radius:16px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;transition:transform .15s}.place:hover{filter:none;transform:translateY(-5px)}.place svg{width:100%;height:85%;overflow:visible;filter:drop-shadow(0 5px 0 #50543f22)}.place .label{font-size:clamp(9px,1.15vw,15px);background:#fffdf6;padding:4px 9px;border-radius:10px;white-space:nowrap;box-shadow:0 3px 0 #34334a15;z-index:1}.place .visited{position:absolute;right:12%;top:0;border-radius:20px;background:#f9d252;font-size:10px;padding:3px 6px}.district{position:absolute;font-size:clamp(10px,1.25vw,16px);letter-spacing:.3px;pointer-events:none;background:#ffffffaa;padding:4px 12px;border-radius:12px}.map-footer{display:flex;justify-content:space-between;gap:10px;padding:20px 4px 2px;font-size:12px;color:#6d7067}.room-title{padding-top:15px;padding-bottom:10px}.room-title button{background:#f4e4bc}.room-title h1{font-size:23px}.scene-shell{max-width:1180px;margin:auto;padding:0 18px}.scene-scroll{overflow-x:auto;border:5px solid white;border-radius:26px;background:#fff;box-shadow:0 7px 0 #ded8c9;overscroll-behavior-x:contain}.scene{position:relative;width:100%;min-width:680px;height:470px;overflow:hidden;touch-action:pan-x;background:#f6e4ca;user-select:none}.scenery{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.entity{position:absolute;border:0;background:transparent;box-shadow:none;padding:0;touch-action:none;user-select:none;transform:translate(-50%,-100%);height:155px;width:105px;border-radius:22px;cursor:grab}.entity.dog svg{width:100%;height:100%;overflow:visible;filter:drop-shadow(0 5px 0 #39314722)}.entity.selected{outline:3px dashed #ef956b;outline-offset:5px}.entity.object{width:78px;height:74px;font-size:48px;filter:drop-shadow(0 4px 0 #39314722);line-height:1}.entity.object svg{width:100%;height:100%}.entity.furniture{width:135px;height:95px}.entity .name{position:absolute;bottom:-21px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:11px;background:#fffc;padding:3px 8px;border-radius:8px;pointer-events:none}.entity .reaction{position:absolute;top:-20px;left:25%;background:white;border-radius:20px;padding:8px;font-size:23px;animation:pop .25s ease-out}.entity:active{cursor:grabbing;transform:translate(-50%,-100%)}.scene.night .scenery{filter:brightness(.64) saturate(.75)}.room-tools{max-width:1180px;margin:12px auto 0;padding:0 18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.room-tools>span{font-size:12px;margin-right:auto}.room-tools button{font-size:12px;background:#e2edda}.actions{max-width:1180px;margin:14px auto 0;padding:0 18px;display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.action{min-width:125px;flex:1;background:#fff6d7;font-size:13px;text-align:left}.action small{display:block;color:#7a725f;font-size:10px;margin-top:4px}#toolbar{display:flex;justify-content:center;gap:10px;margin:20px auto 0;padding:15px 12px calc(17px + env(safe-area-inset-bottom));max-width:750px}#toolbar button{flex:1;max-width:130px;background:#fffdf7;font-size:12px;padding:10px 8px;border:2px solid #e8e0cd}#toolbar b{display:block;font-size:24px;font-weight:normal;margin-bottom:3px}dialog{border:0;border-radius:28px;color:#34334a;width:min(560px,94vw);max-height:85dvh;background:#fffdf5;padding:24px;box-shadow:0 20px 80px #34334a55}dialog::backdrop{background:#34334a66;backdrop-filter:blur(3px)}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:17px}.panel-head h2{margin:0;font-size:23px}.panel-head button{font-size:26px;background:#f1e7d2;width:48px;padding:0}#panel-body p{font-size:14px;line-height:1.6}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.dog-card{padding:10px 4px;background:#f1e8d6;border:3px solid transparent}.dog-card.chosen{border-color:#e89b60}.dog-card svg{height:105px;display:block;margin:auto}.dog-card span{display:block;font-size:12px}.dog-card small{display:block;font-size:10px;margin-top:5px;color:#777}.row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 20px}.swatch{width:48px;height:48px;border:3px solid #fff;box-shadow:0 0 0 1px #bdb5a5}.swatch.chosen{outline:3px solid #34334a}.style-preview{height:180px;text-align:center;background:#e0ecd3;border-radius:22px;margin-bottom:16px}.style-preview svg{height:170px}.primary{background:#f9d252;font-size:15px;padding:14px 24px}.wide{width:100%}.story{background:#f3ecd9;padding:14px;border-radius:17px;margin:10px 0}.story p{margin:6px 0}.story.done{background:#e0edd5}.story small{font-size:12px;color:#66775e}.decor-card{font-size:35px;padding:13px;background:#f1e8d6}.decor-card span{font-size:12px;display:block;margin-top:8px}#toast{position:fixed;bottom:115px;left:50%;transform:translate(-50%,12px);background:#34334a;color:white;padding:12px 22px;border-radius:18px;max-width:90vw;width:max-content;opacity:0;pointer-events:none;z-index:5;font-size:13px;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}#pause-dialog{text-align:center}#pause-dialog p{font-size:15px}input{font:inherit;padding:12px;border:2px solid #ddd2be;border-radius:12px;max-width:100%;background:white}label{font-size:14px}h3{font-size:15px;margin:18px 0 8px}.hint{font-size:12px;color:#6f7180}.intro-art{display:flex;justify-content:center;height:150px}.intro-art svg{width:100px;height:150px}.progress{height:8px;background:#ddd8c7;border-radius:10px;overflow:hidden;margin:8px 0}.progress div{height:100%;background:#81ae7d}.empty{padding:16px;background:#f4e9d3;border-radius:16px;font-size:14px}footer{font-size:11px;text-align:center;color:#8d8c82;margin:4px 10px 15px}@keyframes pop{from{transform:scale(.4)}to{transform:scale(1)}}@media(min-width:1000px){.scene{height:500px}.map-wrap{padding-top:0}}@media(max-width:600px){header{height:76px;padding:8px 12px}.logo{font-size:26px}.logo .paw{font-size:31px;margin-right:3px}.logo i{font-size:9px;margin-left:35px;letter-spacing:.3px}.top-actions{gap:5px}.top-actions button{min-height:44px;width:42px;font-size:21px}.top-actions #save-status{display:none}.world-heading{padding:17px 16px 12px}.world-heading h1{font-size:22px}.world-heading p{font-size:12px;max-width:240px}.badge{font-size:10px;padding:9px}.map-wrap{padding:0 9px 7px}.map{aspect-ratio:.79;border-radius:22px;border-width:3px}.place{width:28%;height:20%}.place .label{font-size:10px;padding:5px 7px}.district{font-size:10px;padding:3px 8px}.map-footer{font-size:10px;padding:14px 6px 0}.scene-shell{padding:0 7px}.scene-scroll{border-width:3px;border-radius:20px}.scene{height:410px;min-width:620px}.room-title h1{font-size:19px}.room-title button{font-size:12px;padding:10px 12px}.room-tools{padding:0 12px;gap:6px}.room-tools>span{width:100%;font-size:11px}.room-tools button{min-height:44px;padding:8px 12px}.actions{padding:0 10px 8px;gap:6px}.action{min-width:135px;font-size:12px}.action small{font-size:10px}#toolbar{margin-top:7px;gap:5px;padding:10px 6px calc(12px + env(safe-area-inset-bottom))}#toolbar button{font-size:10px;padding:9px 2px;border-radius:15px}#toolbar b{font-size:24px}.grid{gap:7px}.panel-head h2{font-size:20px}dialog{padding:20px}.dog-card svg{height:88px}#toast{bottom:105px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
body{padding-bottom:106px}#toolbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;z-index:4;background:#f8f4e9ee;border-top:2px solid #e8e0cd;backdrop-filter:blur(8px)}.held{position:absolute;left:53%;top:59%;font-size:28px;pointer-events:none}.new-result{animation:result .5s ease-out}@keyframes result{from{opacity:.1;filter:brightness(2);margin-top:-25px}to{opacity:1;filter:none;margin-top:0}}