:root{--ink:#120d0b;--walnut:#2b1d17;--bone:#efe6d6;--brass:#c9a765;--brass-deep:#8c6d3a;--green:#1f3b33;--oxblood:#5a1f22;--display:"Bodoni Moda","Didot","Bodoni MT",Georgia,serif;--ui:"Jost","Avenir Next","Segoe UI",system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;color:var(--bone);font-family:var(--ui);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}canvas#gl{touch-action:none;outline:none;width:100%;height:100%;display:block;position:fixed;inset:0}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--brass);outline-offset:2px}#start{z-index:30;background:radial-gradient(120% 90% at 85% 10%,#3a2519 0%,#1a120e 45%,var(--ink) 100%);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;gap:4vw;padding:7vh 6vw;transition:opacity .6s;display:grid;position:fixed;inset:0}#start:before{content:"";pointer-events:none;border:1.5px dashed #c9a76573;position:absolute;inset:18px}#start.out{opacity:0;pointer-events:none}.mark{font-family:var(--display);letter-spacing:.02em;margin:0;font-size:clamp(3.2rem,10.5vw,10rem);font-weight:500;line-height:.86}.mark small{letter-spacing:.62em;color:var(--brass);margin-top:.5em;font-size:.36em;display:block}.lede{color:#cdbfa9;max-width:34ch;margin:2.2rem 0 0;font-size:1.06rem;line-height:1.55}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#120d0b99;border:1px solid #c9a7654d;padding:1.6rem 1.6rem 1.4rem;position:relative}.panel h2{font-family:var(--display);margin:0 0 .5rem;font-size:1.5rem;font-style:italic;font-weight:500}#status{color:#cdbfa9;min-height:3em;margin:0 0 1rem;font-size:.95rem;line-height:1.5}#status b{color:var(--bone);font-weight:500}#drop{text-align:center;color:#cdbfa9;cursor:pointer;border:1.5px dashed #c9a7658c;padding:1.1rem;font-size:.93rem;transition:background .2s}#drop.over{background:#c9a76524}#drop u{color:var(--brass);text-underline-offset:3px}.row{gap:.5rem;margin-top:.7rem;display:flex}.row input{min-width:0;color:var(--bone);font:inherit;background:#0c0908;border:1px solid #c9a7654d;flex:1;padding:.6rem .7rem;font-size:.88rem}.btn{background:0 0;border:1px solid #c9a76599;padding:.6rem .95rem;font-size:.88rem}.btn:hover{background:#c9a76524}#enter{background:var(--brass);width:100%;color:var(--ink);letter-spacing:.04em;border:0;margin-top:1.2rem;padding:1rem;font-size:1.02rem;font-weight:500;display:block}#enter:hover{background:#dcbc7c}#enter[disabled]{opacity:.5;cursor:progress}.hint{color:#9c8f7c;margin:.9rem 0 0;font-size:.8rem;line-height:1.5}@media (width<=820px){#start{grid-template-columns:1fr;align-items:center;padding:9vh 8vw;overflow:auto}}#hud{z-index:10;pointer-events:none;opacity:0;transition:opacity .8s;position:fixed;inset:0}#hud.on{opacity:1}#hud>*{pointer-events:auto}.glass{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#120d0bb8;border:1px solid #c9a76552}#brand{left:max(18px,env(safe-area-inset-left));top:max(16px,env(safe-area-inset-top));pointer-events:none;position:absolute}#brand .w{font-family:var(--display);letter-spacing:.12em;font-size:1.25rem}#where{font-family:var(--display);color:var(--brass);margin-top:.15rem;font-size:1.05rem;font-style:italic}#tools{left:max(18px,env(safe-area-inset-left));gap:.4rem;display:flex;position:absolute;top:86px}#tools .btn{background:#120d0b99;padding:.42rem .7rem;font-size:.8rem}#mapbox{right:max(16px,env(safe-area-inset-right));top:max(16px,env(safe-area-inset-top));padding:8px;position:absolute}#map{cursor:pointer;display:block}#mapnow{font-family:var(--display);color:#e9d3a3;text-align:center;word-break:break-word;max-width:176px;min-height:1.3em;margin-top:6px;font-size:.95rem}#roomtoast{z-index:12;pointer-events:none;opacity:0;text-align:center;color:#e9d3a3;font-family:var(--display);letter-spacing:.08em;background:#17110ec7;border:1px solid #c9a7658c;max-width:86vw;padding:.7rem 1.4rem;font-size:clamp(1.1rem,3.4vw,1.7rem);transition:opacity .5s,transform .5s;position:fixed;top:18%;left:50%;transform:translate(-50%,-8px)}#roomtoast small{font-family:var(--ui,inherit);letter-spacing:.18em;color:#b8ab96;margin-bottom:.15rem;font-size:.72rem;display:block}#roomtoast.on{opacity:1;transform:translate(-50%)}#mapcap{color:#b8ab96;text-align:center;margin-top:6px;font-size:.72rem}#keys{left:max(18px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));color:#d6c9b3;padding:.6rem .85rem;font-size:.8rem;line-height:1.7;position:absolute}#keys kbd{font-family:var(--ui);color:var(--bone);border:1px solid #c9a76580;border-radius:2px;padding:0 .38em;font-size:.92em}#pager{left:50%;bottom:max(20px,env(safe-area-inset-bottom));align-items:center;gap:.7rem;padding:.45rem .6rem;font-size:.88rem;display:none;position:absolute;transform:translate(-50%)}#pager.on{display:flex}#pager button{background:0 0;border:1px solid #c9a76580;width:2.1rem;height:2.1rem;font-size:1.05rem}#pager button:hover{background:#c9a76529}#dir{left:max(18px,env(safe-area-inset-left));width:min(320px,80vw);max-height:60vh;padding:.5rem;display:none;position:absolute;top:128px;overflow:auto}#dir.on{display:block}#dir button{text-align:left;background:0 0;border:0;border-bottom:1px solid #c9a76524;align-items:baseline;gap:.7rem;width:100%;padding:.55rem .5rem;font-size:.9rem;display:flex}#dir button:hover{background:#c9a7651f}#dir .n{color:var(--brass);font-family:var(--display);min-width:1.6em}#dir .c{color:#9c8f7c;margin-left:auto;font-size:.78rem}#detail{z-index:5;background:#120d0bf0;border-left:1px solid #c9a76559;width:min(430px,94vw);padding:1.3rem 1.3rem 2rem;transition:transform .35s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;right:0;overflow:auto;transform:translate(102%)}#detail.on{transform:none}#detail .dhead{z-index:3;background:#120d0b;justify-content:flex-end;align-items:center;padding:0 0 .4rem;display:flex;position:sticky;top:0}#detail .dttl{display:none}#detail .x{background:var(--ink);z-index:2;border:1px solid #c9a76580;flex:none;width:2.2rem;height:2.2rem;font-size:1rem}#dimg{aspect-ratio:1;object-fit:contain;background:#fff;width:100%;display:block}#dthumbs{gap:6px;padding:8px 0;display:flex;overflow-x:auto}#dthumbs img{object-fit:cover;cursor:pointer;opacity:.7;background:#fff;flex:none;width:58px;height:58px}#dthumbs img.on{opacity:1;outline:2px solid var(--brass)}#dcat{color:var(--brass);margin-top:.6rem;font-size:.82rem}#dname{font-family:var(--display);margin:.25rem 0 .4rem;font-size:1.35rem;font-weight:500;line-height:1.25}#dprice{font-size:1.1rem}#dvars{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.86rem}#dvars td{vertical-align:middle;border-top:1px solid #c9a76529;padding:.5rem .3rem}#dvars td:nth-child(2),#dvars td:nth-child(3){text-align:right;white-space:nowrap}#dvars a{white-space:nowrap;color:var(--ink);background:var(--brass);padding:.35rem .6rem;font-size:.8rem;text-decoration:none;display:inline-block}#dvars td:last-child{white-space:nowrap;text-align:right}#fade{z-index:20;opacity:0;pointer-events:none;background:#0b0807;transition:opacity .28s;position:fixed;inset:0}#fade.on{opacity:1}#stick{pointer-events:none;border:1px solid #c9a76580;border-radius:50%;width:110px;height:110px;display:none;position:absolute}#stick i{background:#c9a76580;border-radius:50%;width:44px;height:44px;margin:-22px;position:absolute;top:50%;left:50%}@media (width<=700px){#keys{display:none}#brand .w{font-size:1rem}}@media (prefers-reduced-motion:reduce){#start,#hud,#fade,#detail{transition:none}}#rtools,#hint{display:none}html.touch{--sy:max(16px,env(safe-area-inset-top))}html.touch .kk,html.touch #keys,html.touch #mapcap{display:none}html.touch #brand .w{font-size:1rem}html.touch #where{font-size:.9rem}html.touch #tools{top:calc(var(--sy) + 46px)}html.touch #tools .btn,html.touch #rtools .btn{background:#120d0b99;padding:.3rem .55rem;font-size:.72rem}html.touch #rtools{right:max(12px,env(safe-area-inset-right));top:var(--sy);flex-direction:column;align-items:flex-end;gap:.35rem;display:flex;position:absolute}html.touch #mapbox{right:max(12px,env(safe-area-inset-right));top:calc(var(--sy) + 70px);padding:6px;display:none}html.touch #mapbox.open{display:block}html.touch #mapnow{margin-top:4px;font-size:.8rem}html.touch #dir{top:calc(var(--sy) + 82px);width:min(300px,62vw);max-height:calc(100vh - 170px)}html.touch #hint{left:50%;bottom:calc(max(20px,env(safe-area-inset-bottom)) + 56px);pointer-events:none;opacity:0;color:#e9d3a3;text-align:center;background:#120d0bb8;border:1px solid #c9a76552;max-width:86vw;padding:.45rem .8rem;font-size:.78rem;transition:opacity .6s;display:block;position:absolute;transform:translate(-50%)}html.touch #hint.on{opacity:1}html.touch #detail .dttl{font-family:var(--display);color:var(--brass);margin-right:auto;font-style:italic;display:block}html.touch #dimg{max-height:30vh}@media (orientation:portrait){html.touch #detail{border-top:1px solid #c9a76559;border-left:0;width:auto;max-height:60dvh;padding:.4rem 1rem 1.2rem;inset:auto 0 0;transform:translateY(102%)}html.touch #detail.on{transform:none}}@media (orientation:landscape){html.touch #detail{width:min(430px,40vw);padding:.4rem 1rem 1.5rem}html.touch #dimg{max-height:36vh}}#loading{z-index:40;text-align:center;background:radial-gradient(120% 90% at 85% 10%,#3a2519 0%,#1a120e 45%,var(--ink) 100%);flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;padding:8vh 8vw;transition:opacity .6s;display:none;position:fixed;inset:0}#loading:before{content:"";pointer-events:none;border:1.5px dashed #c9a76573;position:absolute;inset:18px}#loading .mark{text-align:center;font-size:clamp(2.6rem,13vw,6rem)}#loading .bar{background:#c9a76540;width:min(180px,50vw);height:2px;position:relative;overflow:hidden}#loading .bar:after{content:"";background:var(--brass);width:40%;animation:1.3s ease-in-out infinite lslide;position:absolute;top:0;bottom:0}#loading .bar.off{visibility:hidden}@keyframes lslide{0%{left:-40%}to{left:100%}}#lstatus{color:#cdbfa9;max-width:32ch;margin:0;line-height:1.5}html.instant #loading{display:flex}html.instant #loading.out{opacity:0;pointer-events:none;visibility:hidden}html.instant #start,html.instant #drop,html.instant #file,html.instant #bcat{display:none}@media (prefers-reduced-motion:reduce){#loading{transition:none}#loading .bar:after{width:100%;animation:none;left:0}}html.touch #brand{text-shadow:0 1px 3px #000000e6;background:#120d0b9e;border-radius:3px;padding:.35rem .6rem}html.touch #brand .w{color:var(--bone)}html.touch #tools .btn,html.touch #rtools .btn{color:var(--bone);background:#17110e;border-color:#c9a765b3}html.touch #dname{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@media (orientation:portrait){html.touch #dname{margin:.15rem 0 .25rem;font-size:1.05rem;line-height:1.2}html.touch #dimg{max-height:22vh}html.touch #dvars{margin-top:.5rem}}