From a3a09bc77d398e118783fc16f8d146db0126b8bc Mon Sep 17 00:00:00 2001
From: Me Here <me@here>
Date: Sun, 7 Jun 2026 08:21:52 -0500
Subject: [PATCH] pm-mobile: touch-first phone/tablet PWA player (mobile.html)

A new full-screen, touch-first edition of the player aimed at phones through
tablets - no native app, just a web page you can "Add to Home Screen".

Reuses the shared engine + look-ahead scheduler (same player loop as
player.html); new UI is a big pulsing beat display, beat-dot row with accent
grouping, huge BPM (tap to type, vertical drag to scrub), prev/play/next +/-
and tap-tempo, and a bottom sheet for set lists / patch+link loading / volume.

Mobile concerns handled:
- iOS ring/silent switch: navigator.audioSession.type="playback" + a silent
  buffer warmup inside the play gesture, so audio isn't muted by the switch.
- Screen Wake Lock while running (re-acquired on visibilitychange).
- PWA: manifest.webmanifest + apple-touch meta + mobile-sw.js (network-first
  app shell, passthrough for everything else) -> installable + offline.
  Multi-file is fine here since it targets mobile (waives the single-file rule).
- viewport-fit=cover + safe-area insets, no user zoom, touch-action:manipulation,
  overscroll-behavior:none; transport buttons flex-share the row so they never
  overflow a narrow phone; responsive portrait/landscape, phone->tablet.
- Fullscreen toggle where supported (Android/desktop; iOS uses home-screen PWA).

Wired into build.sh + deploy.sh (page + PWA assets) and added to the index
gallery as PM_M-1 Mobile. New metronome app icons generated in assets/.
Conformance suite unaffected (engine untouched): 47 pass, 1 known.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
---
 assets/icon-180.png  | Bin 0 -> 5484 bytes
 assets/icon-192.png  | Bin 0 -> 5451 bytes
 assets/icon-512.png  | Bin 0 -> 16106 bytes
 build.sh             |   8 +-
 deploy.sh            |   6 +-
 index.html           |   1 +
 manifest.webmanifest |  18 ++
 mobile-sw.js         |  51 +++++
 mobile.html          | 448 +++++++++++++++++++++++++++++++++++++++++++
 9 files changed, 530 insertions(+), 2 deletions(-)
 create mode 100644 assets/icon-180.png
 create mode 100644 assets/icon-192.png
 create mode 100644 assets/icon-512.png
 create mode 100644 manifest.webmanifest
 create mode 100644 mobile-sw.js
 create mode 100644 mobile.html

diff --git a/assets/icon-180.png b/assets/icon-180.png
new file mode 100644
index 0000000000000000000000000000000000000000..591653dc81c7268de9bc267978f9f50f1aff1672
GIT binary patch
literal 5484
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

literal 0
HcmV?d00001

