:root{--bg:#0b0e14;--ink:#f2efe8;--ink-dim:#f2efe899;--accent:#7fc7a4;--accent2:#2b4a6a;--serif:"Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow:hidden}#view{touch-action:none;cursor:crosshair;width:100vw;height:100vh;display:block;position:fixed;inset:0}#ui{pointer-events:none;position:fixed;inset:0}#ui>*{pointer-events:auto}button{font:inherit;color:inherit}kbd{font-family:var(--sans);letter-spacing:.02em;vertical-align:1px;background:#ffffff1f;border:1px solid #ffffff2e;border-bottom-width:2px;border-radius:5px;padding:.15em .45em;font-size:.72em;display:inline-block}.dim{opacity:.35}.btn{appearance:none;color:var(--ink);letter-spacing:.02em;cursor:pointer;background:#ffffff14;border:1px solid #ffffff2e;border-radius:999px;padding:.75rem 1.4rem;font-size:.95rem;text-decoration:none;transition:background .2s,transform .15s,border-color .2s;display:inline-block}.btn:hover{background:#ffffff29;transform:translateY(-1px)}.btn.primary{background:var(--accent);color:#0b0e14;border-color:#0000;font-weight:600}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{background:0 0}.menu{opacity:0;background:radial-gradient(120% 80% at 50% 0,#1a2233 0%,#0b0e14 60%);transition:opacity .6s;position:absolute;inset:0;overflow-y:auto}.menu.show{opacity:1}.menu-bg{pointer-events:none;background:radial-gradient(60% 40% at 20% 20%,#7fc7a41a,#0000 60%),radial-gradient(50% 40% at 80% 30%,#f4a0781a,#0000 60%),radial-gradient(40% 30% at 50% 90%,#7896ff14,#0000 60%);position:absolute;inset:0}.menu-inner{flex-direction:column;gap:28px;max-width:1180px;margin:0 auto;padding:clamp(28px,6vh,64px) 24px 48px;display:flex;position:relative}.menu-head{text-align:center}.kicker{font-family:var(--sans);text-transform:uppercase;letter-spacing:.28em;color:var(--ink-dim);font-size:.72rem}.menu-head h1{font-family:var(--serif);letter-spacing:-.01em;margin:.1em 0;font-size:clamp(3rem,9vw,6.5rem);font-weight:400;line-height:1}.menu-head h1 em{color:var(--accent);font-style:italic}.lede{max-width:640px;color:var(--ink-dim);margin:0 auto;font-size:1.05rem;line-height:1.55}.worlds{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}@media (width<=1100px){.worlds{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.worlds{grid-template-columns:minmax(0,1fr)}}.world-card{text-align:left;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:22px;flex-direction:column;min-height:380px;padding:0;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden}.world-card:hover{border-color:#ffffff40;transform:translateY(-4px)}.world-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 30px 60px -30px var(--accent)}.world-art{height:170px;position:relative;overflow:hidden}.world-text{flex-direction:column;gap:6px;padding:16px 18px 18px;display:flex}.world-sub{text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:.66rem}.world-title{font-family:var(--serif);font-size:1.75rem;line-height:1.1}.world-blurb{color:var(--ink-dim);font-size:.88rem;line-height:1.5}.world-meta{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.world-meta span{color:var(--ink-dim);background:#ffffff12;border-radius:999px;padding:3px 9px;font-size:.72rem}.world-card.soon{opacity:.5;pointer-events:none}.art-ghibli{background:linear-gradient(#0f2140 0%,#2a4d7a 45%,#6fb0c8 70%,#1a3550 71%,#10243a 100%)}.art-ghibli:before{content:"";background:#fff6d6;border-radius:50%;width:46px;height:46px;position:absolute;top:18%;left:12%;box-shadow:0 0 40px 10px #fff0c859}.art-ghibli:after{content:"";background-color:#0000;background-image:repeating-linear-gradient(90deg,#0000 0 14px,#ffd278bf 14px 20px,#0000 20px 34px),linear-gradient(#b3372c 0 22%,#2f5d4f 22% 30%,#b3372c 30% 55%,#2f5d4f 55% 63%,#b3372c 63% 100%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:4px 4px 0 0;width:40%;height:34%;position:absolute;bottom:26%;right:10%;box-shadow:0 0 60px #ffaa5a59}.art-dream{background:radial-gradient(14% 18% at 72% 26%,#fff6d8 0 45%,#fff0c859 60%,#0000 100%),radial-gradient(60% 40% at 38% 66%,#1c3a2a 0 60%,#0000 61%),linear-gradient(#0a1636 0%,#1c3260 48%,#3a5a7c 70%,#e8a85a 71%,#2a3a2a 72%,#142418 100%)}.art-dream:before{content:"";background:#1a2a1e;border-radius:40% 40% 0 0;width:9%;height:30%;position:absolute;bottom:30%;left:34%}.art-dream:after{content:"";background-color:#d8893a;background-image:radial-gradient(circle at 88% 38%,#fff4b0 0 6%,#0000 7%),radial-gradient(circle at 76% 38%,#fff4b0 0 6%,#0000 7%);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-radius:46% 54% 30% 30%;width:34%;height:15%;position:absolute;bottom:14%;left:12%;box-shadow:inset -12px 0 #c07428,0 0 30px #ffc87840}.art-anderson{background:linear-gradient(#f6c8d6 0 45%,#e79bb0 45% 47%,#f2dbc4 47% 100%)}.art-anderson:before{content:"";background:#f2a9bf repeating-linear-gradient(90deg,#0000 0 16px,#fff 16px 22px,#0000 22px 34px);border:3px solid #d97a98;border-radius:6px 6px 0 0;width:52%;height:60%;position:absolute;top:22%;left:50%;transform:translate(-50%);box-shadow:inset 0 0 0 10px #f7c1d2}.art-anderson:after{content:"";background:#b93a4c;border-radius:4px;width:18%;height:14%;position:absolute;top:12%;left:50%;transform:translate(-50%)}.art-amelie{background:radial-gradient(90% 70% at 50% 100%,#b7472c 0%,#6d2a1a 55%,#1f3b2e 100%)}.art-amelie:before{content:"";background:#e9dcc0;border-radius:40% 40% 4px 4px;width:34%;height:46%;position:absolute;bottom:20%;left:50%;transform:translate(-50%);box-shadow:0 0 40px #ffc87859}.art-amelie:after{content:"";background:#e9dcc0;border-radius:40% 40% 0 0;width:8%;height:30%;position:absolute;bottom:20%;left:30%;box-shadow:.9em 0 #0000,8.33333vw 0 #e9dcc0}.mode-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.modes{flex-wrap:wrap;gap:10px;display:flex}.mode{text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;flex-direction:column;gap:3px;min-width:240px;padding:12px 16px;transition:border-color .2s,background .2s;display:flex}.mode.on{border-color:var(--accent);background:#ffffff17}.mode b{font-weight:600}.mode span{color:var(--ink-dim);font-size:.82rem}.btn.start{background:var(--accent);color:#0b0e14;border-color:#0000;padding:1rem 2.2rem;font-size:1.1rem;font-weight:600}.menu-foot{color:var(--ink-dim);flex-direction:column;gap:12px;font-size:.85rem;display:flex}.controls{flex-wrap:wrap;gap:10px 18px;display:flex}.opt{cursor:pointer;align-items:center;gap:8px;display:flex}.fine{opacity:.7;font-size:.75rem}.loading{background:var(--bg);z-index:5;place-items:center;transition:opacity .9s;display:grid;position:absolute;inset:0}.loading.done{opacity:0;pointer-events:none}.loading-box{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.loading-sub{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);font-size:.7rem}.loading-title{font-family:var(--serif);font-size:2.6rem}.loading-bar{background:#ffffff1f;border-radius:2px;width:220px;height:2px;overflow:hidden}.loading-bar i{background:var(--accent);width:40%;height:100%;animation:1.1s ease-in-out infinite slide;display:block}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(260%)}}.loading-hint{color:var(--ink-dim);margin-top:8px;font-size:.85rem}.hud,#ui>.hud{pointer-events:none;font-family:var(--sans);--pad:clamp(14px, 2.5vw, 28px);position:absolute;inset:0}.hud *{pointer-events:none}.reticle{opacity:.9;width:min(38vw,46vh);height:min(38vw,46vh);transition:opacity .4s,width .3s,height .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.reticle .corner{border:1.5px solid #ffffffd9;width:26px;height:26px;position:absolute}.reticle .tl{border-bottom:none;border-right:none;top:0;left:0}.reticle .tr{border-bottom:none;border-left:none;top:0;right:0}.reticle .bl{border-top:none;border-right:none;bottom:0;left:0}.reticle .br{border-top:none;border-left:none;bottom:0;right:0}.reticle .dot{background:#ffffffe6;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #ffffff1f}.reticle .corner,.reticle .dot{transition:border-color .2s,background .2s,transform .2s}.reticle.moment .corner{filter:drop-shadow(0 0 3px #00000073)drop-shadow(0 0 6px #ffc86e8c);border-width:2.5px;border-color:#ffd98a}.reticle.moment .tl{transform:translate(6px,6px)}.reticle.moment .tr{transform:translate(-6px,6px)}.reticle.moment .bl{transform:translate(6px,-6px)}.reticle.moment .br{transform:translate(-6px,-6px)}.reticle.moment .dot{background:#ffd98a}.subject-tag{letter-spacing:.04em;text-shadow:0 1px 8px #000000b3;opacity:0;white-space:nowrap;text-align:center;font-size:.95rem;transition:opacity .25s,transform .25s;position:absolute;top:calc(50% + min(19vw,23vh) + 14px);left:50%;transform:translate(-50%,6px)}.subject-tag.show{opacity:1;transform:translate(-50%)}.subject-tag .from{text-transform:uppercase;letter-spacing:.2em;color:var(--accent);margin-top:2px;font-size:.7rem;display:block}.subject-tag .moment{font-family:var(--serif);letter-spacing:.02em;color:#ffd98a;margin-top:6px;font-size:1.05rem;font-style:italic;display:block}.hud-top{left:var(--pad);right:var(--pad);top:var(--pad);justify-content:space-between;align-items:flex-start;display:flex;position:absolute}.world-title{font-family:var(--serif);letter-spacing:.04em;opacity:.75;text-shadow:0 1px 8px #0009;font-size:1.05rem}.caption{font-family:var(--serif);opacity:0;text-shadow:0 2px 14px #000000b3;margin-top:4px;font-size:clamp(1.2rem,2.4vw,1.9rem);font-style:italic;transition:opacity .8s,transform .8s;transform:translateY(6px)}.caption.show{opacity:1;transform:translateY(0)}.film{font-variant-numeric:tabular-nums;text-shadow:0 1px 8px #000000b3;align-items:center;gap:8px;font-size:1.3rem;display:flex}.film-icon{border:1.5px solid #ffffffd9;border-radius:3px;width:18px;height:14px;display:inline-block;position:relative}.film-icon:after{content:"";border:1.5px solid #ffffffd9;border-radius:50%;width:6px;height:6px;position:absolute;top:2px;left:4px}.film.low{color:#ffb27a}.film.shake{animation:.4s shake}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.toasts{left:50%;top:calc(var(--pad) + 10px);flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;transform:translate(-50%)}.toast{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;background:#0a0c128c;border:1px solid #ffffff1f;border-radius:999px;padding:8px 16px;font-size:.9rem;transition:opacity .4s,transform .4s;transform:translateY(-8px)}.toast.show{opacity:1;transform:translateY(0)}.toast.discover{border-color:var(--accent)}.toast.warn{border-color:#ffb27a}.center-msg{text-align:center;width:max-content;max-width:calc(100% - 32px);font-family:var(--serif);opacity:0;text-shadow:0 1px 10px #000000b3;font-size:1.2rem;font-style:italic;transition:opacity .3s;position:absolute;top:calc(50% - min(19vw,23vh) - 34px);left:50%;transform:translate(-50%)}.center-msg.show{opacity:1}.lock-hint{letter-spacing:.06em;opacity:0;white-space:nowrap;background:#0a0c1280;border:1px solid #fff3;border-radius:999px;padding:8px 16px;font-size:.9rem;transition:opacity .4s;position:absolute;bottom:calc(50% - min(19vw,23vh) - 50px);left:50%;transform:translate(-50%)}.lock-hint.show{opacity:1}.zoom{right:var(--pad);opacity:.8;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.zoom-label{letter-spacing:.2em;font-size:.6rem}.zoom-track{background:#ffffff2e;border-radius:2px;align-items:flex-end;width:3px;height:120px;display:flex;overflow:hidden}.zoom-fill{background:#fff;width:100%;height:0%;transition:height .1s}.hud-bottom{left:var(--pad);right:var(--pad);bottom:calc(var(--pad) + 6px);justify-content:space-between;align-items:flex-end;gap:16px;display:flex;position:absolute}.hints{color:#ffffffbf;text-shadow:0 1px 6px #000000b3;flex-wrap:wrap;gap:8px 14px;max-width:60vw;font-size:.78rem;transition:opacity 1.2s;display:flex}.hints.fade{opacity:0}.tools{gap:10px;display:flex}.tool{background:#0a0c1273;border:1px solid #ffffff24;border-radius:12px;align-items:center;gap:8px;min-width:110px;padding:7px 12px;font-size:.8rem;display:flex;position:relative;overflow:hidden}.tool-fill{transform-origin:0;background:#ffffff24;position:absolute;inset:0;transform:scaleX(0)}.tool.ready{border-color:#ffffff59}.tool.hint{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 16px -2px var(--accent)}.tool.fired{animation:.28s ease-out tool-fired}@keyframes tool-fired{0%{background:#ffffff4d;transform:scale(.92)}to{transform:scale(1)}}.tool-key{background:#ffffff24;border-radius:5px;padding:2px 6px;font-size:.72rem;position:relative}.tool-name{text-transform:capitalize;position:relative}.progress{background:#ffffff1a;height:3px;position:absolute;bottom:0;left:0;right:0}.progress-fill{background:var(--accent);width:0;height:100%;transition:width .2s linear}.cards{right:var(--pad);bottom:calc(var(--pad) + 60px);flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute}.card{color:#1a1a1a;opacity:0;background:#f7f3ea;border-radius:6px;width:250px;padding:8px 8px 12px;transition:transform .5s cubic-bezier(.2,.9,.2,1.1),opacity .4s;transform:translate(120%)rotate(4deg);box-shadow:0 20px 50px #00000073}.card.show{opacity:1;transform:translate(0)rotate(-1.5deg)}.card.out{opacity:0;transform:translateY(30px)rotate(-4deg)}.card-photo{aspect-ratio:16/9;background:#222;border-radius:3px;overflow:hidden}.card-photo img{object-fit:cover;width:100%;height:100%;display:block}.card-body{padding:8px 4px 0}.card-title{font-family:var(--serif);font-size:1.1rem}.card-sub{text-transform:uppercase;letter-spacing:.14em;color:#7a6f60;font-size:.7rem}.card-stars{color:#d9a43a;letter-spacing:.05em;margin-top:3px;font-size:.95rem}.card-stars .dim{color:#bbb;opacity:.6}.card-score{margin-top:2px;font-size:1.25rem;font-weight:600}.card-score span{color:#7a6f60;font-size:.75rem;font-weight:400}.card-bonus{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.card-bonus span{color:#4a4036;background:#e7dfcf;border-radius:999px;padding:2px 7px;font-size:.68rem}.hud .tappable{pointer-events:auto;cursor:pointer}.hud .tappable *{pointer-events:none}.hud .tool.tappable:active{background:#ffffff40}.shutter{left:50%;bottom:calc(var(--pad) + 40px);background:#ffffff1f;border:3px solid #ffffffe6;border-radius:50%;place-items:center;width:74px;height:74px;display:grid;position:absolute;transform:translate(-50%)}.shutter i{background:#ffffffe6;border-radius:50%;width:54px;height:54px;display:block}.shutter:active i{transform:scale(.88)}.zoom-btn{right:calc(var(--pad) + 30px);color:#fff;background:#0a0c1273;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.4rem;line-height:1;display:grid;position:absolute}.zoom-in{top:calc(50% - 100px)}.zoom-out{top:calc(50% + 56px)}.hud.touch .hints,.hud.touch .tool-key{display:none}.hud.touch .zoom{right:calc(var(--pad) + 100px)}@media (pointer:coarse){.menu .controls,.menu .opt{display:none}}.hud.touch .tools{left:50%;bottom:calc(var(--pad) + 130px);position:absolute;transform:translate(-50%)}.hud.touch .hud-bottom{pointer-events:none}.hud.minimal .reticle,.hud.minimal .zoom,.hud.minimal .film,.hud.minimal .hints,.hud.minimal .tools,.hud.minimal .subject-tag,.hud.minimal .progress,.hud.minimal .zoom-btn{opacity:0}.hud.minimal .shutter,.hud.minimal .world-title{opacity:.35}.pause{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:0;background:#080a108c;place-items:center;transition:opacity .3s;display:grid;position:absolute;inset:0}.pause.show{opacity:1}.pause-box{text-align:center;flex-direction:column;gap:10px;min-width:300px;display:flex}.pause-box h2{font-family:var(--serif);margin:0;font-size:2.4rem;font-weight:400}.pause-sub{color:var(--ink-dim);margin:-6px 0 10px}.pause-help{color:var(--ink-dim);flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:12px;font-size:.78rem;display:flex}.album{opacity:0;background:#0b0e14;transition:opacity .8s;position:absolute;inset:0;overflow-y:auto}.album.show{opacity:1}.album-inner{flex-direction:column;gap:36px;max-width:1100px;margin:0 auto;padding:48px 24px 80px;display:flex}.album-head{text-align:center}.album-kicker{text-transform:uppercase;letter-spacing:.28em;color:var(--accent);font-size:.7rem}.album-head h1{font-family:var(--serif);margin:.1em 0;font-size:clamp(2.6rem,7vw,4.6rem);font-weight:400}.album-head p{color:var(--ink-dim);max-width:560px;margin:0 auto;line-height:1.5}.album-stats{justify-content:center;gap:34px;margin:22px 0;display:flex}.album-stats div{flex-direction:column;align-items:center;display:flex}.album-stats b{font-family:var(--serif);font-size:2.2rem;font-weight:400}.album-stats b i{opacity:.5;font-size:1.2rem;font-style:normal}.album-stats span{text-transform:uppercase;letter-spacing:.18em;color:var(--ink-dim);font-size:.72rem}.album-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.album h2{font-family:var(--serif);margin:0 0 14px;font-size:1.6rem;font-weight:400}.guide{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;display:grid}.guide-item{background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;align-items:center;gap:12px;padding:10px;display:flex}.guide-item.found{border-color:#ffffff2e}.guide-thumb{width:84px;height:56px;font-family:var(--serif);color:var(--ink-dim);background:#ffffff0f;border-radius:8px;flex-shrink:0;place-items:center;font-size:1.4rem;display:grid;overflow:hidden}.guide-thumb img{object-fit:cover;width:100%;height:100%;display:block}.guide-name{font-family:var(--serif);font-size:1.05rem}.guide-from{text-transform:uppercase;letter-spacing:.14em;color:var(--accent);font-size:.7rem}.guide-score{color:var(--ink-dim);margin-top:2px;font-size:.8rem}.guide-hint{color:var(--ink-dim);margin-top:2px;font-size:.78rem;line-height:1.35}.hero-shot{flex-direction:column;align-items:center;display:flex}.album-photo.hero{width:100%;max-width:640px;transform:rotate(-1deg)}.album-photo.hero:hover{transform:rotate(0)translateY(-3px)}.album-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.album-photo{color:#1a1a1a;cursor:pointer;background:#f7f3ea;border-radius:6px;margin:0;padding:8px 8px 10px;transition:transform .25s}.album-photo:hover{transform:translateY(-3px)rotate(-1deg)}.album-photo img{aspect-ratio:16/9;object-fit:cover;border-radius:3px;width:100%;display:block}.album-photo figcaption{flex-direction:column;gap:2px;padding-top:8px;display:flex}.album-photo figcaption b{font-family:var(--serif);font-size:1rem;font-weight:400}.album-photo figcaption span{color:#d9a43a;font-size:.85rem}.album-photo figcaption span .dim{color:#bbb}.album-photo figcaption em{color:#7a6f60;font-size:.75rem;font-style:normal}.empty{color:var(--ink-dim)}.lightbox{z-index:10;background:#05060ae6;place-items:center;display:none;position:fixed;inset:0}.lightbox.show{display:grid}.lightbox img{background:#f7f3ea;border:10px solid #f7f3ea;border-radius:4px;max-width:92vw;max-height:78vh}.lightbox-bar{gap:10px;display:flex;position:absolute;bottom:28px}@media (width<=720px){.hints{display:none}.cards{bottom:82px;right:12px}.card{width:190px}.reticle{width:56vw;height:56vw}.subject-tag{top:calc(50% + 28vw + 10px)}.center-msg{top:calc(50% - 28vw - 30px)}.mode-row{justify-content:center}}