@font-face{font-family:Amiri Quran;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/amiri-quran-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+08A0-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}:root{--ink: #ece6da;--ink-dim: #b6ad9c;--night: #0d0f12;--night-2: #15181d;--sun: #d9a441;--font-quran: "Amiri Quran", "Scheherazade New", "Noto Naskh Arabic", "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--night);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-user-select:none;user-select:none}#app{position:fixed;inset:0}canvas{display:block}#loading{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 44%,#07080a1f,#07080a8c 58%,#07080aeb);z-index:10;transition:opacity .7s ease}#loading.hidden{opacity:0;pointer-events:none}.loading-card{text-align:center;max-width:540px;padding:40px 50px;background:#0b0d1080;border:1px solid rgba(217,164,65,.5);border-radius:18px;box-shadow:inset 0 0 0 1px #d9a44126,0 26px 90px #0000008c;backdrop-filter:blur(4px);animation:title-in 1.3s ease both}.rule{height:1px;width:130px;margin:16px auto;background:linear-gradient(90deg,transparent,var(--sun),transparent)}@keyframes title-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.loading-kicker{color:var(--sun);font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:18px}.loading-title{font-size:clamp(54px,12vw,104px);letter-spacing:.28em;font-weight:600;color:var(--ink);text-shadow:0 0 40px rgba(217,164,65,.35);animation:title-glow 5s ease-in-out infinite}@keyframes title-glow{0%,to{text-shadow:0 0 36px rgba(217,164,65,.28)}50%{text-shadow:0 0 56px rgba(217,164,65,.5)}}.loading-sub{margin-top:12px;color:var(--ink);font-size:clamp(15px,2.4vw,19px);letter-spacing:.16em;text-transform:uppercase}.loading-hook{margin:26px auto 0;max-width:460px;color:var(--ink-dim);font-size:15px;line-height:1.75;font-style:italic}.begin-btn{margin-top:34px;font:inherit;font-size:16px;letter-spacing:.08em;color:var(--night);background:var(--sun);border:none;border-radius:12px;padding:13px 34px;cursor:pointer;box-shadow:0 0 #d9a44180;animation:begin-pulse 2.6s ease-in-out infinite;transition:transform .1s ease,background .14s ease}.begin-btn:hover{background:#e6b34e;transform:translateY(-1px)}.begin-btn:active{transform:translateY(1px)}@keyframes begin-pulse{0%,to{box-shadow:0 0 #d9a44173}50%{box-shadow:0 0 28px 6px #d9a44133}}#hud{position:fixed;inset:0;pointer-events:none;z-index:5}.hud-badges{position:absolute;top:196px;left:14px;display:flex;flex-wrap:wrap;gap:8px;max-width:232px}.badge{background:#0d0f129e;border:1px solid rgba(236,230,218,.14);color:var(--ink);padding:6px 12px;border-radius:999px;font-size:13px;letter-spacing:.02em;backdrop-filter:blur(6px)}.badge[hidden]{display:none}.badge.ghost{color:var(--ink-dim)}.badge.coin{color:var(--sun);border-color:#d9a44166}.objective{position:absolute;top:14px;left:14px;max-width:320px;display:flex;align-items:baseline;gap:7px;background:#0d0f1294;border:1px solid rgba(217,164,65,.32);padding:8px 13px;border-radius:10px;backdrop-filter:blur(6px)}.objective[hidden]{display:none}.obj-mark{color:var(--sun);font-size:12px}.obj-label{color:var(--sun);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}.obj-text{color:var(--ink);font-size:13.5px;line-height:1.35}.statcluster{position:absolute;top:56px;left:14px;width:232px;display:flex;flex-direction:column;gap:9px;padding:11px 13px 12px;background:#0d0f128c;border:1px solid rgba(236,230,218,.13);border-radius:13px;backdrop-filter:blur(7px)}.statcluster[hidden]{display:none}.sc-level{display:flex;align-items:center;gap:11px}.sc-lvl-ring{position:relative;width:44px;height:44px;flex:0 0 auto}.sc-arc{width:44px;height:44px;transform:rotate(-90deg)}.sc-arc-track{fill:none;stroke:#ece6da21;stroke-width:4}.sc-arc-fill{fill:none;stroke:var(--sun);stroke-width:4;stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:113.1;transition:stroke-dashoffset .42s cubic-bezier(.22,1,.36,1)}.sc-lvl-num{position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em}.sc-lvl-meta{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto}.sc-lvl-word{color:var(--ink-dim);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.sc-xp-text{color:var(--ink);font-size:12px;font-variant-numeric:tabular-nums}.sc-points{flex:0 0 auto;font:inherit;display:inline-flex;flex-direction:column;align-items:center;gap:0;padding:4px 8px;background:#d9a44129;border:1px solid rgba(217,164,65,.5);border-radius:9px;color:var(--sun);cursor:pointer;animation:sc-glint 2s ease-in-out infinite}.sc-points[hidden]{display:none}.sc-points:hover{background:#d9a44147}.sc-points #sc-points-n{font-size:14px;font-weight:800;line-height:1.1}.sc-points-lbl{font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:var(--sun);opacity:.85}@keyframes sc-glint{0%,to{box-shadow:0 0 #d9a44100}50%{box-shadow:0 0 14px 1px #d9a44166}}.statbar{display:flex;flex-direction:column;gap:4px}.statbar[hidden]{display:none}.sb-row{display:flex;align-items:baseline;justify-content:space-between}.sb-label{color:var(--ink-dim);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.sb-num{color:var(--ink);font-size:11px;font-variant-numeric:tabular-nums;opacity:.85}.sb-track{border-radius:6px;background:#ece6da1f;overflow:hidden}.sb-fill{height:100%;width:100%;border-radius:6px;transition:width .32s ease,background .32s ease}.statbar--health .sb-track{height:11px}.statbar--health .sb-label{color:#e0b48a}.statbar--health .sb-fill{background:linear-gradient(90deg,#c73423,#e66037)}.statbar--vit .sb-track{height:8px}.statbar--vit .sb-fill{background:linear-gradient(90deg,#bf8718,#ebc633)}.statbar.low{animation:vit-pulse 1.4s ease-in-out infinite;border-radius:6px}@keyframes vit-pulse{0%,to{box-shadow:0 0 #d64e3200}50%{box-shadow:0 0 14px 1px #d64e324d}}.statcluster.lvlup .sc-lvl-ring{animation:lvl-pop .7s cubic-bezier(.22,1,.36,1)}@keyframes lvl-pop{0%{transform:scale(1)}40%{transform:scale(1.18)}to{transform:scale(1)}}.levelup{position:absolute;top:22%;left:50%;transform:translate(-50%);z-index:8;pointer-events:none}.levelup[hidden]{display:none}.lu-card{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 30px;background:linear-gradient(180deg,#efe2c8,#e6d4b3);border:1.5px solid #d8c39c;border-radius:16px;box-shadow:0 1px #fffaebb3 inset,0 18px 50px #281a0a80;animation:lu-in .52s cubic-bezier(.22,1,.36,1)}.levelup.out .lu-card{animation:lu-out .42s ease forwards}.lu-kicker{color:#8a5a1e;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.lu-level{color:#3b2f20;font-size:26px;font-weight:800;letter-spacing:.01em}.lu-sub{color:#6b5a40;font-size:13px}.lu-sub b{color:#8a5a1e;font-weight:800}@keyframes lu-in{0%{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@keyframes lu-out{to{opacity:0;transform:translateY(-8px)}}@media (prefers-reduced-motion: reduce){.sc-arc-fill{transition:none}.sc-points,.statcluster.lvlup .sc-lvl-ring,.statbar.low,.lu-card{animation:none}.levelup.out .lu-card{animation:none;opacity:0}}.minimap{position:absolute;top:14px;right:14px;width:150px;height:150px;border-radius:50%;pointer-events:none}.hud-help{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:18px;background:#0d0f1280;border:1px solid rgba(236,230,218,.1);padding:8px 16px;border-radius:12px;font-size:12.5px;color:var(--ink-dim);backdrop-filter:blur(6px);transition:opacity 1.2s ease}.hud-help.faded{opacity:0;pointer-events:none}.hud-help b{color:var(--ink);font-weight:600}.ayah-reveal{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:min(560px,86vw);background:#0d0f12eb;border:1px solid rgba(217,164,65,.35);border-radius:16px;padding:26px 28px;text-align:center;box-shadow:0 0 60px #d9a4411f;backdrop-filter:blur(10px);animation:ayah-in .6s ease}.ayah-reveal[hidden]{display:none}@keyframes ayah-in{0%{opacity:0;transform:translate(-50%,-46%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.ayah-arabic{font-family:var(--font-quran);font-size:clamp(24px,4.8vw,36px);line-height:2;color:var(--ink);margin-bottom:16px}.ayah-translation{font-size:15px;line-height:1.6;color:var(--ink);margin-bottom:12px}.ayah-lesson{font-size:13px;color:var(--ink-dim);font-style:italic;margin-bottom:10px}.ayah-ref{font-size:12px;letter-spacing:.08em;color:var(--sun);text-transform:uppercase}.ayah-close{position:absolute;top:10px;right:12px;width:32px;height:32px;border-radius:50%;border:1px solid rgba(217,164,65,.4);background:#d9a4411a;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;pointer-events:auto;transition:background .14s ease}.ayah-close:hover{background:#d9a44147}.ayah-dismiss{margin-top:16px;font-size:11px;letter-spacing:.05em;color:var(--ink-dim)}.ayah-dismiss b{color:var(--sun);font-weight:600}.trial-panel{position:absolute;bottom:64px;left:50%;transform:translate(-50%);width:min(620px,90vw);background:#0d0f12eb;border:1px solid rgba(236,230,218,.16);border-radius:14px;padding:20px 22px;pointer-events:auto;backdrop-filter:blur(10px);box-shadow:0 12px 40px #00000073}.trial-panel[hidden]{display:none}.trial-text{font-size:15px;line-height:1.6;color:var(--ink);margin-bottom:16px}.trial-actions{display:flex;flex-wrap:wrap;gap:10px}.trial-btn{font:inherit;font-size:14px;color:var(--ink);background:#d9a4411f;border:1px solid rgba(217,164,65,.45);border-radius:10px;padding:9px 16px;cursor:pointer;transition:background .14s ease,transform 80ms ease}.trial-btn:hover{background:#d9a44138}.trial-btn:active{transform:translateY(1px)}.prompt{position:absolute;bottom:132px;left:50%;transform:translate(-50%);background:#0d0f12d9;border:1px solid rgba(217,164,65,.75);color:#ffe6b0;padding:11px 24px;border-radius:999px;font-size:16px;font-weight:600;white-space:nowrap;backdrop-filter:blur(8px);box-shadow:0 0 24px #d9a44138;animation:prompt-pulse 1.9s ease-in-out infinite}@keyframes prompt-pulse{0%,to{box-shadow:0 0 16px #d9a44129}50%{box-shadow:0 0 32px #d9a44157}}.prompt[hidden]{display:none}.toast{position:absolute;top:64px;left:50%;transform:translate(-50%);width:min(560px,88vw);text-align:center;background:#0d0f12db;border:1px solid rgba(236,230,218,.16);color:var(--ink);padding:12px 18px;border-radius:12px;font-size:14.5px;line-height:1.5;backdrop-filter:blur(8px)}.toast[hidden]{display:none}.enemy-tags{position:absolute;inset:0;pointer-events:none;overflow:hidden}.etag{position:absolute;transform:translate(-50%,-100%);display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:#0d0f12d1;border:1.5px solid var(--etag-col, #c2562f);color:var(--etag-col, #c2562f);font-size:12.5px;font-weight:800;letter-spacing:.02em;line-height:1.3;font-variant-numeric:tabular-nums;box-shadow:0 1px 6px #0000008c;white-space:nowrap;text-shadow:0 1px 2px rgba(0,0,0,.7);transition:opacity .18s ease}.etag .etag-skull{font-size:13px;line-height:1}.etag.faint{opacity:.4}.conversation{--beige: #efe2c8;--beige-2: #e6d4b3;--beige-edge: #d8c39c;--ink-warm: #3b2f20;--ink-soft: #6b5a40;--accent: #b07a2c;--accent-deep: #8a5a1e;position:absolute;left:50%;bottom:30px;transform:translate(-50%);width:min(680px,92vw);display:flex;align-items:flex-end;gap:16px;padding:16px 22px 16px 18px;background:linear-gradient(180deg,var(--beige) 0%,var(--beige-2) 100%);border:1.5px solid var(--beige-edge);border-radius:20px;box-shadow:0 1px #fffaebb3 inset,0 18px 44px #281a0a6b,0 3px 10px #281a0a38;pointer-events:auto;cursor:pointer;z-index:7}.conversation[hidden]{display:none}.conv-portrait-frame{flex:0 0 auto;width:92px;height:92px;margin:-28px 0 -4px;border-radius:18px;background:radial-gradient(circle at 50% 38%,#fbf3e2,#e9d8b8 70%,#ddc89f);border:1.5px solid var(--beige-edge);box-shadow:0 6px 16px #281a0a47,0 1px #fffaebb3 inset;overflow:hidden;display:grid;place-items:end center}.conv-portrait{width:100%;height:104%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0 2px 3px rgba(40,26,10,.22))}.conv-body{flex:1 1 auto;min-width:0;padding-bottom:2px}.conv-head{display:flex;align-items:baseline;gap:10px;padding-bottom:7px;margin-bottom:9px;border-bottom:1px solid rgba(138,90,30,.16)}.conv-name{font-size:15.5px;font-weight:800;letter-spacing:.005em;color:var(--ink-soft)}.conv-role{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--accent-deep)}.conv-role[hidden]{display:none}.conv-text{font-size:16.5px;line-height:1.55;color:var(--ink-warm);min-height:50px;max-width:62ch}.conv-cont{margin-top:8px;text-align:right;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--accent-deep);opacity:0;transition:opacity .22s cubic-bezier(.16,1,.3,1)}.conv-cont b{font-weight:800}.conv-cont.on{animation:conv-cue 1.6s ease-in-out infinite}@keyframes conv-cue{0%,to{opacity:.78}50%{opacity:1}}.conversation.conv-pop{animation:conv-pop-in .24s cubic-bezier(.22,1,.36,1)}@keyframes conv-pop-in{0%{opacity:0;transform:translate(-50%,14px) scale(.97)}to{opacity:1;transform:translate(-50%) scale(1)}}.conversation.conv-beat .conv-portrait{animation:conv-bob .42s ease}@keyframes conv-bob{0%{transform:translateY(2px)}60%{transform:translateY(-2px)}to{transform:translateY(0)}}@media (max-width: 560px){.conversation{width:94vw;gap:12px;padding:14px 16px;bottom:18px}.conv-portrait-frame{width:72px;height:72px;margin-top:-22px}.conv-text{font-size:15px;min-height:44px}}@media (prefers-reduced-motion: reduce){.conversation.conv-pop,.conversation.conv-beat .conv-portrait{animation:none}.conv-cont.on{animation:none;opacity:1}}.store{--beige: #efe2c8;--beige-2: #e7d6b6;--beige-card: #f6ecd6;--beige-edge: #d8c39c;--st-ink: #3a2e1f;--st-ink-soft: #6b5a40;--st-accent: #b07a2c;--st-accent-deep: #8a5a1e;--st-good: #4d7a3a;--st-bad: #a23c28;--st-coin: #b8852b;position:absolute;inset:0;z-index:9;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 35%,#1e120657,#140c049e);backdrop-filter:blur(2px);pointer-events:auto}.store[hidden]{display:none}.store-card-wrap{width:min(760px,94vw);max-height:88vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--beige) 0%,var(--beige-2) 100%);border:1.5px solid var(--beige-edge);border-radius:22px;box-shadow:0 1px #fffaebb3 inset,0 28px 70px #1e12068c,0 6px 18px #1e120652;overflow:hidden}.store-head{display:flex;align-items:center;gap:16px;padding:18px 20px 14px;border-bottom:1px solid rgba(138,90,30,.18);background:linear-gradient(180deg,#fffaee80,#fffaee00)}.store-vendor-block{flex:1 1 auto;min-width:0}.store-vendor-row{display:flex;align-items:center;gap:9px}.store-stall-glyph{font-size:19px;line-height:1;color:var(--st-accent-deep);opacity:.9}.store-vendor{font-size:19px;font-weight:800;letter-spacing:.005em;color:var(--st-ink)}.store-role{display:block;margin-top:3px;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--st-accent-deep)}.store-purse{display:flex;align-items:baseline;gap:6px;padding:8px 14px;background:linear-gradient(180deg,#fbf3e0,#ecd9b3);border:1.5px solid var(--beige-edge);border-radius:13px;box-shadow:0 1px #fffaebcc inset,0 3px 8px #281a0a29}.store-purse-coin{font-size:16px;color:var(--st-coin)}.store-purse-amount{font-size:21px;font-weight:800;color:var(--st-ink);font-variant-numeric:tabular-nums}.store-purse-unit{font-size:11.5px;letter-spacing:.04em;color:var(--st-ink-soft)}.store-close{flex:0 0 auto;width:34px;height:34px;border-radius:10px;border:1.5px solid var(--beige-edge);background:#fffaee80;color:var(--st-ink-soft);font-size:20px;line-height:1;cursor:pointer;transition:background .14s ease,color .14s ease,transform 80ms ease}.store-close:hover{background:#fbf2df;color:var(--st-ink)}.store-close:active{transform:scale(.92)}.store-close:focus-visible{outline:2px solid var(--st-accent-deep);outline-offset:2px}.store-vit{display:flex;align-items:center;gap:10px;padding:11px 22px 9px}.store-vit-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--st-ink-soft);flex:0 0 auto}.store-vit-track{flex:1 1 auto;height:8px;border-radius:6px;background:#5a3a1629;overflow:hidden;box-shadow:0 1px 1px #281a0a1f inset}.store-vit-fill{height:100%;border-radius:6px;transition:width .32s cubic-bezier(.22,1,.36,1),background .32s ease}.store-vit-num{flex:0 0 auto;font-size:12px;color:var(--st-ink-soft);font-variant-numeric:tabular-nums}.store-tabs{display:flex;gap:8px;padding:4px 22px 14px}.store-tab{padding:7px 16px;border-radius:999px;border:1.5px solid var(--beige-edge);background:#fffaee66;color:var(--st-ink-soft);font-size:13px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease,transform 80ms ease}.store-tab:hover{background:#fbf2df;color:var(--st-ink)}.store-tab:active{transform:scale(.97)}.store-tab.on{background:linear-gradient(180deg,#c2862f,#a76d23);border-color:#8a5a1e;color:#fdf6e8;box-shadow:0 2px 6px #5a3a1647,0 1px #fffaeb66 inset}.store-tab:focus-visible{outline:2px solid var(--st-accent-deep);outline-offset:2px}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:4px 22px 22px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(138,90,30,.4) transparent}.store-grid::-webkit-scrollbar{width:8px}.store-grid::-webkit-scrollbar-thumb{background:#8a5a1e66;border-radius:8px}.store-card{display:flex;gap:14px;padding:14px;background:var(--beige-card);border:1.5px solid var(--beige-edge);border-radius:16px;box-shadow:0 1px #fffaebb3 inset,0 4px 12px #281a0a24;transition:transform .12s ease,box-shadow .16s ease}.store-card.owned{opacity:.82}.store-icon-well{flex:0 0 auto;width:84px;height:84px;border-radius:14px;background:radial-gradient(circle at 50% 38%,#fdf6e6,#ecd9b3 78%,#e0cda4);border:1.5px solid var(--beige-edge);box-shadow:0 1px #fffaebb3 inset,0 3px 8px #281a0a29;display:grid;place-items:center;overflow:hidden}.store-icon{width:92%;height:92%;object-fit:contain;filter:drop-shadow(0 3px 4px rgba(40,26,10,.22))}.store-card-body{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.store-card-name{font-size:15.5px;font-weight:800;color:var(--st-ink)}.store-card-desc{margin-top:3px;font-size:12.5px;line-height:1.42;color:var(--st-ink-soft)}.store-card-eff{margin-top:6px;align-self:flex-start;font-size:11px;font-weight:700;letter-spacing:.01em;color:var(--st-good);background:#4d7a3a1f;border:1px solid rgba(77,122,58,.28);padding:2px 8px;border-radius:999px}.store-card-foot{margin-top:auto;padding-top:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.store-price{display:inline-flex;align-items:baseline;gap:4px;font-size:16px;font-weight:800;color:var(--st-ink);font-variant-numeric:tabular-nums}.store-price .coin-glyph{font-size:13px;color:var(--st-coin)}.store-price.short,.store-price.short .coin-glyph{color:var(--st-bad)}.store-buy{padding:8px 18px;border-radius:11px;border:1.5px solid #8a5a1e;background:linear-gradient(180deg,#c2862f,#a76d23);color:#fdf6e8;font-size:13.5px;font-weight:800;letter-spacing:.02em;cursor:pointer;box-shadow:0 2px 6px #5a3a164d,0 1px #fffaeb59 inset;transition:transform 80ms ease,box-shadow .16s ease,filter .14s ease}.store-buy:hover{filter:brightness(1.06);box-shadow:0 4px 12px #5a3a1666,0 1px #fffaeb66 inset}.store-buy:active{transform:translateY(1px) scale(.97);box-shadow:0 1px 3px #5a3a164d}.store-buy:focus-visible{outline:2px solid var(--st-accent-deep);outline-offset:2px}.store-buy.is-disabled,.store-buy:disabled{cursor:not-allowed;background:#78603824;border-color:#7860384d;color:#5040288c;box-shadow:none;filter:none;transform:none}.store-buy.is-owned{background:#4d7a3a29;border-color:#4d7a3a66;color:var(--st-good)}.store-short-note{margin-top:7px;font-size:11.5px;font-weight:700;letter-spacing:.01em;color:var(--st-bad);opacity:.92}.store-flash{margin-top:8px;font-size:11.5px;font-weight:700;letter-spacing:.01em;animation:store-flash-in .2s ease}.store-flash.good{color:var(--st-good)}.store-flash.bad{color:var(--st-bad)}@keyframes store-flash-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.store-foot{padding:12px 22px 16px;border-top:1px solid rgba(138,90,30,.16);text-align:center}.store-foot-hint{font-size:12px;color:var(--st-ink-soft)}.store-foot-hint b{color:var(--st-ink);font-weight:700}.store.store-pop .store-card-wrap{animation:store-pop-in .26s cubic-bezier(.22,1,.36,1)}@keyframes store-pop-in{0%{opacity:0;transform:translateY(18px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 600px){.store-card-wrap{width:96vw;max-height:92vh}.store-grid{grid-template-columns:1fr;gap:11px;padding:4px 14px 16px}.store-head{padding:14px 14px 11px;gap:10px}.store-vit,.store-tabs{padding-left:14px;padding-right:14px}.store-vendor{font-size:17px}.store-purse-amount{font-size:18px}.store-icon-well{width:70px;height:70px}}@media (prefers-reduced-motion: reduce){.store.store-pop .store-card-wrap,.store-flash{animation:none}.store-vit-fill{transition:none}}.calm-meter{position:absolute;bottom:116px;left:50%;transform:translate(-50%);width:min(440px,90vw);background:#0d0f12d6;border:1px solid rgba(236,230,218,.18);padding:12px 16px 13px;border-radius:12px;backdrop-filter:blur(8px);text-align:center;transition:border-color .16s ease,box-shadow .16s ease}.calm-meter[hidden]{display:none}.calm-title{color:var(--ink);font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px}.calm-track{position:relative;height:18px;border-radius:9px;background:#ece6da1f;overflow:hidden}.calm-trust{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:9px;background:linear-gradient(90deg,#348d61,#40c985);transition:width .2s ease}.calm-zone{position:absolute;top:0;bottom:0;left:34%;width:32%;background:#78d28c47;border-left:1px solid rgba(160,240,180,.5);border-right:1px solid rgba(160,240,180,.5)}.calm-marker{position:absolute;top:-2px;bottom:-2px;left:0%;width:3px;margin-left:-1.5px;background:var(--ink);box-shadow:0 0 6px 1px #ece6da99;transition:left 60ms linear}.calm-hint{color:var(--ink-dim);font-size:12.5px;line-height:1.5;margin-top:9px}.calm-hint b{color:var(--ink);font-weight:600}.calm-meter.spooked{border-color:#d64e32d9;box-shadow:0 0 18px 1px #d64e3259}.calm-meter.spooked .calm-marker{background:#e0563a;box-shadow:0 0 8px 2px #e0563ab3}.herd-meter{position:absolute;bottom:116px;left:50%;transform:translate(-50%);width:min(380px,88vw);background:#0d0f12d6;border:1px solid rgba(236,230,218,.18);padding:11px 16px 12px;border-radius:12px;backdrop-filter:blur(8px);text-align:center;transition:border-color .2s ease,box-shadow .2s ease}.herd-meter[hidden]{display:none}.herd-row{display:flex;align-items:baseline;justify-content:center;gap:10px;margin-bottom:8px}.herd-label{color:var(--ink-dim);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase}.herd-count{color:var(--ink);font-size:17px;font-weight:600;font-variant-numeric:tabular-nums}.herd-track{position:relative;height:8px;border-radius:5px;background:#ece6da1f;overflow:hidden}.herd-fill{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:5px;background:linear-gradient(90deg,#348d61,#40c985);transition:width .26s ease}.herd-hint{color:var(--ink-dim);font-size:12px;line-height:1.5;margin-top:8px}.herd-hint b{color:var(--ink);font-weight:600}.herd-meter.done{border-color:#78d28cb3;box-shadow:0 0 18px 1px #78d28c4d}.menubar{position:absolute;bottom:14px;right:14px;display:flex;gap:8px;pointer-events:auto}.menu-btn{width:46px;height:46px;font-size:20px;border-radius:12px;background:#0d0f129e;border:1px solid rgba(236,230,218,.18);color:var(--ink);cursor:pointer;backdrop-filter:blur(6px);transition:background .14s ease,transform 80ms ease}.menu-btn:hover{background:#d9a44138;border-color:#d9a44180}.menu-btn:active{transform:translateY(1px)}.panel{position:fixed;inset:0;display:grid;place-items:center;background:#07080a8c;z-index:25;backdrop-filter:blur(3px)}.panel[hidden]{display:none}.panel-card{width:min(560px,92vw);max-height:80vh;display:flex;flex-direction:column;background:#0f1216f7;border:1px solid rgba(217,164,65,.3);border-radius:16px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid rgba(236,230,218,.12);font-size:18px;letter-spacing:.04em;color:var(--ink)}.panel-close{background:none;border:none;color:var(--ink-dim);font-size:26px;line-height:1;cursor:pointer}.panel-close:hover{color:var(--ink)}.panel-body{padding:18px 20px;overflow-y:auto;color:var(--ink)}.title-actions{display:flex;flex-direction:column;align-items:center;gap:10px}.title-actions .begin-btn{margin-top:18px}.title-actions #begin-btn+#newgame-btn,.title-actions #continue-btn+#begin-btn{margin-top:0}.ghost-btn{font:inherit;font-size:13.5px;letter-spacing:.06em;color:var(--ink-dim);background:transparent;border:1px solid rgba(236,230,218,.2);border-radius:10px;padding:9px 22px;cursor:pointer;transition:color .14s ease,border-color .14s ease}.ghost-btn:hover{color:var(--ink);border-color:#d9a44180}.ghost-btn[hidden],.begin-btn[hidden]{display:none}.map-panel,.world-map{position:fixed;inset:0;display:grid;place-items:center;background:#07080a9e;z-index:26;backdrop-filter:blur(3px);padding:2vh 2vw}.map-panel[hidden],.world-map[hidden]{display:none}.map-card{width:min(92vw,96vh,760px);max-width:96vw;max-height:96vh;display:flex;flex-direction:column;background:#14110cf7;border:1px solid rgba(217,164,65,.32);border-radius:16px;overflow:hidden;pointer-events:auto;box-shadow:0 26px 70px -28px #000000d9}.map-canvas{width:100%;flex:1 1 auto;min-height:0;display:block;background:#13110c}.map-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:11px 18px;border-top:1px solid rgba(236,230,218,.12);color:var(--ink-dim);font-size:12.5px;flex:0 0 auto}.map-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}.map-legend .lg-player{background:#ece6da;border-radius:50%}.map-legend .lg-obj{background:#ffd98a;border-radius:50%}.map-legend .lg-npc{background:#cdbb97;border-radius:50%}.map-legend .lg-exit{background:#7fc08a}.map-legend .map-hint{margin-left:auto}.map-legend .map-hint b{color:var(--ink)}.map-back{font:inherit;font-size:13px;letter-spacing:.02em;color:var(--ink-dim);background:#d9a4411f;border:1px solid rgba(217,164,65,.4);border-radius:9px;padding:6px 12px;cursor:pointer;margin-right:14px;transition:color .14s ease,background .14s ease}.map-back:hover{color:var(--ink);background:#d9a44138}.map-back[hidden]{display:none}.map-panel .panel-head{flex:0 0 auto}.world-card{width:min(94vw,96vh,900px);max-width:96vw;max-height:96vh;display:flex;flex-direction:column;background:#14110cf7;border:1px solid rgba(217,164,65,.32);border-radius:16px;overflow:hidden;pointer-events:auto;box-shadow:0 26px 70px -28px #000000d9}.world-card .panel-head{flex:0 0 auto}.world-title{color:var(--ink);font-size:18px;letter-spacing:.04em}.world-canvas{width:100%;flex:1 1 auto;min-height:0;display:block;background:#14110c;cursor:default}.world-legend{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;padding:11px 18px;border-top:1px solid rgba(236,230,218,.12);color:var(--ink-dim);font-size:12.5px;flex:0 0 auto}.world-legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:5px;vertical-align:-1px}.world-legend .lg-revealed{background:#8c7048;border:1px solid #d9b24a}.world-legend .lg-unlocked{background:#56482f;border:1px solid #9c8460}.world-legend .lg-locked{background:#28241e;border:1px solid #6b6456}.world-hint{margin-left:auto}.world-hint b{color:var(--ink)}.quest-log{position:fixed;inset:0;display:grid;place-items:center;background:#07080a9e;z-index:26;backdrop-filter:blur(3px);padding:2vh 2vw}.quest-log[hidden]{display:none}.ql-card{width:min(94vw,980px);max-width:96vw;max-height:92vh;display:flex;flex-direction:column;background:#14110cfa;border:1px solid rgba(217,164,65,.32);border-radius:16px;overflow:hidden;pointer-events:auto;box-shadow:0 26px 70px -28px #000000d9}.ql-card .panel-head{flex:0 0 auto}.ql-title{color:var(--ink);font-size:18px;letter-spacing:.04em}.ql-body{display:grid;grid-template-columns:minmax(220px,320px) 1fr;flex:1 1 auto;min-height:0}.ql-list{border-right:1px solid rgba(236,230,218,.12);overflow-y:auto;padding:8px 0 12px;background:#0d0b0880}.ql-section{color:var(--sun);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px 6px;font-weight:700}.ql-section.faint{color:var(--ink-dim)}.ql-row{display:flex;align-items:center;gap:8px;width:100%;text-align:left;font:inherit;background:none;border:none;border-left:2px solid transparent;color:var(--ink);padding:8px 16px;cursor:pointer;transition:background .12s ease}.ql-row:hover{background:#d9a44114}.ql-row.sel{background:#d9a44124;border-left-color:var(--sun)}.ql-row.done{opacity:.55}.ql-glyph{flex:0 0 auto;font-size:11px;width:12px;text-align:center}.ql-glyph.st-active{color:var(--sun)}.ql-glyph.st-turnedIn{color:#7fae6a}.ql-glyph.st-available{color:var(--ink-dim)}.ql-row-title{flex:1 1 auto;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ql-tracked{flex:0 0 auto;color:var(--sun);font-size:12px}.ql-pill{flex:0 0 auto;font-size:10.5px;font-weight:700;letter-spacing:.02em;padding:1.5px 7px;border:1px solid currentColor;border-radius:7px;font-variant-numeric:tabular-nums}.ql-detail{overflow-y:auto;padding:18px 22px 20px}.ql-empty{color:var(--ink-dim);font-style:italic;font-size:14px;padding:24px 4px}.ql-d-head{display:flex;align-items:flex-start;gap:14px;justify-content:space-between}.ql-d-titlewrap{min-width:0}.ql-d-title{color:var(--ink);font-size:21px;font-weight:800;letter-spacing:.01em;line-height:1.15}.ql-d-giver{color:var(--sun);font-size:12px;letter-spacing:.04em;margin-top:5px}.ql-d-pill{flex:0 0 auto;font-size:12px;font-weight:800;letter-spacing:.02em;padding:4px 11px;border:1.5px solid currentColor;border-radius:9px;font-variant-numeric:tabular-nums}.ql-desc{color:#d8c8a6;font-size:14px;line-height:1.6;margin:16px 0 0}.ql-learn{margin:16px 0 4px;padding:12px 14px;background:#d9a44114;border-left:3px solid var(--sun);border-radius:0 8px 8px 0}.ql-learn-lbl{color:var(--sun);font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.ql-learn-txt{color:#ecdcb8;font-size:14px;line-height:1.55;font-style:italic;margin-top:6px}.ql-block-lbl{color:var(--ink-dim);font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin:20px 0 8px}.ql-objs{display:flex;flex-direction:column;gap:6px}.ql-obj{display:flex;align-items:baseline;gap:9px;font-size:14px;color:var(--ink)}.ql-obj-mark{flex:0 0 auto;color:var(--ink-dim);font-size:12px;width:13px;text-align:center}.ql-obj.done{color:var(--ink-dim)}.ql-obj.done .ql-obj-mark{color:#7fae6a}.ql-obj.done .ql-obj-txt{text-decoration:line-through;text-decoration-color:#7fae6a80}.ql-rewards{display:flex;flex-wrap:wrap;gap:8px}.ql-rew{display:inline-flex;align-items:center;gap:6px;padding:6px 11px;background:#ece6da0f;border:1px solid rgba(236,230,218,.14);border-radius:9px;font-size:13px;color:var(--ink)}.ql-rew.ayah{background:#d9a4411f;border-color:#d9a44173}.ql-rew-g{color:var(--sun);font-size:13px}.ql-foot{margin-top:20px}.ql-track{font:inherit;font-size:13.5px;letter-spacing:.02em;color:var(--ink);background:#d9a4411f;border:1px solid rgba(217,164,65,.45);border-radius:10px;padding:10px 18px;cursor:pointer;transition:background .14s ease}.ql-track:hover{background:#d9a44138}.ql-track.on{background:#d9a44142;color:var(--sun);font-weight:700}.ql-done-note{color:#7fae6a;font-size:14px;font-weight:600}.ql-foothint{flex:0 0 auto;padding:10px 18px;border-top:1px solid rgba(236,230,218,.12);color:var(--ink-dim);font-size:12px}.ql-foothint b{color:var(--ink)}@media (max-width: 720px){.ql-body{grid-template-columns:1fr}.ql-list{border-right:none;border-bottom:1px solid rgba(236,230,218,.12);max-height:38vh}}.set-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.set-row label{color:var(--ink);font-size:14.5px}.set-row input[type=range]{flex:1;accent-color:var(--sun)}.set-controls{margin-top:8px;color:var(--ink-dim);font-size:13px;line-height:1.9}.set-controls b{color:var(--ink)}.mushaf-entry{display:flex;align-items:flex-start;gap:12px;padding:12px 0;border-bottom:1px solid rgba(236,230,218,.1)}.mushaf-entry .me-body{flex:1}.mushaf-entry .me-ref{color:var(--sun);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.mushaf-entry .me-ar{font-size:17px;line-height:1.9;margin:4px 0}.mushaf-entry .me-tr{font-size:13.5px;color:var(--ink)}.mushaf-entry .me-play,.ayah-play{background:#d9a44124;border:1px solid rgba(217,164,65,.5);color:var(--ink);border-radius:9px;padding:7px 12px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.mushaf-entry .me-play:hover,.ayah-play:hover{background:#d9a44142}.ayah-play{margin-top:14px;pointer-events:auto}.ayah-play[hidden]{display:none}.panel-empty{color:var(--ink-dim);font-size:14px;font-style:italic}.panel-card:has(.codex-body){width:min(880px,95vw);max-height:90vh;--beige: #efe2c8;--beige-2: #e7d6b6;--beige-card: #f6ecd6;--beige-edge: #d8c39c;--cx-ink: #3a2e1f;--cx-ink-soft: #6b5a40;--cx-accent: #b07a2c;--cx-accent-deep: #8a5a1e;background:linear-gradient(180deg,var(--beige) 0%,var(--beige-2) 100%);border:1.5px solid var(--beige-edge);box-shadow:0 1px #fffaebb3 inset,0 28px 70px #1e12068c,0 6px 18px #1e120652}.panel-card:has(.codex-body) .panel-head{color:var(--cx-ink);border-bottom:1px solid var(--beige-edge);font-weight:700}.panel-card:has(.codex-body) .panel-close{color:var(--cx-ink-soft)}.panel-card:has(.codex-body) .panel-close:hover{color:var(--cx-ink)}.codex-body{padding:0!important;color:var(--cx-ink)}.codex-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 20px 14px;border-bottom:1px solid var(--beige-edge);position:sticky;top:0;background:linear-gradient(180deg,var(--beige) 0%,rgba(231,214,182,.96) 100%);z-index:2}.codex-prog{display:flex;align-items:baseline;gap:9px}.codex-count{color:var(--cx-accent-deep);font-size:26px;font-weight:800;letter-spacing:.01em;font-variant-numeric:tabular-nums}.codex-count-sep{color:var(--cx-ink-soft);font-weight:600;margin:0 1px}.codex-count-label{color:var(--cx-ink-soft);font-size:12px;letter-spacing:.1em;text-transform:uppercase}.codex-filter{display:flex;gap:4px;background:#3a2e1f14;border-radius:11px;padding:3px}.codex-tab{font:inherit;font-size:12.5px;border:none;background:none;color:var(--cx-ink-soft);padding:7px 13px;border-radius:9px;cursor:pointer;transition:background .14s ease,color .14s ease}.codex-tab:hover{color:var(--cx-ink)}.codex-tab.on{background:var(--beige-card);color:var(--cx-ink);font-weight:700;box-shadow:0 1px 4px #1e120629}.codex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;padding:16px 20px;overflow-y:auto}.codex-card{font:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;min-height:104px;padding:12px 13px;border-radius:13px;border:1.5px solid var(--beige-edge);background:var(--beige-card);color:var(--cx-ink);transition:transform .13s ease,box-shadow .13s ease,border-color .13s ease}.codex-card:hover,.codex-card:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px #1e120638;border-color:var(--cx-accent);outline:none}.codex-card.unlocked{background:var(--beige-card)}.codex-card.unlocked .cc-ref{color:var(--cx-accent-deep);font-size:11px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}.codex-card.unlocked .cc-ar{font-family:var(--font-quran);font-size:18px;line-height:1.85;flex:1 1 auto;color:var(--cx-ink);overflow:hidden}.codex-card .cc-where{font-size:11px;color:var(--cx-ink-soft);margin-top:auto}.codex-card .cc-where.dim{color:#6b5a40b3}.codex-card.locked{background:repeating-linear-gradient(135deg,#3a2e1f0b 0 9px,#3a2e1f16 9px 18px),var(--beige-2);border-style:dashed;align-items:center;text-align:center}.codex-card.locked .cc-lock{color:var(--cx-ink-soft);opacity:.7;margin-top:6px}.codex-card.locked .cc-q{font-size:26px;font-weight:800;color:#3a2e1f6b;letter-spacing:.06em;flex:1 1 auto;display:flex;align-items:center}.codex-card.locked .cc-where{width:100%;text-align:center}.codex-detail{border-top:1px solid var(--beige-edge);padding:16px 22px 20px;background:linear-gradient(180deg,#f6ecd699,#e7d6b666);min-height:96px}.codex-detail-hint{color:var(--cx-ink-soft);font-size:13px;font-style:italic}.codex-detail .cd-ref{color:var(--cx-accent-deep);font-size:12px;letter-spacing:.07em;text-transform:uppercase;font-weight:700}.codex-detail .cd-ar{font-family:var(--font-quran);font-size:24px;line-height:2.1;margin:8px 0 4px;color:var(--cx-ink)}.codex-detail .cd-tr{font-size:15px;line-height:1.55;color:var(--cx-ink)}.codex-detail .cd-how,.codex-detail .cd-where{font-size:12.5px;color:var(--cx-ink-soft);margin-top:10px}.codex-detail .cd-how-k,.codex-detail .cd-where-k{color:var(--cx-accent-deep);font-weight:700}.codex-detail .cd-play{margin-top:14px;background:#b07a2c29;border:1.5px solid var(--cx-accent);color:var(--cx-ink);border-radius:10px;padding:9px 16px;font-size:13px;cursor:pointer}.codex-detail .cd-play:hover{background:#b07a2c4d}.codex-detail .cd-locked-label{color:var(--cx-accent-deep);font-size:13px;font-weight:700;letter-spacing:.04em}.codex-detail .cd-hint{color:var(--cx-ink);font-size:14px;margin-top:6px;line-height:1.5}@media (prefers-reduced-motion: reduce){.codex-card{transition:none}.codex-card:hover,.codex-card:focus-visible{transform:none}}.stat-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid rgba(236,230,218,.1)}.stat-k{color:var(--ink-dim);font-size:14px}.stat-v{color:var(--ink);font-size:15px;font-weight:600}.skill-row{display:flex;align-items:center;gap:12px;margin-bottom:11px}.skill-label{width:190px;font-size:13px;color:var(--ink)}.skill-bar{flex:1;height:9px;background:#ece6da1f;border-radius:6px;overflow:hidden}.skill-fill{height:100%;background:linear-gradient(90deg,var(--sun),#e8c07a);border-radius:6px;transition:width .3s ease}.panel-card.sheet{width:min(820px,95vw);max-height:88vh}.sheet-head{display:flex;align-items:center;gap:16px;padding:16px 20px 14px;border-bottom:1px solid rgba(236,230,218,.12)}.sheet-portrait{width:58px;height:58px;flex:0 0 auto;border-radius:12px;background:#d9a4411a;border:1px solid rgba(217,164,65,.3);object-fit:cover;object-position:50% 18%}.sheet-id{display:flex;flex-direction:column;gap:3px;flex:1 1 auto;min-width:0}.sheet-name{color:var(--ink);font-size:17px;font-weight:700;letter-spacing:.01em}.sheet-lvl-row{display:flex;align-items:center;gap:10px}.sheet-lvl{color:var(--sun);font-size:13px;font-weight:700;letter-spacing:.04em}.sheet-xpbar{flex:1 1 auto;height:7px;max-width:240px;background:#ece6da1f;border-radius:5px;overflow:hidden}.sheet-xpfill{height:100%;background:linear-gradient(90deg,var(--sun),#e8c07a);border-radius:5px;transition:width .36s ease}.sheet-xpnum{color:var(--ink-dim);font-size:11px;font-variant-numeric:tabular-nums}.sheet-points{flex:0 0 auto;text-align:center;padding:8px 14px;border-radius:11px;background:#d9a44124;border:1px solid rgba(217,164,65,.45)}.sheet-points.none{background:#ece6da0d;border-color:#ece6da24}.sheet-points-n{display:block;color:var(--sun);font-size:22px;font-weight:800;line-height:1}.sheet-points.none .sheet-points-n{color:var(--ink-dim)}.sheet-points-lbl{display:block;color:var(--ink-dim);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;margin-top:3px}.sheet-body{padding:0;overflow-y:auto}.sheet-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:1px;background:#ece6da14;border-bottom:1px solid rgba(236,230,218,.12)}.dstat{padding:11px 14px;background:#0f1216fa}.dstat-k{display:block;color:var(--ink-dim);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.dstat-v{display:block;color:var(--ink);font-size:16px;font-weight:700;margin-top:3px;font-variant-numeric:tabular-nums}.sheet-tabs{display:flex;gap:0;padding:12px 18px 0;border-bottom:1px solid rgba(236,230,218,.1);flex-wrap:wrap}.branch-tab{font:inherit;background:none;border:none;border-bottom:2px solid transparent;color:var(--ink-dim);padding:8px 14px 11px;cursor:pointer;font-size:13.5px;letter-spacing:.02em;transition:color .14s ease,border-color .14s ease}.branch-tab:hover{color:var(--ink)}.branch-tab.active{color:var(--sun);border-bottom-color:var(--sun);font-weight:700}.branch-blurb{color:var(--ink-dim);font-size:12.5px;font-style:italic;padding:12px 20px 4px}.mount-ladder{margin:8px 18px 4px;padding:12px 14px 10px;background:#d9a4410d;border:1px solid rgba(217,164,65,.22);border-radius:12px}.ml-head{color:var(--sun);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.ml-row{display:grid;grid-template-columns:18px 64px 64px 1fr auto;align-items:baseline;gap:8px;padding:5px 0;border-top:1px solid rgba(236,230,218,.07);font-size:12.5px}.ml-row:first-of-type{border-top:0}.ml-row.locked{opacity:.6}.ml-row.unlocked .ml-mark{color:#9ad17e}.ml-row.locked .ml-mark{color:var(--ink-dim)}.ml-mark{font-weight:800}.ml-name{color:var(--ink);font-weight:700}.ml-speed{color:#e8c07a;font-variant-numeric:tabular-nums;font-weight:700}.ml-note{color:var(--ink-dim);font-style:italic;min-width:0}.ml-req{color:var(--ink-dim);font-size:11px;letter-spacing:.03em;white-space:nowrap}.ml-foot{color:var(--ink-dim);font-size:11px;line-height:1.4;margin-top:8px;font-style:italic}.sheet-nodes{padding:6px 18px 18px;display:flex;flex-direction:column;gap:10px}.snode{display:flex;align-items:center;gap:14px;padding:13px 15px;background:#ece6da0a;border:1px solid rgba(236,230,218,.1);border-radius:12px;transition:border-color .16s ease,background .16s ease}.snode.locked{opacity:.62}.snode.maxed{border-color:#d9a44166;background:#d9a4410f}.snode-main{flex:1 1 auto;min-width:0}.snode-top{display:flex;align-items:baseline;gap:10px}.snode-name{color:var(--ink);font-size:14.5px;font-weight:700}.snode-pips{display:inline-flex;gap:4px;align-items:center}.pip{width:9px;height:9px;border-radius:50%;border:1px solid rgba(217,164,65,.55)}.pip.on{background:var(--sun);border-color:var(--sun)}.pip.passive{background:#d9a44166;border-color:#d9a44166}.snode-effect{color:var(--ink-dim);font-size:12.5px;line-height:1.4;margin-top:4px}.snode-next{color:#e8c07a;font-size:12px;line-height:1.4;margin-top:4px}.snode-lock{color:var(--sun);font-size:11.5px;font-style:italic;margin-top:4px}.snode-rankword{color:var(--ink-dim);font-size:11px;letter-spacing:.06em}.snode-spend{flex:0 0 auto;font:inherit;font-size:13px;font-weight:700;padding:9px 16px;border-radius:10px;background:var(--sun);color:#20160a;border:1px solid var(--sun);cursor:pointer;transition:filter .14s ease,transform 80ms ease}.snode-spend:hover{filter:brightness(1.08)}.snode-spend:active{transform:translateY(1px)}.snode-spend[disabled]{background:#ece6da0f;color:var(--ink-dim);border-color:#ece6da24;cursor:default}.snode-spend[disabled]:hover{filter:none}.snode.spent-flash{animation:snode-flash .6s ease}@keyframes snode-flash{0%{background:#d9a44147}to{background:#d9a4410f}}.sheet-respec{padding:4px 20px 18px;border-top:1px solid rgba(236,230,218,.1);margin-top:4px}.respec-btn{font:inherit;font-size:12.5px;padding:8px 14px;border-radius:10px;background:#ece6da0f;border:1px solid rgba(236,230,218,.18);color:var(--ink);cursor:pointer}.respec-btn[disabled]{color:var(--ink-dim);cursor:default;font-style:italic}.respec-note{color:var(--ink-dim);font-size:11.5px;margin-top:8px;font-style:italic}@media (prefers-reduced-motion: reduce){.snode.spent-flash{animation:none}.sheet-xpfill,.snode{transition:none}}.set-head{color:var(--sun);font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;margin:2px 0 10px;padding-top:16px;border-top:1px solid rgba(236,230,218,.12)}.set-credits{margin-top:18px;padding-top:14px;border-top:1px solid rgba(236,230,218,.12);color:var(--ink-dim);font-size:11.5px;line-height:1.8}.story{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(circle at 50% 50%,#07080a80,#07080ad9);z-index:22}.story[hidden]{display:none}.story-card{max-width:640px;text-align:center;padding:0 34px}.story-text{color:var(--ink);font-size:clamp(18px,2.9vw,25px);line-height:1.9;min-height:140px;display:flex;align-items:center;justify-content:center;text-shadow:0 2px 20px rgba(0,0,0,.6);animation:story-fade .9s ease both}@keyframes story-fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.story-card .begin-btn{margin-top:30px}.cinematic{position:fixed;inset:0;z-index:24;pointer-events:none;opacity:0;transition:opacity .5s ease}.cinematic.on{opacity:1}.cine-dip{position:absolute;inset:0;background:#000;opacity:0;pointer-events:none;z-index:1}.cine-bar{z-index:2;position:absolute;left:0;right:0;height:12vh;background:#000;transform:scaleY(0);transition:transform .6s cubic-bezier(.22,1,.36,1)}.cine-bar-top{top:0;transform-origin:top}.cine-bar-bottom{bottom:0;transform-origin:bottom}.cinematic.on .cine-bar{transform:scaleY(1)}.cine-ayah{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,88vw);text-align:center;color:#f6efdf;font-family:var(--font-quran);font-size:clamp(28px,4.9vw,50px);line-height:2.15;letter-spacing:0;text-shadow:0 2px 26px rgba(0,0,0,.92),0 0 14px rgba(217,164,65,.32);opacity:0;z-index:3;pointer-events:none}.cine-sub{position:absolute;left:50%;bottom:15vh;transform:translate(-50%);width:min(760px,86vw);text-align:center;color:#f3ecdd;font-size:clamp(17px,2.6vw,24px);line-height:1.5;font-style:italic;letter-spacing:.01em;text-shadow:0 2px 18px rgba(0,0,0,.9),0 0 2px rgba(0,0,0,.8);opacity:0;z-index:3}.cine-skip{position:absolute;top:calc(12vh + 14px);right:22px;z-index:3;display:flex;align-items:center;gap:7px;color:#f3ecdd9e;font-size:13px;letter-spacing:.04em;text-shadow:0 1px 8px rgba(0,0,0,.85);opacity:0;transition:opacity .9s ease .6s;pointer-events:none}.cine-skip.on{opacity:1}.cine-skip kbd{font:inherit;font-size:11.5px;padding:2px 7px;border-radius:6px;border:1px solid rgba(243,236,221,.5);background:#00000059;color:#f3ecddd9;letter-spacing:.02em}@media (prefers-reduced-motion: reduce){.cine-skip{transition:opacity .2s ease}}.curtain{position:fixed;inset:0;background:#07080a;opacity:0;pointer-events:none;transition:opacity .42s ease;z-index:20}.curtain.on{opacity:1;pointer-events:auto}.book-end{position:fixed;inset:0;display:grid;place-items:center;background:radial-gradient(120% 120% at 50% 35%,#15181d,#07080a);z-index:21}.book-end[hidden]{display:none}.be-card{max-width:540px;text-align:center;padding:0 24px}.be-kicker{color:var(--sun);letter-spacing:.14em;text-transform:uppercase;font-size:12px}.be-title{font-size:clamp(30px,6vw,48px);letter-spacing:.06em;margin:12px 0 18px;color:var(--ink);text-shadow:0 0 28px rgba(217,164,65,.25)}.be-body{color:var(--ink);font-size:15.5px;line-height:1.7}.be-count{margin-top:18px;color:var(--sun);font-size:14px;letter-spacing:.04em}.be-foot{margin-top:16px;color:var(--ink-dim);font-size:13px;font-style:italic}