.tp-root{font-family:var(--font-mono,monospace);touch-action:manipulation;background:#081827;position:absolute;inset:0;overflow:hidden}.tp-canvas,.tp-ui{position:absolute;inset:0}.tp-canvas canvas{width:100%!important;height:100%!important;display:block!important}.tp-ui{z-index:2;pointer-events:none;color:#eff8ff}.tp-hud{top:max(10px,env(safe-area-inset-top));letter-spacing:.08em;justify-content:space-between;gap:4px;font-size:8px;display:flex;position:absolute;left:12px;right:58px}.tp-hud span{text-align:center;gap:2px;min-width:0;display:grid}.tp-hud b{color:#fff;white-space:nowrap;font-size:14px}.tp-hud .is-active b{color:#75d5d1;text-shadow:0 0 8px #3fd0ff99}.tp-pot{color:#ffd76b;white-space:nowrap;font-size:11px;font-style:normal;font-weight:700}.tp-overlay{pointer-events:auto;background:#071421b8;place-items:center;padding:14px;display:grid;position:absolute;inset:0}.tp-card{text-align:center;background:#10283df2;border:1px solid #70d7da;border-radius:16px;gap:13px;max-width:350px;padding:24px;display:grid}.tp-card h2{color:#ffe28a;letter-spacing:.13em;font-family:var(--font-display,sans-serif);margin:0}.tp-card p,.tp-card small{margin:0;font-size:12px;line-height:1.6}.tp-card strong{color:#ffe28a;font-size:52px}.tp-new-best{color:#ffe28a;letter-spacing:.12em;text-shadow:0 0 12px #ff9f4a;font-weight:900;animation:.8s ease-in-out infinite alternate tp-best-pulse}.tp-card button{color:#142536;letter-spacing:.1em;cursor:pointer;background:#ffe28a;border:0;border-radius:8px;min-height:46px;font-weight:800}.tp-mute{top:max(10px,env(safe-area-inset-top));z-index:5;color:#eff8ff;cursor:pointer;pointer-events:auto;background:#10283df2;border:1px solid #70d7da55;border-radius:8px;place-items:center;min-width:44px;min-height:44px;font-size:18px;display:grid;position:absolute;right:12px}.tp-hint{z-index:2;pointer-events:none;color:#eff8ff;place-items:center;display:grid;position:absolute;inset:0}.tp-hint-label{font:700 12px var(--font-mono,monospace);letter-spacing:.14em;color:#ffe28a;background:#10283df2;border:1px solid #ffe28a66;border-radius:999px;padding:7px 16px;animation:1.1s ease-in-out infinite tp-hint-pulse}@keyframes tp-hint-pulse{0%,to{opacity:.4}50%{opacity:.85}}@keyframes tp-best-pulse{to{text-shadow:0 0 20px #ff9f4a;transform:scale(1.06)}}.tp-primer{left:50%;top:calc(max(10px,env(safe-area-inset-top)) + 48px);z-index:3;pointer-events:none;background:#10283df2;border:1px solid #ff8a7a55;border-radius:12px;width:min(94%,370px);padding:8px 12px;animation:5.5s forwards tp-primer-fade;position:absolute;transform:translate(-50%)}.tp-primer-label{font:600 10px/1.5 var(--font-mono,monospace);letter-spacing:.03em;color:#ffd2cc;display:block}@keyframes tp-primer-fade{0%{opacity:0;transform:translate(-50%,8px)}7%{opacity:1;transform:translate(-50%)}78%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%)}}@media (orientation:landscape) and (height<=500px){.tp-card{max-width:520px;padding:14px}.tp-card h2{font-size:22px}.tp-card strong{font-size:34px}.tp-primer{width:min(80%,520px);padding:6px 10px}.tp-primer-label{font-size:9px}}.tp-root{background:radial-gradient(circle at 50% 45%,#173a50 0,#081827 68%)}.tp-root:before,.tp-root:after{content:"";z-index:1;pointer-events:none;background:repeating-linear-gradient(135deg,#173a5044 0 8px,#08182722 8px 18px);border:1px solid #75d5d133;width:clamp(18px,7vw,100px);position:absolute;top:12%;bottom:10%}.tp-root:before{left:2%}.tp-root:after{right:2%}.tp-hud{left:max(12px,env(safe-area-inset-left));right:max(58px,calc(env(safe-area-inset-right) + 50px));letter-spacing:.04em;font-size:10px}.tp-card{width:min(350px,100% - 28px)}.tp-breakdown{grid-template-columns:1fr 1fr;gap:6px;font-size:10px;display:grid}.tp-breakdown span{border:1px solid #75d5d144;border-radius:6px;padding:5px}.tp-breakdown b{color:#ffe28a}.tp-next-goal{color:#75d5d1}.tp-mute{right:max(12px,env(safe-area-inset-right))}