:root{font-family:Arial,Helvetica,sans-serif;color:#303a36;background:#e9e5dc;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:2px solid #947044;outline-offset:5px}button{transition:background .18s,transform .18s}button:active{transform:scale(.96)}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}header{position:absolute;top:35px;left:44px;right:44px;display:flex;align-items:center;justify-content:space-between;z-index:2}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:10px;font-size:18px;letter-spacing:3px;font-weight:700}.brand-mark{font-size:31px;transform:rotate(-25deg);font-weight:400}.brand-small{font-size:8px;letter-spacing:1.6px;border-left:1px solid #acaea2;margin-left:12px;padding-left:20px;font-weight:400}.header-right{font-size:9px;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:#677d60}.circle{margin-left:21px;border:1px solid #a9ada0;width:29px;height:29px;border-radius:50%;background:transparent;font-family:Georgia;font-size:15px}.intro{position:absolute;left:5.5%;top:19%;width:300px;pointer-events:none}.intro button{pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.6px;display:flex;align-items:center;gap:13px}.line{width:24px;height:1px;background:#8c9183}h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(62px,6.4vw,101px);line-height:.99;letter-spacing:-5px;font-weight:400;margin:27px 0 21px}h1 span{color:#9c7750}.subtitle{font-family:Georgia,serif;font-size:19px;line-height:1.5;color:#707468;margin:0}.intro-rule{width:37px;height:1px;background:#acae9f;margin:27px 0 19px}.description{font-size:12px;line-height:1.85;color:#757a6e;max-width:260px}.explore{border:0;border-bottom:1px solid #969d8f;background:transparent;padding:12px 0;display:flex;justify-content:space-between;align-items:center;width:221px;font-size:11px;margin-top:17px}.explore span{font-size:22px}.facts{display:flex;gap:26px;margin-top:33px}.facts strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.facts strong span{font-size:13px}.facts small{display:block;font-size:7px;letter-spacing:1.2px;color:#7c8173;margin-top:9px}.scene-label{position:absolute;left:48%;top:17%;display:flex;gap:9px;align-items:center;font-size:8px;letter-spacing:1.5px;color:#6f7867}.label-divider{margin:0 5px;color:#a9ac9e}.detail{position:absolute;right:36px;bottom:152px;width:266px;padding:20px 22px;background:#f5f3ebd9;border:1px solid #fff8;box-shadow:0 8px 35px #4a44300b;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.detail-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:1.5px;color:#858877}.detail-top button{font-size:20px;line-height:14px;border:0;background:none;padding:0}.detail h2{font-family:Georgia,serif;font-weight:400;font-size:20px;line-height:1.25;margin:20px 0 12px}.detail p{font-size:10px;color:#7a7d70;line-height:1.85}.detail #next-detail{width:100%;border:0;border-top:1px solid #d7d9cc;background:none;text-align:left;padding:15px 0 0;margin-top:8px;font-size:9px}.detail #next-detail span{float:right;font-size:15px}.toolbar{position:absolute;bottom:65px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:13px;background:#f6f5eedf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #fff9;box-shadow:0 5px 24px #504c3710;padding:9px;border-radius:8px;white-space:nowrap}.toolbar button{border:0;background:transparent;font-size:10px;height:35px;border-radius:4px;padding:0 14px}.mode-controls{display:flex;gap:3px}.mode-controls button.active{background:#3c493f;color:#fff}.tiny{font-size:6px;letter-spacing:.6px;margin-left:5px;opacity:.7}.toolbar-divider{height:21px;width:1px;background:#d5d8cc}.tool{display:flex;align-items:center;gap:7px;color:#858a7b}.tool span{font-size:17px}.tool.active{color:#344a37}.toolbar button:hover{background:#e2e5d9}.toolbar .quality{font-size:8px;letter-spacing:1px;border-left:1px solid #d5d8cc;border-radius:0;padding:0 12px}.quality span{margin-left:10px}footer{position:absolute;bottom:25px;left:44px;right:44px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#868b7c;pointer-events:none}footer i{margin:0 9px;font-style:normal}.marker{position:absolute;border:1px solid #fff9;background:#f5f3e6dd;width:25px;height:25px;border-radius:50%;font-size:9px;color:#5e6854;box-shadow:0 2px 14px #292b2422;z-index:1}.marker:hover{background:#38493e;color:#fff}#help-panel{position:absolute;z-index:5;top:90px;right:44px;background:#f6f4eb;padding:28px;width:310px;border:1px solid #d1d4c6;box-shadow:0 10px 50px #3b39261a}#help-panel h2{font-family:Georgia;font-size:24px;font-weight:400}#help-panel p{font-size:12px;line-height:1.8}#help-panel button{background:#3c493f;color:#fff;border:0;padding:10px 22px}#loading{position:absolute;inset:0;background:#e9e5dc;display:flex;align-items:center;justify-content:center;gap:18px;font-size:10px;letter-spacing:3px;z-index:10;transition:opacity .5s}.loading-mark{font-size:36px}#loading.done{opacity:0;pointer-events:none}#toast{position:absolute;top:95px;left:50%;transform:translate(-50%);font-size:11px;background:#f7f5ed;padding:12px 20px;opacity:0;pointer-events:none;transition:opacity .2s}#toast.show{opacity:1}@media(max-width:1000px){.brand-small,.header-right>span:last-of-type{display:none}.intro{left:5%;width:230px}.description{max-width:220px}.detail{width:220px;right:24px}.facts{gap:20px}.toolbar{gap:3px}.toolbar button{padding:0 10px}}@media(max-width:700px){header{top:20px;left:22px;right:22px}.brand{font-size:14px}.intro{top:110px;left:25px;width:220px}h1{font-size:57px;letter-spacing:-3px;margin:18px 0 15px}.subtitle{font-size:15px}.description,.intro-rule,.facts,.explore{display:none}.scene-label{top:auto;bottom:170px;left:25px;font-size:7px}.detail{bottom:175px;right:20px;width:185px;padding:14px}.detail h2{font-size:17px;margin:14px 0 8px}.detail p{font-size:9px}.toolbar{bottom:65px;max-width:calc(100vw - 28px);flex-wrap:wrap;justify-content:center;gap:2px;padding:6px}.toolbar button{font-size:9px;padding:0 10px;height:29px}.tiny,.toolbar-divider,.quality,footer>span:last-child{display:none}footer{bottom:25px;left:25px;right:25px;font-size:6px;letter-spacing:1px}.header-right{gap:0}.header-right .live-dot{display:none}.circle{margin-left:0}#help-panel{right:20px;width:280px}.marker{width:22px;height:22px}}[hidden]{display:none!important}@media(max-width:700px){.header-right{font-size:0}.detail{bottom:174px;width:230px}.scene-label{bottom:152px}.intro{pointer-events:none}.toolbar{width:calc(100vw - 50px);max-width:340px}.toolbar .mode-controls{flex-shrink:0}#toast{width:calc(100vw - 40px);text-align:center;font-size:10px}}