:root{font-family:Arial,'Malgun Gothic',sans-serif;color:#193e39;background:#dbece5;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #e38546;outline-offset:4px}#room{position:fixed;inset:0}canvas{display:block;touch-action:none;width:100%;height:100%}header{position:absolute;top:30px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.brand{display:flex;gap:13px;align-items:center;color:inherit;text-decoration:none;pointer-events:auto;font-weight:800;letter-spacing:1px;font-size:20px}.logo{background:#173f37;color:#cff68a;font-size:40px;border-radius:17px;line-height:55px;width:55px;text-align:center;letter-spacing:-4px;padding-right:5px}.brand small{display:block;font-size:12px;letter-spacing:0;font-weight:400;margin-top:6px}.edition{text-align:right;font-size:12px;line-height:1.8;letter-spacing:2px}.edition b{font-weight:400;letter-spacing:1px}.intro{position:absolute;top:145px;left:42px;pointer-events:none}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.intro h1{font-size:clamp(27px,3vw,44px);letter-spacing:-2px;line-height:1.25;margin:15px 0}.intro p{font-size:14px;color:#47665d}footer{position:absolute;bottom:27px;left:38px;right:38px;display:flex;justify-content:space-between;align-items:center}.hint{font-size:12px;color:#46675e}.hint i{display:inline-block;width:15px}button{border:1px solid #244a3c26;background:#ffffffb8;border-radius:30px;padding:12px 20px}button:hover{background:#eaffc9}.products{position:absolute;bottom:82px;left:50%;transform:translateX(-50%);display:flex;gap:8px;padding:7px;background:#ffffff70;border:1px solid #fff9;border-radius:22px;backdrop-filter:blur(12px)}.products button{border:0;min-width:165px;border-radius:15px;text-align:left;font-size:15px;padding:16px}.products span{font-size:12px;opacity:.5;margin-right:13px}.products b{float:right;margin-left:23px}#loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;padding:20px 30px;border-radius:16px}#labels{position:absolute;inset:0;pointer-events:none}.label{position:absolute;transform:translate(-50%,-50%);white-space:nowrap;font-size:12px;letter-spacing:1px;color:#274e42;opacity:.8}dialog{padding:0;border:1px solid #ffffffaa;width:calc(100% - 40px);max-width:1500px;height:calc(100% - 40px);max-height:1000px;border-radius:26px;background:#edf1ea;color:#193e39;overflow:hidden;box-shadow:0 35px 100px #102c3950}dialog::backdrop{background:#163b327a;backdrop-filter:blur(10px)}#viewer{position:absolute;inset:0 29% 0 0}.modal-top{position:absolute;left:30px;right:30px;top:23px;display:flex;align-items:center;justify-content:space-between}.details{position:absolute;right:5%;width:25%;top:33%;pointer-events:none}.details h2{font-size:46px;margin:16px 0;letter-spacing:-2px}.details p{font-size:15px;line-height:1.9;color:#5a7066}.tags{display:flex;gap:8px;margin:24px 0}.tags span{border:1px solid #a7b7a8;border-radius:20px;padding:8px 12px;font-size:12px}.details .note{font-size:12px;color:#738178;margin-top:35px}.viewer-controls{position:absolute;left:0;bottom:30px;width:71%;text-align:center}.viewer-controls>span{font-size:12px;color:#607b6b}.viewer-controls>div{margin-top:15px;display:flex;gap:8px;justify-content:center}.viewer-controls button{font-size:14px}.viewer-controls button[aria-pressed=true]{background:#254c3d;color:#fff}.switcher{position:absolute;right:5%;bottom:35px;display:flex;align-items:center;gap:24px}.switcher span{font-size:13px}.switcher button{padding:12px 17px}@media(max-width:700px){header{top:20px;left:20px;right:20px}.brand{font-size:16px}.logo{width:44px;line-height:44px;font-size:32px}.edition{font-size:10px;letter-spacing:1px}.intro{top:108px;left:23px}.intro h1{font-size:28px;margin:10px 0}.intro p{font-size:12px}.eyebrow{font-size:10px}.products{bottom:82px;width:calc(100% - 30px);gap:3px}.products button{min-width:0;flex:1;padding:15px 8px;font-size:13px}.products span{margin-right:5px}.products b{display:none}footer{left:20px;right:20px;bottom:21px}.hint{font-size:10px}footer button{font-size:12px}dialog{width:calc(100% - 16px);height:calc(100% - 16px);border-radius:20px}.modal-top{left:18px;right:18px;top:14px}.modal-top button{font-size:12px}#viewer{inset:55px 0 185px}.details{top:auto;bottom:106px;left:23px;width:calc(100% - 46px)}.details h2{font-size:27px;margin:6px 0}.details>p:not(.note),.tags{display:none}.details .note{margin:6px 0 0;font-size:10px}.details .eyebrow{font-size:10px}.viewer-controls{width:100%;bottom:18px}.viewer-controls>span{font-size:10px}.viewer-controls>div{margin-top:8px}.viewer-controls button{padding:10px 16px;font-size:12px}.switcher{bottom:133px;right:20px;gap:10px}.switcher button{padding:8px 12px}.switcher span{font-size:11px}}

@media(min-width:701px) and (max-width:1100px){.intro p{max-width:210px;line-height:1.7}.details{top:26%}.details .note{margin-top:18px}.switcher{bottom:22px}}

.logo{font-size:27px;letter-spacing:0;padding-right:0}.brand{letter-spacing:0}@media(max-width:700px){.brand{font-size:15px}.logo{font-size:24px}.edition{display:none}}

#walk-status{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);font-size:12px;background:#ffffffdb;border-radius:20px;padding:10px 18px;pointer-events:none;max-width:90%;text-align:center}#walk-status:empty{display:none}@media(max-width:700px){footer .hint{max-width:210px;line-height:1.8}}

body.walking .intro{opacity:0}.intro{transition:opacity .3s}

.brand .logo{height:60px;width:60px;object-fit:cover;background:transparent;border-radius:0;display:block}@media(max-width:700px){.brand .logo{width:48px;height:48px}}