diff --git a/assets/icon-192.png b/assets/icon-192.png
new file mode 100644
index 0000000000000000000000000000000000000000..17357e3d9dcf6f0fe5d708876c4ccd55f4be2aae
GIT binary patch
literal 5451
zcmZu#XIxWFvk#$#PAJkfgcd-hR|6yvdPk5dk0?bzsX-vL1f(h=5Re)}Z-UZ9q$9mo
z5u}QA=^!BO;=T8MKfL#TID5`-W_D(GXQ!Nhw2^@(9W^I4005xV)<T(Fy_^3&AmG(F
z(|BqG0I)J?qmZV48Jn4|FS#epIxko5nKk7XIKc-AgtgQyLL|@NakT*!1&1m#E~!O@
zK8J#N`B}g?gepjxj~{xh!QUol#FC9gq4*K+LV?u&fOsZ+B!p_?o2}DC<?pGDOrF7<
zy7gJ_V<Q;?N5GRoH=je(@#(kgYQ1iTNp+XrTbBgyZ6)b|-%fVr^>@d#Rj>lzEl4aM
z+L7BwhqJyGxONYbZ1HabO_#Pxn825Bp#NYlSTQ_}4vW1K{pMURa7`BY|0r0PQb-Y?
z|8Lg*U%`Lr_?Y4n9sYOfzpeZ=E6Z?Y;{Q;$v{jn1yo>^YG`Ngx|88MsMpx=UegWRl
zDEZsdt!t^@32Dx7;q}eccHKKSPM%U@qT6^Ki|{d*yAO9oL&TOuo}Y%iIPi3dDMIa>
zKR66(88107A|^00<^uO>kH^Ij2EAg-MI5atBiQP1P9^E8N}8nRU&!Zy6JyqJMSW}c
zR!_q)4n-c<?C1y5=AC*uYF6{|+Lq1|a7nv$nk|N{n2k&dlFV1maIo{+f@MEHT5f)M
zFf&fm(TzicPvSj6#2^xj00Bp9qY@|$#=bLIpjUu+MS<(9Xpj~_b8Ubel)ymCk`dzm
zBkQ(I20imF4IMQ{3=W;Jpvm5@x|@EvesLUGNPE{^6M)!LO3n<0zlN^+^#5Wq9OT<!
zP7T@Q?YR|vej{e?50hbEwowG=1z5IwX17g&PAx@sKK*MkURP_Yjs@rS_%y3>SMhCX
zOhr^K2*3T$@F)a=)e^gJ@QfeayqiJkJ03QHba4lYK^1Pa8sM-g#;`ODm*ViYNt@X~
z=9{8AaxeNb=K&f{e>O(&OZN^(y#{q;_9zq=S{Y3DguX<2aFNX*4BK_o-|Ej%hVuyp
zLPK!@r-~Wp{@Pn#820|rV-1yn*8nLQwOz=VabC`@qqW`}2=cJ(rk-lbo>OUCc0vK$
zEO{7NlNNXvzMb?YL(Z1D;KMf2hp|y>y-^r4p~eo@YtFfwU#lA2O3}r;GN6BaA4U#k
z=SxaUbxRoVS5{mBW;e?nl9$DP;lEH<ta-2AB3Qp|D)nhcYR9(}TS3$Em|%_5>@Ir;
z33Xf{hAlVi$sG330G2Rhy){@A5pUa=@Py8c>{ZD}+3A4yTMCauqf*`0f2YyL3Enxq
z<Gd#dfqsZzFLWm4HS>R_(BdAfZ7P$!f$(R<fu=)K(^iJlifV*+O0kk4FuM7X&-GM9
zg~7e~g#9V~gJ*n{{TdN2j>XzBe)*)CEA0*^tc(ccVAZ`m6N3*CpF4Rep9V_F_U9yu
z4~d#1{AH1~1Elf%wrcIh^j4Jlvk7~Q7>$~Hc{b!5&u{!_>)Ou7$eI+beH9_kct8vq
zK_&uUq~4Dpo!Z<Rt0xeAZ5tvUDlCjw38@)Geh?3rmuz|DvkDpJJTs=B8n1jI4yeTI
zz-O{y0-0)FqL96SeE)mJU*`D>9%w4A>h$XkCdxuWNh|%Rp6spXcw6bQ0xK<pNkqCi
z*RRJZJXV_dIV_w4$YqRLvq5=+1S1#Oytr_v`D=b|0+XB~s+6||{?HYEq5o_e%FY;1
z@8|N$b<uw&H(rxulLK=1AFXHLR1mjegU?)pw{E>EKFm?JQrBqV8Exn=9PYx&v$vmW
z&{u%%+D=`jew(WIF+v1NSedQOoBhn-G>8mPpMlrhI6=(|R|axq7~aSng}>g_-+<fb
zd;?IiWK6grPGR@5r=A|ZbVI}ZOfRAADdGD@3zjtgr&asxI26%_U`_G};C*A|clD}S
zN*Ez!VL|HjRb*7v@}E#sO=bcEfwq>J5p2=Blj58yq_QCS$z+v$;E(<%+bU8s%KTyE
zZZmx#bhTNpFHJ+JD6G@~&rKZ#oa?LVJJuVa0QKBWcb7k!V7U1xJoSF?S!N&XbACfa
z^WZ<SFkc`LNeLg-Xwm<OhCs_UX6s5n%4S#QUY(r&qur=!9M<X09$WBhO%f8UWn;pb
zJ{f(+;l_{><7TFvOtFxYwu&rTgxaEJBG-hg`7@Rz@eWCOe2>QunK31T$51SvS40fs
zF?{@Iksx^k>Xj2*VNWL3JO)#TaSJa<1D)A773c7vxzriHE91Ra`=8`0=6)|3=)DYk
z$kAnJ$>$5!I)%?9cyT2BeBc>Kc@6>&-dfonYYSw(8~)(iP1~3OQ*AVB<Ob%*t)!Gr
z7!RR^&mc(wyo{q(YFQbT#V(CdMkyV$N<WE(F!`Nl+|pR_TE-NOPQ5<lN-->%j|7Y(
zEsNbB!~PDt-izE;Nl$i(-Jr?!PBQ3A`s-|s$Vg4QghAwKhySKvh9<q0CjB4hZXqx%
z<*SHZ*|j%I&ic~0Sj$GBVOF~RRg{*k)R%9~o|pTnM`1y&`Q-<F=}hdHlL|le?)anu
zeX@idyy}eN+heFC*z^9%z^y3^O%D!~V$3;Gx<9yQi~8y6hQ3PJg53^NVFF_Q#4h`n
zIzbDMxxO2c(N7<41ds}}klCb*CszIyo=3PWO3D<Jg=kJ^1y=2M>ykmUiLRVHQWEJq
z%BEOAg!d^Y3kg%1^>|{XO%UPeVRC}gH8CV*Z8_2(%m_j@Z_2PRmt_GVk)N;D((BQ%
z`c)%+QvK7qzrQL_P3%5!sQ|3%Mn=Y%TAS3?l;Xj2(6KQPR!8YIbnuS*fJ95muqM|=
zU)ER|u?Ho3$lVLLwaZx?_34%OQD;?U?Kbg+gOvBnN6(W~=l2hQhW#t~#c4Do!r4T&
z<T~c}SrPPqe)~MXr_^KnDm9vd$LXAts|f$8A%^%SjzNXtk`lqY>KX8qk<ycUlej|I
zCNdD;?0b7zDo;sLTl7tP9ZOmg7Kj0z-L_0GQ!td_A3QaeRnBZskT0-gA6Gh!gv{nn
z?;(V#*;4AYxWS(}#c4q#VC1Qz*DJ0U=W~&qW$0kE#EX)QJBISB7_PK0IpDb6Dk~Sh
z{OYtgeNKNy#x=s2wWQ646P=knypVjLr5C3;kjZ6SCONHkpKD@NpQ+h1$8&Qs8U}`W
z>_1Wd812yXh!^})qSOqAB_G(oY~KgRt45PmopfYvTd=>INx$Uc(a=B%4l&bVvwf*`
z^8}ZueclGcrNOiZttZ*m0H;|}hkp<^cVaMWlI-Uv;n$K?TkbbW9Gn;`Y)rg;a%nL0
zRQO)2IG=5I&{CdM$XR)z;9x{a&Yh-Xu8X|4IkUG{3jsH#h|8AOOGcMTKTQ%k?QIaK
zp)}XUX$$xV9;GdY@CU2=Z$$!+L~XcKpkf{#EpRXz5iFJ#67MCqWu|f}#I?Vjuuz^8
zIkt2BZJ4U8X8Nk!iGAN(lG?(7aswpCf5t1zNP!07(}AOwO#{`QuN8mcY~&5kdcd33
z0w$8u*;h5{`^4Kk+H0TM`dL2=V2ouJdlj@=jvaTQI@e``<bymB05CV(lX>p<nyoEI
z;$bXfQfha=WSEoi&_C#}alg9!$e6Hr+xjs%(yGhE#lWJ$Q8F-jhxDNKAuamj%0mve
z*AgaWd*~OmPR=(Wp;Y$hgw757v&7&u3wujM3^4%S(0q6ec)2QU=pvyJ(UTuUf)pFR
z_gg#1UTofR$0RC^1OK4nW4$2!wf9;DNIiNh@e)4QowSr$1O%-uv1Lz8stQx5ShLv|
zQasHrt>WPS(jxUvZC9`0QpPm<!^F3&jc(qAvBhm;k>Yrs&iGVp=LS4&N1I5MIC<4@
zg<dz5_RF6c<a9x!c2b&t&+ffZ7E<FIo~0teC#bH?-|3zUR~Qno1>_ah@t|*$W$yn}
zsl2B{_B7XOaaqCX{4+}o$5m09)RP92E6rFXO@W?nAB;ybkzWjmozutZVdNTx7ET&;
zhPRSWdoDNIc|(UW7u*bQ6^Ojhoc`m!EwMn_a3+H2hR6H$9<yz(OMIU2Pdmw*kPi#X
zwS}q3kdO*H;bdRsJ*wwlGb}}lkNe+GT>Lo7HH{tkVKngd{dpF_y+s9%RYWv*S`{P7
zDCEpvFBQ8ulD7eC9$1x#pBwN(i+4tUKRZaAY%cjM*I3h(XmkpfaMkE|TtcIe5lVeW
znP(-wwb-ShJty(NgD=Ny{7KrX=H|_Gr$iS=1lbanMGL7g^rLZa<U)jgGrdTmXbkY`
z>@Y`Hp)-iE8Y0o&@6CdiTF<Ezfly;?+;<<3oEw$TnYf*Iv_!CD7T_7*a)fAXBumHJ
z;+VBxzM}@ctM$KjTVU(@^=f>;@p7=P!qWQ5evmwsN(IvCh?Cbo?g_OPS&xLMIWHAE
zQONB#KEKbKrHNh#g_A8cD~jdamEvXM4f7{@+{gIf(^nFnf<mx-Ry~=i>uNypD&(RR
zeAKHf$a*@fuRV)a0|Mj-@lcp9ka3{5?rD$YP=Dj3$We{tU@@v<I1Hstx=L)ylXwmm
z8Ham8F*8|$=4Bf1rLJKsEcEDH3w240vSOkZYmX+zmr1F3r0Jy{wsbG#i;K&&{pDYn
zjbEvMWM9~^NyFl?C+bX?z$+-DhLjD(Jc4kNpJZW=;<#AvXbSn)(@PNr6Rvt5DcObz
ze63+}JG=0kPqP{n=0c8!2$loCiwslOFbn;RsxW#m_CfOPFy`6sZvm4`udx8T%Dt_N
z38T1A)_e4d&p{e}KOFEPsn%Ah)o?}{o49n*^SOv!eo~JiUQ{mWRreV0iP=z|zWG$9
zZw$FOOc>BEJMsZf-c^_<eo1l&@*UzGj_1kAFaJ5))L`z}OOeXi8U<VR+Ru2YFJP+{
zy9IJO*BrJ&LM3q=B}bFU$PZBkeoNtfJd^PfBrT8K-gg6B3ITXkIS=>X8*X-2b=DEn
zIQVyA6#3O6J^f#QROnG@q42%^m0=PHW8K<-_c3)fF={B^+x!U|e9+Ro+2jS|l$+#P
zzd$gXa9b{^((wzPwq5k^bjc>4LgD>iUeE@4)c`pKq1e19w{G_)U}390de$9Wq!I}C
z$~>DuTHWD=f$%4rd);Hwvt;l}nEIQKm^j~R{fJJhp0#L-iH^0dWUnA(^RQ(lP`l!h
z*=3i3gc*S3J*~@)_3th{(*<`-n)8Dstj)%M(b{!rIeeqdkN88MCfT`SZ03U@`TQoS
z5?Zl~hlG2uo*%SAUYXDO4sk_tAKXosJfeD(Yw}~Doz`chD+Y_`Six{DwQ#pdcu+R@
zS_9x%g4#KsC=e>XKjOeal=9=!Pd!z)Fx#|w{m^l$*9nD)$TOAEeZ%bT$hb#KnfX}m
z4wM?`d~?_SFBgeez<Ka3N>+<UMeGRuAgV<@sG^<7ogL5#@b?)Jvf){T8VxOVWRGc3
zmiw>ga-%^nU>*T<f^d@KT$Qtx`yA1TCw@!CelC#k4rZ^b+wdSIiLFi4F}pa8oTNO;
zOF!UNe3(2T)caI(xCE!Ls#!xLEtgzTVJ>rc^^+wb2^Ts14Y`6CmWBq(PWO%$SV>-S
zALxmCQu26p?Km`3I3N%#=p#YFZc2b7Oj9XvzTV%Q+g;27f!Q^wI8utT6ZWr13ox6F
zA564@6z2!jg%!sZ8)c;AnZU5f65HLTCe82ZCY+(-&+{xK4j)|w5?dCX)#qQTxKUfM
z?m3kMkc1AZAPUrspDPVs9@M=&95lJ9CZA@`5S!9%$@y*82gtFEvF<Tb^ow#5F^&vS
z%-;-U?@zKDt(C`e7Q<@(tf>?S?n<4yPN~mhTow;UCK@5_$fwDW@a7fFi;ey4I#u+@
zTx(?+IsgJh8|JTEMSexRPVGS~8_nE_uku}$19PYe>`l}0#8#;*jDB5w_CxVh<LirJ
zm(S$6EaXbI^(lT*q<Qm{?U!eopTaxY`d&19Iv?5Xa*4%k(856BX5&e|1x*csR!T<l
zR>G7hxbHQs5#5+(&+#vGE3<!Q|D1HrkxY2IT|V}RhC$gEIuck!0Z4`B9Al;XxrT^b
z$jh0hOcYvV)3wr3oG#xA=baT<6|&9kycmt=d-XImI>ue)jA5!MYJpFr-RccICW4T>
zp&6X{Pw(w`6LKUrEA5~rwI%UawcOCY)7740OkLvQ9_A9OZ5x?*dKIzkEcu3!5r+XP
zKW$Dw;zjLWem*3v_hDFCFqKi)O2p!`GjCM}wqG6#)t2+W;$me!zn#LY+{*^|ynXq2
zq3)kB5Ps@X-Ph*enZMV^)4MlvZN)z&<>$`(hQ(dr-m`=Y7suY2T~S#II&pV+%&+7L
zlMzgd!rYgt89P01lBQXiKOLJv`cgJzBB$>QPt6>f&sCn{{>dw)9NP$m9oSVhXt#cE
zI;#tG^qO}?gM!7*xC`s}s=H_1FN%WaBArj|FaudS{U5I{LB5TvT#CY<Ma)h=H)lU4
zg-y-OTy(jwEqk5(qrCBMjz1^QXwN*v>qzY_XsV>DQYxhZ6$!c{3V;x6XbPADcP293
zgTNWdEIuv~;*Os1RBH`!i#iM=bo~&cvP*I~aynzJk~?$jdgf3+E4J|aTm)hpv}8nd
zcxd3VSass4gK^E(K=2AR-pYu2_Kaxy0Zm0MuG(-LBJ`fX2n7`&<>IvNN|;g9Os`lz
z|5{MPd^>`oh-BO-j)upI$!{e0CNPiEWGzA8N?X%D7?l?4ZKXY-iI*f%2osTYU{QD`
zSBH$}BoT%#j*5!4@UaJt7$)j`i&_~uH+SBTeO#wSt)+iGimpE4)cviL%DLTjj+{*%
zh{N)sJ(y?_np4kq8FN-f%X&BAWq$OeZ{~s2uPpAVN$Fnm^SF=%r#Cq!5##^})Mc^k
z$Twv9%2_66Jy+iMAf`;!LfWaHKV_ljT|i&Edsh&G>QyMLNiU8QrqjwIs{t5H82?`D
zC8eT)Eb-bey)47=0%e_Px}24Ylw}?TPHBBVN=mx|^3ro1Io-PjokjAkB%^p*Z<c=m
zR<yNJcQMh3LUeDw!~QQ}8F%#o{!i*(F>Af*wpN41Tjd|rQvL@@%=OW)65#tc`1fyg
f@n4W&`z2{)Y7)t-!XVo#kQAV;Zh$INeGvLzrN}GI

literal 0
HcmV?d00001

diff --git a/assets/icon-512.png b/assets/icon-512.png
new file mode 100644
index 0000000000000000000000000000000000000000..c02d04a40fcebc457910e7f64b355246c6d855de
GIT binary patch
literal 16106
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
F{{X0p@frXC

literal 0
HcmV?d00001

diff --git a/build.sh b/build.sh
index 0c64958..bb2c5c6 100755
--- a/build.sh
+++ b/build.sh
@@ -46,12 +46,18 @@ def build(name):
     out.write_text(src)
     return out.stat().st_size
 
-for name in ("index.html","editor.html","editor-beta.html","pm_e-2.html","player.html","teacher.html","stage.html","micro.html","showcase.html","kit.html","explorer.html","grid.html",
+for name in ("index.html","editor.html","editor-beta.html","pm_e-2.html","player.html","mobile.html","teacher.html","stage.html","micro.html","showcase.html","kit.html","explorer.html","grid.html",
              "embed.html",
              "info-editor.html","info-pm_e-2.html","info-player.html","info-teacher.html","info-stage.html","info-micro.html","info-showcase.html","info-kit.html","info-explorer.html","info-grid.html"):
     print("built %s (%dKB)" % (name, build(name) // 1024))
 pathlib.Path("dist/embed.js").write_text(pathlib.Path("embed.js").read_text())   # loader, served as-is
 print("copied embed.js")
+# PWA support files for mobile.html (the phone/tablet app): manifest, service worker, icons.
+for f in ("manifest.webmanifest", "mobile-sw.js"):
+    pathlib.Path("dist/" + f).write_text(pathlib.Path(f).read_text())
+for f in ("icon-192.png", "icon-512.png", "icon-180.png"):
+    pathlib.Path("dist/" + f).write_bytes((A / f).read_bytes())
+print("copied PWA files (manifest.webmanifest, mobile-sw.js, icon-{192,512,180}.png)")
 pathlib.Path("dist/pico-main.py").write_text(pathlib.Path("pico/main.py").read_text())  # PM_K-1 firmware, downloadable
 print("copied pico-main.py")
 _appsrc = pathlib.Path("pico-cp/app.py").read_text()
diff --git a/deploy.sh b/deploy.sh
index 06515bc..5ad06d4 100755
--- a/deploy.sh
+++ b/deploy.sh
@@ -40,13 +40,17 @@ fi
 
 # stamp the version into the built copy only (source stays clean)
 echo "deployed v$BUILD -> $DEST_DIR"
-for f in index.html editor.html editor-beta.html pm_e-2.html player.html teacher.html stage.html micro.html showcase.html kit.html explorer.html grid.html \
+for f in index.html editor.html editor-beta.html pm_e-2.html player.html mobile.html teacher.html stage.html micro.html showcase.html kit.html explorer.html grid.html \
          embed.html \
          info-editor.html info-pm_e-2.html info-player.html info-teacher.html info-stage.html info-micro.html info-showcase.html info-kit.html info-explorer.html info-grid.html; do
   sed "s|const APP_VERSION = \"[^\"]*\";|const APP_VERSION = \"$BUILD\";|" "$DIST_DIR/$f" > "$DEST_DIR/$f"
   echo "  $f ($(stat -c '%s' "$DEST_DIR/$f") bytes)"
 done
 cp "$DIST_DIR/embed.js" "$DEST_DIR/embed.js"; echo "  embed.js ($(stat -c '%s' "$DEST_DIR/embed.js") bytes)"
+# PWA assets for mobile.html (manifest + service worker + icons) — served at the web root
+for f in manifest.webmanifest mobile-sw.js icon-192.png icon-512.png icon-180.png; do
+  cp "$DIST_DIR/$f" "$DEST_DIR/$f"; echo "  $f ($(stat -c '%s' "$DEST_DIR/$f") bytes)"
+done
 cp "$DIST_DIR/pico-main.py" "$DEST_DIR/pico-main.py"; echo "  pico-main.py ($(stat -c '%s' "$DEST_DIR/pico-main.py") bytes)"  # PM_K-1 firmware download
 # Rust firmware (RP2350) — served if built via rust/pm-kit/build.sh (gitignored artifact, not in dist/)
 if [[ -f "$SRC_DIR/rust/pm-kit/pm-kit.uf2" ]]; then
diff --git a/index.html b/index.html
index 02bf149..0f82a87 100644
--- a/index.html
+++ b/index.html
@@ -161,6 +161,7 @@ const SAMPLES = {}; let state = { bpm:120, volume:0.85 }, meters = [], muteWindo
 const VERSIONS = [
   // PM_E-1 (editor.html) is hidden from the landing — PM_E-2 is the focus. The page still exists.
   { key:"pme2",     file:"/pm_e-2.html",  name:"PM_E‑2 Editor",   chip:"app", h:640, sum:"The PolyMeter editor, built around engraved drum notation — a 5‑line percussion staff (Bravura/SMuFL) with Staff / TUBS / Konnakol views, edit‑on‑staff, plus flams/drags/rolls, odd meters &amp; clave." },
+  { key:"mobile",   file:"/mobile.html",  name:"PM_M‑1 Mobile",   chip:"app", h:600, sum:"Phone &amp; tablet app — a touch‑first, full‑screen player you can “Add to Home Screen.” Big tap targets, drag‑to‑scrub tempo, a pulsing beat display, screen‑wake‑lock, and an iOS fix for the ring/silent switch. Installable &amp; works offline." },
   { key:"kit",      file:"/kit.html",     name:"PM_K‑1 Kit",      chip:"hw",  h:560, sum:"Build it today — a Raspberry Pi Pico on the 52Pi touchscreen kit; tap the 3.5″ screen, joystick tempo, RGB beat light, buzzer. MicroPython firmware included." },
   { key:"explorer", file:"/explorer.html", name:"PM_X‑1 Explorer", chip:"hw",  h:500, sum:"Off‑the‑shelf — the Pimoroni Explorer (RP2350, 2.8″ LCD, 6 buttons, piezo) as a button‑driven sibling to the Kit. Edit on the web with Live sync; the device mirrors play/stop/tempo/track changes both ways." },
   { key:"grid",     file:"/grid.html",    name:"PM_G‑1 Grid",     chip:"hw",  h:470, sum:"Off‑the‑shelf — a Pimoroni Pico Scroll Pack (17×7 white LED matrix + 4 buttons) on a Raspberry Pi Pico. The matrix IS the editor's lane × step pad grid in miniature; edit on the web with Live sync." },
diff --git a/manifest.webmanifest b/manifest.webmanifest
new file mode 100644
index 0000000..103f2a4
--- /dev/null
+++ b/manifest.webmanifest
@@ -0,0 +1,18 @@
+{
+  "name": "VARASYS PolyMeter",
+  "short_name": "PolyMeter",
+  "description": "Polymetric groove-trainer & metronome — touch-first, full-screen.",
+  "id": "/mobile.html",
+  "start_url": "/mobile.html?standalone=1",
+  "scope": "/mobile.html",
+  "display": "standalone",
+  "display_override": ["standalone", "fullscreen"],
+  "orientation": "any",
+  "background_color": "#05070a",
+  "theme_color": "#0b0d11",
+  "categories": ["music", "productivity", "utilities"],
+  "icons": [
+    { "src": "/icon-192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
+    { "src": "/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
+  ]
+}
diff --git a/mobile-sw.js b/mobile-sw.js
new file mode 100644
index 0000000..b21bf11
--- /dev/null
+++ b/mobile-sw.js
@@ -0,0 +1,51 @@
+/* Service worker for the PolyMeter mobile app (mobile.html).
+ *
+ * Deliberately minimal and non-intrusive: it only manages its OWN app-shell URLs
+ * (the page, manifest, icons). For every other request it does NOT call
+ * respondWith(), so the rest of the site behaves exactly as if no SW existed.
+ *
+ * Strategy for the shell: network-first, fall back to cache. The page is a single
+ * self-contained file that is version-stamped on deploy, so when the device is
+ * online it always gets the freshest build; offline it still launches from cache.
+ */
+const CACHE = "polymeter-mobile-v1";
+const SHELL = [
+  "/mobile.html",
+  "/manifest.webmanifest",
+  "/icon-192.png",
+  "/icon-512.png",
+  "/icon-180.png",
+];
+const SHELL_PATHS = new Set(SHELL);
+
+self.addEventListener("install", (e) => {
+  self.skipWaiting();
+  e.waitUntil(caches.open(CACHE).then((c) => c.addAll(SHELL)).catch(() => {}));
+});
+
+self.addEventListener("activate", (e) => {
+  e.waitUntil(
+    caches.keys()
+      .then((keys) => Promise.all(keys.filter((k) => k !== CACHE).map((k) => caches.delete(k))))
+      .then(() => self.clients.claim())
+  );
+});
+
+self.addEventListener("fetch", (e) => {
+  const req = e.request;
+  if (req.method !== "GET") return;
+  const url = new URL(req.url);
+  if (url.origin !== self.location.origin) return;
+  // Treat any navigation to /mobile.html (with or without ?standalone=1 etc.) as the shell.
+  const path = url.pathname;
+  if (!SHELL_PATHS.has(path)) return;          // not ours — let the browser handle it
+
+  e.respondWith(
+    fetch(req)
+      .then((res) => {
+        if (res && res.ok) { const copy = res.clone(); caches.open(CACHE).then((c) => c.put(path, copy)); }
+        return res;
+      })
+      .catch(() => caches.match(path).then((hit) => hit || caches.match("/mobile.html")))
+  );
+});
diff --git a/mobile.html b/mobile.html
new file mode 100644
index 0000000..49f070b
--- /dev/null
+++ b/mobile.html
@@ -0,0 +1,448 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8" />
+<!-- viewport-fit=cover → draw under the notch/home-indicator; no user zoom (app, not a document) -->
+<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, user-scalable=no" />
+<title>VARASYS PolyMeter — Mobile</title>
+
+<!-- PWA / Add-to-Home-Screen: makes it launch full-screen & chrome-less from the home screen -->
+<link rel="manifest" href="/manifest.webmanifest" />
+<meta name="theme-color" content="#eef3f9" media="(prefers-color-scheme: light)" />
+<meta name="theme-color" content="#05070a" media="(prefers-color-scheme: dark)" />
+<meta name="mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-capable" content="yes" />
+<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
+<meta name="apple-mobile-web-app-title" content="PolyMeter" />
+<link rel="apple-touch-icon" href="/icon-180.png" />
+<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
+<link rel="icon" type="image/svg+xml" href="data:image/svg+xml;base64,@BUILD:favicon@" />
+
+<script>
+  /* ?embed=1 → running inside the form-factor gallery iframe: skip PWA/fullscreen/wake-lock. */
+  window.EMBED = /[?&]embed=1/.test(location.search);
+  if (window.EMBED) document.documentElement.dataset.embed = "1";
+</script>
+<script>
+  // Set theme before first paint (no flash). Shares the editor's "metronome.theme" key.
+  (function(){ try{
+    var p = localStorage.getItem("metronome.theme");
+    if (p!=="light" && p!=="dark" && p!=="system") p = "system";
+    document.documentElement.dataset.theme = p==="system" ? (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark") : p;
+  } catch(e){ document.documentElement.dataset.theme = "dark"; } })();
+</script>
+<style>
+  /*@BUILD:include:src/base.css@*/
+  :root{
+    --bg1:#12151c; --bg2:#05070a;
+    --txt:#e7edf5; --muted:#8b96a5; --link:#6cb6ff;
+    --panel-bg:#161b22; --panel-bd:#2a313c; --field-bg:#0e1116; --field-bd:#222a36;
+    --cyan:#0AB3F7; --amber:#ffd166;
+    --led-off:#1b2330; --ring:#2a3340; --glow:rgba(10,179,247,.55); --aglow:rgba(255,209,102,.55);
+    --btn1:#2b323d; --btn2:#1b212a; --btn-bd:#39424f;
+  }
+  :root[data-theme="light"]{
+    --bg1:#eef3f9; --bg2:#cfd9e6;
+    --txt:#10202f; --muted:#5c6776; --link:#1769c4;
+    --panel-bg:#ffffff; --panel-bd:#d2dae4; --field-bg:#f1f4f8; --field-bd:#cdd6e0;
+    --led-off:#c4cedb; --ring:#c9d4e1; --glow:rgba(10,179,247,.40); --aglow:rgba(230,160,30,.45);
+    --btn1:#ffffff; --btn2:#e7edf4; --btn-bd:#c8d2de;
+  }
+  html,body{ height:100%; }
+  body{
+    margin:0; overflow:hidden; color:var(--txt);
+    background:radial-gradient(circle at 50% -12%, var(--bg1), var(--bg2));
+    font-family:"Segoe UI", Roboto, Helvetica, Arial, sans-serif;
+    -webkit-user-select:none; user-select:none; -webkit-tap-highlight-color:transparent;
+    touch-action:manipulation; overscroll-behavior:none;
+  }
+
+  #app{ position:fixed; inset:0; overflow:hidden; display:flex; flex-direction:column;
+    padding:max(8px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right))
+            max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left)); }
+
+  /* ---- top bar ---- */
+  #bar{ flex:0 0 auto; display:flex; align-items:center; gap:10px; min-height:44px; }
+  #bar .id{ flex:1 1 auto; min-width:0; line-height:1.15; }
+  #bar .nm{ font-size:clamp(15px,2.7vmin,22px); font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  #bar .sub{ font-size:clamp(11px,1.9vmin,14px); color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
+  .icon{ flex:0 0 auto; width:44px; height:44px; border-radius:50%; display:flex; align-items:center; justify-content:center;
+    font-size:19px; line-height:1; cursor:pointer; color:var(--txt);
+    background:rgba(127,139,154,.14); border:1px solid var(--panel-bd); }
+  .icon:active{ background:rgba(127,139,154,.30); }
+
+  /* ---- stage: beats + pulse ---- */
+  #stage{ flex:1 1 auto; min-height:0; display:flex; flex-direction:column; align-items:center; justify-content:center;
+    gap:clamp(14px,3.4vmin,40px); }
+  #beats{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:clamp(8px,1.7vmin,16px); max-width:92%; }
+  .dot{ width:clamp(13px,3vmin,30px); height:clamp(13px,3vmin,30px); border-radius:50%;
+    background:var(--led-off); border:1px solid rgba(0,0,0,.35); transition:background .05s, box-shadow .05s, transform .05s; }
+  .dot.group{ outline:1.5px solid var(--amber); outline-offset:3px; opacity:.95; }
+  .dot.on{ background:var(--cyan); box-shadow:0 0 12px var(--glow); transform:scale(1.12); }
+  .dot.on.group{ background:var(--amber); box-shadow:0 0 14px var(--aglow); }
+
+  #pulse{ position:relative; width:clamp(190px,48vmin,460px); height:clamp(190px,48vmin,460px); border-radius:50%;
+    display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center;
+    border:2px solid var(--ring); background:radial-gradient(circle at 50% 40%, rgba(127,139,154,.07), transparent 70%);
+    transition:transform .12s ease-out, box-shadow .12s ease-out, border-color .12s ease-out;
+    touch-action:none; cursor:ns-resize; }
+  #pulse.hit{ transform:scale(1.045); border-color:var(--cyan); box-shadow:0 0 60px var(--glow); }
+  #pulse.hit.acc{ border-color:var(--amber); box-shadow:0 0 72px var(--aglow); }
+  #bpm{ font-size:clamp(58px,19vmin,180px); font-weight:800; line-height:.85; font-variant-numeric:tabular-nums; letter-spacing:-.01em; }
+  #bpmlab{ font-size:clamp(11px,2.3vmin,18px); letter-spacing:.34em; color:var(--muted); margin-top:.7em; }
+  #bpmIn{ display:none; width:62%; text-align:center; font:inherit; font-size:clamp(50px,16vmin,150px); font-weight:800;
+    background:transparent; color:var(--txt); border:none; border-bottom:2px solid var(--cyan); outline:none;
+    font-variant-numeric:tabular-nums; -moz-appearance:textfield; }
+  #bpmIn::-webkit-outer-spin-button, #bpmIn::-webkit-inner-spin-button{ -webkit-appearance:none; margin:0; }
+  #meterline{ font-size:clamp(12px,2.1vmin,17px); color:var(--muted); min-height:1.2em; letter-spacing:.02em; }
+
+  /* ---- transport ---- */
+  #transport{ flex:0 0 auto; display:flex; flex-direction:column; align-items:center; gap:clamp(8px,1.6vmin,14px);
+    padding-top:clamp(8px,1.6vmin,16px); width:100%; }
+  /* buttons SHARE the row width (flex:1) so 5 of them never overflow a narrow phone — they
+     just get narrower; capped by max-width so they don't sprawl on a tablet. */
+  .row{ display:flex; align-items:center; justify-content:center; gap:clamp(6px,2vmin,16px);
+    width:100%; max-width:560px; }
+  .tbtn{ flex:1 1 0; min-width:0; background:linear-gradient(180deg,var(--btn1),var(--btn2)); color:var(--txt); border:1px solid var(--btn-bd);
+    border-radius:14px; height:clamp(56px,15vmin,84px); font-size:clamp(20px,5vmin,30px);
+    cursor:pointer; box-shadow:0 3px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06);
+    display:flex; align-items:center; justify-content:center; }
+  .tbtn:active{ transform:translateY(2px); box-shadow:0 1px 0 rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.06); }
+  .tbtn.play{ flex:1.6 1 0; background:linear-gradient(180deg,#1f7a4d,#155f3b); border-color:#2e7d32; color:#eafff3; }
+  .tbtn.play.on{ background:linear-gradient(180deg,#b23b3b,#8f2d2d); border-color:#c0392b; color:#fff; }
+  .tap{ background:transparent; color:var(--muted); border:1px solid var(--panel-bd); border-radius:12px;
+    padding:9px 22px; font-size:clamp(12px,2.2vmin,15px); letter-spacing:.16em; cursor:pointer; }
+  .tap:active{ color:var(--txt); background:rgba(127,139,154,.14); }
+
+  /* shorter viewports (landscape phones): tighten so it all fits */
+  @media (max-height:540px){
+    #stage{ gap:clamp(8px,2vmin,18px); }
+    #bpmlab{ margin-top:.4em; }
+    .tbtn{ height:clamp(48px,18vmin,70px); }
+  }
+
+  /* ---- menu sheet ---- */
+  #scrim{ position:fixed; inset:0; background:rgba(0,0,0,.55); opacity:0; pointer-events:none; transition:opacity .2s; z-index:40; }
+  #scrim.open{ opacity:1; pointer-events:auto; }
+  #sheet{ position:fixed; left:0; right:0; bottom:0; z-index:50; max-height:86vh; overflow-y:auto;
+    background:var(--panel-bg); border-top:1px solid var(--panel-bd); border-radius:18px 18px 0 0;
+    transform:translateY(110%); transition:transform .26s cubic-bezier(.2,.8,.2,1);
+    padding:14px max(16px,env(safe-area-inset-right)) max(20px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
+  #sheet.open{ transform:none; }
+  #sheet .grab{ width:42px; height:5px; border-radius:3px; background:var(--panel-bd); margin:0 auto 12px; }
+  #sheet h2{ margin:2px 0 4px; font-size:15px; }
+  #sheet label{ display:block; font-size:12px; color:var(--muted); margin:14px 0 5px; }
+  #sheet select, #sheet textarea, #sheet input[type=range]{ width:100%; }
+  #sheet select{ background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:10px; padding:11px; font-size:15px; }
+  #sheet textarea{ background:var(--field-bg); color:var(--txt); border:1px solid var(--field-bd); border-radius:10px; padding:11px;
+    font-family:"Courier New",monospace; font-size:13px; resize:vertical; min-height:56px; }
+  .srow{ display:flex; gap:10px; align-items:center; margin-top:10px; }
+  .ld{ flex:0 0 auto; cursor:pointer; color:#eafff3; background:linear-gradient(180deg,#1f7a4d,#155f3b); border:1px solid #2e7d32;
+    border-radius:10px; padding:11px 18px; font-size:15px; }
+  #status{ margin-top:10px; font-size:12px; min-height:1.2em; font-family:"Courier New",monospace; color:var(--muted); }
+  #status.ok{ color:#5fd08a; } #status.err{ color:#ff7a7a; }
+  .vol{ display:flex; align-items:center; gap:12px; }
+  .sheet-foot{ display:flex; align-items:center; justify-content:space-between; margin-top:18px; padding-top:12px;
+    border-top:1px solid var(--panel-bd); font-size:12px; color:var(--muted); }
+  .sheet-foot a{ color:var(--link); text-decoration:none; }
+  #installBtn{ display:none; cursor:pointer; color:var(--txt); background:transparent; border:1px solid var(--panel-bd);
+    border-radius:9px; padding:7px 14px; font-size:13px; }
+  .dev-logo{ height:18px; opacity:.85; }
+  [data-theme="light"] .logo-dark{ display:none; } [data-theme="dark"] .logo-light{ display:none; }
+</style>
+</head>
+<body>
+
+<div id="app">
+  <div id="bar">
+    <div class="icon" id="menuBtn" title="Menu" aria-label="Menu">☰</div>
+    <div class="id">
+      <div class="nm" id="mName">—</div>
+      <div class="sub"><span id="mPos">–/–</span></div>
+    </div>
+    <div class="icon" id="themeBtn" title="Theme" aria-label="Theme">◐</div>
+    <div class="icon" id="fsBtn" title="Full screen" aria-label="Full screen">⛶</div>
+  </div>
+
+  <div id="stage">
+    <div id="beats"></div>
+    <div id="pulse">
+      <div id="bpm">120</div>
+      <input id="bpmIn" type="number" inputmode="numeric" min="30" max="300" />
+      <div id="bpmlab">BPM</div>
+    </div>
+    <div id="meterline"></div>
+  </div>
+
+  <div id="transport">
+    <div class="row">
+      <button class="tbtn" id="bDown" title="Tempo −">−</button>
+      <button class="tbtn" id="bPrev" title="Previous">⏮</button>
+      <button class="tbtn play" id="bPlay" title="Play / Stop">▶</button>
+      <button class="tbtn" id="bNext" title="Next">⏭</button>
+      <button class="tbtn" id="bUp" title="Tempo +">+</button>
+    </div>
+    <button class="tap" id="bTap" title="Tap tempo">TAP TEMPO</button>
+  </div>
+</div>
+
+<!-- bottom sheet: load / set lists / volume / install -->
+<div id="scrim"></div>
+<div id="sheet">
+  <div class="grab"></div>
+  <h2>Load a groove</h2>
+  <label for="storedSel">Set list</label>
+  <select id="storedSel"><option value="">— choose a set list —</option></select>
+  <label for="cfg">…or paste a patch / share link</label>
+  <textarea id="cfg" spellcheck="false" placeholder="v1;t120;kick:4;snare:4=.X.X;hatClosed:4/2  — or a #p=… / #sl=… link"></textarea>
+  <div class="srow">
+    <button class="ld" id="bLoad">Load</button>
+    <span id="status"></span>
+  </div>
+  <label for="vol">Volume</label>
+  <div class="vol">🔈<input id="vol" type="range" min="0" max="100" value="85" />🔊</div>
+  <div class="sheet-foot">
+    <span><img class="dev-logo logo-dark" src="data:image/png;base64,@BUILD:logo-dark@" alt="VARASYS" /><img class="dev-logo logo-light" src="data:image/png;base64,@BUILD:logo-light@" alt="VARASYS" /> &nbsp;PolyMeter <span id="appVersion"></span></span>
+    <button id="installBtn">Install app</button>
+  </div>
+</div>
+
+<script>
+const APP_VERSION = "v0.0.1-dev";
+const $ = (id) => document.getElementById(id);
+
+/* ========================= ENGINE (synth voices only; shared scheduler) ======= */
+const SAMPLES = {};
+/*@BUILD:include:src/engine.js@*/
+/*@BUILD:include:src/setlists.js@*/
+const state={ bpm:120, volume:0.85, running:false };
+let meters=[];
+let ramp={on:false,startBpm:80,amount:5,everyBars:4}, trainer={on:false,playBars:2,muteBars:2};
+let segBars=0, segBarCount=0, pendingAdvance=false;
+let masterBeat=0, masterBeatTime=0, muteWindows=[];
+
+function setBpm(v){ state.bpm=Math.max(30,Math.min(300,Math.round(v))); }
+function advanceMaster(ahead){
+  const mbpb=masterBeatsPerBar();
+  while(masterBeatTime<ahead){
+    if(masterBeat%mbpb===0){
+      const barIndex=Math.floor(masterBeat/mbpb);
+      if(barIndex>0&&ramp.on&&(barIndex%ramp.everyBars===0)) setBpm(state.bpm+ramp.amount);
+      if(trainer.on){ const cyc=trainer.playBars+trainer.muteBars; if(cyc>0&&(barIndex%cyc)>=trainer.playBars) muteWindows.push({start:masterBeatTime,end:masterBeatTime+mbpb*(60/state.bpm)}); }
+      segBarCount=barIndex;
+      if(segBars>0&&barIndex>=segBars&&!pendingAdvance){ pendingAdvance=true; }
+    }
+    masterBeat++; masterBeatTime+=60/state.bpm;
+  }
+  if(audioCtx) muteWindows=muteWindows.filter(w=>w.end>audioCtx.currentTime-1);
+}
+function scheduler(){
+  const ahead=audioCtx.currentTime+SCHEDULE_AHEAD;
+  advanceMaster(ahead);
+  for(const m of meters){ while(m.nextTime<ahead){ scheduleMeterTick(m,m.nextTime); m.nextTime+=laneStepDur(m,m.tick); m.tick++; } }
+  if(pendingAdvance){ pendingAdvance=false; setTimeout(()=>gotoItem(idx+1,true),0); }   // loop set list at end
+}
+
+/* ========================= PLAYER ============================================= */
+let setlist=null, idx=0;
+const BUILTIN = SEED_SETLISTS.map((sl) => ({ title: sl.title, items: sl.items.map(([n, p]) => ({ name: n, ...patchToSetup(p) })) }));
+
+function buildMeters(lanes){
+  return (lanes||[]).map(c=>{
+    const p=parseGroups(c.groupsStr);
+    return {groupsStr:c.groupsStr,groups:p.groups,beatsPerBar:p.beatsPerBar,groupStarts:p.groupStarts,
+      stepsPerBeat:c.stepsPerBeat||1,sound:c.sound,beatsOn:(c.beatsOn||[]).slice(),poly:!!c.poly,swing:!!c.swing,enabled:c.enabled!==false,gainDb:c.gainDb||0,
+      tick:0,nextTime:0,vq:[],vqPtr:0,currentStep:-1,currentBar:0};
+  });
+}
+function loadSetup(s){
+  ramp=s.ramp?{...s.ramp}:{on:false,startBpm:80,amount:5,everyBars:4};
+  trainer=s.trainer?{...s.trainer}:{on:false,playBars:2,muteBars:2};
+  segBars=s.bars||0; segBarCount=0;
+  setBpm(s.bpm||120);
+  meters=buildMeters(s.lanes);
+  rebuildBeats();
+}
+
+/* iOS: ignore the ring/silent hardware switch + warm up the context inside the play gesture. */
+function unlockAudio(){
+  try{ if(navigator.audioSession) navigator.audioSession.type="playback"; }catch(e){}
+  try{ const b=audioCtx.createBuffer(1,1,audioCtx.sampleRate), s=audioCtx.createBufferSource(); s.buffer=b; s.connect(audioCtx.destination); s.start(0); }catch(e){}
+}
+function startAudio(){
+  ensureAudio(); unlockAudio(); audioCtx.resume(); state.running=true;
+  if(ramp.on) setBpm(ramp.startBpm);
+  const t0=audioCtx.currentTime+0.08;
+  for(const m of meters){ m.tick=0; m.nextTime=t0; m.vq=[]; m.vqPtr=0; m.currentStep=-1; m.currentBar=0; }
+  masterBeat=0; masterBeatTime=t0; muteWindows=[]; pendingAdvance=false; lastBeatKey=-1;
+  schedulerTimer=setInterval(scheduler,LOOKAHEAD_MS); scheduler(); renderAll();
+  requestWake();
+}
+function stopAudio(){ state.running=false; clearInterval(schedulerTimer); schedulerTimer=null; pendingAdvance=false; for(const m of meters) m.currentStep=-1; renderAll(); releaseWake(); }
+function toggle(){ state.running?stopAudio():startAudio(); }
+function gotoItem(i,keepPlaying){
+  if(!setlist||!setlist.items.length) return;
+  const n=setlist.items.length; idx=((i%n)+n)%n;
+  const wasRunning=state.running||keepPlaying;
+  if(state.running){ clearInterval(schedulerTimer); schedulerTimer=null; state.running=false; }
+  loadSetup(setlist.items[idx]);
+  if(wasRunning) startAudio(); else renderAll();
+}
+function loadSetlistObj(sl){ setlist=sl; idx=0; const wasRunning=state.running; if(wasRunning){clearInterval(schedulerTimer);schedulerTimer=null;state.running=false;} loadSetup(sl.items[0]); if(wasRunning) startAudio(); else renderAll(); }
+
+let taps=[];
+function tapTempo(){ const now=performance.now(); taps=taps.filter(t=>now-t<2000); taps.push(now);
+  if(taps.length>=2){ let s=0; for(let i=1;i<taps.length;i++) s+=taps[i]-taps[i-1]; setBpm(60000/(s/(taps.length-1))); ramp.on=false; renderAll(); } }
+function nudge(d){ ramp.on=false; setBpm(state.bpm+d); renderAll(); }
+
+/* ========================= RENDER ============================================ */
+function rebuildBeats(){
+  const box=$("beats"); box.innerHTML="";
+  const m=meters[0]; const beats=m?m.beatsPerBar:0;
+  for(let i=0;i<beats;i++){ const d=document.createElement("div"); d.className="dot"+(m.groupStarts.has(i)?" group":""); box.appendChild(d); }
+}
+function renderBeats(){
+  const m=meters[0]; if(!m) return;
+  const cur=state.running? Math.floor(m.currentStep/m.stepsPerBeat) : -1;
+  const els=$("beats").children;
+  for(let i=0;i<els.length;i++) els[i].classList.toggle("on", i===cur);
+}
+function renderInfo(){
+  if(editingBpm) { /* leave the input alone */ } else $("bpm").textContent=state.bpm;
+  $("mName").textContent=setlist? (setlist.items[idx].name||"—") : "—";
+  $("mPos").textContent=setlist? "♪ "+(idx+1)+"/"+setlist.items.length : "–/–";
+  const m=meters[0];
+  $("meterline").textContent = m ? (m.beatsPerBar + " beats" + (m.groups.length>1 ? " · " + m.groups.join("+") : "") + (m.swing?" · swing":"")) : "";
+}
+function renderAll(){ renderInfo(); renderBeats(); $("bPlay").textContent=state.running?"■":"▶"; $("bPlay").classList.toggle("on",state.running); }
+
+let lastBeatKey=-1, pulseTimer=null;
+function pulseHit(acc){ const p=$("pulse"); p.classList.remove("hit","acc"); void p.offsetWidth; p.classList.add("hit"); if(acc) p.classList.add("acc");
+  clearTimeout(pulseTimer); pulseTimer=setTimeout(()=>p.classList.remove("hit","acc"),130); }
+function draw(){
+  // latency-compensated playhead so visuals land when the click is HEARD (see engine note)
+  if(audioCtx&&state.running){ const now=audioCtx.currentTime-(audioCtx.outputLatency||audioCtx.baseLatency||0);
+    for(const m of meters){ while(m.vqPtr<m.vq.length&&m.vq[m.vqPtr].time<=now){ m.currentStep=m.vq[m.vqPtr].step; m.currentBar=m.vq[m.vqPtr].bar; m.vqPtr++; } } }
+  renderBeats();
+  const m=meters[0];
+  if(state.running&&m&&m.currentStep>=0){
+    const beat=Math.floor(m.currentStep/m.stepsPerBeat);
+    if(m.currentStep%m.stepsPerBeat===0){ const key=m.currentBar*1000+beat;
+      if(key!==lastBeatKey){ lastBeatKey=key; pulseHit(m.groupStarts.has(beat)); } }
+  }
+  requestAnimationFrame(draw);
+}
+
+/* ========================= BPM tap-to-edit + drag-to-scrub ==================== */
+let editingBpm=false;
+function openBpmEdit(){ editingBpm=true; const i=$("bpmIn"); $("bpm").style.display="none"; i.style.display="block"; i.value=state.bpm; i.focus(); i.select(); }
+function closeBpmEdit(commit){ const i=$("bpmIn"); if(commit){ const v=parseInt(i.value,10); if(v){ nudge(0); setBpm(v); } } editingBpm=false; i.style.display="none"; $("bpm").style.display="block"; renderAll(); }
+$("bpmIn").addEventListener("keydown",(e)=>{ if(e.key==="Enter"){ closeBpmEdit(true); } else if(e.key==="Escape"){ closeBpmEdit(false); } });
+$("bpmIn").addEventListener("blur",()=>{ if(editingBpm) closeBpmEdit(true); });
+(function(){ // pointer drag on the pulse = scrub tempo; a clean tap (no drag) = type a value
+  const p=$("pulse"); let dragging=false, moved=false, startY=0, startBpm=120;
+  p.addEventListener("pointerdown",(e)=>{ if(editingBpm) return; dragging=true; moved=false; startY=e.clientY; startBpm=state.bpm; p.setPointerCapture(e.pointerId); });
+  p.addEventListener("pointermove",(e)=>{ if(!dragging) return; const dy=startY-e.clientY; if(Math.abs(dy)>6) moved=true; if(moved){ ramp.on=false; setBpm(startBpm+dy*0.5); renderAll(); } });
+  p.addEventListener("pointerup",(e)=>{ if(!dragging) return; dragging=false; try{p.releasePointerCapture(e.pointerId);}catch(_){} if(!moved) openBpmEdit(); });
+  p.addEventListener("pointercancel",()=>{ dragging=false; });
+})();
+
+/* ========================= LOAD / SET LISTS ================================== */
+function setStatus(msg,ok){ const s=$("status"); s.textContent=msg||""; s.className=ok===undefined?"":(ok?"ok":"err"); }
+function loadConfig(text,quiet){
+  text=(text||"").trim(); if(!text){ if(!quiet) setStatus("Paste a patch or set-list code first.",false); return false; }
+  let payload=text, kind=null;
+  const m=text.match(/[#?&](p|sl)=([^&\s]+)/);
+  if(m){ kind=m[1]; payload=m[2]; }
+  try{ payload=decodeURIComponent(payload); }catch(e){}
+  try{
+    if(kind==="sl" || (kind!=="p" && !/[;:]/.test(payload))){
+      const sl=codeToSetlist(payload);
+      if(!sl.items.length) throw new Error("set list has no items");
+      loadSetlistObj(sl);
+      setStatus("✓ Loaded “"+sl.title+"” — "+sl.items.length+" item(s).",true); return true;
+    }
+    const setup=patchToSetup(payload);
+    if(!setup.lanes.length) throw new Error("no valid lanes (need e.g. kick:4)");
+    loadSetlistObj({title:"Pasted patch",items:[{name:"Patch",...setup}]});
+    setStatus("✓ Loaded patch — "+setup.lanes.length+" lane(s), "+setup.bpm+" BPM.",true); return true;
+  }catch(e){ if(!quiet) setStatus("✗ Invalid: "+e.message,false); return false; }
+}
+function loadStored(){
+  let lists=[]; try{ lists=JSON.parse(localStorage.getItem("metronome.setlists")||"[]"); }catch(e){}
+  const sel=$("storedSel"); sel.innerHTML='<option value="">— choose a set list —</option>';
+  const og1=document.createElement("optgroup"); og1.label="Built-in";
+  BUILTIN.forEach((sl,i)=>{ const o=document.createElement("option"); o.value="b"+i; o.textContent=sl.title+" ("+sl.items.length+")"; og1.appendChild(o); });
+  sel.appendChild(og1);
+  if(lists.length){ const og2=document.createElement("optgroup"); og2.label="Your saved set lists";
+    lists.forEach((sl,i)=>{ const o=document.createElement("option"); o.value="s"+i; o.textContent=(sl.title||("Set list "+(i+1)))+" ("+(sl.items?sl.items.length:0)+")"; og2.appendChild(o); });
+    sel.appendChild(og2); }
+  sel._lists=lists; sel._builtin=BUILTIN;
+}
+
+/* ========================= MENU SHEET ======================================== */
+function openSheet(){ loadStored(); $("scrim").classList.add("open"); $("sheet").classList.add("open"); }
+function closeSheet(){ $("scrim").classList.remove("open"); $("sheet").classList.remove("open"); }
+$("menuBtn").onclick=openSheet; $("scrim").onclick=closeSheet;
+$("bLoad").onclick=()=>{ if(loadConfig($("cfg").value)) closeSheet(); };
+$("storedSel").onchange=(e)=>{ const v=e.target.value; if(!v) return;
+  const sl = v[0]==="b" ? e.target._builtin[+v.slice(1)] : e.target._lists[+v.slice(1)]; if(!sl) return;
+  loadSetlistObj({title:sl.title,items:(sl.items||[]).map(it=>({...it}))}); setStatus("✓ Loaded “"+(sl.title||"set list")+"”.",true); closeSheet(); };
+$("vol").oninput=(e)=>{ state.volume=(+e.target.value)/100; if(masterGain) masterGain.gain.value=state.volume; };
+
+/* ========================= TRANSPORT WIRING ================================== */
+$("bPlay").onclick=toggle;
+$("bPrev").onclick=()=>gotoItem(idx-1,state.running);
+$("bNext").onclick=()=>gotoItem(idx+1,state.running);
+$("bUp").onclick=()=>nudge(+1); $("bDown").onclick=()=>nudge(-1);
+$("bTap").onclick=tapTempo;
+
+/* theme toggle (shared "metronome.theme") + version stamp */
+/*@BUILD:include:src/chrome.js@*/
+
+/* ========================= FULLSCREEN + WAKE LOCK ============================ */
+const docEl=document.documentElement;
+const reqFS=docEl.requestFullscreen||docEl.webkitRequestFullscreen;
+const exitFS=document.exitFullscreen||document.webkitExitFullscreen;
+const fsEl=()=>document.fullscreenElement||document.webkitFullscreenElement;
+let wakeLock=null;
+async function requestWake(){ try{ if(navigator.wakeLock) wakeLock=await navigator.wakeLock.request("screen"); }catch(e){} }
+function releaseWake(){ try{ wakeLock&&wakeLock.release(); }catch(e){} wakeLock=null; }
+function toggleFS(){
+  if(fsEl()){ if(exitFS) try{ exitFS.call(document); }catch(e){} }
+  else if(reqFS){ try{ reqFS.call(docEl); }catch(e){} }
+}
+$("fsBtn").onclick=toggleFS;
+if(window.EMBED) $("fsBtn").style.display="none";   // pointless inside the gallery iframe
+document.addEventListener("visibilitychange",()=>{ if(document.visibilityState==="visible"&&state.running) requestWake(); });
+
+/* ========================= PWA: install + service worker ===================== */
+let deferredPrompt=null;
+addEventListener("beforeinstallprompt",(e)=>{ e.preventDefault(); deferredPrompt=e; if(!window.EMBED) $("installBtn").style.display="inline-block"; });
+$("installBtn").onclick=async()=>{ if(!deferredPrompt) return; deferredPrompt.prompt(); await deferredPrompt.userChoice; deferredPrompt=null; $("installBtn").style.display="none"; };
+addEventListener("appinstalled",()=>{ $("installBtn").style.display="none"; });
+if(!window.EMBED && "serviceWorker" in navigator){ addEventListener("load",()=>{ navigator.serviceWorker.register("/mobile-sw.js").catch(()=>{}); }); }
+
+/* ========================= KEYBOARD (desktop testing) ======================== */
+addEventListener("keydown",(e)=>{
+  const tag=(e.target&&e.target.tagName)||""; if(tag==="INPUT"||tag==="TEXTAREA"||tag==="SELECT") return;
+  const k=e.key;
+  if(k===" "||e.code==="Space"){ e.preventDefault(); toggle(); }
+  else if(k==="ArrowRight"){ e.preventDefault(); gotoItem(idx+1,state.running); }
+  else if(k==="ArrowLeft"){ e.preventDefault(); gotoItem(idx-1,state.running); }
+  else if(k==="ArrowUp"){ e.preventDefault(); nudge(e.shiftKey?10:1); }
+  else if(k==="ArrowDown"){ e.preventDefault(); nudge(e.shiftKey?-10:-1); }
+  else if(k==="t"||k==="T") tapTempo();
+  else if(k==="f"||k==="F") toggleFS();
+});
+
+/* ========================= INIT ============================================== */
+loadStored();
+if(location.hash && /(p|sl)=/.test(location.hash)) loadConfig(location.hash, true);
+if(!setlist){ setlist=BUILTIN[0]; idx=0; loadSetup(setlist.items[0]); }
+$("vol").value=Math.round(state.volume*100);
+renderAll();
+requestAnimationFrame(draw);
+</script>
+</body>
+</html>