.runner-page{color:#254556;max-width:1200px;margin:auto;padding:18px 24px 24px;font-size:18px}.runner-page *{box-sizing:border-box}.runner-header{align-items:center;gap:20px;margin-bottom:16px;display:flex}.runner-header>a{color:#426473;align-items:center;gap:8px;min-height:48px;font-size:1rem;text-decoration:none;display:flex}.runner-header h1{flex:1;margin:0;font-size:clamp(1.5rem,2.5vw,2.1rem)}.runner-header>div{align-items:center;gap:8px;display:flex}.runner-page button,.runner-result-actions a{font:inherit;color:#2b5260;cursor:pointer;touch-action:manipulation;background:#fff;border:1px solid #b9ccd0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:52px;padding:12px 18px;font-weight:750;text-decoration:none;display:inline-flex}:is(.runner-page button:focus-visible,.runner-page a:focus-visible){outline-offset:3px;outline:4px solid #d8a53b}.runner-header button{padding:12px}.runner-header button span{display:none}.runner-page .runner-primary{color:#fff;background:#246d58;border-color:#246d58;min-height:64px;padding:15px 28px;box-shadow:0 4px #184d40}.runner-stage{isolation:isolate;background:#bddfe3;border:5px solid #d6e5de;border-radius:24px;position:relative;overflow:hidden;box-shadow:0 8px 24px #274e4b18}.runner-stage canvas{touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:clamp(360px,65vh,740px);display:block}.runner-stage.ready canvas{height:clamp(570px,76vh,780px)}.runner-start{text-align:center;background:#fffffff2;border:1px solid #d4e4db;border-radius:24px;width:min(590px,100% - 32px);padding:26px 32px;position:absolute;inset:24px auto auto 50%;transform:translate(-50%);box-shadow:0 8px 25px #31544520}.runner-eyebrow{letter-spacing:.09em;color:#3c7d66;margin:0 0 10px;font-size:.85rem;font-weight:850}.runner-start h2{margin:10px 0;font-size:clamp(1.45rem,2.5vw,2rem)}.runner-vowels{letter-spacing:.13em;color:#285c76;margin:16px 0;font-size:clamp(1.3rem,3vw,2rem);font-weight:850}.runner-start p{line-height:1.5}.runner-guide{text-align:left;gap:9px;width:fit-content;margin:20px auto;display:grid}.runner-guide span{align-items:center;gap:10px;font-size:1rem;display:flex}.runner-guide svg{color:#397c67;flex-shrink:0;width:25px;height:25px}.runner-start-help{color:#546d7a;margin:18px 0;font-size:.95rem}.runner-hud{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:12px;display:grid}.runner-hud>div{background:#fff;border:1px solid #d4e3df;border-radius:15px;padding:10px 18px}.runner-hud span{color:#5a7480;align-items:center;gap:5px;font-size:.8rem;font-weight:800;display:flex}.runner-hud strong{margin-top:4px;font-size:clamp(1.2rem,2.1vw,1.8rem);display:block}.runner-hud .runner-hearts{color:#c5676a;flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.runner-hearts svg{width:25px;height:25px}.runner-hearts .empty{color:#a7b9bd}.runner-hearts span{justify-content:center;width:100%}.runner-speed{color:#34574e;pointer-events:none;background:#f7fbf0ea;border-radius:18px;padding:6px 12px;font-size:.85rem;font-weight:750;position:absolute;top:14px;left:16px}.runner-feedback{white-space:nowrap;pointer-events:none;text-align:center;background:#fffcdf;border-radius:20px;max-width:80%;padding:9px 18px;font-size:clamp(1rem,2vw,1.45rem);font-weight:850;position:absolute;top:14px;left:50%;transform:translate(-50%)}.runner-feedback:empty{display:none}.runner-feedback.consonant,.runner-feedback.hit{color:#3b5c68;background:#f5f5ee}.runner-controls{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:14px;display:grid}.runner-controls button{-webkit-user-select:none;user-select:none;background:#f3f9f5;border:2px solid #a6c8b8;min-height:70px;box-shadow:0 3px #a6c8b8}.runner-controls button:active{box-shadow:none;background:#dceee4;transform:translateY(2px)}.runner-controls button:disabled{opacity:.5}.runner-controls svg{width:30px;height:30px}.runner-pause{text-align:center;z-index:2;background:#eff8f0e8;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.runner-pause h2{margin:16px 0 0;font-size:1.7rem}.runner-results{text-align:center;background:#fff;border:1px solid #d2e2db;border-radius:26px;max-width:940px;margin:26px auto;padding:38px}.runner-results>svg{color:#348068;margin-bottom:18px}.runner-results h2{font-size:2rem}.runner-result-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0;display:grid}.runner-result-grid>div{background:#eff6f2;border:1px solid #d6e5db;border-radius:16px;padding:22px 12px}.runner-result-grid strong{color:#27634e;font-size:2rem;display:block}.runner-result-grid span{margin-top:8px;font-size:1rem;display:block}.runner-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}@media (min-width:900px) and (max-height:850px){.runner-page{padding-top:10px}.runner-header,.runner-hud{margin-bottom:10px}.runner-stage canvas{height:58vh;min-height:320px}.runner-stage.ready canvas{height:580px}.runner-controls{margin-top:10px}.runner-controls button{min-height:62px}}@media (max-width:650px){.runner-page{padding:12px}.runner-header{flex-wrap:wrap;gap:8px}.runner-header>a{width:28px}.runner-header>a span{display:none}.runner-header h1{font-size:1.4rem}.runner-header button{min-width:44px;min-height:44px;padding:9px}.runner-header>div{gap:5px}.runner-header svg{width:20px;height:20px}.runner-hud{grid-template-columns:1fr 1fr 1.2fr 1fr;gap:6px}.runner-hud>div{padding:8px 7px}.runner-hud span{font-size:.7rem}.runner-hud span svg{display:none}.runner-hud strong{white-space:nowrap;font-size:1.12rem}.runner-hud .runner-hearts{gap:2px}.runner-hearts svg{width:17px;height:17px}.runner-stage{border-width:3px;border-radius:18px}.runner-stage canvas{height:clamp(350px,57vh,560px)}.runner-stage.ready canvas{height:630px}.runner-start{padding:22px 16px;top:18px}.runner-start h2{font-size:1.38rem}.runner-start>p:not(.runner-vowels){font-size:.95rem}.runner-guide span{font-size:.9rem}.runner-vowels{letter-spacing:.08em;font-size:1.36rem}.runner-controls{gap:8px;margin-top:10px}.runner-controls button{flex-direction:column;gap:4px;min-height:70px;padding:9px 3px;font-size:.8rem}.runner-controls svg{width:26px;height:26px}.runner-speed{padding:5px 9px;font-size:.75rem;top:10px;left:10px}.runner-feedback{white-space:normal;width:max-content;max-width:95%;padding:7px 10px;font-size:1rem;top:44px}.runner-results{margin-top:12px;padding:26px 16px}.runner-result-grid{grid-template-columns:repeat(2,1fr);gap:10px}.runner-result-grid>div{padding:16px 8px}.runner-result-grid strong{font-size:1.6rem}.runner-result-actions>*{width:100%}}