:root{--cream:#fbf3e4;--ink:#2b2236;--wine:#7a1f3d;--mint:#8fd3c1;--gold:#d4a24c;--safe-l:env(safe-area-inset-left,0px);--safe-r:env(safe-area-inset-right,0px);color:var(--ink);font-family:-apple-system,SF Pro Rounded,Segoe UI,system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{overscroll-behavior:none;background:#140f1c;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation;background:0 0;border:0}img{-webkit-user-drag:none}#app{position:fixed;inset:0;overflow:hidden}#scroller{scrollbar-width:none;-webkit-overflow-scrolling:touch;position:absolute;inset:0;overflow:auto hidden}#scroller::-webkit-scrollbar{display:none}#world{position:relative}.bg{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.bg.ph{color:#e8dcc4;text-align:center;background:repeating-linear-gradient(45deg,#3a3150 0 40px,#352c4a 40px 80px);flex-direction:column;justify-content:flex-start;align-items:center;gap:8px;padding-top:110px;display:flex}.bg.ph span{font-size:30px;font-weight:700}.bg.ph small{opacity:.6;font-size:18px}#sprites{pointer-events:none;position:absolute;inset:0}.sprite{filter:drop-shadow(0 6px 12px #00000059);transition:filter .25s,opacity .25s;position:absolute;bottom:0}.sprite.shadow,.sprite.shadow.dim{filter:brightness(0)drop-shadow(0 0 6px #aabeff99)}.sprite.dim{filter:brightness(.6)saturate(.7)drop-shadow(0 6px 12px #00000059)}.investigating #sprites,.investigating #dlg{opacity:0;pointer-events:none}#dlg{left:calc(24px + var(--safe-l));right:calc(24px + var(--safe-r));background:var(--cream);border:4px solid var(--ink);border-radius:22px;min-height:150px;padding:30px 30px 22px 184px;transition:opacity .25s,transform .25s;position:absolute;bottom:20px;box-shadow:0 10px #00000040}#dlg.hidden{opacity:0;pointer-events:none;transform:translateY(30px)}#dlg .face{object-fit:cover;object-position:top;border:4px solid var(--ink);background:#e9dcc4;border-radius:18px;width:150px;height:174px;position:absolute;bottom:12px;left:16px}#dlg .name{color:#fff;border:3px solid var(--ink);border-radius:12px;padding:5px 18px;font-size:20px;font-weight:800;position:absolute;top:-20px;left:184px}#dlg .name:empty{display:none}#dlg .text{font-size:24px;line-height:1.4}#dlg.narr{color:var(--cream);border-color:var(--gold);background:#2b2236;padding-left:34px}#dlg.narr .text{font-style:italic}#dlg.thought{background:#ece8f3;border-style:dashed}#dlg.thought .text{font-style:italic}#dlg .next{opacity:0;color:var(--wine);font-size:18px;position:absolute;bottom:10px;right:22px}#dlg.ready .next{opacity:1;animation:.8s infinite bob}@keyframes bob{50%{transform:translateY(4px)}}#choices{z-index:5;flex-direction:column;gap:14px;width:min(620px,80vw);display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.choice{background:var(--cream);border:4px solid var(--ink);width:100%;min-height:60px;box-shadow:0 6px 0 var(--ink);border-radius:18px;padding:14px 24px;font-size:22px;font-weight:700;transition:transform .1s,box-shadow .1s;display:block}.choice:active{box-shadow:0 2px 0 var(--ink);transform:translateY(4px)}#hud{z-index:11;top:16px;right:calc(16px + var(--safe-r));gap:12px;display:flex;position:absolute}#hud button{background:var(--cream);border:4px solid var(--ink);width:66px;height:66px;box-shadow:0 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:30px;display:grid;position:relative}#btn-hint{display:none!important}#btn-hint.show{animation:2s infinite glow;display:grid!important}#btn-hint img{object-fit:cover;border-radius:50%;width:54px;height:54px}@keyframes glow{50%{box-shadow:0 4px 0 var(--ink), 0 0 0 8px #d4a24c80}}.badge{color:#fff;background:#e63946;border-radius:13px;min-width:26px;height:26px;padding:0 6px;font-size:15px;font-weight:800;line-height:26px;position:absolute;top:-6px;right:-6px}#phone{top:12px;bottom:12px;right:calc(12px + var(--safe-r));border:6px solid var(--ink);z-index:20;background:#f7f2ea;border-radius:36px;flex-direction:column;width:min(440px,46vw);transition:transform .35s cubic-bezier(.3,1.3,.5,1);display:flex;position:absolute;overflow:hidden;transform:translate(120%);box-shadow:-10px 0 40px #0006}#phone.open{transform:none}.phone-top{background:var(--ink);align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.tabs{flex:1;gap:6px;display:flex}.tabs button{color:#fff;background:#ffffff1a;border-radius:14px;flex:1;padding:10px;font-size:18px;font-weight:700}.tabs button.on{background:var(--wine)}#phone .close{color:#fff;background:#ffffff26;border-radius:50%;width:46px;height:46px;font-size:22px}.present-title{background:var(--gold);text-align:center;padding:12px 16px;font-size:19px;font-weight:800;display:none}#phone.present .present-title{display:block}#phone .body{-webkit-overflow-scrolling:touch;-webkit-user-select:text;user-select:text;flex:1;padding:14px;overflow-y:auto}.chat-title{text-align:center;opacity:.5;margin-bottom:10px;font-weight:800}.bubble{align-items:flex-end;gap:8px;margin:8px 0;display:flex}.bubble img{object-fit:cover;border:2px solid var(--ink);border-radius:50%;width:40px;height:40px}.bubble>div{background:#fff;border-radius:18px 18px 18px 4px;max-width:80%;padding:10px 14px;font-size:17px;line-height:1.35;box-shadow:0 2px #00000014}.bubble b{color:var(--wine);font-size:13px;display:block}.bubble.mine{justify-content:flex-end}.bubble.mine>div{background:var(--mint);border-radius:18px 18px 4px}.empty{text-align:center;opacity:.6;margin-top:40px}.clue-grid{gap:10px;display:grid}.clue-card{border:3px solid var(--ink);background:#fff;border-radius:16px;padding:12px 14px 12px 64px;position:relative}.clue-card .ic{font-size:36px;position:absolute;top:10px;left:12px}.clue-card b{font-size:18px}.clue-card p{opacity:.8;margin:4px 0 0;font-size:15px;line-height:1.35}.clue-card.pick{cursor:pointer;box-shadow:0 4px 0 var(--gold)}#toasts{z-index:30;pointer-events:none;flex-direction:column;gap:8px;width:min(460px,60vw);display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.toast{color:#fff;background:#2b2236f0;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;font-size:17px;line-height:1.3;display:flex;box-shadow:0 8px 24px #0000004d}.toast b{color:var(--gold);display:block}.toast img{object-fit:cover;border-radius:50%;width:44px;height:44px}.toast.clue{border:3px solid var(--gold);flex-direction:column;align-items:flex-start;gap:0}#overlay{pointer-events:none;z-index:10;position:absolute;inset:0}#overlay>*{pointer-events:auto}.luna-hint{left:calc(24px + var(--safe-l));border:4px dashed var(--ink);z-index:15;background:#ece8f3;border-radius:24px;align-items:center;gap:14px;max-width:560px;padding:12px 20px 12px 12px;display:flex;position:absolute;bottom:24px}.luna-hint img{object-fit:cover;object-position:top;border-radius:14px;width:90px;height:104px}.luna-hint p{margin:0;font-size:21px;font-style:italic}.chapter{text-align:center;color:var(--cream);background:radial-gradient(circle,#3b2a4a,#140f1c);flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.chapter small{letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-size:22px}.chapter h1{margin:12px 0;font-family:Georgia,serif;font-size:64px}.chapter.end p{opacity:.8;margin-bottom:30px;font-size:20px}.chapter.end .choice{width:auto;color:var(--ink)}.spots{position:absolute;inset:0}.spot{border-radius:18px;position:absolute}.spot:after{content:"";background:#ffffffbf;border-radius:50%;width:26px;height:26px;margin:-13px;animation:2.4s infinite twinkle;position:absolute;top:50%;left:50%;box-shadow:0 0 0 4px #d4a24c99}.spot.done:after{box-shadow:none;background:#8fd3c1cc;width:18px;height:18px;margin:-9px;animation:none}.spot.pulse{box-shadow:0 0 0 4px var(--gold), 0 0 30px var(--gold);animation:1s infinite pulse}@keyframes twinkle{0%,to{opacity:.4;transform:scale(.6)}50%{opacity:1;transform:scale(1)}}@keyframes pulse{50%{box-shadow:0 0 0 8px var(--gold), 0 0 50px var(--gold)}}.counter{top:20px;left:calc(20px + var(--safe-l));background:var(--cream);border:4px solid var(--ink);box-shadow:0 4px 0 var(--ink);border-radius:18px;padding:10px 20px;font-size:21px;font-weight:700;position:absolute;pointer-events:none!important}.spot-card{background:var(--cream);border:4px solid var(--ink);z-index:12;border-radius:24px;width:min(560px,80vw);padding:24px 28px;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 10px #0000004d}.spot-card h3{color:var(--wine);margin:0 0 8px;font-size:26px}.spot-card p{margin:0 0 14px;font-size:20px;line-height:1.45}.luna-line{background:#ece8f3;border-radius:16px;align-items:center;gap:12px;margin-bottom:14px;padding:8px 14px 8px 8px;font-size:19px;display:flex}.luna-line img{object-fit:cover;object-position:top;border-radius:10px;width:60px;height:70px}.got{color:#1d6b4a;margin-bottom:14px;font-size:18px;font-weight:800}.puzzle{color:var(--cream);background:#140f1ce0;flex-direction:column;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.puzzle h2{margin:0 0 10px;font-size:32px}.pair{align-items:flex-end;gap:6vw;display:flex}.pair figure{text-align:center;margin:0}.pair figcaption{margin-top:10px;font-size:20px;font-weight:700}.case{height:min(56vh,460px);display:block}.phone-frame{background:#111;border:4px solid #444;border-radius:30px;padding:16px 12px}.phone-frame .case{background:#f2e6cf;border-radius:16px;height:min(50vh,410px)}.target .case{cursor:crosshair}.ring{transform-box:fill-box;transform-origin:50%;animation:.4s ease-out ring}@keyframes ring{0%{opacity:0;transform:scale(1.6)}}.found{margin-top:12px;font-size:22px}.board{perspective:800px}.tag-note{color:var(--ink);background:#c9c9c9;border:3px dashed #777;border-radius:10px;margin-bottom:18px;padding:12px 22px;font-size:21px;transform:rotate(-1.5deg)}.flap{background:#111;border:6px solid #333;border-radius:14px;width:min(760px,90vw);padding:10px;font-family:SF Mono,Menlo,monospace}.flap-h,.flap-row{grid-template-columns:1.2fr 2fr 1fr 1fr;gap:6px;display:grid}.flap-h{color:#f0c040;letter-spacing:.1em;padding:4px 10px;font-size:15px}.flap-row{color:#f5f5f5;text-align:left;background:#1d1d1d;border-radius:6px;align-items:center;width:100%;min-height:50px;margin-top:6px;padding:10px;font-size:22px;transition:background .2s}.flap-row span{background:#262626;border-radius:4px;padding:3px 6px}.flap-row.ok{background:#1f6b45}.flap-row.no{background:#7a1f2a;animation:.4s shake}@keyframes shake{25%{transform:translate(-8px)}75%{transform:translate(8px)}}.board .msg{text-align:center;max-width:760px;min-height:30px;margin-top:14px;font-size:22px}.map{background:#140f1c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.map-box{aspect-ratio:1376/768;width:min(100vw,179.167vh);position:relative}.map-box img,.map-box svg{width:100%;height:100%;position:absolute;inset:0}.route{fill:none;stroke:var(--wine);stroke-width:7px;stroke-linecap:round}.city-label{background:var(--cream);border:4px solid var(--ink);white-space:nowrap;border-radius:16px;padding:8px 22px;font-size:30px;font-weight:800;position:absolute;translate:-50% -160%}.tap-hint{color:var(--cream);background:#00000080;border-radius:20px;padding:8px 18px;font-size:19px;position:absolute;bottom:20px}#title{z-index:50;background:radial-gradient(at 30% 40%,#4a2e52,#140f1c 70%);transition:opacity .7s;position:absolute;inset:0}#title.gone{opacity:0;pointer-events:none}.title-card{position:absolute;inset:0}.t-irina{filter:drop-shadow(0 10px 30px #00000080);height:86%;position:absolute;bottom:0;left:8%}.t-luna{z-index:1;height:38%;position:absolute;bottom:0;left:30%}.t-text{text-align:center;flex-direction:column;gap:16px;width:min(440px,44vw);display:flex;position:absolute;top:50%;right:8%;transform:translateY(-50%)}.t-text small{color:var(--gold);letter-spacing:.2em;text-transform:uppercase;font-size:22px}.t-text h1{color:var(--cream);text-shadow:0 6px 0 var(--wine);margin:0 0 20px;font-family:Georgia,serif;font-size:72px;line-height:1}#rotate{display:none}@media (orientation:portrait) and (width<=1100px){#rotate{z-index:100;color:var(--cream);background:#140f1c;flex-direction:column;justify-content:center;align-items:center;font-size:80px;display:flex;position:fixed;inset:0}#rotate p{font-size:24px}}@media (height<=640px){#dlg{min-height:110px;padding:20px 20px 16px 140px}#dlg .face{width:112px;height:130px}#dlg .name{left:140px}#dlg .text{font-size:19px}}.choose-who{background:var(--wine);color:#fff;border:3px solid var(--ink);border-radius:40px;align-self:flex-start;align-items:center;gap:12px;padding:6px 18px 6px 6px;font-size:20px;font-weight:800;display:flex}.choose-who img{object-fit:cover;object-position:top;background:#e9dcc4;border-radius:50%;width:52px;height:52px}#choices:empty{display:none}.frames{justify-content:flex-start;gap:12px;padding:18px 110px 18px 20px}.frames h2{margin:0;font-size:26px}.slots{grid-template-columns:repeat(7,1fr);gap:8px;width:100%;max-width:1000px;display:grid}.slot{aspect-ratio:16/9;border:3px dashed #fbf3e466;border-radius:10px;place-items:center;display:grid;position:relative}.slot>span{opacity:.5;font-size:22px;font-weight:800}.slot .card{width:100%;position:absolute;inset:0}.tray{flex-wrap:wrap;justify-content:center;gap:12px;width:min(1000px,96vw);min-height:120px;display:flex}.tray .card{width:min(220px,22vw)}.card{cursor:pointer;border:3px solid #555;border-radius:10px;transition:transform .15s;position:relative;overflow:hidden}.card:active{transform:scale(.96)}.card.locked{border-color:var(--mint);cursor:default}.card.wrong{border-color:#e63946;animation:.4s shake}.cam{aspect-ratio:16/9;filter:grayscale(.85)contrast(1.1)sepia(.15);background-position:69% 88%;background-size:172%;position:relative;overflow:hidden;container-type:inline-size}.cam:after{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,#0000001f 0 2px,#0000 2px 4px);position:absolute;inset:0}.cam img{position:absolute;transform:translate(-50%)}.cam img.flip{transform:translate(-50%)scaleX(-1)}.cam-shadow{filter:brightness(0);opacity:.75}.cam-paw{filter:brightness(2.2)drop-shadow(0 0 1.2cqw #fff);font-size:6.5cqw;position:absolute;transform:translate(-50%)}.cam-glitter{color:#ffe27a;letter-spacing:.4em;text-shadow:0 0 4px #fff;font-size:3.4cqw;position:absolute;transform:translate(-50%)}.cam-icon{font-size:7cqw;position:absolute;transform:translate(-50%)}.cam-ts{color:#fff;text-shadow:0 0 3px #000;font:700 6cqw/1 SF Mono,Menlo,monospace;position:absolute;top:3%;left:3%}.cam-ts:first-letter{color:#e63946}.glitch{color:#ff9e9e}.cam-note{color:#fff;text-align:center;background:#0009;padding:1.5cqw 3cqw;font-size:4.6cqw;position:absolute;bottom:0;left:0;right:0}.cam-big{z-index:3;background:#000000d9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.cam-big .cam{border:4px solid #666;border-radius:14px;width:min(86vw,128vh)}.cam-btns{gap:16px;margin-top:18px;display:flex}.cam-btns .choice{width:auto;min-width:200px;color:var(--ink)}.cam-btns .put{background:var(--mint)}.inv-next{right:calc(24px + var(--safe-r,0px));position:absolute;bottom:24px}.card{touch-action:none;-webkit-user-select:none;user-select:none}.card.dragging{border-color:var(--gold);transition:none;box-shadow:0 14px 30px #0009}.slot.over{border-color:var(--gold);background:#d4a24c40;border-style:solid}.card.lifted{opacity:.3}.tapes{z-index:20;background:#140f1cf7;justify-content:center}.tape-grid{grid-template-columns:repeat(4,1fr);gap:12px;width:min(1000px,92vw);display:grid}.tape-grid figure{text-align:center;cursor:pointer;margin:0}.tape-grid figcaption{margin-top:4px;font-size:18px;font-weight:800}.tapes-close{width:auto;min-width:200px;color:var(--ink);margin-top:10px}#hud #btn-tapes{font-size:30px;display:none}#hud #btn-tapes.show{place-items:center;display:grid}#btn-tapes.new{animation:2s infinite glow}.shops{gap:16px}.shop-row{grid-template-columns:repeat(6,1fr);gap:8px;width:min(1200px,97vw);margin-top:18px;display:grid}.shop{color:var(--cream);cursor:pointer;background:0 0;border:0;border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:6px 4px;display:flex;position:relative}.shop .front{aspect-ratio:746/1006;width:100%;position:relative}.shop .facade{filter:drop-shadow(0 6px 10px #00000073);width:100%;height:100%;position:absolute;inset:0}.shop .sign{filter:drop-shadow(0 3px 4px #0006);width:28%;position:absolute;top:-4%;left:36%}.shop .lamp{filter:drop-shadow(0 0 10px #ffdc8c8c);transform-origin:50% 0;width:19%;animation:3s ease-in-out infinite alternate sway;position:absolute;top:30%}.shop .lamp.l{left:3%}.shop .lamp.r{animation-delay:-1.5s;right:3%}@keyframes sway{0%{transform:rotate(-4deg)}to{transform:rotate(4deg)}}.shop .nb{justify-content:space-between;gap:4px;width:100%;font-size:13px;font-weight:700;display:flex}.shop .nb span{background:#00000059;border-radius:8px;padding:3px 5px}.shop.ok{box-shadow:0 0 0 4px var(--mint);background:#78dcaa26}.shop.no{animation:.4s shake;box-shadow:0 0 0 4px #e63946}.words{gap:18px}.pics{grid-template-columns:repeat(4,1fr);gap:16px;width:min(900px,92vw);display:grid}.pic{background:var(--cream);color:var(--ink);border:4px solid var(--ink);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:12px;display:flex}.pic>span{font-size:64px}.pic .drop{border:3px dashed #2b223659;border-radius:12px;place-items:center;width:100%;min-height:54px;display:grid}.pic.over{box-shadow:0 0 0 5px var(--gold)}.pic.ok{border-color:var(--mint)}.pic.no{border-color:#e63946;animation:.4s shake}.chips{flex-wrap:wrap;justify-content:center;gap:14px;min-height:60px;display:flex}.chip{background:var(--gold);color:var(--ink);border:3px solid var(--ink);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:14px;padding:10px 18px;font-size:22px;font-weight:800;position:relative}.chip.dragging{z-index:50;box-shadow:0 10px 24px #00000080}.chip.locked{background:var(--mint);cursor:default}.item-view{z-index:20;color:var(--cream);background:#140f1cd9;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.item-view .sketch{filter:drop-shadow(0 12px 20px #00000080);border-radius:10px;width:min(86vw,104.464vh)}.item-view p{opacity:.7;margin-top:14px}.pic>span.gold{filter:sepia()saturate(5)hue-rotate(-12deg)brightness(1.05)}.prop{object-fit:contain;pointer-events:none;filter:drop-shadow(0 3px 3px #0006);position:absolute}.cipher{gap:14px}.cipher .diary{align-items:stretch;gap:14px;width:min(1100px,95vw);display:flex}.cipher .cover{color:#f4e2b8;cursor:pointer;background:#7a1f3d;border:4px solid #3d0f1f;border-radius:10px 4px 4px 10px;flex-direction:column;flex:0 0 240px;justify-content:center;align-items:center;gap:6px;font-size:44px;display:flex;box-shadow:inset 8px 0 #00000040}.cipher .cover b{font-size:20px}.cipher .cover small{opacity:.8;font-size:14px}.cipher .cover.open{color:#2b2236;cursor:default;box-shadow:none;background:#fff4dc;border-color:#c9b48a}.cipher .keytab{grid-template-columns:repeat(2,1fr);gap:6px 16px;font-size:24px;display:grid}.cipher .keytab span{align-items:center;gap:6px;display:flex}.cipher .keytab b{font-size:20px}.cipher .page{color:#3b2f22;background:#fffaf0 repeating-linear-gradient(#fffaf0 0 34px,#e6dcc4 34px 35px);border-radius:4px 10px 10px 4px;flex-direction:column;flex:1;gap:8px;padding:16px 18px;font-family:Comic Sans MS,Marker Felt,cursive;font-size:20px;display:flex;box-shadow:0 10px 24px #0006}.cipher .page p{margin:0}.cipher .word{flex-wrap:wrap;align-items:flex-end;gap:6px;display:flex}.cipher .pun{font-size:30px;font-weight:800}.cipher .tile{cursor:pointer;background:#fff;border:3px solid #c9b48a;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;width:56px;height:72px;padding:0;display:flex}.cipher .tile .e{font-size:28px;line-height:1}.cipher .tile .l{color:#7a1f3d;min-height:26px;font-family:system-ui,sans-serif;font-size:22px;font-weight:800}.cipher .tile.sel{background:#fff1d0;border-color:#f0a030;transform:translateY(-3px)}.cipher .tile.ok{border-color:var(--mint);background:#e6fbf1}.cipher .tile.no{border-color:#e63946;animation:.4s shake}.cipher .kbd{flex-wrap:wrap;justify-content:center;gap:8px;width:min(900px,95vw);display:flex}.cipher .key{background:var(--cream);color:#2b2236;cursor:pointer;border:3px solid #2b1a10;border-radius:12px;width:52px;height:52px;font-size:24px;font-weight:800}.cipher .key:active{transform:scale(.92)}.roof{gap:12px}.roof-grid{aspect-ratio:1;background:#2b1a2a;border-radius:14px;grid-template-rows:repeat(5,1fr);grid-template-columns:repeat(5,1fr);gap:5px;width:min(62vh,92vw);padding:8px;display:grid;box-shadow:0 0 40px #7896ff40}.tile-r{cursor:pointer;color:#fff;background:radial-gradient(at 50% 0,#c9643f 0 40%,#9c4429 70%,#6e2c1a 100%);border:0;border-radius:0 0 40% 40%/0 0 30% 30%;flex-direction:column;justify-content:center;align-items:center;padding:0;display:flex;position:relative;box-shadow:inset 0 -6px #00000040}.tile-r.near{outline-offset:-4px;outline:3px dashed #ffe6a0cc}.tile-r.glit:after{content:"✨";filter:drop-shadow(0 0 6px gold);font-size:22px;position:absolute;top:6px;right:8px}.tile-r.safe{background:radial-gradient(at 50% 0,#d9744f 0 40%,#ad5233 70%,#7a3420 100%)}.tile-r.cracked{background:#3a2026}.tile-r.cracked:before{content:"⚡";opacity:.8;font-size:30px}.tile-r.no{animation:.4s shake}.tile-r.start{background:#4a4a55}.tile-r.goal{color:#2b2236;background:radial-gradient(#f4e2b8,#b98a1d)}.tile-r span{font-size:30px}.tile-r small{font-size:12px;font-weight:700}.tile-r .me{border:3px solid #fff;border-radius:50%;width:80%;height:80%;position:absolute;inset:10%;box-shadow:0 0 12px #fff8}.roof .tap{background:var(--cream);color:var(--ink);border:3px solid var(--ink);border-radius:14px;padding:10px 22px;font-size:20px;font-weight:800}.roof .tap.on{background:var(--mint);color:#12352a;box-shadow:0 0 16px var(--mint)}.tile-r.safe:not(.start):not(.goal){box-shadow:inset 0 -6px #00000040,inset 0 0 0 3px #8cffbe80}.tile-r.start small{color:#fff;font-size:14px}.whose .owner{flex-direction:column;align-items:center;gap:4px;display:flex}.whose .owner img{object-fit:cover;border-radius:12px;width:74px;height:86px}.whose .owner .ic{font-size:60px;line-height:86px}.whose .owner b{font-size:15px}.whose .chip.loot{background:#fffffff2;flex-direction:column;align-items:center;padding:6px 8px;display:flex}.whose .chip.loot img{object-fit:contain;pointer-events:none;width:72px;height:72px}.whose .chip.loot small{color:#2b2236;font-size:12px;font-weight:700}.whose .drop .chip.loot img{width:46px;height:46px}.whose .drop .chip.loot small{display:none}.whose .pics{grid-template-columns:repeat(5,1fr);gap:10px;width:min(1000px,95vw)}.whose .pic{padding:8px}.clue-card.view{cursor:pointer;box-shadow:0 4px 0 var(--mint)}.clue-card.view:after{content:"🔍";font-size:20px;position:absolute;top:8px;right:10px}.clue-view{z-index:200;color:var(--cream);background:#140f1ce6;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:16px;display:flex;position:fixed;inset:0}.clue-view .vis{justify-content:center;width:min(88vw,88vh);display:flex}.clue-view .vis>*{border:4px solid var(--cream);border-radius:12px;width:100%;max-height:66vh}.clue-view .vis img.sketch{object-fit:contain;filter:drop-shadow(0 10px 18px #00000080);border:0;width:auto;max-width:100%}.clue-view .crop{background-repeat:no-repeat}.clue-view .cam-wrap{border:0}.clue-view .cam-wrap .cam{border-radius:10px}.clue-view .paper{aspect-ratio:4/3;box-sizing:border-box;background:#fff8e8;justify-content:center;padding:16px;display:flex}.clue-view .paper svg{height:100%}.clue-view .cap{text-align:center;max-width:min(88vw,760px)}.clue-view .cap b{font-size:22px}.clue-view .cap p{opacity:.9;margin:6px 0 0;font-size:17px;line-height:1.4}.clue-view .x{border:3px solid var(--cream);width:48px;height:48px;color:var(--cream);background:0 0;border-radius:50%;font-size:22px;position:absolute;top:14px;right:14px}.tag-big{color:#2b2236;aspect-ratio:3/4;clip-path:polygon(0 0,100% 0,100% 72%,88% 78%,96% 86%,80% 92%,90% 100%,0 100%);background:#b9b9b9;flex-direction:column;justify-content:center;align-items:center;gap:10px;max-width:300px;font:700 26px/1.2 SF Mono,Menlo,monospace;display:flex}.tag-big b{font-size:44px}.flap-big{box-sizing:border-box;background:#1d1d22;flex-direction:column;gap:10px;padding:24px;display:flex}.flap-big span{color:#ffd166;letter-spacing:.1em;text-align:center;background:#2d2d33;border-radius:6px;padding:10px 16px;font:700 clamp(28px,6vw,56px)/1.1 SF Mono,Menlo,monospace}
