*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#111613;color:#eee9db;font-family:Arial,'Malgun Gothic',sans-serif}button,a,label{touch-action:manipulation}button{color:inherit;background:none;border:0;font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #cabb91;outline-offset:5px}a{color:inherit;text-decoration:none}#scene{position:fixed;inset:0}#scene canvas{display:block;width:100%;height:100%}.shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,#101612ce,transparent 62%),linear-gradient(0deg,#101612,transparent 20%,transparent 80%,#101612b0)}header{position:fixed;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:30px 4%;font-size:12px}header a{display:flex;gap:15px;font-size:22px;color:#cabb91}header a span{font-size:15px;font-weight:bold;letter-spacing:4px;color:#eee9db}header small{display:block;font-size:8px;letter-spacing:2px;margin-top:7px}.chapter{letter-spacing:2px;color:#aeb6ac}.chapter i{margin:0 20px}#photos{border-bottom:1px solid #777e71;padding:12px}main{position:fixed;left:7%;top:27%;pointer-events:none;max-width:440px;transition:opacity .6s,transform .6s}.eyebrow{font-size:11px;letter-spacing:2.5px;color:#cabb91}h1{font-family:Georgia,'Batang',serif;font-weight:400;font-size:clamp(42px,5.4vw,82px);letter-spacing:-3px;line-height:1.2;margin:25px 0}h1 em{font-style:normal;color:#ddd6c5}.description{font-size:15px;line-height:1.9;color:#c9cec3}.rule{width:40px;border-top:1px solid #cabb91;margin:30px 0}.record{font-size:9px;letter-spacing:2px;color:#a5ad9f}.record b,.record span{display:block;margin-top:10px;letter-spacing:1px}.record b{color:#eee9db;font-size:12px}.explore{pointer-events:auto;border-bottom:1px solid #cabb91;padding:20px 0 12px;min-width:220px;text-align:left;margin-top:12px}.explore span{float:right}body.exploring main{opacity:0;transform:translateX(-30px)}body.exploring main button{pointer-events:none}.tools{position:fixed;bottom:120px;right:4%;display:flex;gap:8px;background:#131a16c9;padding:8px;border:1px solid #ffffff25}.tools button{font-size:11px;padding:10px}.tools button[aria-pressed=true]{color:#ddc78c}.tools button:disabled{opacity:.4}footer{position:fixed;bottom:0;left:4%;right:4%;height:90px;border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#adb7a8}.views{display:flex;gap:30px}.views button{padding:14px 0;position:relative;font-size:12px}.views small{font-size:9px;margin-right:10px;color:#9b9f91}.views .active{color:#ebd5a1}.views .active:before{content:'';position:absolute;top:-14px;left:0;right:0;border-top:2px solid #d6bf87}#loading{position:fixed;bottom:180px;right:4%;width:270px;padding:18px;background:#111813dc;font-size:11px;line-height:1.7}#loading[hidden]{display:none}progress{display:block;width:100%;height:3px;margin-top:15px;accent-color:#cfbd8c}.pulse{display:inline-block;background:#cfbd8c;width:5px;height:5px;border-radius:50%;margin-right:8px}dialog{background:#19201b;color:#eee9db;border:1px solid #687260;width:min(900px,90vw);max-height:85vh;padding:32px}dialog::backdrop{background:#000b}dialog h2{font-family:Georgia,'Batang',serif;font-weight:400;font-size:36px}#close-photos{float:right}.upload{display:inline-block;padding:13px 20px;background:#cabb91;color:#171c18;cursor:pointer}.upload input{display:none}.fine{font-size:11px;color:#adb7a8}#photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}#photo-grid figure{margin:0}#photo-grid img{width:100%;max-height:400px;object-fit:contain}#photo-grid figcaption{font-size:11px;padding:8px;overflow-wrap:anywhere}@media(max-width:700px){header{padding:22px 5%}.chapter{display:none}main{top:23%;left:7%}h1{font-size:48px}.tools{bottom:100px;left:5%;right:5%;justify-content:space-between;gap:0}.tools button{font-size:10px;padding:8px 5px}footer{height:80px}.views{gap:18px}footer p,footer>a{display:none}#loading{bottom:160px}.record{max-width:260px}#photo-grid{grid-template-columns:1fr}}

@media(min-width:701px) and (max-height:850px){main{top:20%;}h1{font-size:56px;margin:16px 0}.rule{margin:18px 0}.explore{margin-top:0;padding-top:12px}.record{margin-bottom:5px}}
@media(max-height:650px){main{top:17%}h1{font-size:38px}.rule,.record{display:none}.description{font-size:13px}.explore{padding-top:8px}}

.tools select{font:inherit;font-size:11px;color:#eee9db;background:#19201b;border:1px solid #ffffff25;padding:8px;max-width:135px}.tools select:disabled{opacity:.4}.tools select:focus-visible{outline:2px solid #cabb91}@media(max-width:700px){.tools select{max-width:105px;font-size:10px;padding:4px}}

.pivot-marker{position:fixed;pointer-events:none;width:22px;height:22px;border:1px solid #f0d695;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 5px #111a1760}.pivot-marker:after{content:"";position:absolute;inset:8px;background:#f0d695;border-radius:50%}.pivot-status{position:fixed;right:4%;bottom:185px;font-size:11px;color:#eee9db;background:#111813b0;padding:8px 12px;pointer-events:none}@media(max-width:700px){.pivot-status{bottom:155px}}