:root{--bg:#120a18;--ink:#f6ead7;--ink-muted:#c9b8a3;--panel:#162c3adb;--panel-edge:#e9b94980;--teal:#2fc4b2;--gold:#e9b949;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#120a18;--ink:#f6ead7}}:root[data-theme=dark]{--bg:#120a18;--ink:#f6ead7}html,body{background:var(--bg);height:100%;color:var(--ink);overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-family:"Baloo Bhaijaan 2",system-ui,sans-serif;overflow:hidden}canvas{display:block;position:absolute;inset:0}#ui{pointer-events:none;--top:max(10px, env(safe-area-inset-top));--left:max(14px, env(safe-area-inset-left));--right:max(14px, env(safe-area-inset-right));--bottom:max(12px, env(safe-area-inset-bottom));--patch:clamp(54px, 14vh, 76px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.75 0 0 0 0 0.6 0 0 0 0 0.5 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.touch{pointer-events:auto;touch-action:none;opacity:var(--touch-opacity,.85);position:absolute;inset:0}.stick-base{--ring:clamp(72px, 24vh, 150px);left:calc(var(--left) + var(--ring) / 2 + 10px);top:calc(100% - var(--bottom) - var(--ring) / 2 - 10px);width:var(--ring);height:var(--ring);margin:calc(var(--ring) / -2) 0 0 calc(var(--ring) / -2);filter:drop-shadow(0 2px 4px #0009);opacity:.55;pointer-events:none;background:url(../assets/ui/ring-a8f094d6.webp) 50%/contain no-repeat,radial-gradient(circle,#0c081873 0 60%,#0000 62%);border-radius:50%;transition:opacity .12s ease-out;position:absolute}.stick-base.active{opacity:1}.touch.left-handed .stick-base{left:calc(100% - var(--right) - var(--ring) / 2 - 10px)}.stick-knob{--knob:calc(var(--ring) * .42);--travel:calc(var(--ring) * .23);width:var(--knob);height:var(--knob);margin:calc(var(--knob) / -2) 0 0 calc(var(--knob) / -2);filter:drop-shadow(0 2px 3px #0009);transform:translate(calc(var(--kx,0) * var(--travel)), calc(var(--ky,0) * var(--travel)));background:url(../assets/ui/knob-e682aa10.webp) 50%/contain no-repeat;position:absolute;top:50%;left:50%}.patch{box-sizing:border-box;filter:drop-shadow(0 3px 4px #000000b3);pointer-events:auto;background:50%/contain no-repeat;border-radius:50%;transition:transform 80ms ease-out,filter 80ms ease-out;position:absolute}.patch.active{filter:drop-shadow(0 0 9px #f2cd7acc)brightness(1.18);transform:scale(.9)}.touch-buttons{pointer-events:none;position:absolute;inset:0}.touch-btn{width:calc(var(--patch) * var(--d));height:calc(var(--patch) * var(--d));right:calc(var(--right) + var(--patch) * (var(--x) - var(--d) / 2));bottom:calc(var(--bottom) + var(--patch) * (var(--y) - var(--d) / 2))}.touch.left-handed .touch-btn{right:auto;left:calc(var(--left) + var(--patch) * (var(--x) - var(--d) / 2))}.btn-jump{background-image:url(../assets/ui/patch-jump-93c6ef42.webp)}.btn-strike{background-image:url(../assets/ui/patch-strike-fbc71d48.webp)}.btn-grab{background-image:url(../assets/ui/patch-hook-15aded64.webp)}.btn-clip{background-image:url(../assets/ui/patch-throw-bd9bb2ba.webp)}.btn-dodge{background-image:url(../assets/ui/patch-dodge-252b466f.webp)}.btn-pause{width:clamp(44px,12vh,60px);height:clamp(44px,12vh,60px);top:var(--top);right:var(--right);background-image:url(../assets/ui/patch-pause-98154013.webp)}.hud{top:var(--top);left:var(--left);filter:drop-shadow(0 2px 3px #000000b3);align-items:center;gap:12px;display:flex;position:absolute}.hearts{gap:4px;display:flex}.heart{aspect-ratio:100/90;width:clamp(20px,6.5vh,32px)}.heart svg{width:100%;height:100%;display:block}.heart.empty svg{filter:grayscale()brightness(.35);opacity:.8}.portrait{aspect-ratio:1;background:url(../assets/ui/zari-portrait-0fbaf571.webp) 50%/cover no-repeat,#1a0f14;border-radius:50%;width:clamp(40px,11vh,60px);box-shadow:0 0 0 3px #d9a84a,0 0 0 5px #2a1704,0 3px 8px #000000b3}.vitals{flex-direction:column;gap:6px;display:flex}.special-bar{box-sizing:border-box;clip-path:polygon(6px 0,calc(100% - 6px) 0,100% 50%,calc(100% - 6px) 100%,6px 100%,0 50%);background:#140a04b3;border:2px solid #d9a84a;border-radius:2px;height:clamp(7px,1.8vh,10px);position:relative}.special-bar .fill{background:linear-gradient(#e8a676,#b5653a);height:100%;transition:width .12s linear}.special-bar .fill.ready{background:linear-gradient(#f6dc95,#d9a84a)}.coins{height:clamp(26px,7vh,36px);color:var(--ink);font-variant-numeric:lining-nums tabular-nums;text-shadow:0 1px 2px #000,0 0 4px #0009;align-items:center;gap:6px;font-size:clamp(16px,4.6vh,24px);font-weight:700;line-height:1;display:flex}.coins:before{content:"";aspect-ratio:1;background:url(../assets/rosette-coin-v1-b4311923.webp) 50%/contain no-repeat;height:100%}.hud-shade{height:calc(var(--top) + clamp(90px, 24vh, 150px));pointer-events:none;background:linear-gradient(#08030ad9,#08030a73 50%,#08030a00);position:absolute;top:0;left:0;right:0}.hud-right{top:var(--top);right:var(--right);filter:drop-shadow(0 2px 3px #000000b3);pointer-events:auto;align-items:center;gap:12px;display:flex;position:absolute}.hud-right.on-touch{right:calc(var(--right) + clamp(44px, 12vh, 60px) + 10px)}.gear{aspect-ratio:1;cursor:pointer;background:0 0;border:0;width:clamp(22px,6vh,30px);padding:0;transition:transform .16s ease-out,filter .16s ease-out}.gear svg{width:100%;height:100%;display:block}.gear:hover,.gear:focus-visible{filter:drop-shadow(0 0 6px #f2cd7ab3);outline:none;transform:rotate(30deg)}.arena-pips{align-items:center;gap:7px;padding:0 4px;display:flex}.arena-pips:empty{display:none}.pip{aspect-ratio:1;box-sizing:border-box;border:2px solid var(--gold);background:#140a048c;width:clamp(9px,2.4vh,13px);transform:rotate(45deg)}.pip.won{background:var(--gold);box-shadow:0 0 6px #e8c27a99}.pip.here{border-color:var(--teal);animation:1.6s ease-in-out infinite pip-here}@keyframes pip-here{50%{box-shadow:0 0 8px var(--teal)}}@media (max-width:960px){.hud{flex-direction:column;align-items:flex-start;gap:4px}}.overlay-panel{z-index:2;box-sizing:border-box;background:var(--panel);border:1px solid var(--panel-edge);max-width:min(420px,100vw - 32px);color:var(--ink);text-align:center;pointer-events:auto;border-radius:14px;padding:18px 22px;font-size:18px;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-panel.visible{display:block}.overlay-panel p{margin:0 0 12px}.overlay-panel p:last-child{margin:0}.overlay-panel .load-bar{background:#ffffff1f;border-radius:3px;width:min(260px,60vw);height:6px;margin:0 auto 10px;overflow:hidden}.overlay-panel .load-fill{background:var(--teal);transform-origin:0;height:100%;transition:transform .2s ease-out}.overlay-panel .detail{color:var(--ink-muted);font-variant-numeric:tabular-nums;font-size:14px}.overlay-panel button{font:inherit;color:var(--ink);border:1px solid var(--teal);cursor:pointer;background:#2fc4b259;border-radius:10px;padding:8px 18px;font-weight:700}.toast{--w:clamp(210px, 28vw, 330px);left:50%;top:calc(env(safe-area-inset-top) - var(--w) * .08);width:var(--w);aspect-ratio:640/307;box-sizing:border-box;padding:calc(var(--w) * .184) calc(var(--w) * .07) 0;color:var(--gold);font-size:calc(var(--w) * .075);font-weight:700;line-height:calc(var(--w) * .167);text-align:center;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px #2a1704;filter:drop-shadow(0 4px 6px #0009);background:url(../assets/ui/tag-16aac4e4.webp) 50%/100% 100% no-repeat;transition:transform .38s cubic-bezier(.2,.9,.3,1.15);position:absolute;overflow:hidden;transform:translate(-50%,-110%)}.toast.visible{transform:translate(-50%)}.fps{left:calc(env(safe-area-inset-left) + 10px);bottom:calc(env(safe-area-inset-bottom) + 8px);color:#9ff5e6;font:12px/1 monospace;display:none;position:absolute}.fps.visible{display:block}.rotate{z-index:3;background:var(--bg);color:var(--ink);text-align:center;pointer-events:auto;place-items:center;padding:24px;font-size:20px;display:none;position:absolute;inset:0}@media (orientation:portrait) and (pointer:coarse){.rotate{display:grid}}.gali-hud{left:var(--left);right:var(--right);top:max(var(--top), calc(var(--strip-top,30vh) - 34px));justify-content:space-between;align-items:center;height:18px;display:flex;position:absolute}.gali-hearts{gap:6px;display:flex}.gali-heart{width:21px;height:18px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 6' shape-rendering='crispEdges'%3E%3Cpath fill='%23ffdcbc' d='M1 0h2v1h1V0h2v1h1v2H6v1H5v1H4v1H3V5H2V4H1V3H0V1h1z'/%3E%3C/svg%3E") 50%/contain no-repeat}.gali-heart.empty{opacity:.22}.gali-hint{left:0;right:0;top:max(calc(var(--top) + 26px), calc(var(--strip-top,30vh) - 64px));text-align:center;color:#fff;letter-spacing:.04em;opacity:0;pointer-events:none;font:600 clamp(13px,1.6vw,17px)/1.2 system-ui,sans-serif;transition:none;position:absolute}.gali-progress{background:#ffdcbc;width:clamp(110px,22vw,240px);height:2px;position:relative}.gali-marker{background:#ffdcbc;width:8px;height:8px;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.gali-score-box{left:50%;top:max(var(--top), calc(var(--strip-top,30vh) - 38px));pointer-events:none;align-items:center;gap:10px;height:26px;display:flex;position:absolute;transform:translate(-50%)}.gali-score{color:#ffe8d4;letter-spacing:.12em;font-variant-numeric:tabular-nums;text-align:right;min-width:4ch;font:700 clamp(15px,2vw,20px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.gali-full .gali-hud,.gali-full .gali-score-box,.gali-full .gali-hint{filter:drop-shadow(0 1px 2px #140610d9)}.gali-combo{color:#e9c46a;letter-spacing:.04em;opacity:0;transform-origin:50% 60%;font:800 clamp(18px,2.6vw,26px)/1 ui-monospace,SFMono-Regular,Menlo,monospace}.gali-combo.shown{opacity:1;animation:.9s ease-in-out infinite alternate gali-combo-pulse}.gali-combo.shown.pop{animation:.32s cubic-bezier(.2,1.6,.4,1) gali-combo-pop,.9s ease-in-out .32s infinite alternate gali-combo-pulse}.gali-combo.shatter{animation:.45s ease-out forwards gali-combo-shatter}@keyframes gali-combo-pop{0%{transform:scale(1.9)}to{transform:scale(1)}}@keyframes gali-combo-pulse{0%{transform:scale(1)}to{transform:scale(1.12)}}@keyframes gali-combo-shatter{0%{opacity:1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);filter:none;transform:scale(1.2)}30%{opacity:1;color:#fff;clip-path:polygon(0 0,45% 0,30% 50%,55% 100%,0 100%,100% 100%,70% 45%,100% 0)}to{opacity:0;clip-path:polygon(0 0,35% 0,20% 50%,45% 100%,0 100%,100% 100%,80% 45%,100% 0);filter:blur(2px);transform:scale(1.6)rotate(-8deg)}}.gali-chakkar{box-sizing:border-box;opacity:0;width:14px;height:14px;image-rendering:pixelated;border:2px solid #ffdcbc73;position:relative;overflow:hidden}.gali-chakkar.shown{opacity:1}.gali-chakkar-fill{background:#ffdcbc8c;height:0;position:absolute;bottom:0;left:0;right:0}.gali-chakkar.ready{border-color:#e9c46a;animation:.4s ease-out gali-chakkar-ready}.gali-chakkar.ready .gali-chakkar-fill{background:#e9c46a}@keyframes gali-chakkar-ready{0%{transform:scale(1.6)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.gali-chakkar.ready,.gali-combo.shown,.gali-combo.shown.pop{animation:none}.gali-combo.shatter{animation-duration:10ms}}.overlay-panel .moves-title{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-muted);margin:0 0 6px;font-size:14px}.overlay-panel .moves{text-align:left;grid-template-columns:auto 1fr;gap:3px 12px;margin:0 0 14px;font-size:14px;display:grid}.overlay-panel .move{display:contents}.overlay-panel .move-input{color:#e9c46a;white-space:nowrap;text-align:right;font:700 13px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.overlay-panel .move-name{color:var(--ink)}.overlay-panel .stage-grade{color:#e9c46a;margin:4px 0 6px;font:800 64px/1 Georgia,Times New Roman,serif}.overlay-panel .stage-title{letter-spacing:.02em;font-size:26px;font-weight:700}.overlay-panel .stage-numbers{margin:0 0 14px}.overlay-panel .stage-numbers p{margin:0 0 2px}.gali-title{z-index:1;height:max(120px, calc(var(--strip-top,30vh) - 40px));box-sizing:border-box;color:#fff;text-align:center;pointer-events:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 16px 8px;display:none;position:absolute;top:0;left:0;right:0}.gali-title.visible{display:flex}.gali-title p{margin:0}.gali-title-name{letter-spacing:.32em;padding-left:.32em;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,6vh,56px);line-height:1.1}.gali-title-place{letter-spacing:.4em;text-transform:uppercase;opacity:.85;font-size:clamp(11px,1.8vh,15px);margin-top:4px!important}.gali-title-hint{letter-spacing:.12em;opacity:.7;font-size:clamp(11px,1.6vh,14px);animation:1.6s ease-in-out infinite alternate gali-hint;margin-top:10px!important}@keyframes gali-hint{0%{opacity:.35}to{opacity:.85}}@media (prefers-reduced-motion:reduce){.gali-title-hint{animation:none}}.story-lines{left:0;right:0;top:calc(var(--strip-top,0px) + var(--strip-height,100vh) * .84);height:calc(var(--strip-height,100vh) * .16);box-sizing:border-box;color:#f4e6d0;text-align:center;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:0 16px;display:flex;position:absolute}.story-lines p{margin:0}.story-ur{font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif;font-size:clamp(18px,3.4vh,32px);line-height:1.7}.story-en{letter-spacing:.03em;color:#cdb9a4;font-family:Georgia,Times New Roman,serif;font-size:clamp(12px,1.9vh,17px);font-style:italic}.shop-chip{color:var(--ink);cursor:pointer;pointer-events:auto;background:#0e161eb8;border:1px solid #e9c46a8c;border-radius:999px;align-items:center;gap:6px;padding:3px 11px 3px 5px;font:600 14px/1.2 inherit;animation:2.4s ease-in-out infinite shop-breathe;display:none;position:absolute;transform:translate(-50%,-100%);box-shadow:0 0 14px #ffbe5a40}.shop-chip.visible{display:flex}.shop-chip b{color:#e9c46a;background:#e9c46a33;border-radius:50%;place-items:center;width:1.5em;height:1.5em;display:inline-grid}@keyframes shop-breathe{50%{box-shadow:0 0 22px #ffbe5a73}}.shop-card{max-width:min(460px,100vw - 32px)}.shop-card .shop-ur{margin:0;font-family:Noto Nastaliq Urdu,Geeza Pro,serif;font-size:19px;line-height:1.8}.shop-card .shop-title{color:#e9c46a;font-size:28px}.shop-card .shop-en{margin:0 0 10px;font-family:Georgia,Times New Roman,serif;font-size:15px;font-style:italic}.shop-card .shop-moves{text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:10px 16px;margin:8px 0 16px;font-size:14px;display:grid}.shop-card .shop-move-name{white-space:nowrap;flex-direction:column;align-items:flex-end;display:flex}.shop-card .shop-move-ur{color:#e9c46a;font-family:Noto Nastaliq Urdu,Geeza Pro,serif;font-size:17px;line-height:1.5}.shop-card .shop-move-en{color:var(--ink);font-size:13px}.shop-card .shop-move-how{flex-direction:column;gap:2px;display:flex}.shop-card .shop-move-why{color:var(--ink-muted);font-size:13px}.shop-card .move-input{color:#e9c46a;text-align:left;font:700 12px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace}.shop-card .shop-coin{color:#e9c46a;text-shadow:0 0 16px #ffc45c99;margin:4px 0 6px;font-size:44px;line-height:1}@media (prefers-reduced-motion:reduce){.shop-chip{animation:none}}.story-lines.waiting{pointer-events:auto;cursor:pointer}.story-next{visibility:hidden;letter-spacing:.18em;text-transform:uppercase;color:#e9c46a;font:600 12px/1 system-ui,sans-serif;margin-top:4px!important}.story-lines.waiting .story-next{visibility:visible;animation:1.6s ease-in-out infinite story-next}@keyframes story-next{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.story-lines.waiting .story-next{animation:none}}.story-lines .story-ur{margin:-.35em 0 .45em;line-height:1.45}.story-lines .story-en{margin-top:0}.story-lines .story-next{margin-top:2px!important}.hud-potli{--icon:calc(clamp(44px, 11vh, 56px) * .84);cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#3d2b1c,#120c0a 74%);border:0;border-radius:50%;place-items:center;width:clamp(44px,11vh,56px);height:clamp(44px,11vh,56px);padding:0;transition:box-shadow .16s ease-out;display:none;box-shadow:0 0 0 2px #d9a84a,0 0 0 4px #2a1704,0 3px 8px #000000b3}.hud-potli.shown{display:grid}.hud-potli.awaiting{visibility:hidden}.hud-potli.bounce,.coins.bump{animation:.42s cubic-bezier(.3,1.6,.5,1) potli-bounce}@keyframes potli-bounce{30%{transform:scale(1.18)translateY(-3px)}to{transform:none}}.hud-food{--icon:calc(clamp(44px, 11vh, 56px) * .78);cursor:pointer;pointer-events:auto;background:radial-gradient(circle at 50% 38%,#3a2a1c,#120c0a 74%);border:0;border-radius:50%;place-items:center;width:clamp(44px,11vh,56px);height:clamp(44px,11vh,56px);padding:0;display:none;position:relative;box-shadow:0 0 0 2px #b8893f,0 0 0 4px #2a1704,0 3px 8px #000000b3}.hud-food.shown{display:grid}.hud-food b{color:#f6e6c4;background:#2a1704;border-radius:9px;min-width:18px;padding:1px 4px;font:700 12px/16px Georgia,Times New Roman,serif;position:absolute;bottom:-4px;right:-4px;box-shadow:0 0 0 1px #d9a84a}.loot-flight{z-index:3;--icon:clamp(28px, 8vh, 46px);pointer-events:none;filter:drop-shadow(0 0 6px #ffd682f2)drop-shadow(0 2px 3px #0009);will-change:transform;position:absolute;top:0;left:0}#ui.potli-open .hud,#ui.potli-open .hud-right{z-index:2}#ui.potli-open .gear,#ui.potli-open .hud-food{visibility:hidden}#ui.potli-open .hud{flex-direction:row;align-items:center;gap:12px}#ui.potli-open .hud-potli{box-shadow:0 0 0 2px #f6dc95,0 0 0 4px #2a1704,0 0 16px #f6dc95a6}.potli-layer{z-index:2;pointer-events:auto;touch-action:none;--row:clamp(48px, 13vh, 108px);--gap:clamp(6px, 1.6vh, 14px);--pb:clamp(12px, 2.6vh, 26px);--cream:#eadfc6;--muted:#b6a78e;--gold-hi:#e2b45c;--green:#8ccf74;--edge-hot:#d1a857;--glow:#9660be4d;color:var(--cream);font-variant-numeric:lining-nums;background:linear-gradient(#08040a33,#08040a6b),url(../assets/ui/inventory-bg-4c1a55dc.webp) 50%/cover no-repeat,#0b0710;font-family:Cormorant Garamond,Georgia,Times New Roman,serif;display:none;position:absolute;inset:0}.potli-layer.open{display:block}:where(.potli-layer) button{font:inherit;color:inherit}.potli-panel{top:calc(var(--top) + clamp(40px, 11vh, 60px) + 8px);bottom:var(--bottom);left:var(--left);right:var(--right);gap:var(--gap);grid-template-columns:clamp(124px,16vw,270px) minmax(0,1fr);max-width:1500px;margin:0 auto;animation:.22s ease-out potli-unfurl;display:grid;position:absolute}@keyframes potli-unfurl{0%{opacity:0;transform:translateY(8px)scaleY(.97)}}.potli-rail,.potli-listcol,.potli-detail,.potli-row,.potli-cat,.potli-tab.active,.detail-stats,.find-card,.potli-use,.potli-close{isolation:isolate;position:relative}.potli-rail:before,.potli-listcol:before,.potli-detail:before,.potli-row:before,.potli-cat:before,.potli-tab.active:before,.detail-stats:before,.find-card:before,.potli-use:before,.dialogue-box:before{content:"";z-index:-1;pointer-events:none;box-sizing:border-box;border-style:solid;border-color:#0000;position:absolute;inset:0}.potli-rail:before,.potli-listcol:before,.potli-detail:before{border-width:var(--pb);border-image:url(../assets/ui/inv-row-1fe6b1a6.webp) 60 / var(--pb) stretch;background:#0d090fbd padding-box padding-box}.potli-rail{padding:calc(var(--pb) + clamp(6px, 3.4vh, 34px)) calc(var(--pb) * .3) var(--pb);flex-direction:column;gap:clamp(2px,1.2vh,12px);display:flex;overflow:hidden}.potli-tab{--th:clamp(44px, 11vh, 78px);min-height:44px;height:var(--th);box-sizing:border-box;text-align:left;cursor:pointer;text-shadow:0 1px 2px #000c;background:0 0;border:0;align-items:center;gap:clamp(4px,.7vw,12px);margin:0;padding:0 clamp(4px,.7vw,12px);font-size:clamp(14px,3.6vh,28px);font-weight:600;display:flex}.potli-tab:disabled{cursor:default;opacity:.5;filter:grayscale(.4)}.potli-tab.active{color:#1f1409;text-shadow:0 1px #fff4d673;margin-right:calc(var(--pb) * -1.1);filter:drop-shadow(0 4px 8px #0009)}.potli-tab.active:before{border-width:calc(var(--th) * .29);border-image:url(../assets/ui/inv-button-91fb9f80.webp) 60 fill / calc(var(--th) * .29) stretch}.potli-tab.active:after{content:"";right:calc(var(--th) * -.14);width:calc(var(--th) * .2);aspect-ratio:1;background:linear-gradient(135deg,#f2dca0,#b88a4a);border:1px solid #5a3c14;position:absolute;top:50%;transform:translateY(-50%)rotate(45deg)}.tab-icon{--icon:calc(var(--th) * .7);width:var(--icon);height:var(--icon);flex:none;place-items:center;display:grid}.rail-icon{filter:drop-shadow(0 2px 2px #0009);background:50%/contain no-repeat;width:100%;height:100%;display:block}.rail-inventory{background-image:url(../assets/ui/inv-rail-inventory-b44008ef.webp)}.rail-crafting{background-image:url(../assets/ui/inv-rail-crafting-226dc71c.webp)}.rail-quests{background-image:url(../assets/ui/inv-rail-quests-4680431c.webp)}.rail-map{background-image:url(../assets/ui/inv-rail-map-7c2b35a3.webp)}.rail-skills{background-image:url(../assets/ui/inv-rail-skills-052796bd.webp)}.tab-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.tab-chevron{flex:none;font-size:1.3em;line-height:1}.tab-lock{color:#cbb994;flex:none;width:clamp(12px,2.8vh,20px);height:clamp(12px,2.8vh,20px)}.tab-lock svg{width:100%;height:100%;display:block}.potli-main{column-gap:calc(var(--gap) * 1.4);grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,.86fr) minmax(0,1fr);row-gap:clamp(2px,.8vh,8px);min-height:0;display:grid}.potli-cats{grid-area:1/1;align-self:end;gap:clamp(0px,.3vw,6px);display:flex}.potli-cat{--h:clamp(44px, 10vh, 66px);min-height:44px;height:var(--h);white-space:nowrap;cursor:pointer;background:0 0;border:0;flex:auto;justify-content:center;align-items:center;gap:.4em;min-width:0;padding:0 clamp(6px,.8vw,14px);font-size:clamp(14px,3.6vh,25px);font-weight:600;display:flex;color:#cdbc99!important}.potli-cat:before{border-width:calc(var(--h) * .33);border-image:url(../assets/ui/inv-tab-7fdc1a8d.webp) 50 fill / calc(var(--h) * .33) stretch}.potli-cat.active{color:#f8ecce!important}.potli-cat.active:before{border-image:url(../assets/ui/inv-tab-active-9c9eb736.webp) 50 fill / calc(var(--h) * .33) stretch}.cat-icon{--icon:1.2em;width:var(--icon);height:var(--icon);background:50%/contain no-repeat;flex:none;display:inline-block}.cat-all{background-image:url(../assets/ui/inv-ico-all-d352b6a2.webp)}.cat-dawa{background-image:url(../assets/ui/inv-ico-flask-acb92d68.webp)}.cat-tools{background-image:url(../assets/ui/inv-ico-hook-d451ed46.webp)}.potli-close{cursor:pointer;background:url(../assets/ui/inv-tab-7fdc1a8d.webp) 50%/100% 100% no-repeat;border:0;grid-area:1/2;place-self:end;width:calc(1.1*clamp(44px,10vh,58px));height:clamp(44px,10vh,58px);padding:0;font-size:clamp(18px,4.4vh,26px);line-height:1;color:#e8c98a!important}.potli-listcol{gap:var(--gap);min-height:0;padding:calc(var(--pb) + clamp(2px, 1vh, 10px)) calc(var(--pb) + clamp(2px, .6vw, 10px)) var(--pb);flex-direction:column;grid-area:2/1;display:flex}.potli-list{touch-action:pan-y;scrollbar-width:none;flex-direction:column;gap:clamp(4px,1.2vh,12px);min-height:0;display:flex;overflow-y:auto}.potli-row{--rb:calc(var(--row) * .34);min-height:44px;height:var(--row);grid-template-columns:calc(var(--row) * .9) minmax(0, 1fr) auto;padding:0 calc(var(--rb) * .6) 0 calc(var(--rb) * .35);text-align:left;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:clamp(4px,.8vw,14px);display:grid}.potli-row:before{border-width:var(--rb);border-image:url(../assets/ui/inv-row-1fe6b1a6.webp) 60 fill / var(--rb) stretch}.potli-row.selected:before{border-image:url(../assets/ui/inv-row-chosen-735f7d73.webp) 60 fill / var(--rb) stretch}.potli-row.locked:before{border-image:url(../assets/ui/inv-row-locked-4f9d59c7.webp) 60 fill / var(--rb) stretch}.potli-row.locked .row-art,.potli-row.locked .row-text{opacity:.4;filter:saturate(.4)}.row-art{--icon:calc(var(--row) * .86);filter:drop-shadow(0 3px 4px #000000b3);place-items:center;display:grid}.row-text{flex-direction:column;gap:.1em;min-width:0;display:flex}.row-name{color:#f4e6c6;white-space:nowrap;text-overflow:ellipsis;font-size:clamp(15px,3.9vh,29px);font-weight:600;line-height:1.1;overflow:hidden}.row-sub{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:clamp(11px,2.45vh,19px);font-weight:500;line-height:1.2;overflow:hidden}.row-end{align-items:center;gap:clamp(4px,1vw,14px);display:flex}.row-count{color:var(--gold-hi);font-size:clamp(15px,3.8vh,28px);font-weight:700}.row-lock{color:#8f8270;width:clamp(14px,3.6vh,24px);height:clamp(14px,3.6vh,24px)}.row-lock svg{width:100%;height:100%;display:block}.row-chevron{color:#f0cf8e;font-size:clamp(22px,5.4vh,40px);line-height:1}.potli-empty{color:var(--muted);margin:0;padding:12px;font-size:clamp(14px,3.4vh,22px);font-style:italic}.potli-meter{color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding:0 4px;font-size:clamp(12px,3vh,20px);display:flex}.meter-marks{gap:clamp(4px,.6vw,8px);display:flex}.meter-marks i{aspect-ratio:1;box-sizing:border-box;background:#0c0807a6;border:1px solid #9c7a45;width:clamp(6px,1.6vh,11px);transform:rotate(45deg)}.meter-marks i.full{background:var(--edge-hot);border-color:#ecd59b;box-shadow:0 0 5px #e8b84f8c}.potli-detail{--hero:clamp(110px, 33vh, 330px);min-height:0;padding:calc(var(--pb) + clamp(4px, 1.6vh, 16px)) calc(var(--pb) + clamp(6px, 1.4vw, 26px));flex-direction:column;grid-area:2/2;gap:clamp(5px,1.6vh,16px);display:flex;overflow:hidden}.potli-detail:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(ellipse 62% 74% at 82% 24%, var(--glow), #0000 72%), radial-gradient(ellipse 40% 34% at 92% 6%, #7846aa38, #0000);position:absolute;inset:0}.potli-detail[data-kind=food]{--glow:#ff963c4d}.potli-detail[data-kind=dawa]{--glow:#46cdaa47}.detail-head{min-height:calc(var(--hero) * .78);flex:none;display:block;position:relative}.detail-text{z-index:1;width:52%;min-width:0;position:relative}.detail-name{color:#f0d6a2;text-shadow:0 2px 4px #0009;margin:0;font-size:clamp(23px,7vh,56px);font-weight:600;line-height:1.02}.detail-ur{color:#d8ac58;text-align:left;text-shadow:0 1px 2px #0009;margin:0;padding-top:1em;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif;font-size:clamp(16px,5vh,38px);line-height:1.7}.detail-about{color:#ddd0b6;margin:.15em 0 0;font-size:clamp(13px,3.6vh,24px);font-weight:500;line-height:1.32}.detail-art{--icon:clamp(88px, 29vh, 256px);top:calc(var(--hero) * -.1);width:calc(var(--icon) * 1.05);height:calc(var(--icon) * 1.05);place-items:center;display:grid;position:absolute;right:-1%}.detail-art[data-kind=food]{--glow:#ff963c4d}.detail-art[data-kind=dawa]{--glow:#46cdaa47}.detail-pic{filter:drop-shadow(0 12px 12px #000000a6);display:block;position:relative}.detail-head.has-scene{min-height:calc(var(--hero) * .92)}.detail-scene{z-index:0;-webkit-mask-composite:source-in;pointer-events:none;background-repeat:no-repeat;background-size:cover;position:absolute;inset:calc(-1*clamp(4px,1.6vh,16px)) calc(-1*clamp(6px,1.4vw,26px)) calc(-1*clamp(4px,1.4vh,14px)) 28%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 36%),linear-gradient(#000 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 36%),linear-gradient(#000 74%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.detail-scene .potli-gain{top:30%;left:64%}.detail-head.has-scene .detail-about{text-shadow:0 1px 3px #000000e6,0 0 10px #0009}.potli-gain{color:#ff8a7a;text-shadow:0 1px #2a0606,0 0 8px #000c;white-space:nowrap;pointer-events:none;font:700 clamp(16px,4.4vh,30px)/1 Georgia,Times New Roman,serif;animation:1.1s ease-out forwards potli-gain;position:absolute;top:24%;left:50%;transform:translate(-50%)}@keyframes potli-gain{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-40px)}}.detail-stats,.find-head,.detail-found,.detail-actions,.detail-note{flex:none}.detail-stats{--sb:clamp(8px, 1.8vh, 16px);grid-template-columns:minmax(0,1.8fr) minmax(0,1fr) minmax(0,1fr);display:grid}.detail-stats:before,.find-card:before{border-width:var(--sb);border-image:url(../assets/ui/inv-row-1fe6b1a6.webp) 60 fill / var(--sb) stretch}.stat{justify-content:center;align-items:center;gap:clamp(5px,1vw,14px);min-width:0;padding:clamp(4px,1.2vh,12px) clamp(6px,1.1vw,18px);display:flex}.stat.stat-effect{justify-content:flex-start}.stat+.stat{border-left:1px solid #a886504d}.stat-portrait{aspect-ratio:1;clip-path:polygon(8% 0,92% 0,100% 8%,100% 92%,92% 100%,8% 100%,0 92%,0 8%);background:url(../assets/ui/zari-portrait-0fbaf571.webp) 50%/cover no-repeat,#1a0f14;flex:none;width:clamp(30px,10vh,80px)}.stat-words{flex-direction:column;gap:.15em;min-width:0;display:flex}.stat:not(.stat-effect) .stat-words{text-align:center;align-items:center}.stat-label{color:var(--muted);white-space:nowrap;font-size:clamp(10px,2.7vh,18px)}.stat-value{color:var(--cream);align-items:center;gap:.3em;font-size:clamp(13px,3.7vh,26px);font-weight:600;line-height:1.15;display:flex}.stat-effect .stat-value{display:block}.stat-value b{color:var(--gold-hi)}.stat-glyph{--icon:1.2em;flex:none;width:1.2em;height:1.2em;display:inline-block}.heart-art{background:url(../assets/ui/inv-heart-bf5c6411.webp) 50%/contain no-repeat}.find-head{margin-bottom:calc(var(--gap) * -.4);justify-content:space-between;align-items:baseline;gap:10px;display:flex}.find-title{color:#dccdac;font-size:clamp(13px,3.4vh,23px)}.find-slots{color:var(--muted);letter-spacing:.04em;font-size:clamp(11px,2.7vh,17px)}.detail-found{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(6px,1vw,16px);display:grid}.find-card{--icon:clamp(28px, 9vh, 78px);--sb:clamp(6px, 1.3vh, 12px);min-width:0;padding:calc(var(--sb) * .9) 6px;text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex}.find-art{filter:drop-shadow(0 3px 4px #0009)}.find-art.ui-art{width:var(--icon);height:var(--icon);background:50%/contain no-repeat;flex:none}.find-words{flex-direction:column;align-items:center;min-width:0;display:flex}.find-name{color:var(--cream);font-size:clamp(12px,3vh,21px);line-height:1.15}.find-note{color:var(--green);font-size:clamp(12px,3vh,21px);font-weight:700;line-height:1.1}.detail-actions{align-items:center;gap:clamp(6px,2vw,30px);margin-top:auto;display:flex}.potli-stepper{--sh:clamp(44px, 10vh, 62px);flex:none;align-items:center;display:flex}.potli-step{min-height:44px;width:calc(var(--sh) * 1.16);height:var(--sh);cursor:pointer;background:50%/100% 100% no-repeat;border:0;padding:0}.potli-step.minus{background-image:url(../assets/ui/inv-step-minus-67618117.webp)}.potli-step.plus{background-image:url(../assets/ui/inv-step-plus-1022fbf3.webp)}.potli-step:disabled{filter:grayscale(.7)brightness(.6);cursor:default}.potli-qty{width:calc(var(--sh) * 1.9);height:var(--sh);color:var(--cream);background:url(../assets/ui/inv-step-mid-90f30e62.webp) 50%/100% 100% no-repeat;place-items:center;font:600 clamp(16px,4.4vh,28px)/1 Georgia,Times New Roman,serif;display:grid}.potli-use{--uh:clamp(44px, 11vh, 74px);min-height:44px;height:var(--uh);min-width:calc(var(--uh) * 1.9);text-shadow:0 1px #fff4d666;cursor:pointer;filter:drop-shadow(0 5px 10px #0000008c);background:0 0;border:0;flex:1;justify-content:center;align-items:center;gap:.4em;padding:0 clamp(14px,2vw,30px);font-size:clamp(19px,5.6vh,38px);font-weight:700;display:flex;color:#1f1409!important}.potli-use:before{border-width:calc(var(--uh) * .29);border-image:url(../assets/ui/inv-button-91fb9f80.webp) 60 fill / calc(var(--uh) * .29) stretch}.potli-use svg{width:1em;height:1em}.potli-use:active:not(:disabled){filter:brightness(1.06)drop-shadow(0 4px 8px #0000008c);transform:translateY(1px)}.potli-use:disabled{filter:grayscale(.8)brightness(.55);cursor:default}.detail-note{color:#c9a87a;margin:0;font-size:clamp(12px,3vh,19px);font-style:italic}.potli-detail{--hero:40cqh;padding:calc(var(--pb) + 1.6cqh) calc(var(--pb) + 3cqi);gap:1.8cqh;container:detail/size}.detail-head,.detail-head.has-scene{min-height:38cqh}.detail-text{width:44%}.detail-name{white-space:nowrap;font-size:min(8cqh,8.4cqi);line-height:1.05}.detail-ur{padding:.55em 0 .3em;font-size:min(6cqh,6cqi);line-height:1.55}.detail-about{-webkit-line-clamp:3;text-shadow:none;-webkit-box-orient:vertical;font-size:min(4.4cqh,4.6cqi);line-height:1.28;display:-webkit-box;overflow:hidden}.detail-scene{left:44%;-webkit-mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 22%),linear-gradient(#000 74%,#0000)}.detail-art{--icon:32cqh;top:0}.stat{padding:1.2cqh 1.6cqi}.stat-portrait{width:11cqh}.stat-label{font-size:min(3.2cqh,3.4cqi)}.stat-value{font-size:min(4.4cqh,4.6cqi)}.find-title{font-size:min(3.8cqh,4cqi)}.find-slots{font-size:min(3.2cqh,3.2cqi)}.find-card{--icon:10cqh;padding:1.2cqh 6px}.find-name,.find-note{font-size:min(3.4cqh,3.8cqi)}.detail-found{flex:0 auto;min-height:0;overflow:hidden}.detail-actions{flex:none;margin-top:auto}.potli-stepper{--sh:max(44px, 10cqh)}.potli-detail .potli-step{width:var(--sh)}.potli-detail .potli-qty{width:calc(var(--sh) * 1.3)}.potli-use{--uh:max(44px, 11cqh);font-size:min(5.6cqh,6cqi)}.potli-use.says{min-width:min(calc(var(--uh) * 2.7), 40cqi);white-space:nowrap;padding:0 10px;font-size:min(4cqh,4cqi);font-style:italic}.potli-use.says:disabled{filter:saturate(.55)brightness(.82)}.detail-note{font-size:min(3.4cqh,3.6cqi)}@container detail (height<=560px){.find-head,.detail-found{display:none}}@container detail (height<=300px){.detail-about{-webkit-line-clamp:2}}@container detail (width<=320px){.potli-detail .potli-qty{width:calc(var(--sh) * .9)}.potli-use.says{font-size:12px}}.dialogue-box:before{border-width:var(--db);border-image:url(../assets/ui/inv-row-1fe6b1a6.webp) 60 fill / var(--db) stretch}@media (max-height:520px){.potli-cat .cat-icon,.find-head,.detail-found,.tab-chevron{display:none}.potli-detail{--hero:27vh;gap:6px}.detail-art{--icon:21vh}.detail-name{white-space:nowrap;font-size:clamp(18px,5.6vh,56px)}.detail-ur{padding-top:.35em;font-size:clamp(14px,4.2vh,38px)}.detail-about{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.stat-effect .stat-value{font-size:clamp(12px,3.3vh,26px)}.stat-portrait{width:8.5vh}.stat{padding:3px 6px}}@media (max-width:760px){.potli-use svg,.meter-text{display:none}.potli-step{width:var(--sh)}.potli-qty{width:calc(var(--sh) * 1.15)}.detail-actions{gap:4px}}@media (max-width:600px){.potli-panel{grid-template-columns:58px minmax(0,1fr)}.tab-label,.tab-lock{display:none}}@media (prefers-reduced-motion:reduce){.potli-panel,.hud-potli.bounce,.coins.bump,.potli-gain{animation:none}}.gold-button{color:#2a1704;cursor:pointer;background:linear-gradient(#f2d48f,#c9a056);border:1px solid #7a5520;border-radius:6px;padding:10px 18px;font:700 15px/1 Georgia,Times New Roman,serif;box-shadow:inset 0 1px #fff3c8,0 2px 6px #00000080}.gold-button:disabled{filter:grayscale(.8)brightness(.6);cursor:default}.gold-button .price{background:url(../assets/rosette-coin-v1-b4311923.webp) 0/14px no-repeat;margin-left:6px;padding-left:18px;display:inline-block}.shop-card .shop-sells{--icon:44px;flex-direction:column;gap:8px;margin:8px 0 14px;display:flex}.shop-card .shop-sell{text-align:left;background:#0a121a80;border:1px solid #e9b9494d;border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:6px 10px;display:grid}.shop-card .shop-sell-name{flex-direction:column;display:flex}.dialogue-layer{z-index:1;pointer-events:auto;touch-action:none;cursor:pointer;--bar:clamp(26px, 9vh, 72px);--bust:clamp(150px, 56vh, 600px);--ch:clamp(8px, 1.8vh, 16px);--edge:#a886508c;--edge-hot:#d1a857;--fill:#161014e6;--cream:#eadfc6;--muted:#b6a78e;--gold-hi:#e2b45c;-webkit-backdrop-filter:blur(5px)brightness(.5)saturate(.8);backdrop-filter:blur(5px)brightness(.5)saturate(.8);color:var(--cream);font-variant-numeric:lining-nums;opacity:0;background:radial-gradient(at 50% 62%,#461c243d,#060308b8);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;transition:opacity .32s ease-out;display:none;position:absolute;inset:0}.dialogue-layer.open{opacity:1;display:block}.dialogue-layer.closing{opacity:0;transition-duration:.34s}.dialogue-bar{height:var(--bar);background:#04020a;transition:transform .46s cubic-bezier(.2,.8,.2,1);position:absolute;left:0;right:0}.dialogue-bar.top{top:0;transform:translateY(-100%)}.dialogue-bar.bottom{bottom:0;transform:translateY(100%)}.dialogue-layer.open:not(.closing) .dialogue-bar{transform:none}.dialogue-bust{bottom:var(--bar);transition:transform .28s ease-out,filter .28s ease-out,opacity .28s;position:absolute;-webkit-mask-image:linear-gradient(#000 76%,#0000);mask-image:linear-gradient(#000 76%,#0000)}.dialogue-bust.left{transform-origin:50% 100%;left:3vw}.dialogue-bust.right{transform-origin:50% 100%;right:3vw}.dialogue-bust.absent{opacity:0}.dialogue-bust.lit{filter:drop-shadow(0 0 2.4vh #ffbe6e4d);transform:translateY(-1.4vh)scale(1.03)}.dialogue-bust.dim{filter:brightness(.4)saturate(.55);transform:scale(.96)}.dialogue-box{--db:clamp(10px, 2.4vh, 22px);isolation:isolate;left:calc(var(--bust) * var(--bust-aspect,.667) * .8 + 3vw + 6px);right:calc(var(--bust) * var(--bust-aspect,.667) * .8 + 3vw + 6px);bottom:calc(var(--bar) + 2.4vh);box-sizing:border-box;text-align:center;cursor:pointer;min-height:44px;padding:clamp(8px,2.2vh,22px) clamp(14px,2vw,34px) clamp(6px,1.6vh,16px);position:absolute}.dialogue-box.turn{animation:.26s ease-out dialogue-turn}@keyframes dialogue-turn{0%{opacity:.2;transform:translateY(6px)}}.dialogue-who{justify-content:center;align-items:center;gap:.6em;margin-bottom:clamp(0px,.6vh,6px);display:flex}.dialogue-name{color:var(--gold-hi);letter-spacing:.02em;font-size:clamp(15px,3.8vh,28px);font-weight:700}.dialogue-name-ur{color:#d8ac58;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif;font-size:clamp(13px,3.2vh,24px);line-height:1.6}.dialogue-gem{aspect-ratio:1;background:var(--edge-hot);flex:none;width:clamp(5px,1vh,8px);transform:rotate(45deg)}.dialogue-ur{color:#f6ead0;text-shadow:0 2px 4px #0009;margin:0;font-family:Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif;font-size:clamp(17px,4.6vh,36px);line-height:1.8}.dialogue-en{color:var(--muted);margin:.55em 0 0;font-size:clamp(13px,3.3vh,25px);font-style:italic;font-weight:500;line-height:1.25}.dialogue-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(2px,.8vh,8px);display:flex}.dialogue-dots{gap:clamp(4px,.6vw,8px);display:flex}.dialogue-dots i{aspect-ratio:1;box-sizing:border-box;background:#0c0807a6;border:1px solid #9c7a45;width:clamp(5px,1.2vh,9px);transform:rotate(45deg)}.dialogue-dots i.on{background:var(--edge-hot);border-color:#ecd59b}.dialogue-next{color:var(--gold-hi);letter-spacing:.12em;margin-left:auto;font-size:clamp(13px,3.2vh,22px);font-weight:700;animation:1.6s ease-in-out infinite dialogue-next}@keyframes dialogue-next{50%{opacity:.45}}#ui.talking .hud,#ui.talking .hud-right,#ui.talking .hud-shade,#ui.talking .touch-buttons,#ui.talking .stick-base,#ui.talking .btn-pause,#ui.talking .toast{opacity:0;pointer-events:none;transition:opacity .26s ease-out}@media (max-height:420px){.dialogue-who{margin-bottom:0}.dialogue-dots{display:none}}@media (prefers-reduced-motion:reduce){.dialogue-bar,.dialogue-bust,.dialogue-layer{transition:none}.dialogue-box.turn,.dialogue-next{animation:none}}.potli-tip{border:1px solid var(--edge-hot);color:#f0dcae;background:#46321c8c;flex:none;align-items:center;gap:.6em;margin:0;padding:clamp(6px,1.4vh,12px) clamp(8px,1.2vw,16px);font-size:clamp(12px,3vh,20px);font-style:italic;line-height:1.25;display:none}.potli-tip:before{content:"";aspect-ratio:1;background:var(--edge-hot);flex:none;width:clamp(6px,1.2vh,9px);transform:rotate(45deg)}.potli-layer.tipped .potli-tip{display:flex}.gift-layer{z-index:1;pointer-events:auto;touch-action:none;cursor:pointer;--icon:clamp(120px, 38vh, 330px);-webkit-backdrop-filter:blur(4px)brightness(.5);backdrop-filter:blur(4px)brightness(.5);opacity:0;background:radial-gradient(at 50% 46%,#50281433,#040206b3);font-family:Cormorant Garamond,Georgia,Times New Roman,serif;transition:opacity .36s ease-out;display:none;position:absolute;inset:0}.gift-layer.on{opacity:1;display:block}.gift-layer.landing{-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:none;background:0 0}.gift-glow,.gift-sparkles,.gift-prompt{opacity:0;transition:opacity .42s ease-out}.gift-layer.settled .gift-glow,.gift-layer.settled .gift-sparkles,.gift-layer.settled .gift-prompt{opacity:1}.gift-glow{width:calc(var(--icon) * 2.3);aspect-ratio:1;pointer-events:none;background:radial-gradient(closest-side,#ffc46080,#ff963c2e 55%,#0000);animation:2.6s ease-in-out infinite alternate gift-glow;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}@keyframes gift-glow{0%{transform:translate(-50%,-50%)scale(.92)}to{transform:translate(-50%,-50%)scale(1.08)}}.gift-sparkles{pointer-events:none;position:absolute;inset:0}.gift-sparkles i{width:calc(clamp(6px, 1.4vh, 12px) * var(--sz,1));aspect-ratio:1;opacity:0;background:#ffe3a0;animation:1.9s ease-in-out infinite gift-twinkle;position:absolute;transform:translate(-50%,-50%)rotate(45deg);box-shadow:0 0 10px 2px #ffd682cc}@keyframes gift-twinkle{0%,to{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scale(.4)}50%{opacity:1;transform:translate(-50%,-50%)rotate(45deg)scale(1)}}.gift-potli{width:var(--icon);height:var(--icon);will-change:transform;filter:drop-shadow(0 0 22px #ffc86ea6)drop-shadow(0 12px 12px #0009);place-items:center;display:grid;position:absolute;top:0;left:0;transform:translate(-100px,-100px)}.gift-layer.settled .gift-potli{top:46%;left:50%;transform:translate(-50%,-50%)!important}.gift-layer.settled .gift-potli>span{animation:2.6s ease-in-out infinite alternate gift-bob}@keyframes gift-bob{0%{transform:translateY(-1.2%)}to{transform:translateY(1.6%)}}.gift-prompt{left:0;right:0;bottom:calc(var(--bottom,12px) + 6vh);text-align:center;color:#f6e8c8;text-shadow:0 2px 6px #000c;pointer-events:none;animation:2s ease-in-out infinite gift-pulse;position:absolute}.gift-prompt p{margin:0}.gift-title{color:#f0cf8e;font-size:clamp(24px,7vh,52px);font-weight:700;line-height:1.1}.gift-sub{color:#d8c9a8;font-size:clamp(14px,3.6vh,26px);font-style:italic}@keyframes gift-pulse{50%{opacity:.55}}@media (prefers-reduced-motion:reduce){.gift-glow,.gift-prompt,.gift-sparkles i,.gift-layer.settled .gift-potli>span{animation:none}.gift-sparkles i{opacity:.8}}.catch-prompt{--ch:clamp(56px, 14vh, 76px);z-index:1;min-width:120px;min-height:56px;height:var(--ch);padding:0 calc(var(--ch) * .42) 0 calc(var(--ch) * .22);color:#fff3d2;letter-spacing:.02em;text-shadow:0 1px #2a1704,0 0 10px #ffc86e99;cursor:pointer;pointer-events:auto;touch-action:none;isolation:isolate;background:0 0;border:0;align-items:center;gap:.45em;font:700 clamp(18px,4.8vh,28px)/1 Cormorant Garamond,Georgia,Times New Roman,serif;display:none;position:absolute;top:40%;left:50%;transform:translate(-50%,-100%)}.catch-prompt.shown{animation:.14s cubic-bezier(.2,1.4,.4,1) catch-pop;display:flex}.catch-prompt:before{content:"";z-index:-1;box-sizing:border-box;border:calc(var(--ch) * .3) solid transparent;border-image:url(../assets/ui/inv-tab-active-9c9eb736.webp) 50 fill / calc(var(--ch) * .3) stretch;filter:drop-shadow(0 0 10px #ffc45cbf)drop-shadow(0 4px 6px #0009);animation:.9s ease-in-out infinite alternate catch-glow;position:absolute;inset:0}.catch-prompt .catch-ring{z-index:-2;pointer-events:none;border-radius:18px;animation:.9s ease-out infinite catch-pulse;position:absolute;inset:-6px;box-shadow:0 0 0 2px #ffd682e6,0 0 18px 4px #ffbe5a8c}.catch-key{width:calc(var(--ch) * .6);height:calc(var(--ch) * .6);box-sizing:border-box;border:calc(var(--ch) * .12) solid transparent;border-image:url(../assets/ui/inv-button-91fb9f80.webp) 60 fill / calc(var(--ch) * .12) stretch;color:#1f1409;text-shadow:0 1px #fff4d680;place-items:center;font-size:.95em;display:grid}.catch-key.hook{filter:drop-shadow(0 0 6px #ffd682cc);background:url(../assets/ui/inv-ico-hook-d451ed46.webp) 50%/contain no-repeat;border:0;border-image:}.catch-word{white-space:nowrap}.catch-pin{left:50%;bottom:calc(var(--ch) * -.22);width:calc(var(--ch) * .2);height:calc(var(--ch) * .2);background:linear-gradient(135deg,#f6dc95,#c99a48);border:1px solid #5a3c14;position:absolute;transform:translate(-50%)rotate(45deg)}@keyframes catch-pop{0%{opacity:.4;transform:translate(-50%,-100%)scale(.75)}}@keyframes catch-glow{0%{filter:drop-shadow(0 0 6px #ffc45c8c)drop-shadow(0 4px 6px #0009)}to{filter:drop-shadow(0 0 16px #ffd278f2)drop-shadow(0 4px 6px #0009)}}@keyframes catch-pulse{0%{opacity:.95;transform:scale(.96)}to{opacity:0;transform:scale(1.35)}}#ui.catch-ready .btn-grab{animation:.9s ease-in-out infinite alternate catch-hook-glow}@keyframes catch-hook-glow{0%{filter:drop-shadow(0 0 4px #ffd27899)drop-shadow(0 3px 4px #000000b3)}to{filter:drop-shadow(0 0 16px #ffd278)brightness(1.2)}}@media (prefers-reduced-motion:reduce){.catch-prompt.shown,.catch-prompt:before,.catch-prompt .catch-ring,#ui.catch-ready .btn-grab{animation:none}}.guide-bark{--b:clamp(8px, 1.8vh, 14px);z-index:1;padding:calc(var(--b) * .7) calc(var(--b) * 1.6) calc(var(--b) * .6);text-align:center;pointer-events:none;isolation:isolate;filter:drop-shadow(0 4px 8px #0009);flex-direction:column;align-items:center;display:none;position:absolute;transform:translate(-50%,calc(-100% - 14px))}.guide-bark.shown{animation:.42s ease-out guide-call;display:flex}.guide-bark:before{content:"";z-index:-1;box-sizing:border-box;border:var(--b) solid transparent;border-image:url(../assets/ui/inv-row-1fe6b1a6.webp) 60 fill / var(--b) stretch;position:absolute;inset:0}.guide-bark p{white-space:nowrap;margin:0}.guide-bark-ur{color:#ffe3b0;text-shadow:0 0 10px #ff783c8c;font:700 clamp(19px,5.2vh,36px)/1.55 Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif}.guide-bark-en{color:#d9c8a4;font:italic 600 clamp(12px,2.8vh,18px)/1.1 Cormorant Garamond,Georgia,serif;margin-top:.15em!important}.guide-pin{background:linear-gradient(135deg,#e9c46a,#a87a35);border:1px solid #4a3012;width:12px;height:12px;position:absolute;bottom:-7px;left:50%;transform:translate(-50%)rotate(45deg)}@keyframes guide-call{0%{transform:translate(-50%,calc(-100% - 6px))scale(.8)}35%{transform:translate(-50%,calc(-100% - 18px))scale(1.06)rotate(-2deg)}60%{transform:translate(-50%,calc(-100% - 14px))rotate(2deg)}to{transform:translate(-50%,calc(-100% - 14px))}}.guide-thought{z-index:1;left:50%;top:calc(var(--top) + clamp(56px, 15vh, 110px));text-align:center;pointer-events:none;background:radial-gradient(#0a060cb8,#0a060c00 72%);flex-direction:column;align-items:center;gap:.15em;max-width:min(80vw,640px);padding:.5em 1.6em;display:none;position:absolute;transform:translate(-50%)}.guide-thought.shown{display:flex}.guide-thought p{margin:0}.guide-thought-ur{color:#a9e4dc;text-shadow:0 1px 3px #000;font:500 clamp(15px,4vh,26px)/1.6 Noto Nastaliq Urdu,Jameel Noori Nastaleeq,Geeza Pro,serif}.guide-thought-ur:before{content:"… "}.guide-thought-en{color:#cfc2a8;text-shadow:0 1px 3px #000;font:italic 500 clamp(12px,2.8vh,18px)/1.2 Cormorant Garamond,Georgia,serif;margin-top:.3em!important}.guide-marker{--m:clamp(40px, 10vh, 58px);z-index:1;width:var(--m);height:var(--m);pointer-events:none;display:none;position:absolute;transform:translate(-50%,-50%)}.guide-marker.shown{display:block}.guide-face{background:radial-gradient(circle at 50% 40%,#3d2b1c,#120c0a 74%);border-radius:50%;animation:1.4s ease-in-out infinite alternate guide-glow;position:absolute;inset:0;overflow:hidden;box-shadow:0 0 0 2px #e2b45c,0 0 0 4px #2a1704,0 0 14px 2px #ffc45c8c}.guide-face .portrait-art{--bust:calc(var(--m) * 2.3);left:calc(var(--m) * -.62);top:calc(var(--m) * -.12);position:absolute;width:calc(var(--bust) * var(--bust-aspect,.914))!important;height:var(--bust)!important}.guide-arrow{width:calc(var(--m) * .86);transform-origin:0 0;pointer-events:none;height:0;position:absolute;top:50%;left:50%}.guide-arrow:after{content:"";right:0;top:calc(var(--m) * -.17);border-left:calc(var(--m) * .3) solid #e9c46a;border-top:calc(var(--m) * .17) solid transparent;border-bottom:calc(var(--m) * .17) solid transparent;filter:drop-shadow(0 0 4px #ffc86ee6);animation:1.1s ease-in-out infinite guide-nudge;position:absolute}@keyframes guide-glow{0%{box-shadow:0 0 0 2px #e2b45c,0 0 0 4px #2a1704,0 0 8px 1px #ffc45c59}to{box-shadow:0 0 0 2px #f6dc95,0 0 0 4px #2a1704,0 0 18px 4px #ffc45cb3}}@keyframes guide-nudge{50%{transform:translate(5px)}}#ui.talking .guide-bark,#ui.talking .guide-thought,#ui.talking .guide-marker,#ui.potli-open .guide-marker{visibility:hidden}@media (prefers-reduced-motion:reduce){.guide-bark.shown,.guide-face,.guide-arrow:after{animation:none}}