/* Reuse the live home header, footer, typography and assets; only the toy layout is local. */
.bubble-page main{max-width:520px;margin:0 auto;padding:0 18px}.bubble-page .brand>span{width:auto;height:auto;background:none;border-radius:0}.bubble-page .toy{padding-top:18px}.bubble-page .toy .eyebrow{color:#2e5bff;letter-spacing:2.4px;font-size:9px;margin-bottom:17px}.bubble-page .eyebrow>span{background:#ff775e}.bubble-page h1{color:#17213d;font-weight:950;font-size:44px;letter-spacing:-2.3px}.bubble-page .title-dot{color:#ff775e}.bubble-page .subtitle{color:#717b92;font-size:14px;line-height:1.7;margin:13px 0 21px}.bubble-page .subtitle strong{color:#2e5bff}.bubble-page .mode-switch{background:#eaf0ff;border-color:#dce6ff;border-radius:18px}.bubble-page .mode-switch button{border-radius:14px}.bubble-page .mode-switch button[aria-pressed="true"]{background:#2e5bff;color:#fff;box-shadow:0 4px 10px #2e5bff24}.bubble-page .controls button{border-radius:14px;border-color:#e0e7f3;background:#fff}.bubble-page .controls button[aria-pressed="true"]{background:#eef3ff;color:#2e5bff;border-color:#dce6ff}.bubble-page .speed-primary{background:#2e5bff;border-radius:15px;box-shadow:0 5px 12px #2e5bff14}.bubble-page .speed-clock-panel{background:#fff8de;border-color:#f2e8c2;border-radius:20px}.bubble-page .speed-clock-panel strong{color:#17274a}.bubble-page .speed-rankings{background:#fff;border-color:#e3eaf6;border-radius:24px}.bubble-page .speed-rank-heading h2{color:#17274a;font-weight:900}.bubble-page .speed-rank-list strong{color:#2e5bff}.bubble-page .ad-space{margin:150px 0 25px;border:1px dashed #e0e7f1;border-radius:18px;min-height:272px}.bubble-page .ad-space>div{min-height:246px}.bubble-page>footer{padding-bottom:calc(32px + env(safe-area-inset-bottom));font-size:10px}.bubble-page>footer nav a{display:inline-flex;align-items:center;min-height:36px}
@media(min-width:760px){.bubble-page .toy{padding-top:28px}.bubble-page h1{font-size:48px}.bubble-page .ad-space{min-height:112px}.bubble-page .ad-space>div{min-height:86px}}
@media(max-width:380px){.bubble-page main{padding:0 13px}.bubble-page .site-head{padding:16px 14px}.bubble-page .brand{font-size:18px;gap:5px}.bubble-page .brand img{width:33px;height:29px}.bubble-page .site-head nav a:first-child{font-size:10px}.bubble-page .toy{padding-top:12px}.bubble-page h1{font-size:36px}.bubble-page .subtitle{font-size:12px}.bubble-page .toy .eyebrow{font-size:8px}}
#speed-result-panel{max-width:438px;margin:0 auto 8px}#speed-result-panel .speed-rank-result{font-size:12px;margin:8px 0 12px}.speed-name-form{text-align:left}
.bubble-page .bubble-guide-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;margin:0 0 18px;font-size:12px;font-weight:700;color:#2e5bff;text-decoration:underline;text-underline-offset:4px}
.bubble-page .bubble-guide{max-width:438px;margin:24px auto 32px;text-align:left;scroll-margin-top:24px;color:#596780;font-size:14px;line-height:1.8;word-break:keep-all;overflow-wrap:anywhere}
.bubble-page .guide-kicker{margin:0 0 8px;color:#2e5bff;font-size:11px;font-weight:800;letter-spacing:1.7px}.bubble-page .bubble-guide h2{margin:0 0 14px;font-size:25px;line-height:1.4;letter-spacing:-1px;color:#17274a;font-weight:900}.bubble-page .guide-lead{margin:0 0 20px}
.bubble-page .bubble-mode-guide{display:grid;gap:12px}.bubble-page .bubble-mode-guide article{padding:20px;border:1px solid #dfe8f7;border-radius:22px;background:#f0f5ff}.bubble-page .bubble-mode-guide article+article{background:#fff8de;border-color:#f2e8c2}.bubble-page .guide-tag{font-size:11px;font-weight:700;color:#2e5bff}.bubble-page .bubble-mode-guide h3{margin:4px 0 8px;font-size:20px;line-height:1.5;color:#17274a;letter-spacing:-.5px}.bubble-page .bubble-mode-guide p{margin:0}.bubble-page .bubble-guide strong{color:#17274a;font-weight:700}.bubble-page .guide-tip{margin:16px 0 0;font-size:13px}.bubble-page .guide-tip kbd{font:inherit;font-size:12px;color:#17274a;background:#fff;border:1px solid #dfe6f3;border-bottom-width:2px;border-radius:5px;padding:1px 4px;white-space:nowrap}
.bubble-page .bubble-faq{padding-top:8px}.bubble-page .bubble-faq details{margin:0 0 10px;border:1px solid #e3eaf6;border-radius:17px;background:#fff}.bubble-page .bubble-faq summary{padding:16px 18px;min-height:56px;cursor:pointer;font-weight:700;line-height:1.65;color:#17274a}.bubble-page .bubble-faq summary::marker{color:#2e5bff}.bubble-page .bubble-faq summary:focus-visible{outline:3px solid #3267ed;outline-offset:3px;border-radius:15px}.bubble-page .faq-answer{padding:0 18px 17px}.bubble-page .faq-answer p{margin:0 0 12px}.bubble-page .faq-answer p:last-child{margin-bottom:0}.bubble-page .faq-answer a{color:#2e5bff;text-decoration:underline;text-underline-offset:3px}.bubble-page .guide-back{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 15px;margin-top:8px;background:#eaf0ff;color:#2e5bff;font-size:13px;font-weight:700;border-radius:13px}