.about-page{min-height:100svh;padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));background:linear-gradient(155deg,#d3ece3,#eff6ee 65%);display:flex}.about-content{flex-direction:column;width:100%;max-width:700px;margin:0 auto;display:flex}.about-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:12px 0 24px;display:flex}.about-brand{font-size:60px}.about-back{align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.about-intro{margin:clamp(36px,9vh,88px) 0 40px}.about-intro p{max-width:540px;font-size:clamp(24px,4vw,32px);line-height:1.4}.about-intro p+p{color:#516e69;margin-top:16px;font-size:16px}.about-changelog{border-top:1px solid #255e4924;border-bottom:1px solid #255e4924}.about-changelog summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:56px;padding:16px 0;list-style:none;display:flex}.about-changelog summary::-webkit-details-marker{display:none}.about-changelog summary:focus-visible{outline-offset:6px;border-radius:4px;outline:3px solid #116971}.about-changelog summary strong{font-size:16px;font-weight:600}.about-changelog[open] summary svg{transform:rotate(180deg)}.about-releases{padding-bottom:24px}.about-release{padding-top:16px}.about-release+.about-release{border-top:1px solid #255e4924;margin-top:24px}.about-release-date{color:#516e69;font-size:13px}.about-release h2{margin:6px 0 12px;font-size:19px;font-weight:700}.about-release ul{padding-left:20px;list-style:outside}.about-release li{line-height:1.7}.about-release li+li{margin-top:8px}.about-footer{margin-top:auto;padding-top:64px}.about-contacts{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 24px;display:flex}.about-contacts a{color:#516e69;align-items:center;gap:8px;min-height:44px;font-size:13px;display:inline-flex}.about-contacts svg{flex-shrink:0}.about-contacts a:hover{color:#133e40;text-underline-offset:4px;text-decoration:underline}@media (max-width:480px){.about-brand{font-size:48px}.about-header{gap:8px}.about-footer{padding-top:40px}}.about-feedback{margin-bottom:32px}.about-feedback h2{margin:0 0 20px;font-size:18px;font-weight:600}.about-feedback form{gap:10px;display:grid}.about-feedback label{font-size:13px;font-weight:600}.about-feedback label span{color:#516e69;font-weight:400}.about-feedback textarea,.about-feedback input{width:100%;font:inherit;color:#133e40;background:#ffffff80;border:1px solid #aecbbf;border-radius:8px;padding:12px;font-size:16px}.about-feedback textarea{resize:vertical;min-height:110px}.about-feedback input{margin-bottom:2px}:is(.about-feedback textarea:focus-visible,.about-feedback input:focus-visible){outline-offset:2px;outline:2px solid #116971}.feedback-error{color:#8d3027;font-size:14px;line-height:1.5}.feedback-submit{color:#fff;background:#133e40;border-radius:8px;justify-self:start;min-height:44px;margin-top:4px;padding:10px 20px;font-weight:600}.feedback-send-another{text-underline-offset:4px;min-height:44px;margin-top:8px;text-decoration:underline}.about-feedback output{line-height:1.6;display:block}.about-dialog{overscroll-behavior:contain;background:#eff6ee;width:min(700px,100vw - 32px);max-width:700px;max-height:calc(100dvh - 32px);padding:28px;overflow-y:auto}.about-dialog [data-slot=dialog-title]{padding-right:24px;font-size:26px}.about-dialog .about-intro{margin:12px 0 24px}.about-dialog .about-footer{padding-top:24px}.help-dialog{--help-ink:#153e38;--help-muted:#567161;--help-line:#305a4124;--help-deep:#174b48;--help-air:#e4f7b5;--help-card:#fbfdf7;max-height:88dvh;overflow-y:auto;color:var(--help-ink)!important;background:#f4f8ed!important;border-radius:17px!important;gap:24px!important;width:min(560px,100vw - 32px)!important;max-width:560px!important;padding:32px!important}.help-dialog h2{font-family:Georgia,serif;font-size:34px;font-style:italic;font-weight:400}.help-dialog .tutorial-primary{margin-top:0}.help-dialog .ride-button{width:100%}.help-section h3,.help-controls h3{letter-spacing:.12em;text-transform:uppercase;color:var(--help-deep);align-items:center;gap:12px;margin:0 0 10px;font-family:Oswald,Arial,sans-serif;font-size:14px;font-weight:600;display:flex}.help-section h3:after{content:"";background:var(--help-line);flex:1;height:1px}.help-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.help-list li{color:var(--help-muted);padding-left:17px;font-size:14px;line-height:1.55;position:relative}.help-list li:before{content:"";background:#98bc6a;border-radius:50%;width:6px;height:6px;position:absolute;top:.62em;left:2px}.help-list b{color:var(--help-ink);font-weight:700}.help-list kbd{vertical-align:1px;background:var(--help-card);min-width:21px;height:21px;padding:0 5px;font-weight:700}.help-list-compact{margin-top:12px}.help-controls-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.help-controls-head h3{margin:0}.help-mode{background:#e2ebd8;border-radius:999px;padding:3px;display:flex}.help-mode button{min-height:34px;color:var(--help-muted);border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:13px;font-weight:700;display:flex}.help-mode button[aria-pressed=true]{background:var(--help-deep);color:#fff}.help-mode button:focus-visible{outline-offset:2px;outline:2px solid #87a635}.help-keyboard,.help-touch{background:linear-gradient(#d8ebe4,#c3ded8);border-radius:14px;box-shadow:inset 0 0 0 1px #2f6b6118}.help-keyboard{justify-content:center;gap:8px;padding:18px 12px 16px;display:grid}.help-key-row{justify-content:center;gap:8px;display:flex}.help-key-row-offset,.help-key-row-space{padding-left:22px}.help-key{width:64px;color:var(--help-ink);justify-items:center;gap:4px;font-size:12px;font-weight:700;display:grid}.help-key kbd{background:var(--help-card);width:48px;height:44px;color:var(--help-ink);border:1px solid #93b3a7;border-bottom:4px solid #7a9f92;border-radius:9px;font:600 17px Oswald,Arial,sans-serif}.help-key[data-wide=true]{width:208px}.help-key[data-wide=true] kbd{letter-spacing:.08em;width:100%;font-size:14px}.help-touch{grid-template-columns:1fr 1fr;gap:14px;padding:18px 16px 14px;display:grid}.help-touch-thumb{text-align:center;align-content:end;justify-items:center;gap:10px;display:grid}.help-touch-thumb small{color:var(--help-ink);font-size:13px;line-height:1.4}.help-stick{width:112px;height:112px;color:var(--help-ink);background:#f4faee;border:2px solid #356f6599;border-radius:50%;font-size:12px;font-weight:700;position:relative;box-shadow:0 4px 14px #133e4018}.help-stick>span{position:absolute}.help-stick-up,.help-stick-down{left:0;right:0}.help-stick-up{top:9px}.help-stick-down{bottom:9px}.help-stick-left,.help-stick-right{font-size:15px;top:calc(50% - 9px)}.help-stick-left{left:10px}.help-stick-right{right:10px}.help-stick-knob{background:#194c49;border:3px solid #e4f4cb;border-radius:50%;width:34px;height:34px;top:calc(50% - 17px);left:calc(50% - 17px)}.help-touch-buttons{gap:7px;width:124px;display:grid}.help-touch-setup{grid-template-columns:1fr 1fr;gap:6px;display:grid}.help-touch-setup span{color:#133e40;background:#f4faee;border:1px solid #608e7e;border-radius:10px;padding:7px 0;font-size:12px;font-weight:700}.help-touch-jump{background:var(--help-deep);color:#fff;border:2px solid #e5f2c4;border-radius:20px;place-items:center;height:62px;font-size:16px;font-weight:700;display:grid}.help-note{color:var(--help-muted);margin:10px 0 0;font-size:13px;line-height:1.5}.help-tricks{border:1px solid var(--help-line);border-collapse:separate;border-spacing:0;background:var(--help-card);text-align:left;border-radius:12px;width:100%;margin:12px 0;font-size:13px;overflow:hidden}.help-tricks th,.help-tricks td{border-bottom:1px solid var(--help-line);vertical-align:middle;padding:8px 9px}.help-tricks tbody tr:last-child>*{border-bottom:0}.help-tricks thead th{background:var(--help-air);color:var(--help-muted);font-size:11px;font-weight:700}.help-tricks thead th:first-child{text-transform:uppercase;letter-spacing:.08em}.help-arrow{color:var(--help-ink);font-size:16px;line-height:1.1;display:block}.help-tricks thead small{letter-spacing:.06em;font-size:10px}.help-tricks tbody th{width:24%;color:var(--help-ink);font-weight:700}.help-tricks tbody th small{color:var(--help-muted);margin-top:1px;font-size:11px;font-weight:600;display:block}.help-tricks td{color:var(--help-ink);font-weight:600}.help-tricks td[data-empty=true]{color:#9aae9f;font-weight:400}.help-guide{border:1px solid var(--help-line);background:var(--help-card);border-radius:12px;margin-top:14px}.help-guide>summary{cursor:pointer;min-height:44px;color:var(--help-deep);align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:700;list-style:none;display:flex}.help-guide>summary::-webkit-details-marker{display:none}.help-guide>summary:before{content:"▸";transition:transform .15s}.help-guide[open]>summary:before{transform:rotate(90deg)}.help-guide>summary:focus-visible{outline-offset:2px;border-radius:12px;outline:2px solid #87a635}.help-guide>.help-note{margin:0;padding:0 14px 4px}.help-guide-setup{border-top:1px solid var(--help-line);padding:10px 14px 12px}.help-guide-setup:first-of-type{margin-top:8px}.help-guide-setup h4{letter-spacing:.1em;text-transform:uppercase;color:var(--help-deep);align-items:baseline;gap:8px;margin:0 0 6px;font-family:Oswald,Arial,sans-serif;font-size:13px;font-weight:600;display:flex}.help-guide-setup h4 .help-guide-column{text-transform:none;letter-spacing:.02em;margin-left:auto}.help-guide-setup h4 small{letter-spacing:.06em;color:var(--help-muted);font-family:inherit;font-size:11px}.help-guide-setup>ul:not(.help-list){gap:8px;margin:0;padding:0;list-style:none;display:grid}.help-guide-setup>ul:not(.help-list)>li{color:var(--help-muted);gap:3px;font-size:13px;line-height:1.45;display:grid}.help-guide-trick{flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.help-guide-trick b{color:var(--help-ink)}.help-guide-inputs{gap:3px;display:inline-flex}.help-guide-inputs kbd{min-width:22px;height:22px;color:var(--help-ink);background:#fff;border:1px solid #93b3a7;border-bottom-width:2px;border-radius:6px;padding:0 5px;font:600 12px Oswald,Arial,sans-serif}.help-guide-difficulty{font-variant-numeric:tabular-nums;color:var(--help-ink);margin-left:auto;font-weight:700}.help-guide-difficulty small{background:var(--help-air);color:var(--help-deep);border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.help-guide-links{color:var(--help-ink);flex-wrap:wrap;gap:4px 14px;display:flex}.help-modes{grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0 0;display:grid}.help-modes>div{border:1px solid var(--help-line);background:var(--help-card);border-radius:12px;padding:11px 12px}.help-modes dt{letter-spacing:.02em;color:var(--help-deep);font-family:Oswald,Arial,sans-serif;font-size:16px;font-weight:600}.help-modes dd{color:var(--help-muted);margin:3px 0 0;font-size:13px;line-height:1.45}@media (max-width:800px){.help-dialog{max-height:90svh;padding:24px!important}}@media (max-width:520px){.help-dialog{padding:22px 18px!important}.help-dialog h2{font-size:30px}.help-controls-head{flex-wrap:wrap}.help-modes{grid-template-columns:1fr}.help-modes>div{grid-template-columns:84px 1fr;align-items:baseline;gap:10px;display:grid}.help-modes dd{margin:0}.help-tricks th,.help-tricks td{padding:8px 6px}.help-tricks{font-size:12px}}@media (max-width:900px),(pointer:coarse){.help-list li{font-size:16px;line-height:1.5}.help-mode button{min-height:40px}.help-modes dd{font-size:14px}}