:root{font-family:"Hiragino Maru Gothic ProN","Hiragino Sans",Meiryo,sans-serif;color:#254f40;background:#e7efdf;font-synthesis:none;font-size:16px;--green:#2c664f;--ink:#254f40;--cream:#fffdf5;--soft:#6a7e70}
*{box-sizing:border-box}body{margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e89639;outline-offset:5px}button{color:inherit}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.skip-link{position:fixed;top:-90px;left:20px;z-index:50;padding:14px;background:white}.skip-link:focus{top:10px}.masthead{position:absolute;top:30px;left:42px;right:42px;display:flex;justify-content:space-between;align-items:center;gap:16px;z-index:3}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:.05em}.brand-mark{width:45px;height:45px;display:grid;place-items:center;color:#fff4c8;background:#31614d;border-radius:16px;font-size:33px;box-shadow:0 4px 0 #254939}.brand small{font-size:12px;display:block;font-weight:500;letter-spacing:.1em;margin-top:4px}.preview-badge{font-size:12px;white-space:nowrap;background:#ffffffa6;border:1px solid #ffffffc7;border-radius:30px;padding:10px 14px;backdrop-filter:blur(8px)}#adventure{position:relative;height:100svh;min-height:760px;overflow:hidden;background:radial-gradient(ellipse at 50% 38%,#faf9df,#dce9d7 70%)}#world{position:absolute;inset:0;touch-action:none}#world canvas{display:block;width:100%;height:100%;outline:none}.forest-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.2}.world-ready .forest-fallback{display:none}.world-loading{position:absolute;top:48%;left:50%;transform:translate(-50%,-50%);padding:14px 22px;background:#fffaf0;border-radius:40px;z-index:1;font-size:14px}.world-ready .world-loading{display:none}.world-failed .world-loading{top:52%;width:min(340px,90%);text-align:center;line-height:1.7}.invitation{position:absolute;top:118px;left:0;right:0;text-align:center;pointer-events:none;z-index:2}.eyebrow{font-size:13px;font-weight:700;letter-spacing:.16em;color:#66866a;margin:0 0 11px}h1{font-size:clamp(25px,3.5vw,36px);margin:0;font-weight:800;letter-spacing:.06em}.invitation>p:last-child{font-size:14px;color:#617463;margin:13px 0}.landmark{position:absolute;left:50%;top:47%;transform:translate(-50%,-100%);display:flex;align-items:center;gap:10px;background:#fffdf2f5;border:1px solid #f7f8df;border-radius:16px;padding:13px 17px;box-shadow:0 6px 0 #35554225,0 10px 25px #39574218;white-space:nowrap;font-size:15px;font-weight:700;z-index:2;transition:box-shadow .2s,opacity .2s}.landmark:after{content:"";position:absolute;bottom:-7px;left:calc(50% - 7px);width:14px;height:14px;background:#fffdf2;transform:rotate(45deg);z-index:-1}.landmark:hover{box-shadow:0 6px 0 #35554235,0 10px 28px #39574230}.landmark-dot{width:10px;height:10px;border-radius:50%;background:#73a864}.look .landmark-dot{background:#e9a079}.places{position:absolute;bottom:98px;left:50%;transform:translateX(-50%);width:min(710px,calc(100% - 64px));display:grid;grid-template-columns:1fr 1fr;gap:16px;z-index:3}.place-card{background:#fffdf3ed;border:1px solid #ffffff;box-shadow:0 8px 30px #27463312,0 3px 0 #92a68d45;border-radius:22px;padding:19px 20px;display:flex;align-items:center;text-align:left;gap:15px;backdrop-filter:blur(14px);transition:transform .2s,background .2s}.place-card:hover{transform:translateY(-4px);background:#fffdf6}.place-symbol{background:#dfedcd;color:#527343;width:49px;height:49px;border-radius:17px;display:grid;place-items:center;font-size:30px}.place-symbol.peach{background:#f7e1cd;color:#ae7450}.place-card small{font-size:12px;color:#7a836e;display:block;margin-bottom:6px;letter-spacing:.03em}.place-card strong{font-size:18px;font-weight:700;white-space:nowrap}.place-arrow{margin-left:auto;font-size:24px;color:#587d5c}.world-tools{position:absolute;bottom:44px;left:50%;transform:translateX(-50%);display:flex;gap:10px;align-items:center;z-index:3;white-space:nowrap}.drag-help{font-size:12px;color:#6c7e6b;margin-right:8px}.world-tools button{border:1px solid #d3deca;background:#f7faefa6;backdrop-filter:blur(5px);font-size:12px;padding:8px 13px;border-radius:20px}#reset-view{font-size:20px;padding:2px 11px}.preview-note{position:absolute;bottom:9px;text-align:center;width:100%;font-size:11px;color:#768570;pointer-events:none;margin:0}.hint-panel{position:absolute;top:102px;bottom:56px;right:26px;width:min(480px,calc(100% - 52px));background:#fffdf7f5;backdrop-filter:blur(22px);border:1px solid white;border-radius:28px;z-index:5;box-shadow:0 20px 70px #2948342b;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;animation:panel-in .3s ease}.panel-top{position:sticky;top:0;display:flex;justify-content:space-between;align-items:center;padding:20px 22px 12px;background:#fffdf7ee;z-index:1}.panel-top button{background:none;border:0;padding:5px;color:#608067;font-size:14px}#panel-close{font-size:28px;line-height:1;padding:3px 10px}#panel-content{padding:14px 28px 32px}.panel-eyebrow{font-size:13px;color:#809174;margin:0 0 12px;letter-spacing:.06em}.hint-panel h2{font-size:25px;line-height:1.5;margin:0 0 14px}.panel-intro{font-size:14px;line-height:1.8;color:#73816e;margin:0 0 26px}.option-list{display:grid;gap:12px}.option-button{display:flex;align-items:center;gap:12px;width:100%;background:#f1f5e8;border:1px solid #dce4cf;border-radius:17px;padding:19px 17px;text-align:left;line-height:1.65;font-size:16px;transition:background .2s}.option-button:hover{background:#e5edda}.option-button>span:last-child{margin-left:auto}.panel-open .invitation,.panel-open .places,.panel-open #landmarks{opacity:0;pointer-events:none;visibility:hidden}.panel-open .world-tools{left:28px;transform:none}.panel-open .drag-help{display:none}.hint-panel p{line-height:1.85}.observation{background:#ebf1df;border:1px solid #d9e3c6;border-radius:21px;padding:21px;margin:6px 0 23px}.observation-label{font-size:13px;color:#65844d;margin-bottom:12px;font-weight:700}.observation h2{font-size:21px;margin:0 0 14px}.observation p{font-size:15px;margin:0}.observation .notice{font-size:13px;color:#617254;border-top:1px solid #cfdbc0;margin-top:15px;padding-top:15px}.hint-panel h3{font-size:18px;line-height:1.6;margin:27px 0 10px}.hint-panel details{border:1px solid #e3e8d8;border-radius:15px;margin:10px 0;background:#fffef9}.hint-panel summary{cursor:pointer;list-style:none;padding:17px 16px;font-size:15px;font-weight:700;line-height:1.65;display:flex;align-items:center;gap:10px}.hint-panel summary:after{content:"＋";margin-left:auto;color:#819371}.hint-panel details[open] summary:after{content:"−"}.hint-panel details[open] summary{border-bottom:1px solid #e7ebdc}.detail-body{padding:0 17px 17px}.detail-body p{font-size:14px}.hint-panel .quote{color:#385f42;font-weight:700;font-size:17px;line-height:1.85;background:#f4f4e8;padding:15px;border-radius:12px}.voice-card{padding:20px 0;border-bottom:1px solid #e3e8d8}.voice-card small{font-size:13px;color:#7a895d}.voice-card p{font-size:14px}.voice-card .quote{margin:12px 0}.like-privacy{font-size:12px;color:#877d64;background:#f8efd9;padding:12px 15px;border-radius:12px;margin-top:25px}.like-btn{border:1px solid #dfdfcb;background:#fffdf2;color:#687852;border-radius:24px;padding:8px 13px;font-size:13px}.like-btn[aria-pressed=true]{background:#f6dfd5;border-color:#e9b89c;color:#a35942}.like-btn:disabled{opacity:.6;cursor:wait}.like-error,.api-error{color:#a95c40;font-size:12px}.api-error:empty{display:none}.retry-likes{border:0;background:none;text-decoration:underline;color:#6d7c57;font-size:13px}.scene-again{width:100%;border:0;border-radius:15px;background:#376c50;color:white;padding:15px;font-size:14px;margin-top:20px}@keyframes panel-in{from{opacity:0;transform:translateX(25px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:701px){.invitation{top:104px}}
@media(min-width:1200px){.panel-open .hint-panel{width:480px;right:40px}.panel-open .world-tools{left:50px}}
@media(max-width:700px){#adventure{min-height:720px}.masthead{top:22px;left:22px;right:22px;gap:10px}.brand{font-size:20px;gap:9px}.brand-mark{width:36px;height:39px;font-size:29px;border-radius:13px}.brand small{font-size:10px;letter-spacing:.02em}.preview-badge{padding:7px 9px;font-size:10px}.invitation{top:108px}.eyebrow{font-size:11px;letter-spacing:.12em}.invitation>p:last-child{font-size:12px;margin-top:10px}h1{font-size:25px}.places{bottom:93px;width:calc(100% - 32px);gap:10px}.place-card{border-radius:18px;padding:16px 13px;gap:9px}.place-symbol{display:none}.place-card small{font-size:10px}.place-card strong{font-size:14px}.place-arrow{font-size:18px}.landmark{font-size:12px;padding:10px 12px;gap:6px;border-radius:12px}.landmark-dot{width:7px;height:7px}.world-tools{bottom:43px;gap:7px}.drag-help{font-size:10px;margin:0}.world-tools button{font-size:11px;padding:7px 10px}.preview-note{font-size:9px;bottom:13px}.hint-panel{top:auto;bottom:0;left:10px;right:10px;width:auto;max-height:68%;border-radius:25px 25px 0 0}.panel-open .world-tools{left:16px;bottom:auto;top:86px}.panel-open .world-tools #motion-toggle{display:none}.panel-top{padding:16px 18px 9px}#panel-content{padding:8px 22px 32px}.hint-panel h2{font-size:22px}.panel-intro{margin-bottom:18px}.option-list{gap:9px}.option-button{padding:15px;font-size:15px}.panel-open .preview-note{display:none}.observation h2{font-size:20px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}