:root{--ink:#2a463a;--muted:#5a685a;--bg:#faf7ef;--green:#315b43;--line:#d4d9c9;--scale:1}*{box-sizing:border-box}html{font-size:calc(20px * var(--scale));scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;line-height:1.65;word-break:keep-all;overflow-wrap:anywhere}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer;color:inherit;background:#fffdf8;border:1px solid #abb9a4;border-radius:10px;min-height:54px;padding:12px 20px}a{color:inherit;text-underline-offset:5px}a,button{ -webkit-tap-highlight-color:transparent}button:hover{background:#e5ecdd}:focus-visible{outline:3px solid #b34a28;outline-offset:4px}button:disabled{cursor:default}header,main{width:min(1400px,calc(100% - 80px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:25px 0;border-bottom:1px solid var(--line);font-size:.8rem}header span{font-size:.75rem;color:var(--muted)}.home{font-weight:700;text-decoration:none;padding:12px 0}.welcome{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:50px;max-width:1100px;margin:35px auto 45px}.welcome img{height:390px;width:100%;object-fit:contain}.kicker{font-size:.72rem;letter-spacing:.06em;color:var(--muted);font-weight:700;margin:0 0 14px}h1{font-size:2.65rem;line-height:1.3;letter-spacing:-.05em;margin:0 0 22px}h2{font-size:1.8rem;line-height:1.4;margin:0 0 18px;letter-spacing:-.04em}h3{font-size:1.2rem;margin:0 0 12px}.quiet{font-size:.72rem;color:var(--muted)}.game-menu{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.game-menu button{text-align:left;padding:27px;background:#e7ecdf;border:1px solid #c6d2bb}.game-menu button:nth-child(2){background:#f5e8d1}.game-menu button:nth-child(3){background:#eee5d9}.game-menu span{display:block;font:2.2rem Georgia;margin-bottom:15px}.game-menu strong{display:block;font-size:1.15rem}.game-menu small{display:block;font-size:.72rem;margin-top:8px;color:#52604e}.game-menu button[aria-current=true]{outline:3px solid var(--green);outline-offset:4px}.game-area{margin-top:50px;border-top:1px solid var(--line);padding-top:35px;scroll-margin-top:20px}.game-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.game-heading>button{font-size:.75rem}.guide-box{display:grid;grid-template-columns:1fr 180px;align-items:center;gap:30px;padding:30px;background:#e8eddf;border:1px solid #c8d3bc;border-radius:16px}.guide-box img{width:100%;height:250px;object-fit:contain}.guide-box li{margin-bottom:12px;font-size:.95rem}.guide-box ol{padding-left:24px}.primary{background:var(--green);color:white;font-weight:700;border-color:var(--green)}.primary:hover{background:#244936;color:white}.controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.controls button{font-size:.8rem}.live-note{background:#fff6d8;border:1px solid #ddcc8b;border-radius:10px;padding:16px 20px;font-size:.9rem;margin:20px 0}.live-note:empty{display:none}.status{font-size:.8rem;font-weight:bold;color:#53674d}.apartment-layout{display:grid;grid-template-columns:320px 1fr;gap:30px;align-items:start}.mission{background:#fffcf2;border:1px solid #d4d2ba;border-radius:14px;padding:24px;position:sticky;top:20px}.mission h3{font-size:1.1rem}.mission .portrait{width:140px;max-width:100%;margin:10px auto}.mission p{margin:8px 0}.mission strong{font-size:1.25rem}.apartment{border:8px solid #cfb28b;border-top:16px solid #8e7454;border-radius:20px 20px 5px 5px;background:#efe3cb;padding:25px}.apartment-sign{text-align:center;font-weight:bold;background:#fffcf2;border:1px solid #b79d76;border-radius:10px;padding:10px;margin:0 0 20px}.floor{display:grid;grid-template-columns:60px 1fr 1fr;gap:18px;align-items:stretch;border-bottom:8px solid #b8a188;padding:18px 0 25px}.floor:last-child{border-bottom:0;padding-bottom:5px}.floor-label{font-size:.9rem;font-weight:bold;align-self:center}.door{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:205px;border:3px solid #b39469;border-radius:28px 28px 6px 6px;background:linear-gradient(90deg,#e7cfa7,#f6e5c7);position:relative;padding:14px;gap:7px}.door:nth-child(3){background:linear-gradient(90deg,#c7d5c0,#e1e8d9);border-color:#879d7d}.door:after{content:'';position:absolute;right:12px;top:55%;width:10px;height:10px;border-radius:50%;background:#8b7341}.door b{background:#fff9e9;border:1px solid #a99874;padding:2px 13px;border-radius:7px;font-size:1.1rem}.door .ring{font-size:.75rem;background:#fffdf5;border-radius:20px;padding:4px 10px}.door .name{font-size:.8rem}.door .portrait{width:78px}.door.remembered{border-color:#315b43}.floor.hint-floor{outline:4px solid #b05a2c;outline-offset:7px;border-radius:5px}.portrait{display:block;aspect-ratio:1;border-radius:50%;background-image:url('assets/neighbors-v01.webp');background-size:300% 200%;background-repeat:no-repeat;border:3px solid #fff7e6;box-shadow:0 2px 8px #20362522}.person-0{background-position:0% 0%}.person-1{background-position:50% 0%}.person-2{background-position:100% 0%}.person-3{background-position:0% 100%}.person-4{background-position:50% 100%}.person-5{background-position:100% 100%}.neighbor-card{text-align:center;padding:15px}.neighbor-card .portrait{width:200px;margin:15px auto}.neighbor-card p{font-size:1rem}.neighbor-card .primary{width:100%}.celebrate{display:grid;grid-template-columns:1fr 200px;align-items:center;gap:20px;padding:30px;background:#e6eedc;border:1px solid #b4c9a3;border-radius:16px}.celebrate img{height:280px;width:100%;object-fit:contain}.celebrate h3{font-size:1.6rem}.market-layout{display:grid;grid-template-columns:300px 1fr;gap:28px;align-items:start}.memo{background:#fff5cf;border:1px solid #d3bd74;border-radius:4px;padding:25px;position:sticky;top:20px;box-shadow:3px 5px 0 #e8dbad}.memo ul{padding-left:24px}.memo li{padding:6px 0}.memo .done{text-decoration:line-through;color:#667355}.memo-toggle{font-size:.75rem;width:100%}.market-shelf{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;background:#f1e7d5;border-radius:12px;padding:20px;border:1px solid #d4c7ad}.product{min-height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:#fffdf8;padding:13px 8px;border:1px solid #c5ccb8}.product svg{width:90px;max-width:100%;height:100px}.product strong{font-size:1rem}.product small{font-size:.68rem;color:var(--muted)}.product[aria-pressed=true]{border:3px solid #315b43;background:#e5efdf}.cart{margin-top:24px;padding:24px;background:#fffdf7;border:2px solid #b3c3a8;border-radius:14px}.cart h3{margin-bottom:15px}.cart-list{display:flex;gap:12px;flex-wrap:wrap}.cart-item{display:flex;gap:10px;align-items:center;background:#edf0e5;border-radius:10px;padding:7px 10px;font-size:.85rem}.cart-item button{font-size:.68rem;padding:5px 10px;min-height:48px;background:white}.scene-layout{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:start}.find-list{background:#fff5cf;border:1px solid #dccd98;border-radius:12px;padding:22px;position:sticky;top:20px}.find-list ul{list-style:none;padding:0}.find-list li{padding:10px 0;border-bottom:1px solid #d3c793;font-size:.9rem}.find-list li.found{text-decoration:line-through;color:#4d6940}.scene-wrap{position:relative;width:100%;aspect-ratio:3/2;border:5px solid #b89a74;border-radius:12px;overflow:hidden;background:#e8dfca}.scene-wrap>img{display:block;width:100%;height:100%;object-fit:fill}.hotspot{position:absolute;border:2px solid transparent;background:transparent;padding:0;min-height:0;min-width:0;border-radius:20%;transform:translate(-50%,-50%)}.hotspot:hover{background:#fff9cb22;border-color:#315b4377}.hotspot:focus-visible{outline:4px solid #b24c26;outline-offset:0}.hotspot.found{border:4px solid #315b43;background:#e2f5b566}.hotspot.hint{border:4px dashed #a84728;background:#ffe27166}.hotspot.found:after{content:'✓';position:absolute;right:-10px;top:-15px;color:white;background:#315b43;width:30px;height:30px;border-radius:50%;font-weight:bold;font-size:20px}.find-tools{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.zoom-note{font-size:.72rem;color:var(--muted)}.more{margin-top:70px;padding:35px 0;border-top:1px solid var(--line)}.more p{font-size:.9rem}.plain-link{display:inline-block;padding:12px 0}footer{border-top:1px solid var(--line);padding:30px 0;font-size:.65rem;color:var(--muted)}dialog{width:min(500px,calc(100% - 32px));max-height:90vh;overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fffdf6;color:var(--ink);padding:20px}dialog::backdrop{background:#233e30a8}.skip{position:absolute;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:8px}[hidden]{display:none!important}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@media(min-width:2200px){header,main{max-width:2000px}html{font-size:calc(28px * var(--scale))}.welcome{max-width:1500px}.welcome img{height:500px}.door{min-height:250px}.product{min-height:280px}.product svg{width:135px;height:145px}}@media(max-width:1100px){.apartment-layout{grid-template-columns:250px 1fr}.market-layout{grid-template-columns:240px 1fr}.market-shelf{grid-template-columns:repeat(3,1fr)}.scene-layout{grid-template-columns:210px 1fr}.floor{gap:12px;grid-template-columns:40px 1fr 1fr}.apartment{padding:18px}}@media(max-width:760px){header,main{width:calc(100% - 36px)}header{gap:10px;flex-wrap:wrap}header span{display:none}header button{font-size:.7rem;padding:8px 12px}.welcome{gap:10px;margin-block:30px;grid-template-columns:1fr 100px}.welcome img{height:230px}.welcome h1{font-size:1.65rem}.welcome p{font-size:.85rem}.welcome .quiet{font-size:.65rem}.game-menu{grid-template-columns:1fr;gap:15px}.game-menu button{padding:20px}.game-menu span{float:left;margin:0 20px 0 0;line-height:1.5}.game-menu strong{font-size:1.05rem}.game-menu small{font-size:.7rem}.game-area{margin-top:35px}.game-heading{align-items:start}.game-heading h2{font-size:1.4rem}.game-heading>button{font-size:.65rem;max-width:110px;padding:9px}.guide-box{grid-template-columns:1fr;padding:23px;gap:10px}.guide-box img{height:200px}.guide-box li{font-size:.9rem}.guide-box img{display:none}.primary{width:100%}.apartment-layout,.market-layout,.scene-layout{grid-template-columns:1fr;gap:20px}.mission,.memo,.find-list{position:static;padding:20px}.mission .portrait{width:100px;margin:0;float:right}.mission p{font-size:.85rem}.mission:after{content:'';display:block;clear:both}.floor{grid-template-columns:30px 1fr 1fr;gap:10px}.apartment{padding:13px;border-width:5px}.door{min-height:185px;padding:12px 5px}.door:after{right:7px;width:7px;height:7px}.door .portrait{width:65px}.door b{font-size:1rem;padding:2px 9px}.door .ring{font-size:.65rem}.door .name{font-size:.75rem}.floor-label{font-size:.75rem}.controls button{font-size:.75rem;flex:1}.celebrate{grid-template-columns:1fr;gap:8px;padding:22px}.celebrate img{height:220px}.celebrate h3{font-size:1.35rem}.market-shelf{grid-template-columns:repeat(2,1fr);padding:14px;gap:12px}.product{min-height:185px}.product svg{width:85px;height:90px}.memo ul{display:flex;flex-wrap:wrap;gap:12px 25px;list-style:none;padding:0}.cart{padding:20px}.scene-wrap{aspect-ratio:3/2}.find-list ul{display:flex;flex-wrap:wrap;gap:8px 20px;margin:10px 0}.find-list li{font-size:.8rem;padding:6px 0}.find-list h3{font-size:1rem}.find-tools button{flex:1;font-size:.75rem}.zoom-note{font-size:.7rem}.more h2{font-size:1.3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.scene-scroll{width:100%;overflow:auto;overscroll-behavior-x:contain;border-radius:12px}.scene-scroll.zoomed .scene-wrap{min-width:1000px}.scene-scroll:focus-visible{outline:3px solid #b34a28}@media(max-width:760px){.scene-scroll.zoomed .scene-wrap{min-width:720px}}
@media(max-width:760px){.mission.play-target{position:sticky;top:0;z-index:4;padding:12px 16px;box-shadow:0 5px 12px #253e2522}.mission.play-target .portrait{width:68px;margin-left:10px}.mission.play-target h3{font-size:.78rem;margin:0}.mission.play-target p{font-size:.75rem;margin:3px 0}.mission.play-target strong{font-size:1rem}.mission.play-target .quiet{display:none}.memo{position:sticky;top:0;z-index:4;padding:12px 16px;box-shadow:0 5px 12px #253e2522}.memo .kicker,.memo .quiet{display:none}.memo h3{font-size:.9rem;margin:0}.memo ul{margin:6px 0;gap:4px 18px}.memo li{padding:0;font-size:.85rem}.memo-toggle{font-size:.7rem;min-height:48px;padding:6px}}
@media(max-width:760px){.controls button{flex:1 1 140px;padding:10px 12px}.find-tools{display:grid;grid-template-columns:1fr 1fr}.find-tools button{padding:10px 8px;font-size:.75rem}.find-tools button:last-child{grid-column:1/-1}}
.scene-layout>div,.market-layout>div,.apartment-layout>div{min-width:0}.scene-scroll{min-width:0;max-width:100%}
.game-menu{grid-template-columns:repeat(2,minmax(0,1fr))}.puzzle-reference{display:block;width:min(100%,900px);height:auto;border:2px solid #829777;border-radius:12px;margin:25px auto}.puzzle-help{margin-block:25px;border:1px solid #96a88c;border-radius:10px;padding:15px 20px}.puzzle-help summary{cursor:pointer;min-height:56px;display:list-item;padding:10px 0}.puzzle-board{display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(100%,1000px);margin:30px auto}.puzzle-piece{aspect-ratio:3/2;background-image:url('assets/neighborhood-v01.webp');background-size:200% 200%;background-repeat:no-repeat;border:4px solid #6f8462;padding:0;position:relative;overflow:hidden;min-width:0}.puzzle-piece:hover{background-image:url('assets/neighborhood-v01.webp')}.puzzle-piece.selected{outline:5px solid #a4401e;outline-offset:0;border-color:#a4401e}.piece-corner{position:absolute;bottom:5px;left:5px;background:#fffdf5;color:#203a2a;border:1px solid #596f4b;border-radius:5px;padding:3px 8px;font-size:.84rem;font-weight:bold}@media(max-width:760px){.game-menu{grid-template-columns:1fr}.puzzle-board{gap:8px}.piece-corner{font-size:.7rem;padding:2px 4px;left:2px;bottom:2px}}