/* PlayLab v1.3: five fully interactive, touch-first learning worlds */
.ppl-app .ppl-extrahero{padding:22px 13px 20px;text-align:center;color:white}
.ppl-app .ppl-extrahero h2{color:white;font-size:clamp(22px,5vw,30px);font-weight:1000;margin:4px 0 7px}
.ppl-app .ppl-extrahero p{color:#ffffffe8;font-size:12px;line-height:1.6}
.ppl-app .ppl-extralogo{font-size:44px;line-height:1.3}
.ppl-app .ppl-sym-hero{background:linear-gradient(115deg,#bd55a9,#ec7b99)}
.ppl-app .ppl-phon-hero{background:linear-gradient(120deg,#5e42ac,#9870e1)}
.ppl-app .ppl-cat-hero{background:linear-gradient(110deg,#078981,#45b891)}
.ppl-app .ppl-machine-hero{background:linear-gradient(110deg,#ca691b,#ec9740)}
.ppl-app .ppl-gesture-hero{background:linear-gradient(110deg,#087b9b,#5594da)}
.ppl-app .ppl-extrabody{padding:16px;background:#fffcf7;min-height:420px;text-align:center}
.ppl-app .ppl-gamehint{background:#eff5ff;color:#455c79;padding:12px 11px;border-radius:13px;margin:13px auto;font-size:12px;line-height:1.6;font-weight:750}
.ppl-app .ppl-chiprow{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px;margin:14px 0}
.ppl-app .ppl-chiprow button{border:2px solid #ded6f0;color:#7459ad;background:#fff;border-radius:12px;padding:10px 13px;min-height:47px;font-weight:900;font-size:12px}
.ppl-app .ppl-chiprow button.active{color:white;background:#7054cb;border-color:#7054cb}
.ppl-app canvas.ppl-extra-canvas{display:block;background:#fffdfa;border:2px solid #eaddea;border-radius:15px;width:100%;max-width:460px;height:auto;touch-action:none;user-select:none;-webkit-user-select:none;margin:12px auto;box-shadow:0 5px 14px #28384a0a;cursor:crosshair}
.ppl-app .ppl-extra-tools{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:14px 0}
.ppl-app .ppl-extra-tools .ppl-button{font-size:12px;min-height:46px;padding:10px 12px}
.ppl-app .ppl-extra-status{margin:10px auto;min-height:28px;line-height:1.6;font-size:13px;font-weight:850;color:#356ba0}
.ppl-app .ppl-extra-audio-note{font-size:11px;color:#867d77;line-height:1.55;margin:13px auto;max-width:600px}
.ppl-app .ppl-phon-sign{background:linear-gradient(140deg,#f4dcff,#e7ddfa);border:2px solid #d9c4f5;border-radius:17px;padding:14px 8px 17px;margin:13px 0 20px}
.ppl-app .ppl-phon-picture{font-size:54px;min-height:72px;display:grid;place-items:center}
.ppl-app .ppl-phon-letters{display:flex;justify-content:center;gap:8px;margin:10px auto 0}
.ppl-app .ppl-phon-letters .ppl-phon-letter{background:#fff;color:#6539a4;border:2px solid #d5bbf0;border-radius:15px;min-width:60px;width:25%;max-width:90px;padding:6px 3px;font-size:38px;line-height:1.2;font-weight:1000;transition:transform .15s,background .15s}
.ppl-app .ppl-phon-letter small{display:block;font-size:11px;font-weight:700;min-height:15px;line-height:1.3}
.ppl-app .ppl-phon-letter.lit{background:#fde68a;border-color:#f59e0b;transform:scale(1.06)}
.ppl-app .ppl-phon-road{height:98px;position:relative;border:5px solid #9aa6b5;background:repeating-linear-gradient(90deg,#475569 0 34px,#344256 34px 68px);border-radius:14px;touch-action:none;user-select:none;cursor:ew-resize;outline-offset:5px}
.ppl-app .ppl-phon-road:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:4px dashed #fef3c7a8}
.ppl-app .ppl-phon-road:focus-visible{outline:4px solid #60a5fa}
.ppl-app .ppl-phon-car{position:absolute;top:18px;left:2%;font-size:43px;pointer-events:none;z-index:2;filter:drop-shadow(2px 4px 2px #0009);transform:scaleX(-1)}
.ppl-app .ppl-phon-finish{position:absolute;top:0;bottom:0;right:7%;width:13px;background:conic-gradient(white 25%,#111 0 50%,white 0 75%,#111 0) 0 0/13px 24px}
.ppl-app .ppl-phon-range{width:95%;max-width:520px;accent-color:#8052db;min-height:30px;touch-action:pan-y;margin:15px auto 4px}
.ppl-app .ppl-extra-spread{display:flex;justify-content:space-between;gap:8px;font-size:11px;font-weight:850;color:#80738f}
.ppl-app .ppl-cat-story{background:#fff7dc;border:2px solid #f9dea0;border-radius:16px;padding:16px 11px;margin:9px 0}
.ppl-app .ppl-cat-story h3{font-size:24px;font-weight:1000;color:#7b5733;margin-bottom:8px}
.ppl-app .ppl-cat-sentence{display:block;width:100%;border:0;background:transparent;color:#4f4539;text-align:center;font-size:16px;font-weight:700;padding:8px 5px;line-height:1.5}
.ppl-app .ppl-cat-sentence:hover{background:#fff3ca;border-radius:8px}
.ppl-app .ppl-cat-story .ppl-button{margin-top:9px}
.ppl-app .ppl-cat-targets{display:grid;gap:9px;margin:13px 0}
.ppl-app .ppl-cat-targetrow{display:grid;grid-template-columns:1fr 1fr;gap:9px;align-items:stretch}
.ppl-app .ppl-cat-targetrow>div{text-align:left;padding:9px;border-radius:11px;color:#355d52;background:#e9fbf3;font-size:12px;font-weight:850;display:flex;align-items:center;line-height:1.45}
.ppl-app .ppl-cat-drop{min-height:97px;background:#fff;border:2px dashed #72c7aa;border-radius:12px;font-size:11px;color:#46816e;font-weight:800;padding:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px}
.ppl-app .ppl-cat-drop.done{background:#d1fae5;border-style:solid}
.ppl-app .ppl-cat-pictures{position:sticky;top:67px;z-index:4;background:#fffcf7;padding:7px 3px;border-radius:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:14px 0}
.ppl-app .ppl-cat-picture{background:#d9faeb;border:2px solid #85dbb7;color:#2e674e;border-radius:13px;font-size:32px;min-height:105px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:4px;touch-action:none;user-select:none;-webkit-user-select:none;padding:8px}
.ppl-app .ppl-cat-picture img{width:100%;max-width:110px;height:72px;object-fit:contain;display:block}
.ppl-app .ppl-cat-picture small{display:block;font-size:10px;font-weight:850;line-height:1.3;padding:0 5px}
.ppl-app .ppl-cat-zoneimg{width:100%;max-width:138px;height:78px;object-fit:contain;display:block}
.ppl-app .ppl-cat-picture.selected{border:3px solid #437fec;background:#dbeafe}
.ppl-app .ppl-cat-picture.finished{opacity:.3;pointer-events:none}
.ppl-app .ppl-machine-panel{background:linear-gradient(130deg,#fef3c7,#ffe1bb);border:2px solid #f1c791;border-radius:17px;padding:15px 10px;color:#8d4c16}
.ppl-app .ppl-machine-panel p{font-size:11px;margin:10px 0 0;font-weight:800}
.ppl-app .ppl-machine-word{display:flex;justify-content:center;gap:7px;align-items:center;min-height:104px}
.ppl-app .ppl-machine-fixed,.ppl-app .ppl-machine-slot{border-radius:14px;width:76px;height:84px;max-width:29%;display:grid;place-items:center;font-weight:1000;font-size:44px}
.ppl-app .ppl-machine-fixed{background:#fff7e8;border:3px solid #f8c17f}
.ppl-app .ppl-machine-slot{background:#ffce80;border:3px dashed #e78d27;border-radius:38% 38% 46% 46%;color:#96561a;touch-action:none}
.ppl-app .ppl-machine-slot.ready{background:#bbf7d0;border-color:#2da85d}
.ppl-app .ppl-machine-tiles{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;margin:18px auto}
.ppl-app .ppl-machine-tile{touch-action:none;user-select:none;position:relative;z-index:1;border-radius:14px;width:68px;height:74px;font-size:40px;font-weight:1000;color:#854d0e;background:#fef08a;border:3px solid #e8af26;box-shadow:0 3px 0 #ce941a}
.ppl-app .ppl-machine-tile.active{outline:4px solid #38bdf8}
.ppl-app .ppl-machine-result{background:#f5fbf0;border:1px solid #d5eec3;border-radius:15px;padding:12px;min-height:105px}
.ppl-app .ppl-machine-emoji{font-size:39px}
.ppl-app .ppl-machine-resultword{font-size:26px;font-weight:1000;color:#3d7950}
.ppl-app .ppl-gesture-quest{padding:13px;border-radius:15px;color:white;background:#162b48}
.ppl-app .ppl-gesture-top{display:flex;justify-content:space-between;color:#7dd3fc;font-size:11px;font-weight:900}
.ppl-app .ppl-gesture-question{font-size:37px;font-weight:1000;margin:13px 0}
.ppl-app .ppl-gesture-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ppl-app .ppl-gesture-options>div{background:#263c59;border:1px solid #226b91;border-radius:10px;padding:11px 2px;font-size:27px;font-weight:1000}
.ppl-app .ppl-gesture-options small{display:block;color:#83e0ff;font-size:10px;font-weight:750}
.ppl-app .ppl-gesture-camera{position:relative;overflow:hidden;background:linear-gradient(145deg,#1c2e50,#43398a);border:3px solid #6fb9ed;border-radius:15px;height:225px;margin:13px 0;display:grid;place-items:center;color:white}
.ppl-app .ppl-gesture-camera video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scaleX(-1);display:none}
.ppl-app .ppl-gesture-overlay{position:absolute;inset:0;z-index:2;pointer-events:none}
.ppl-app .ppl-gesture-tip{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 30% 30%,#fff7c7,#f59e0b);color:#7c2d12;font-size:17px;font-weight:1000;box-shadow:0 6px 16px #00000030;animation:pplTipPulse .9s ease-in-out infinite}
.ppl-app .ppl-gesture-countbadge{position:absolute;top:10px;right:10px;z-index:3;min-width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#22d3ee,#2563eb);color:white;font-size:22px;font-weight:1000;box-shadow:0 8px 20px #00000033}
.ppl-app .ppl-gesture-placeholder{font-size:75px;z-index:2}
.ppl-app .ppl-gesture-cameralabel{position:absolute;z-index:3;bottom:8px;left:8px;background:#121e33bc;color:#fff;padding:6px 9px;border-radius:7px;font-size:11px}
.ppl-app .ppl-gesture-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.ppl-app .ppl-gesture-choices button{min-height:79px;border:2px solid #70b9e7;border-radius:12px;background:white;color:#345d86;font-size:32px;padding:7px}
.ppl-app .ppl-gesture-choices small{display:block;font-size:11px;font-weight:850}
.ppl-app.ppl-playing .ppl-app-nav{display:none}
@media(max-width:420px){.ppl-app .ppl-extrabody{padding:11px}.ppl-app .ppl-cat-targetrow{gap:5px}.ppl-app .ppl-phon-letters .ppl-phon-letter{min-width:0}.ppl-app .ppl-chiprow button{padding:9px 8px;font-size:11px}.ppl-app .ppl-cat-picture{font-size:28px}.ppl-app .ppl-machine-tile{width:62px;height:68px}}

@keyframes pplTipPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
/* PlayLab 1.8.3 — Kereta Fonetik. Scoped to Activity 4 only. */
.ppl-app .ppl-phon-premium{background:#f2f9ff;color:#183359}
.ppl-app .ppl-phon-premium .ppl-phon-toolbar{padding:8px 12px;background:#fff;border-bottom:1px solid #dce8fa}
.ppl-app .ppl-phon-stage{max-width:860px;margin:0 auto;padding:10px 13px 15px;background:linear-gradient(180deg,#d9f4ff 0%,#f4fcff 68%,#fffaf0 100%)}
.ppl-app .ppl-phon-heading{display:flex;justify-content:space-between;gap:10px;align-items:center;border:2px solid #9fdcf4;border-radius:20px;background:linear-gradient(125deg,#e8fbff,#b9eaff);padding:9px 12px 8px;text-align:left;min-height:99px;box-shadow:0 4px 0 #b5dcef}
.ppl-app .ppl-phon-heading h2{font-size:clamp(21px,5vw,28px);line-height:1.2;letter-spacing:-.4px;color:#173a78;font-weight:1000;margin:5px 0 3px}
.ppl-app .ppl-phon-heading p{font-size:clamp(10px,2.6vw,13px);color:#336b96;margin:0;line-height:1.35;font-weight:700}
.ppl-app .ppl-phon-tag{font:900 9px system-ui,sans-serif;letter-spacing:.6px;color:#7853bd;background:#fff7d5;padding:5px 9px;border-radius:50px;display:inline-block}
.ppl-app .ppl-phon-coach{width:clamp(74px,23vw,125px);height:87px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 4px 3px #17478122);flex-shrink:0}
.ppl-app .ppl-phon-choose{display:flex;align-items:center;justify-content:space-between;color:#274777;margin:12px 2px 6px;font-size:12px}
.ppl-app .ppl-phon-choose strong{font-weight:1000}
.ppl-app .ppl-phon-choose span{color:#7545bb;font-weight:950;border:1px solid #c7a9fa;background:#fff;padding:3px 10px;border-radius:30px}
.ppl-app .ppl-phon-wordchoices{display:flex;gap:7px;overflow-x:auto;scrollbar-width:thin;scroll-snap-type:x proximity;padding:2px 1px 9px;justify-content:flex-start}
.ppl-app .ppl-phon-wordchip{scroll-snap-align:center;flex:0 0 auto;border:2px solid #d1c5ec;border-radius:12px;background:#fff;color:#514479;min-height:39px;min-width:60px;padding:7px 12px;font-size:15px;font-weight:1000;box-shadow:0 3px 0 #d9d4e6}
.ppl-app .ppl-phon-wordchip.active{background:#7953d8;color:white;border-color:#6240c3;box-shadow:0 3px 0 #5637af}
.ppl-app .ppl-phon-wordchip:focus-visible,.ppl-app .ppl-phon-letter:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}
.ppl-app .ppl-phon-learning{background:#fff;border:2px solid #e2dbfb;border-radius:19px;padding:10px;box-shadow:0 4px 0 #e9e0fa;display:grid;grid-template-columns:68px minmax(0,1fr);gap:8px 11px;align-items:center;text-align:center}
.ppl-app .ppl-phon-learning .ppl-phon-picture{background:#fef4d3;grid-row:span 2;border-radius:16px;font-size:40px;min-height:91px;padding:11px 1px;display:grid;place-items:center}
.ppl-app .ppl-phon-lessonhead{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;color:#746097;font-weight:800;text-align:left}
.ppl-app .ppl-phon-lessonhead strong{background:#eaf7ff;color:#175b92;border-radius:9px;padding:5px 6px;font-size:10px;max-width:55%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ppl-app .ppl-phon-letters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin:0}
.ppl-app .ppl-phon-letters .ppl-phon-letter{width:auto;min-width:0;max-width:none;min-height:71px;border:2px solid #e5d7f4;background:#faf7ff;border-radius:13px;font-weight:1000;color:#7648cc;padding:4px;line-height:1;box-shadow:0 3px 0 #e8e0f5;transition:transform .18s ease,background .18s ease;cursor:pointer}
.ppl-app .ppl-phon-letter span{font-size:clamp(26px,7vw,38px);display:block;line-height:1.15}
.ppl-app .ppl-phon-letter small{font-size:11px;line-height:1.3;display:block;color:#8976a3;min-height:15px}
.ppl-app .ppl-phon-letter.lit{background:#fff1ad;border-color:#f6b62b;color:#ab6600;transform:translateY(-2px);box-shadow:0 4px 0 #dfa02b}
.ppl-app .ppl-phon-driveframe{border:3px solid #adddd1;background:#b5e5bf;margin:12px 0 0;border-radius:19px;overflow:hidden;isolation:isolate;box-shadow:0 4px 0 #8abfae}
.ppl-app .ppl-phon-sky{height:48px;background:linear-gradient(#70cdfd,#d1f7ff);position:relative;overflow:hidden}
.ppl-app .ppl-phon-cloud{position:absolute;left:17%;top:14px;width:48px;height:18px;border-radius:20px;background:#fff;box-shadow:12px -8px 0 #fff,28px 1px 0 #fff;opacity:.87}
.ppl-app .ppl-phon-cloud.cloud-two{left:67%;top:11px;transform:scale(.75)}
.ppl-app .ppl-phon-tree{position:absolute;bottom:-13px;left:8%;font-size:39px}.ppl-app .ppl-phon-tree.tree-two{left:auto;right:10%;font-size:34px}
.ppl-app .ppl-phon-premium .ppl-phon-road,.ppl-app .ppl-phon-road{height:111px;border:0;border-top:8px solid #b2bbc7;border-bottom:8px solid #9fa7b1;background:repeating-linear-gradient(90deg,#425169 0 44px,#3b465e 44px 88px);position:relative;overflow:hidden;touch-action:none;user-select:none;cursor:grab;border-radius:0}
.ppl-app .ppl-phon-road:before{content:"";position:absolute;top:50%;left:0;right:0;border-top:5px dashed #ffe8a1;transform:translateY(-50%);pointer-events:none;z-index:1}
.ppl-app .ppl-phon-road.driving:before{animation:pplPhonRoadDash .35s linear infinite}
.ppl-app .ppl-phon-road.driving{cursor:grabbing}
.ppl-app .ppl-phon-road:focus-visible{outline:4px solid #facc15;outline-offset:-5px}
.ppl-app .ppl-phon-roadmarks{position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;z-index:1}
.ppl-app .ppl-phon-roadmarks i{position:absolute;top:0;height:17px;width:6px;border-radius:0 0 5px 5px;background:#ffdf7c;border:1px solid #f59e0b}
.ppl-app .ppl-phon-roadmarks i:nth-child(1){left:26%}.ppl-app .ppl-phon-roadmarks i:nth-child(2){left:47%}.ppl-app .ppl-phon-roadmarks i:nth-child(3){left:69%}
.ppl-app .ppl-phon-car{position:absolute;top:17px;left:8%;width:clamp(67px,21vw,92px);height:66px;z-index:5;transform:translateX(-50%);filter:drop-shadow(2px 6px 3px #081a4760);pointer-events:auto;cursor:grab;touch-action:none}
.ppl-app .ppl-phon-car img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.ppl-app .ppl-phon-road.driving .ppl-phon-car{transform:translateX(-50%) translateY(-2px)}
.ppl-app .ppl-phon-road.celebrate .ppl-phon-car{animation:pplPhonHop .65s ease-in-out 2}
.ppl-app .ppl-phon-finish{position:absolute;right:6%;top:0;bottom:0;width:18px;background:conic-gradient(#fff 25%,#111827 0 50%,#fff 0 75%,#111827 0) 0 0/18px 28px;z-index:2;pointer-events:none;box-shadow:0 0 0 3px #0002}
.ppl-app .ppl-phon-underroad{display:flex;justify-content:space-between;align-items:center;gap:4px;padding:7px 7px 4px;font-size:10px;color:#275a4a;font-weight:900;text-align:center}
.ppl-app .ppl-phon-draghint{font-size:10px;color:#3065a8}
.ppl-app .ppl-phon-meter{height:7px;background:#cfe3df;margin:0 9px 9px;border-radius:30px;overflow:hidden}
.ppl-app .ppl-phon-meter span{display:block;width:0;height:100%;background:linear-gradient(90deg,#2fbdd4,#7151e9);border-radius:30px}
.ppl-app .ppl-phon-feedback{border-radius:12px;background:#fffdf8;border:1px solid #d9eafa;color:#315e85;text-align:center;font-size:clamp(11px,2.7vw,13px);font-weight:800;line-height:1.4;min-height:43px;display:grid;place-items:center;padding:7px 10px;margin:10px 0 8px}
.ppl-app .ppl-phon-range{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;padding:0!important;margin:-1px!important;border:0!important;opacity:0}
.ppl-app .ppl-phon-actions{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:6px;margin:9px 0 3px}
.ppl-app .ppl-phon-actions .ppl-button{font-size:11px;min-height:47px;padding:8px 5px;border-radius:12px;white-space:normal;line-height:1.2}
.ppl-app .ppl-phon-premium .ppl-extra-audio-note,.ppl-app .ppl-phon-premium .ppl-extra-audio-note{font-size:10px;text-align:left;color:#557384;background:#e8f5fa;border-radius:11px;padding:9px 11px;margin:11px 0 0;line-height:1.45}
.ppl-app.ppl-pause-motion .ppl-phon-road.driving:before,.ppl-app.ppl-pause-motion .ppl-phon-road.celebrate .ppl-phon-car{animation:none!important}
@keyframes pplPhonRoadDash{to{background-position:-22px 0;transform:translateY(-50%) translateX(-11px)}}
@keyframes pplPhonHop{50%{transform:translateX(-50%) translateY(-9px)}}
@media(max-width:390px){.ppl-app .ppl-phon-stage{padding:9px 9px 13px}.ppl-app .ppl-phon-heading{padding:7px 9px;min-height:92px}.ppl-app .ppl-phon-heading h2{font-size:23px}.ppl-app .ppl-phon-coach{height:78px}.ppl-app .ppl-phon-learning{grid-template-columns:56px minmax(0,1fr);gap:5px;padding:7px}.ppl-app .ppl-phon-learning .ppl-phon-picture{font-size:34px;min-height:84px}.ppl-app .ppl-phon-letters .ppl-phon-letter{min-height:68px}.ppl-app .ppl-phon-lessonhead{font-size:9px}.ppl-app .ppl-phon-road{height:100px}.ppl-app .ppl-phon-car{top:12px}}
@media(prefers-reduced-motion:reduce){.ppl-app .ppl-phon-road.driving:before,.ppl-app .ppl-phon-road.celebrate .ppl-phon-car{animation:none!important}}

/* v2.0.1 — Mobile camera diagnostics and gentle audio instruction controls */
.ppl-app .ppl-camera-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.ppl-app .ppl-camera-actions button{min-height:44px;flex:1 1 120px;white-space:normal}
.ppl-app [data-extra-gesture-stop][hidden],.ppl-app [data-extra-gesture-copy-error][hidden]{display:none!important}
.ppl-app .ppl-gesture-diagnostic{font-size:12px;color:#894225;overflow-wrap:anywhere;line-height:1.5}
.ppl-app [data-extra-gesture-video]{cursor:pointer}
.ppl-app [data-ppl-shape-listen],.ppl-app [data-extra-sym-listen]{min-height:44px}

/* v2.0.2 finger tracking: align indicators with mirrored camera; reduce visual distraction. */
.ppl-app .ppl-gesture-tip{width:25px;height:25px;margin:-12.5px 0 0 -12.5px;font-size:13px;background:#c6ffde;color:#116535;border:2px solid #fff;box-shadow:0 2px 7px #0006;animation:none}
.ppl-app .ppl-gesture-help{margin:-4px 2px 12px;color:#355674;font-size:12px;line-height:1.45;text-align:center;font-weight:650}
.ppl-app.ppl-pause-motion .ppl-gesture-tip{animation:none}