/* /peta/doa — on top of sirah.css (tokens, panel, chapter cards, scenery basics). Night by default, paper = data-theme=light. */

/* the sky per chapter: --s1/--s2/--s3 upper sky → horizon → body, --l1/--l2/--l3 land far → near, --lt the light */
:root {
  --s1-awal: #120c22; --s2-awal: #5c2f4c; --s3-awal: #0c0a17; --l1-awal: #2e1c35; --l2-awal: #1d1226; --l3-awal: #110b18; --lt-awal: #f2c98a;
  --s1-nuh: #05080f; --s2-nuh: #1f2d3e; --s3-nuh: #070b12; --l1-nuh: #1a2838; --l2-nuh: #111c29; --l3-nuh: #0a121b; --lt-nuh: #d3e3f2;
  --s1-ibrahim: #1a1210; --s2-ibrahim: #9a5a2a; --s3-ibrahim: #120d0b; --l1-ibrahim: #5a3a26; --l2-ibrahim: #3a2618; --l3-ibrahim: #1c130d; --lt-ibrahim: #ffd27a;
  --s1-yusuf: #060914; --s2-yusuf: #1c2448; --s3-yusuf: #0a0c18; --l1-yusuf: #1d2244; --l2-yusuf: #151a34; --l3-yusuf: #0d1022; --lt-yusuf: #ece0b4;
  --s1-musa: #03101a; --s2-musa: #12404f; --s3-musa: #05121a; --l1-musa: #0b2631; --l2-musa: #1b6175; --l3-musa: #07161e; --lt-musa: #ffb45a;
  --s1-raja: #1b1a2e; --s2-raja: #c9954a; --s3-raja: #15120c; --l1-raja: #4c3d2a; --l2-raja: #30271a; --l3-raja: #19140e; --lt-raja: #ffe39a;
  --s1-gelap: #0e3446; --s2-gelap: #071a27; --s3-gelap: #02070c; --l1-gelap: #06141e; --l2-gelap: #040e16; --l3-gelap: #03090f; --lt-gelap: #9fe3ff;
  --s1-mihrab: #0b0b1a; --s2-mihrab: #1d1a33; --s3-mihrab: #0b0806; --l1-mihrab: #2a1c12; --l2-mihrab: #1e140d; --l3-mihrab: #120c08; --lt-mihrab: #ffcf7a;
  --s1-nabi: #0a1022; --s2-nabi: #26335e; --s3-nabi: #0b0f1e; --l1-nabi: #1e264a; --l2-nabi: #161c38; --l3-nabi: #0d1124; --lt-nabi: #ffd98a;
  --s1-mukmin: #03050d; --s2-mukmin: #121a3a; --s3-mukmin: #070a16; --l1-mukmin: #121a34; --l2-mukmin: #0d1328; --l3-mukmin: #080c1a; --lt-mukmin: #ffcf7a;
  --s1-malaikat: #0a0f24; --s2-malaikat: #3c4c8c; --s3-malaikat: #0e1430; --l1-malaikat: #5a6aa4; --l2-malaikat: #46568f; --l3-malaikat: #323f72; --lt-malaikat: #fff3d0;
  --s1-terlambat: #050506; --s2-terlambat: #23272c; --s3-terlambat: #08090a; --l1-terlambat: #1b1f24; --l2-terlambat: #13161a; --l3-terlambat: #0b0d10; --lt-terlambat: #a9b4c0;
  --s1-akhirat: #1c2240; --s2-akhirat: #e2a46a; --s3-akhirat: #141819; --l1-akhirat: #4a5a46; --l2-akhirat: #2e3e2e; --l3-akhirat: #18231b; --lt-akhirat: #fff0b8;
  --s1-langit: #02030a; --s2-langit: #0c1230; --s3-langit: #05060f; --l1-langit: #0b0f24; --l2-langit: #080b1a; --l3-langit: #050711; --lt-langit: #dfe4ff;
  --s1-fajar: #141a36; --s2-fajar: #f0b27a; --s3-fajar: #f6d9a8; --l1-fajar: #3a3446; --l2-fajar: #2a2534; --l3-fajar: #1a1722; --lt-fajar: #fff3c4;
  --lamp: #F4CF7A; --lamp-glow: rgba(244,207,122,.55); --cold: #7E8896;
}
:root[data-theme="light"] {
  --s1-awal: #e4d6e6; --s2-awal: #f2c8b4; --s3-awal: #f2efe9; --l1-awal: #c9b0c2; --l2-awal: #a88ea2; --l3-awal: #876f82; --lt-awal: #b8782a;
  --s1-nuh: #cfd8e2; --s2-nuh: #e6ebef; --s3-nuh: #f0f1f1; --l1-nuh: #a3b4c6; --l2-nuh: #8297ad; --l3-nuh: #647b94; --lt-nuh: #6e8aa6;
  --s1-ibrahim: #f1e2cf; --s2-ibrahim: #f3c48c; --s3-ibrahim: #f4efe6; --l1-ibrahim: #c9a281; --l2-ibrahim: #a8825f; --l3-ibrahim: #866246; --lt-ibrahim: #c47a12;
  --s1-yusuf: #d3d9ec; --s2-yusuf: #ece6d4; --s3-yusuf: #f2f0ea; --l1-yusuf: #c8bfa2; --l2-yusuf: #ab9f80; --l3-yusuf: #8c8063; --lt-yusuf: #9a7a2a;
  --s1-musa: #cfe3e6; --s2-musa: #e9efe8; --s3-musa: #f0f1ee; --l1-musa: #9fb8bf; --l2-musa: #6f9fae; --l3-musa: #5a7a84; --lt-musa: #c4701a;
  --s1-raja: #ece6d4; --s2-raja: #f6d99a; --s3-raja: #f4f0e6; --l1-raja: #c7b08a; --l2-raja: #a8916d; --l3-raja: #887352; --lt-raja: #b58410;
  --s1-gelap: #bfe1ea; --s2-gelap: #93bccb; --s3-gelap: #6d93a3; --l1-gelap: #5e8696; --l2-gelap: #4d7585; --l3-gelap: #3e6474; --lt-gelap: #f2fbff;
  --s1-mihrab: #d8d9ea; --s2-mihrab: #ece6dc; --s3-mihrab: #f2eee8; --l1-mihrab: #c9b49a; --l2-mihrab: #b49c80; --l3-mihrab: #937c62; --lt-mihrab: #b97a10;
  --s1-nabi: #d6dbee; --s2-nabi: #ece4d2; --s3-nabi: #f2f0ea; --l1-nabi: #aeb6d4; --l2-nabi: #929bbd; --l3-nabi: #767fa3; --lt-nabi: #c48a1a;
  --s1-mukmin: #cdd3e8; --s2-mukmin: #e2e2ec; --s3-mukmin: #f1f0ee; --l1-mukmin: #a7aecb; --l2-mukmin: #8a92b4; --l3-mukmin: #6e7699; --lt-mukmin: #b98110;
  --s1-malaikat: #dfe6f6; --s2-malaikat: #f6f2e6; --s3-malaikat: #f4f3f0; --l1-malaikat: #ffffff; --l2-malaikat: #f6f6fb; --l3-malaikat: #ebedf6; --lt-malaikat: #c9a23a;
  --s1-terlambat: #c9cccf; --s2-terlambat: #dcdedf; --s3-terlambat: #eceded; --l1-terlambat: #9aa1a8; --l2-terlambat: #7f878f; --l3-terlambat: #646c75; --lt-terlambat: #5a6470;
  --s1-akhirat: #e6e2f0; --s2-akhirat: #f7d4a4; --s3-akhirat: #f3f2e8; --l1-akhirat: #b4c4a2; --l2-akhirat: #93a882; --l3-akhirat: #728a63; --lt-akhirat: #c48a12;
  --s1-langit: #c9cfe6; --s2-langit: #e4e6f2; --s3-langit: #f1f0ee; --l1-langit: #a9b0cc; --l2-langit: #8c94b4; --l3-langit: #6f789a; --lt-langit: #6a72a8;
  --s1-fajar: #e6e4f0; --s2-fajar: #f8d6a8; --s3-fajar: #f6e7c8; --l1-fajar: #b8a88e; --l2-fajar: #a39478; --l3-fajar: #8a7c63; --lt-fajar: #c48a12;
  --lamp: #B07A12; --lamp-glow: rgba(196,138,18,.35); --cold: #8A929C;
}

