:root{color-scheme:dark;--gold:#d8ab59;--soft:#f1d7a3}*{box-sizing:border-box}html{height:100%}body{margin:0;min-height:100%;color:var(--soft);font-family:Tahoma,'Arial',sans-serif;background-color:#080808;background-image:repeating-linear-gradient(128deg,transparent 0 54px,rgba(155,135,96,.045) 55px 57px,transparent 58px 112px),repeating-linear-gradient(52deg,transparent 0 74px,rgba(155,135,96,.035) 75px 76px,transparent 77px 150px)}.shell{width:min(100%,560px);min-height:100svh;margin:auto;padding:clamp(12px,2.2vh,24px) 18px 18px;display:flex;flex-direction:column;justify-content:space-evenly;gap:clamp(9px,1.4vh,17px)}header{text-align:center}.logo{display:block;width:clamp(108px,19vh,190px);height:clamp(108px,19vh,190px);object-fit:contain;margin:0 auto 2px}h1{margin:0;font-size:clamp(25px,4.4vh,42px);font-weight:700;color:#e9c27c;letter-spacing:-1px}header p{margin:4px 0 0;color:#c7ad80;font-size:clamp(14px,2.2vh,21px)}.player{border:1px solid #856a3d;border-radius:24px;background:linear-gradient(150deg,rgba(24,22,19,.97),rgba(5,5,5,.98));box-shadow:0 0 0 1px #201b13;padding:clamp(14px,2.3vh,24px) clamp(14px,3vw,25px);text-align:center}.status{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:clamp(11px,1.7vh,15px)}.badge{padding:8px 11px;border:1px solid #62502f;border-radius:30px;color:#bca57d}.badge.online{color:#8de09e;border-color:#366b44}.live{color:#d5b47b}.verse{font-family:Georgia,'Times New Roman',serif;color:#f0cf8b;font-size:clamp(20px,3.2vh,31px);line-height:1.8;margin-top:clamp(6px,1.4vh,16px)}.surah{font-size:12px;color:#b79d73}.hint{margin:8px 0;color:#b6a07d;font-size:clamp(11px,1.7vh,14px)}.playrow{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,28px);margin:clamp(6px,1.3vh,14px) 0}.play{width:clamp(72px,11vh,106px);height:clamp(72px,11vh,106px);border:2px solid #ffdf9e;border-radius:50%;background:linear-gradient(145deg,#ffe6a3,#bb8633);color:#20150a;font-size:clamp(26px,4vh,38px);cursor:pointer;box-shadow:0 0 22px #b18a3440}.play:disabled{opacity:.5;cursor:not-allowed}.wave{color:#937039;letter-spacing:4px;font-size:clamp(15px,2.4vh,24px)}.volume{display:flex;align-items:center;gap:12px;border:1px solid #5a472a;border-radius:14px;padding:10px 12px}.volume input{flex:1;min-width:0;accent-color:#d8ab59}.volume output{font-size:13px;min-width:35px}.social{display:flex;gap:8px}.social a,.social button{min-width:0;flex:1;border:1px solid #856a3d;border-radius:13px;background:#111;color:#f1ddba;padding:12px 5px;font-size:clamp(12px,1.8vh,16px);text-decoration:none;text-align:center;cursor:pointer;font-family:inherit}.social a[aria-disabled=true]{opacity:.5;cursor:not-allowed}.yt{display:inline-grid;place-items:center;background:#e32323;color:#fff;border-radius:5px;padding:2px 6px}.tt{color:#f2f2f2;font-size:19px;text-shadow:-2px 0 #17e9e3,2px 0 #f52a67}.install{border:1px solid #aa854c;border-radius:35px;background:#17130d;color:#f4d69e;font-weight:700;font-size:clamp(13px,2vh,18px);padding:14px 10px;cursor:pointer}.installHelp{margin:0;text-align:center;font-size:13px;line-height:1.6;color:#ead1a2}@media(max-height:690px){.shell{gap:6px;padding-top:8px;padding-bottom:8px}.logo{width:94px;height:94px}.player{padding:10px}.verse{margin-top:4px}.play{width:64px;height:64px}.social a,.social button{padding:8px 4px}.install{padding:10px}}

/* زر تشغيل واضح مع عبارة عربية */
.play{width:min(100%,245px);height:auto;min-height:66px;border-radius:20px;padding:13px 16px;font-family:inherit;font-size:clamp(16px,2.4vh,21px);font-weight:700;line-height:1.45;white-space:normal;box-shadow:0 4px 22px #b18a3440}.playrow{gap:10px}.wave{flex-shrink:1;letter-spacing:1px;font-size:clamp(12px,2vh,20px)}