:root{--ink:#14110d;--soft:#55504a;--panel:#fcfaf6db;--hair:#14110d24;--sans:"Archivo Variable", system-ui, sans-serif;--mono:"IBM Plex Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;background:#e9e3d6;overflow:hidden}#scene{touch-action:none;cursor:grab;display:block;position:fixed;inset:0}#scene.grabbing{cursor:grabbing}#scene.pointing{cursor:pointer}.layer{z-index:5;position:fixed}.mono{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;font-size:.72rem}#topbar{pointer-events:none;justify-content:space-between;align-items:baseline;padding:1.4rem 1.6rem;display:flex;inset:0 0 auto}#topbar .brand{pointer-events:auto;color:var(--ink);text-decoration:none}#topbar,#hint p,#hint .or,#legend{text-shadow:0 0 .15rem #f6f2eaf2,0 0 .9rem #f6f2ead9}#topbar .name{letter-spacing:.02em;font-size:1.05rem}#topbar .sub{font-family:var(--mono);letter-spacing:.22em;text-transform:uppercase;color:var(--soft);margin-top:.2rem;font-size:.68rem;display:block}#counter b{font-size:1rem}#hint{text-align:center;flex-direction:column;align-items:center;gap:.9rem;transition:opacity .7s,visibility .7s;display:flex;bottom:16vh;left:50%;transform:translate(-50%)}#hint p{max-width:26rem;font-size:1.05rem;line-height:1.5}#hint .or{color:var(--soft)}#hint.gone{opacity:0;visibility:hidden}#btn-enter{font:inherit;background:var(--ink);color:#fbfbfa;cursor:pointer;border:0;border-radius:100px;padding:.7rem 1.6rem;font-size:.95rem}#bottombar{flex-direction:column;align-items:center;gap:.9rem;padding:1.2rem 1.6rem 1.6rem;transition:opacity .6s;display:flex;inset:auto 0 0}#progress{appearance:none;background:var(--hair);cursor:pointer;width:min(34rem,76vw);height:2px}#progress::-webkit-slider-thumb{appearance:none;background:var(--ink);cursor:pointer;border-radius:50%;width:13px;height:13px}#progress::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:13px;height:13px}.controls{align-items:center;gap:.5rem;display:flex}.controls .step{font-family:var(--sans);letter-spacing:0;padding:.5rem .85rem;font-size:1rem;line-height:1}#legend{color:var(--soft);letter-spacing:.1em;flex-wrap:wrap;justify-content:center;gap:.4rem 1.15rem;font-size:.64rem;display:flex}#legend b{color:var(--ink);font-weight:500}#legend .by-touch,#hint .by-touch,.by-narrow{display:none}@media (pointer:coarse){#legend .by-pointer,#hint .by-pointer{display:none}#legend .by-touch,#hint .by-touch{display:inline}}.controls button{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--hair);background:var(--panel);backdrop-filter:blur(10px);color:var(--soft);cursor:pointer;border-radius:100px;padding:.55rem 1rem;font-size:.68rem;transition:color .2s,border-color .2s,background .2s}.controls button:hover{color:var(--ink);border-color:var(--ink)}.controls button.on{background:var(--ink);border-color:var(--ink);color:#fbfbfa}#tooltip{pointer-events:none;opacity:0;background:var(--panel);backdrop-filter:blur(10px);border:1px solid var(--hair);max-width:15rem;padding:.5rem .75rem;transition:opacity .15s}#tooltip.show{opacity:1}#tooltip b{font-size:.95rem;font-weight:500;display:block}#tooltip span{font-family:var(--mono);color:var(--soft);font-size:.68rem}#panel{opacity:0;visibility:hidden;background:var(--panel);backdrop-filter:blur(16px);border:1px solid var(--hair);width:min(21rem,100vw - 2rem);padding:1.5rem;transition:opacity .4s,transform .4s,visibility .4s;top:50%;right:1.6rem;transform:translateY(-50%)translate(1.5rem)}#panel.show{opacity:1;visibility:visible;transform:translateY(-50%)translate(0)}#panel h1{margin:.35rem 0 .75rem;font-size:1.6rem;font-weight:500;line-height:1.1}#p-meta{color:var(--soft)}#p-size{color:var(--soft);text-transform:none;letter-spacing:.04em;margin-bottom:.75rem}.price{margin-bottom:1.2rem;font-size:1rem}.row{align-items:center;gap:.6rem;display:flex}.cta{text-align:center;background:var(--ink);color:#fbfbfa;flex:1;padding:.7rem 1rem;font-size:.9rem;text-decoration:none}#p-close{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;border:1px solid var(--hair);cursor:pointer;color:var(--soft);background:0 0;padding:.7rem .9rem;font-size:.68rem}#loader{z-index:20;background:#e9e3d6;flex-direction:column;justify-content:center;align-items:center;gap:1.2rem;transition:opacity .8s,visibility .8s;display:flex;position:fixed;inset:0}#loader.gone{opacity:0;visibility:hidden}#loader .ring{border:1.5px solid var(--hair);border-top-color:var(--ink);border-radius:50%;width:34px;height:34px;animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#loader .err{text-align:center;max-width:24rem;line-height:1.55;display:none}#loader.failed .ring{display:none}#loader.failed .err{display:block}#loader.failed{opacity:1;visibility:visible}@media (width<=46rem){#panel{width:auto;inset:auto .8rem 8.5rem;transform:translateY(1rem)}#panel.show{transform:translateY(0)}#panel h1{font-size:1.3rem}#hint p{font-size:.95rem}.by-wide{display:none}.by-narrow{display:inline}.controls{gap:.35rem}.controls button{padding:.5rem .7rem;font-size:.62rem}.controls .step{padding:.45rem .6rem;font-size:.9rem}#bottombar{padding:.9rem .9rem calc(1rem + env(safe-area-inset-bottom));gap:.7rem}#legend{gap:.25rem .7rem;font-size:.58rem}#hint{bottom:12rem}}@media (prefers-reduced-motion:reduce){#loader .ring{animation:none}}