/* the hero: the word «Rabbanā» glowing over a deep sky */
.hero-d { position: relative; overflow: hidden; }
.hero-sky { position: absolute; inset: 0; background: radial-gradient(ellipse 70% 60% at 50% 18%, rgba(var(--gold-rgb),.13), transparent 70%), linear-gradient(to bottom, var(--bg), var(--s1-awal)); pointer-events: none; }
.hero-d .hero { position: relative; padding-bottom: 40px; }
.rabb { margin: 0 0 22px; font: 400 clamp(64px, 11vw, 120px)/1.5 var(--f-ar); color: var(--gold); text-align: left; text-shadow: 0 0 40px rgba(var(--gold-rgb),.45); opacity: 0; animation: rabb 2.4s ease-out .2s forwards; }
@keyframes rabb { from { opacity: 0; transform: translateY(14px); filter: blur(6px); } to { opacity: .95; transform: none; filter: none; } }

.dl .m em { font-style: normal; color: var(--mid); }

/* the main prayer of each state: a card the thread runs under, written out in full */
.ft { position: absolute; left: 50%; width: min(620px, calc(100% - 32px)); transform: translate(-50%, 10px); z-index: 2; cursor: pointer; background: var(--glass); border: 1px solid rgba(var(--gold-rgb),.45); border-radius: 20px; padding: 18px 22px 16px; text-align: center; opacity: 0; transition: opacity .7s, transform .7s, border-color .2s; box-shadow: 0 0 60px rgba(var(--gold-rgb),.08); }
.ft.in { opacity: 1; transform: translate(-50%, 0); }
.ft:hover, .ft.hot { border-color: rgba(var(--gold-rgb),.8); }
.ft-k { margin: 0; font: 600 11px var(--f-ui); letter-spacing: .14em; text-transform: uppercase; color: var(--gold); }
.ft-ar { margin: 10px 0 0; font: 400 30px/2 var(--f-ar); color: var(--ink); }
.ft-ar .an { color: var(--gold); font-size: .72em; margin: 0 3px; }
.ft-lat { margin: 12px 0 0; font: 400 15.5px/1.55 var(--f-ui); color: var(--gold); letter-spacing: .005em; }
.pr-lat { margin: 12px 0 0; font: 400 15.5px/1.6 var(--f-ui); color: var(--gold); }
.ft-act button.rep, .pr-act button.rep { border-color: var(--line); color: var(--mid); }
.ft-act button.rep[aria-pressed="true"], .pr-act button.rep[aria-pressed="true"] { color: var(--ink); border-color: rgba(var(--gold-rgb),.6); background: rgba(var(--gold-rgb),.14); }
.ft-tr { margin: 14px 0 0; font: italic 400 17.5px/1.55 var(--f-head); color: var(--ink); }
.ft-m { margin: 18px 0 0; font-size: 12.5px; color: var(--muted); }
.ft-m b { font-weight: 500; color: var(--mid); }
.ft-m i { font-style: normal; color: var(--gold); }
.ft-act { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 10px 16px; margin: 18px 0 0; }
.ft-act button { font: 500 13px var(--f-ui); color: var(--ink); background: var(--bg); border: 1px solid rgba(var(--gold-rgb),.5); border-radius: 99px; padding: 7px 15px; cursor: pointer; }
.ft-act button[aria-pressed="true"] { background: rgba(var(--gold-rgb),.2); }
.ft-act span { font-size: 12.5px; color: var(--gold); }
.lc.main { border-color: rgba(var(--gold-rgb),.45); background: rgba(var(--gold-rgb),.06); }
.nd.big.in .glo { opacity: .32; }

