body.walk-page{touch-action:manipulation}
.whud{gap:6px}
.wlogo{flex:1;text-align:center;font-size:20px;font-weight:900;color:#e9d8a6;letter-spacing:2px;text-shadow:2px 2px 0 #0b120d}
#wmain{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 10px 24px;-webkit-overflow-scrolling:touch}
.wscene{position:relative;width:100%;max-width:440px;border:3px solid #0b120d;border-radius:10px;overflow:hidden;box-shadow:0 4px 0 #0b120d;flex:none}
#w-scene{display:block;width:100%;height:auto;image-rendering:pixelated;background:#14201a}
#w-live{position:absolute;top:6px;left:8px;font-size:11px;font-weight:900;color:#7dff8a;background:rgba(11,18,13,.7);border-radius:4px;padding:2px 6px;animation:wblink 1.2s infinite}
@keyframes wblink{50%{opacity:.45}}
.wcount{display:flex;flex-direction:column;align-items:center;line-height:1}
.wcount b{font-size:64px;font-weight:900;color:#ffcb3b;text-shadow:3px 3px 0 #0b120d;font-variant-numeric:tabular-nums}
.wcount b.bump{animation:wbump .25s ease-out}
@keyframes wbump{0%{transform:scale(1.08);color:#fff3b0}100%{transform:scale(1)}}
.wcount small{font-size:11px;letter-spacing:2px;color:#9be36b;margin-top:4px}
.wstats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:100%;max-width:440px}
.wstats div{display:flex;flex-direction:column;align-items:center;background:#14201a;border:2px solid #0b120d;border-radius:8px;padding:6px 2px}
.wstats small{font-size:9px;letter-spacing:1px;color:#9be36b}
.wstats b{font-size:17px;color:#e9d8a6;font-variant-numeric:tabular-nums}
.wgo{font:inherit;font-weight:900;font-size:26px;letter-spacing:1px;width:100%;max-width:440px;padding:16px 10px;color:#14201a;background:#7dff8a;border:4px solid #0b120d;border-radius:12px;box-shadow:0 5px 0 #0b120d;cursor:pointer}
.wgo:active{transform:translateY(3px);box-shadow:0 2px 0 #0b120d}
.wgo.stop{background:#ff7a6b}
.wgo:disabled{opacity:.6}
.wstatus{margin:0;font-size:12px;color:#c9c3a3;text-align:center;max-width:420px;min-height:16px}
.wkeep,.wnosensor{width:100%;max-width:440px;font-size:12px;line-height:1.45;background:#4a4322;border:2px solid #0b120d;border-radius:8px;padding:8px 10px;color:#f4f1de}
.wnosensor{background:#5a1f1a;font-size:14px;text-align:center}
.wtabs{display:flex;gap:6px;width:100%;max-width:440px;margin-top:6px}
.wtabs .pbtn{flex:1;background:#2e4434;color:#e9d8a6}
.wtabs .pbtn.on{background:#ffcb3b;color:#14201a}
.wme{margin:0;font-size:12px;color:#9be36b;width:100%;max-width:440px}
.wphow{font-size:11px;line-height:1.5;color:#c9c3a3;background:#14201a;border:2px solid #0b120d;border-radius:8px;padding:8px 10px;max-width:440px;width:100%}
.wfair{color:#9be36b}
.krow-s .rk{min-width:22px;text-align:center;font-weight:900;color:#ffcb3b}
#pbanner{position:absolute;z-index:20;left:8px;right:8px;top:max(8px,env(safe-area-inset-top));background:#ffcb3b;color:#14201a;border:3px solid #0b120d;border-radius:8px;padding:8px 10px;font-weight:800;font-size:13px;box-shadow:0 4px 0 #0b120d;text-align:center}
#namebox input{font:inherit;font-size:20px;padding:10px;border:3px solid #0b120d;border-radius:8px;width:100%;max-width:320px;text-align:center}