:root{--ink: #f4f6fb;--shadow: 0 2px 12px rgba(0, 0, 0, .55);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;overflow:hidden;background:#0a0e14;overscroll-behavior:none;touch-action:none}#app{position:fixed;inset:0}#app canvas{display:block;width:100%;height:100%;cursor:grab}#app canvas.dragging{cursor:grabbing}.pw-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;transition:opacity .16s ease;z-index:5;background:#0a0e14}.pw-video.show{opacity:1}.pw-ui{position:fixed;inset:0;z-index:10;pointer-events:none}.pw-ui>*{pointer-events:auto}.pw-title{position:absolute;top:max(18px,env(safe-area-inset-top));left:20px;color:var(--ink);text-shadow:var(--shadow);letter-spacing:.14em;font-size:12px;font-weight:600;text-transform:uppercase;opacity:.92}.pw-title b{display:block;letter-spacing:.22em;font-size:15px;margin-bottom:2px}.pw-title span{opacity:.72;font-weight:500}.pw-sound{position:absolute;top:max(14px,env(safe-area-inset-top));right:18px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:#0a0e1459;backdrop-filter:blur(6px);color:var(--ink);font-size:17px;display:grid;place-items:center;cursor:pointer}.pw-beat{position:absolute;left:50%;bottom:92px;transform:translate(-50%);max-width:min(80vw,640px);text-align:center;color:var(--ink);text-shadow:var(--shadow);font-size:clamp(16px,2.4vw,22px);font-weight:500;line-height:1.35;opacity:0;transition:opacity .5s ease}.pw-beat.show{opacity:1}.pw-dots{position:absolute;left:50%;bottom:54px;transform:translate(-50%);display:flex;gap:11px;align-items:center}.pw-dots button{width:9px;height:9px;border-radius:50%;border:0;padding:0;cursor:pointer;background:#ffffff57;transition:all .22s ease}.pw-dots button.active{background:var(--ink);transform:scale(1.5)}.pw-travel{position:absolute;right:22px;bottom:46px;display:flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;cursor:pointer;border:1px solid rgba(255,255,255,.24);background:#0a0e1466;backdrop-filter:blur(6px);color:var(--ink);text-shadow:var(--shadow);font-size:13px;font-weight:600;letter-spacing:.03em;opacity:0;transition:opacity .3s ease}.pw-travel.show{opacity:1}.pw-travel .chev{animation:nudge 1.6s ease-in-out infinite}@keyframes nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.pw-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);color:var(--ink);text-shadow:var(--shadow);text-align:center;font-size:14px;letter-spacing:.05em;opacity:0;transition:opacity .6s ease;pointer-events:none}.pw-hint.show{opacity:.85}.pw-hint .k{opacity:.6;margin:0 4px}.pw-loading{position:absolute;inset:0;display:grid;place-items:center;z-index:20;color:var(--ink);background:#0a0e14;letter-spacing:.2em;font-size:12px;text-transform:uppercase;transition:opacity .4s ease}.pw-loading.hide{opacity:0;pointer-events:none}