/* the thread and its lamps */
.road { margin-top: 0; }
.nd { cursor: pointer; outline: none; }
.nd .hit { fill: transparent; }
.nd .lp { fill: var(--lamp); transform-box: fill-box; transform-origin: center; transform: scale(0); transition: transform .6s cubic-bezier(.2,.9,.25,1.3); }
.nd.in .lp { transform: none; }
.nd .glo { fill: url(#lampGlow); fill: var(--lamp-glow); opacity: 0; transform-box: fill-box; transform-origin: center; transition: opacity 1s; filter: none; }
.nd.in .glo { opacity: .22; }
.nd:hover .glo, .nd.hot .glo, .nd:focus-visible .glo { opacity: .45; }
.nd .up circle { fill: var(--lamp); opacity: 0; transform-box: fill-box; }
.nd.live .up circle { animation: rise 3.4s ease-out infinite; animation-delay: var(--d); }
@keyframes rise { 0% { opacity: 0; transform: translateY(0); } 15% { opacity: .9; } 100% { opacity: 0; transform: translateY(-46px); } }
.dl { position: absolute; cursor: pointer; opacity: 0; transform: translateY(10px); transition: opacity .6s, transform .6s; }
.dl.in { opacity: 1; transform: none; }
.dl.l { text-align: right; }
.dl b { display: block; font: 400 20px/1.25 var(--f-head); color: var(--ink); transition: color .2s; }
.dl .ar { margin: 10px 0 0; font: 400 24px/1.85 var(--f-ar); color: var(--ink); opacity: .92; }
.dl.l .ar { text-align: right; }
.dl:not(.l) .ar { text-align: left; }
.dl .m { display: block; font-size: 12.5px; line-height: 1.5; color: var(--muted); margin-top: 12px; }
.dl .m i { font-style: normal; color: var(--gold); }
.dl:hover b, .dl.hot b { color: var(--gold); }
.who { position: absolute; transform: translateX(-50%); z-index: 2; white-space: nowrap; font: 600 11px var(--f-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); background: var(--glass); border: 1px solid rgba(var(--gold-rgb),.35); border-radius: 99px; padding: 5px 13px; }
.who.ph { transform: none; }
.road .dl, .road .who { z-index: 2; }
.tag.end { border-radius: 22px; padding: 14px 22px 12px; white-space: normal; width: min(520px, calc(100% - 32px)); text-align: center; text-transform: none; letter-spacing: 0; }
.tag.end span { display: block; font: 400 30px/1.6 var(--f-ar); color: var(--ink); }
.tag.end small { font: italic 400 14.5px/1.5 var(--f-head); color: var(--mid); margin-top: 4px; }
.road .nd { transition: opacity .4s; }

/* the panel: one prayer */
.ev-who { margin: 0; font: 600 11.5px var(--f-ui); letter-spacing: .12em; text-transform: uppercase; color: var(--gold); }
.pn-body h3 { margin-top: 4px; }
.prayer { margin: 18px 0 0; background: rgba(var(--gold-rgb),.07); border: 1px solid rgba(var(--gold-rgb),.3); border-radius: 16px; padding: 16px 18px 14px; }
.pr-ar { margin: 0; direction: rtl; text-align: right; font: 400 28px/2.05 var(--f-ar); color: var(--ink); }
.pr-ar .an { color: var(--gold); font-size: .8em; margin: 0 4px; }
.pr-tr { margin: 14px 0 0; font: italic 400 17px/1.6 var(--f-head); color: var(--ink); }
.pr-tr sup { font: 600 9.5px var(--f-ui); color: var(--gold); font-style: normal; margin-right: 3px; }
.pr-ref { margin: 16px 0 0; font-size: 12.5px; color: var(--muted); }
.pr-ref a { color: var(--gold); text-decoration: none; }
.pr-act { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; margin: 12px 0 0; }
.pr-act button { font: 500 13px var(--f-ui); color: var(--ink); background: var(--bg); border: 1px solid rgba(var(--gold-rgb),.45); border-radius: 99px; padding: 7px 14px; cursor: pointer; }
.pr-act button[aria-pressed="true"] { background: rgba(var(--gold-rgb),.2); }
.pr-act a { font-size: 12.5px; color: var(--muted); text-decoration: none; }
.pr-act a:hover { color: var(--gold); }
.ans { margin: 14px 0 0; border-left: 0; background: rgba(var(--fg-rgb),.035); border-radius: 14px; padding: 12px 16px; }
.ans .psg-h { margin: 0; }
.ans-q { margin: 6px 0 4px; font: italic 400 16px/1.55 var(--f-head); color: var(--ink); }
.ans a { font-size: 12.5px; color: var(--gold); text-decoration: none; }
.lesson { margin: 8px 0 0; font-size: 16px; color: var(--ink); }
.names, .names span { font: italic 400 15px var(--f-head); color: var(--ink); background: rgba(var(--fg-rgb),.05); border-radius: 99px; padding: 3px 11px; }
.lcs { display: grid; gap: 8px; margin: 18px 0 0; }
.lc { display: block; width: 100%; text-align: left; font: inherit; color: var(--ink); background: var(--bg); border: 1px solid var(--line); border-radius: 14px; padding: 11px 14px 10px; cursor: pointer; }
.lc:hover { border-color: rgba(var(--gold-rgb),.5); }
.lc-w { display: block; font-size: 11.5px; color: var(--gold); }
.lc b { display: block; font: 400 18px/1.3 var(--f-head); margin-top: 2px; }
.lc-ar { display: block; margin-top: 4px; font: 400 21px/1.8 var(--f-ar); color: var(--mid); text-align: right; }

/* what the prayers teach */
.learn { margin-top: 70px; }
.learn h2 { font: 400 clamp(26px, 3.6vw, 36px)/1.15 var(--f-head); margin: 0; text-wrap: balance; }
.lessons { display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); gap: 14px; margin: 26px 0 0; }
.ins { background: var(--card); border: 1px solid var(--line); border-radius: 18px; padding: 18px 18px 14px; }
.ins > b { display: block; font: 400 34px/1 var(--f-head); color: var(--gold); }
.ins h3 { font: 500 16.5px/1.3 var(--f-ui); margin: 10px 0 0; }
.ins p { margin: 6px 0 0; font-size: 14.5px; color: var(--mid); }
.ins-ex { display: flex; flex-wrap: wrap; gap: 6px; }
.ins-ex button { font: italic 400 14px var(--f-head); color: var(--ink); background: rgba(var(--gold-rgb),.08); border: 0; border-radius: 99px; padding: 3px 10px; cursor: pointer; }
.ins-ex button:hover { background: rgba(var(--gold-rgb),.18); }

/* the scenery's own pieces */
.scene .ark { fill: var(--l3); }
.scene .rain { stroke: var(--lt); stroke-width: 1; opacity: .18; }
.scene .cl { fill: var(--l1); opacity: .9; }
.scene .cl1 { fill: var(--l1); opacity: .55; } .scene .cl2 { fill: var(--l2); opacity: .8; } .scene .cl3 { fill: var(--l3); }
.scene .wl { fill: var(--l3); } .scene .wl-in { fill: var(--kb); } .scene .wl-s { fill: none; stroke: var(--l3); stroke-width: 2.4; }
.scene .py { fill: var(--l1); stroke: var(--lt); stroke-width: 1; stroke-opacity: .22; }
.scene .stone { fill: var(--kb); }
.scene .spring { fill: var(--lt); opacity: .6; }
.scene .sea-edge { stroke: rgba(var(--fg-rgb),.6); stroke-width: 1.4; opacity: .4; }
.scene .sea-line { fill: none; stroke: rgba(var(--fg-rgb),.5); stroke-width: 1; opacity: .14; }
.scene .seabed { fill: var(--lt); opacity: .08; }
.scene .pl { fill: var(--l3); }
.scene .arch { fill: var(--lt); opacity: .35; }
.scene .bird { fill: none; stroke: var(--l3); stroke-width: 1.4; stroke-linecap: round; }
.scene .wh { fill: var(--l1); }
.scene .bub { fill: none; stroke: var(--lt); stroke-width: .8; opacity: 0; animation: bub var(--t) linear var(--d) infinite; transform-box: fill-box; }
@keyframes bub { 0% { opacity: 0; transform: translateY(0); } 20% { opacity: .5; } 100% { opacity: 0; transform: translateY(-140px); } }
.scene .weed { fill: none; stroke: var(--l2); stroke-width: 3; stroke-linecap: round; }
.scene .surf { fill: var(--lt); opacity: .12; }
.scene .arch-edge { fill: none; stroke: var(--lt); stroke-width: 1.2; opacity: .3; }
.scene .tile { fill: none; stroke: var(--lt); stroke-width: 1; opacity: .14; }
.scene .lamp { fill: var(--l3); stroke: var(--lt); stroke-width: 1; }
.scene .lamp-c { stroke: var(--lt); stroke-width: 1; opacity: .4; }
.scene .bolt { fill: none; stroke: var(--lt); stroke-width: 2; opacity: 0; animation: bolt 7s linear infinite; }
@keyframes bolt { 0%, 86%, 100% { opacity: 0; } 87% { opacity: .9; } 88% { opacity: .1; } 89% { opacity: .7; } 91% { opacity: 0; } }
.scene .rv { fill: var(--lt); opacity: .28; }
.scene .leaf { fill: var(--l3); opacity: 0; animation: leaf var(--t) linear var(--d) infinite; transform-box: fill-box; }
@keyframes leaf { 0% { opacity: 0; transform: translate(0, 0) rotate(0); } 15% { opacity: .8; } 100% { opacity: 0; transform: translate(-60px, 150px) rotate(220deg); } }
.scene.dsc-gelap .ray, .scene.dsc-malaikat .ray, .scene.dsc-akhirat .ray { stroke: var(--lt); opacity: .06; stroke-linecap: round; }
@media (prefers-reduced-motion: reduce) { .scene .bub, .scene .leaf, .scene .bolt, .nd.live .up circle, .rabb { animation: none; } .rabb { opacity: .95; } .nd .lp { transition: none; transform: none; } .dl { transition: none; } }

@media (max-width: 760px) {
  .ft { padding: 16px 16px 14px; }
  .ft-ar { font-size: 26px; }
  .ft-tr { font-size: 16px; }
  .rabb { font-size: 76px; }
    .dl b { font-size: 18px; }
  .dl .ar { font-size: 22px; }
  .pr-ar { font-size: 25px; }
  }

/* sharing a prayer as a story-sized picture */
.ssh-scrim { position: fixed; inset: 0; z-index: 50; background: rgba(var(--shadow-rgb),.5); opacity: 0; pointer-events: none; transition: opacity .25s; }
.ssh-scrim.on { opacity: 1; pointer-events: auto; }
.ssh { position: fixed; left: 50%; bottom: 0; z-index: 51; width: min(460px, 100%); max-height: 96vh; display: flex; flex-direction: column; gap: 12px; padding: 14px 16px calc(16px + env(safe-area-inset-bottom)); background: var(--surface); border: 1px solid var(--line); border-bottom: 0; border-radius: 22px 22px 0 0; transform: translate(-50%, 104%); transition: transform .32s cubic-bezier(.2,.8,.2,1); box-shadow: 0 -20px 60px rgba(var(--shadow-rgb),.35); }
.ssh.on { transform: translate(-50%, 0); }
.ssh-head { display: flex; align-items: center; justify-content: space-between; }
.ssh-head b { font: 600 14px var(--f-ui); color: var(--ink); }
.ssh-head button { width: 34px; height: 34px; border-radius: 50%; border: 1px solid var(--line); background: none; color: var(--mid); font-size: 18px; cursor: pointer; }
.ssh-prev { display: grid; place-items: center; min-height: 0; }
.ssh-prev img { height: min(56vh, 520px); aspect-ratio: 9 / 16; width: auto; border-radius: 14px; background: rgba(var(--fg-rgb),.06); box-shadow: 0 10px 30px rgba(var(--shadow-rgb),.35); transition: opacity .2s; }
.ssh-prev img.busy { opacity: .5; }
.ssh-themes { display: flex; justify-content: center; gap: 8px; }
.ssh-themes button { font: 500 13px var(--f-ui); color: var(--mid); background: none; border: 1px solid var(--line); border-radius: 99px; padding: 6px 14px; cursor: pointer; }
.ssh-themes button[aria-pressed="true"] { color: var(--ink); border-color: rgba(var(--gold-rgb),.7); background: rgba(var(--gold-rgb),.14); }
.ssh-act { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 8px; }
.ssh-act button { font: 500 13.5px var(--f-ui); color: var(--ink); background: none; border: 1px solid var(--line); border-radius: 12px; padding: 11px 8px; cursor: pointer; }
.ssh-act button.pri { color: var(--bg); background: var(--gold); border-color: var(--gold); font-weight: 600; }
.ssh-hint { margin: -2px 0 0; font-size: 12px; line-height: 1.45; color: var(--muted); text-align: center; }
.ssh-prev img { -webkit-touch-callout: default; }