:root{color-scheme:light;--ink:#13323e;--lime:#d6ef66;--paper:#fffdf3;--muted:#60727a;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--ink)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #f27643;outline-offset:5px}button:disabled{cursor:default;opacity:.4}button{touch-action:manipulation}#game{width:100%;height:100svh;min-height:480px;position:relative;overflow:hidden;isolation:isolate;background:#aacbd3;user-select:none;-webkit-user-select:none}#scene{width:100%;height:100%;display:block;position:absolute;inset:0;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,#f8fcff40 0%,transparent 22%,transparent 76%,#13323e20 100%)}.topbar{position:absolute;top:max(24px,env(safe-area-inset-top));left:3.5%;right:3.5%;display:flex;align-items:center;justify-content:space-between;z-index:5}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:900;letter-spacing:-1px;line-height:1}.brand svg{width:44px}.brand-run{font-weight:400}.brand small{display:block;font-size:8px;font-weight:800;letter-spacing:3.4px;margin-top:8px}.top-actions{display:flex;gap:8px;align-items:center}.edition{font-size:9px;letter-spacing:1.5px;font-weight:700;margin-right:20px}.icon-button{border:1px solid #17374325;border-radius:50%;width:40px;height:40px;background:#fffdf37d;display:grid;place-items:center;font-size:18px;font-weight:bold;backdrop-filter:blur(12px)}.icon-button svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.icon-button:hover{background:var(--paper)}.panel{position:absolute;top:52%;transform:translateY(-50%);left:7%;width:440px;z-index:4}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;display:flex;align-items:center;gap:9px}.live-dot{width:6px;height:6px;border-radius:50%;background:#285954}.intro h1{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:clamp(48px,5.5vw,85px);font-weight:900;letter-spacing:-1px;line-height:.98;margin:22px 0}.intro h1>span{color:#1c6970;font-size:.75em;white-space:nowrap}.intro p{font-size:14px;line-height:1.75;margin:0 0 24px;max-width:340px}.intro:before{content:"";position:absolute;inset:-90px -100px -50px -100px;background:radial-gradient(ellipse,#edf4f1ed 8%,#edf4f1ad 45%,#edf4f100 72%);z-index:-1;pointer-events:none}.mode-switch{display:flex;gap:8px;max-width:336px;margin-bottom:12px}.mode-switch button{flex:1;border:1px solid #13323e26;border-radius:9px;text-align:left;padding:11px 15px;background:#fffdf360}.mode-switch strong{font-size:13px;display:block}.mode-switch span{display:block;font-size:10px;margin-top:4px;opacity:.65}.mode-switch button.selected{background:var(--ink);color:var(--paper);border-color:var(--ink)}.primary{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;border-radius:9px;background:var(--lime);padding:17px 20px;color:var(--ink);font-size:13px;letter-spacing:1px;font-weight:800;box-shadow:0 5px 0 #142e3412;transition:transform .15s,background .15s}.primary:hover{background:#e3fc80;transform:translateY(-2px)}.primary span{font-size:24px;line-height:1}.intro .primary{max-width:336px}.intro-bottom{font-size:8px;font-weight:800;letter-spacing:.7px;display:flex;align-items:center;gap:10px;margin:18px 0 0}.intro-bottom i{width:3px;height:3px;background:#6a8287;border-radius:50%}.personal-best{font-size:11px;margin-top:14px;font-weight:700;min-height:13px}.slope-note{position:absolute;right:5%;bottom:13%;z-index:3;transform:rotate(-4deg);text-align:right}.slope-note>span{font-size:9px;letter-spacing:2px;font-weight:bold}.slope-note strong{display:block;font-size:33px;letter-spacing:-1.5px;line-height:1.05;margin:14px 0}.slope-note>div{font-size:10px}footer{position:absolute;bottom:max(22px,env(safe-area-inset-bottom));left:3.5%;right:3.5%;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.3px;font-weight:700;opacity:.7}.hud{position:absolute;left:50%;transform:translateX(-50%);top:24px;display:flex;align-items:center;gap:30px;z-index:5;background:#fffdf3df;padding:13px 20px;border:1px solid #ffffff99;border-radius:12px;backdrop-filter:blur(16px);box-shadow:0 4px 24px #1737430a}.hud-stat>span{font-size:8px;letter-spacing:1.4px;font-weight:800;display:block;margin-bottom:5px}.hud-stat strong{font-size:24px;font-variant-numeric:tabular-nums;letter-spacing:-.7px;white-space:nowrap}.hud-stat b{font-weight:inherit}.hud-stat em{font-size:13px;font-style:normal;color:#7e9196}.hud .pause{width:32px;height:32px}.progress-track{position:absolute;top:103px;height:3px;left:calc(50% - 160px);width:320px;background:#fff8;border-radius:5px;overflow:hidden;z-index:3}.progress-track i{display:block;height:100%;width:0;background:#24666b}.section-tag{position:absolute;top:124px;left:50%;transform:translateX(-50%);font-size:9px;letter-spacing:1.4px;font-weight:800;background:#fffdf3ad;border-radius:30px;padding:9px 13px;display:flex;gap:8px;align-items:center;white-space:nowrap}.section-tag i{background:#dc724d;width:5px;height:5px;border-radius:50%}#nextTurn{font-size:13px;margin-left:4px}.feedback{position:absolute;top:29%;left:50%;transform:translate(-50%,-8px);background:var(--ink);padding:10px 19px;border-radius:30px;color:var(--lime);font-size:13px;letter-spacing:1px;font-weight:800;opacity:0;transition:.18s;white-space:nowrap;z-index:3;pointer-events:none}.feedback.show{opacity:1;transform:translate(-50%,0)}.feedback.miss{background:#a3482f;color:white}.countdown{position:absolute;inset:35% 0 auto;text-align:center;font-family:Impact,Arial,sans-serif;font-size:130px;font-weight:900;color:var(--ink);text-shadow:0 5px white;z-index:4;pointer-events:none}.ride-ui{position:absolute;inset:0;pointer-events:none}.speed{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);text-align:center}.speed strong{font-size:42px;letter-spacing:-2px;display:block;line-height:1;font-variant-numeric:tabular-nums}.speed span{font-size:8px;font-weight:800;letter-spacing:2px;display:block;margin-top:7px}.touch-controls{position:absolute;bottom:max(46px,calc(env(safe-area-inset-bottom) + 20px));left:5%;right:5%;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.touch-controls button{width:80px;height:80px;border-radius:24px;background:#fffdf3bb;backdrop-filter:blur(8px);border:1px solid #fffdf3;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:auto;touch-action:none}.touch-controls button.held{background:var(--lime);transform:scale(.96)}.touch-controls svg{width:30px;height:30px;stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.touch-controls #brake{width:62px;height:62px;border-radius:50%;background:#fffdf38a}.touch-controls #brake.held{background:#f4b594}.touch-controls #brake svg{width:23px;height:23px}.touch-controls #brake span{font-size:7px;font-weight:800;margin-top:2px}.keyboard-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:8px;letter-spacing:1px;white-space:nowrap;font-weight:700}.keyboard-hint span{margin-left:16px}.modal-layer{position:absolute;inset:0;z-index:10;display:grid;place-items:center;background:#173b4852;backdrop-filter:blur(8px);overflow:auto;padding:24px}.modal{width:min(100%,410px);max-height:100%;overflow:auto;border-radius:20px;padding:32px;background:var(--paper);box-shadow:0 25px 100px #142e3430}.modal h2{font-family:Impact,"Arial Narrow",Arial,sans-serif;font-size:44px;letter-spacing:-.5px;line-height:1.02;margin:18px 0}.modal>p{font-size:13px;line-height:1.6;color:var(--muted)}.modal .primary{margin-top:23px}.secondary{display:block;margin:16px auto 0;background:none;border:0;text-decoration:underline;text-underline-offset:4px;font-size:12px}.instructions{margin:22px 0}.instructions>div{display:flex;gap:14px;align-items:flex-start;margin:17px 0}.instructions>div>strong{font-size:12px;background:#e8eddf;border-radius:8px;padding:9px}.instructions p{font-size:12px;line-height:1.6;margin:0}.instructions b{display:block;font-size:13px}.modal .small{font-size:10px;line-height:1.6;color:#6d7e82}.result-time{font-size:51px;font-weight:900;letter-spacing:-2px;font-variant-numeric:tabular-nums}.result-detail{margin-top:2px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:19px 0;border-top:1px solid #13323e20;border-bottom:1px solid #13323e20;margin:20px 0}.result-grid span{font-size:8px;letter-spacing:1px;font-weight:800;display:block}.result-grid strong{display:block;font-size:16px;margin-top:8px}.hidden{display:none!important}#toast{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);z-index:20;border-radius:12px;background:var(--ink);color:white;padding:12px 18px;font-size:12px;display:none;text-align:center}#toast.show{display:block}
@media(min-width:1000px){.touch-controls{left:calc(50% - 220px);right:calc(50% - 220px)}.touch-controls button{width:66px;height:66px;border-radius:19px}.speed{bottom:130px}.touch-controls{bottom:42px}}
@media(max-width:800px){.edition{display:none}.brand{font-size:17px}.brand svg{width:36px}.brand small{font-size:7px;letter-spacing:2.4px}.hud{top:88px;gap:24px;padding:10px 16px}.hud-stat strong{font-size:21px}.progress-track{top:164px;width:280px;left:calc(50% - 140px)}.section-tag{top:181px}.slope-note{display:none}.panel{left:7%;width:390px}.intro h1{font-size:62px}.topbar{top:max(20px,env(safe-area-inset-top))}.feedback{top:34%}}
@media(max-width:540px){#game{min-height:560px}.panel{left:7%;top:51%;width:86%;max-width:350px}.intro h1{font-size:56px;margin:17px 0}.intro .eyebrow{font-size:8px}.intro p{font-size:12px;max-width:285px;line-height:1.65;margin-bottom:18px}.intro:before{inset:-45px -90px -60px -70px;background:radial-gradient(ellipse,#edf4f1f0 10%,#edf4f1c9 55%,#edf4f100 74%)}.intro .primary,.mode-switch{max-width:300px}.intro-bottom{font-size:7px;gap:9px}.intro .primary{padding:15px 18px}.mode-switch button{padding:9px 13px}.topbar{left:6%;right:6%}.icon-button{width:34px;height:34px}.top-actions{gap:5px}.top-actions #fullscreen{display:none}.brand svg{width:32px}.brand{font-size:16px;gap:6px}.brand small{font-size:6px;letter-spacing:2.7px}.intro h1>span{font-size:.68em}footer{left:7%;right:7%;font-size:6px;letter-spacing:.6px}.hud{top:80px;gap:25px}.progress-track{top:154px}.section-tag{top:170px}.touch-controls button{height:72px;width:72px;border-radius:22px}.touch-controls{bottom:max(32px,calc(env(safe-area-inset-bottom) + 12px))}.keyboard-hint{display:none}.speed{bottom:120px}.feedback{font-size:11px}.modal{padding:25px}.modal h2{font-size:40px}.modal-layer{padding:18px}.result-time{font-size:45px}}
@media(max-height:650px) and (min-width:600px){#game{min-height:380px}.panel{top:54%;width:440px}.intro h1{font-size:48px;margin:12px 0}.intro h1 br:nth-of-type(1){display:none}.intro p{font-size:11px;margin-bottom:12px}.mode-switch{margin-bottom:8px}.mode-switch button{padding:7px 12px}.intro .primary{padding:12px 18px}.intro-bottom{margin-top:12px}.personal-best{margin-top:7px}.topbar{top:15px}.hud{top:15px;left:58%;gap:15px}.progress-track{top:90px;left:calc(58% - 130px);width:260px}.section-tag{top:102px;left:58%}.feedback{top:35%}.modal{padding:22px;max-width:500px}.modal h2{font-size:32px;margin:12px 0}.instructions{margin:12px 0}.instructions>div{margin:10px 0}.modal .primary{margin-top:14px}.speed{bottom:115px}.keyboard-hint{display:none}footer{bottom:14px}.slope-note{right:4%;bottom:14%}.slope-note strong{font-size:26px}}
@media(prefers-reduced-motion:reduce){button,.feedback{transition:none}}
/* MurmeliRun 3D · Schwarz / Orange */
:root{--ink:#151515;--lime:#f47718;--paper:#faf8f4;--muted:#75736e}
#game{background:#acbfca}.vignette{background:linear-gradient(180deg,#10121442,transparent 24%,transparent 70%,#14151430)}
.brand{background:#faf8f4;padding:7px 13px;border-radius:5px;box-shadow:0 5px 20px #00000012}.brand img{display:block;width:153px;height:auto;mix-blend-mode:multiply}.brand svg,.brand small{display:none}
.topbar{top:max(20px,env(safe-area-inset-top));align-items:flex-start}.top-actions{padding-top:7px}.edition{color:#f9f7f3;text-shadow:0 1px 4px #0009;font-size:10px}.icon-button{background:#181919da;border-color:#ffffff26;color:#faf8f4}.icon-button:hover{background:#ed751b;color:#111}.quality{font-size:12px}.quality[aria-pressed=true]{background:#f47718;color:#151515}
.panel{background:#151515ef;color:#f9f7f3;border:1px solid #ffffff1c;border-radius:15px;width:420px;padding:30px;left:5%;backdrop-filter:blur(18px);box-shadow:0 20px 80px #0003;top:53%}.intro:before{display:none}.intro .eyebrow{color:#aaa8a3;font-size:9px;letter-spacing:1.7px}.live-dot{background:#f47718}.intro h1{font-size:64px;margin:20px 0}.intro h1>span{color:#f47718;font-size:.9em}.intro p{color:#c5c5bd;line-height:1.65;font-size:12px;margin-bottom:22px;max-width:340px}.mode-switch{max-width:none;gap:8px}.mode-switch button{background:#ffffff08;color:#ede9e4;border:1px solid #ffffff24;padding:10px 13px}.mode-switch button.selected{background:#ed741a;color:#111;border-color:#ed741a}.mode-switch button span{opacity:.7}.intro .primary{max-width:none;background:#f47718}.primary:hover{background:#ff913e}.primary{color:#111}.intro-bottom{font-size:7px;letter-spacing:.7px;gap:9px;color:#d0c9c0}.intro-bottom i{background:#f47718}.personal-best{color:#e9a773;font-size:10px}.slope-note{color:#fff;text-shadow:0 2px 12px #0006;bottom:15%;right:5%;transform:none}.slope-note strong{font-family:Impact,Arial,sans-serif;text-transform:uppercase;font-size:35px;letter-spacing:0}.slope-note>span{border-left:3px solid #f47718;padding-left:10px}footer{color:#f3f0e9;text-shadow:0 1px 3px #0009;font-size:7px}.hud{background:#151515eb;color:#f9f7f3;border:1px solid #ffffff26;top:22px;gap:30px}.hud-stat>span{color:#aaa59e}.hud-stat strong{font-size:24px}.hud-stat.time strong{color:#f47718}.hud-stat em{color:#f47718}.hud .pause{background:#ffffff10}.progress-track{top:104px;background:#16171760}.progress-track i{background:#f47718}.section-tag{background:#181919df;color:#f7f4ef;top:124px}.section-tag i{background:#f47718}#nextTurn{color:#f99a56}.feedback{background:#171818e0;color:#ffa563;font-size:11px;letter-spacing:1.6px}.feedback.miss{background:#a84d1b}.speed{background:#181919cc;color:#faf8f4;border-radius:14px;padding:12px 17px;bottom:126px;min-width:90px}.speed strong{font-size:34px}.speed span{color:#f79447}.touch-controls button{background:#171818b8;border:1px solid #ffffff44;backdrop-filter:blur(8px)}.touch-controls svg{stroke:#f7f6ef}.touch-controls button.held svg{stroke:#111}.touch-controls #brake{background:#171818c9;color:#fff}.touch-controls #brake.held{background:#f47718;color:#111}.keyboard-hint{color:#fff;text-shadow:0 1px 4px #000}.countdown{color:#f47718;text-shadow:0 4px #131313}.modal{background:#171818;color:#f5f2eb;border:1px solid #ffffff26}.modal>p,.modal .small{color:#b4b0a7}.modal .eyebrow{color:#f47718}.instructions>div>strong{background:#f47718;color:#111}.result-time{color:#f47718}.result-grid{border-color:#ffffff20}.result-grid span{color:#aaa8a3}.secondary{color:#e2ddd6}.result-time small{font-size:13px;letter-spacing:1px}.result .primary{color:#111}
@media(max-width:800px){.panel{left:5%;width:390px;padding:26px}.intro h1{font-size:57px}.brand img{width:129px}.hud{top:101px;padding:10px 16px;gap:27px}.progress-track{top:176px}.section-tag{top:192px}.topbar{top:18px}.feedback{top:34%}.speed{bottom:127px}}
@media(max-width:540px){.panel{width:88%;max-width:355px;left:6%;padding:24px;top:53%;background:#151515e8}.intro h1{font-size:51px;margin:17px 0}.intro h1>span{font-size:.90em}.intro p{font-size:11px;margin-bottom:17px}.intro .primary{max-width:none}.mode-switch{max-width:none}.intro .eyebrow{font-size:8px}.intro-bottom{font-size:6px;gap:8px}.brand{padding:5px 9px}.brand img{width:117px}.topbar{left:6%;right:6%;align-items:center}.top-actions{padding-top:0}.personal-best{font-size:9px;min-height:0}.hud{top:94px}.progress-track{top:166px}.section-tag{top:182px}.hud-stat strong{font-size:21px}.speed{bottom:117px;padding:9px 12px;min-width:74px}.speed strong{font-size:28px}footer{font-size:5.5px}.touch-controls button{width:69px;height:69px}}
@media(max-height:660px) and (min-width:600px){.panel{top:55%;padding:18px 22px;width:355px}.intro h1{font-size:40px;margin:12px 0}.intro h1 br:nth-of-type(1){display:inline}.intro p{font-size:10px;line-height:1.4;margin-bottom:12px}.intro-bottom{margin-top:10px;font-size:6px}.mode-switch button{padding:7px 10px}.personal-best{margin-top:7px}.hud{top:15px;left:58%;gap:15px}.progress-track{top:87px}.section-tag{top:99px}.brand img{width:120px}.top-actions .edition{display:none}.slope-note{display:none}.speed{bottom:99px;padding:7px 10px}.speed strong{font-size:24px}.touch-controls{bottom:20px}.touch-controls button{width:60px;height:60px}.touch-controls #brake{height:52px;width:52px}}
/* V2.1: freie Sicht während der Fahrt auf Handy und Tablet. */
@media (max-width:900px), (pointer:coarse){
 #game.is-riding{height:100svh;min-height:0;--ride-top:max(12px,env(safe-area-inset-top));--ride-left:max(12px,env(safe-area-inset-left));--ride-right:max(12px,env(safe-area-inset-right));--ride-bottom:max(18px,env(safe-area-inset-bottom))}
 .is-riding .brand,.is-riding .edition{display:none}
 .is-riding .topbar{top:calc(var(--ride-top) + 5px);left:auto;right:var(--ride-right)}
 .is-riding .top-actions{padding:0;gap:4px}
 .is-riding .top-actions .icon-button{width:40px;height:40px;background:rgb(20 20 20 / 32%);border-color:rgb(255 255 255 / 25%);backdrop-filter:none;text-shadow:0 1px 3px #0009}
 .is-riding .top-actions .icon-button svg{width:19px;height:19px;filter:drop-shadow(0 1px 2px #0008)}
 .is-riding .top-actions .quality[aria-pressed=true]{background:rgb(244 119 24 / 80%);color:#151515}
 .is-riding .hud{top:var(--ride-top);left:var(--ride-left);right:auto;transform:none;display:grid;grid-template-columns:42px 44px 40px;gap:5px;padding:5px 7px;border:0;border-radius:10px;background:rgb(21 21 21 / 55%);box-shadow:none;backdrop-filter:blur(3px);text-shadow:0 1px 2px #0006}
 .is-riding .hud-stat>span{font-size:6.5px;line-height:9px;letter-spacing:.65px;white-space:nowrap;margin-bottom:2px;color:#f7f4ee}
 .is-riding .hud-stat strong{display:block;font-size:19px;line-height:23px;letter-spacing:-.5px}
 .is-riding .hud-stat.time strong,.is-riding .hud-stat em{color:#ffab6b}
 .is-riding .hud-stat em{font-size:11px}
 .is-riding .hud .pause{width:40px;height:40px;background:rgb(255 255 255 / 6%);border-color:rgb(255 255 255 / 28%)}
 .is-riding .hud .pause svg{width:18px;height:18px}
 .is-riding .progress-track{top:calc(var(--ride-top) + 54px);left:var(--ride-left);width:150px;height:2px;background:rgb(21 21 21 / 20%);pointer-events:none}
 .is-riding .section-tag{top:calc(var(--ride-top) + 62px);left:var(--ride-left);transform:none;padding:5px 8px;min-height:22px;border-radius:7px;background:rgb(21 21 21 / 25%);gap:0;text-shadow:0 1px 3px #0009;pointer-events:none}
 .is-riding #sectionName,.is-riding .section-tag>i{display:none}
 .is-riding #nextTurn{font-size:9px;line-height:12px;letter-spacing:.8px;margin:0;color:#fff7ef}
 .is-riding .speed{top:calc(var(--ride-top) + 58px);right:var(--ride-right);bottom:auto;left:auto;transform:none;display:flex;align-items:baseline;gap:5px;min-width:0;padding:3px 7px;background:rgb(21 21 21 / 30%);border-radius:7px;text-shadow:0 1px 3px #0008}
 .is-riding .speed strong{font-size:20px;line-height:24px;letter-spacing:-.5px}
 .is-riding .speed span{margin:0;font-size:7px;letter-spacing:1px;color:#fff4e9}
 .is-riding .feedback{top:auto;bottom:calc(var(--ride-bottom) + 86px);max-width:calc(100% - 28px);padding:5px 10px;border-radius:7px;background:rgb(21 21 21 / 28%);font-size:9px;line-height:13px;letter-spacing:1px;text-align:center;white-space:normal;text-shadow:0 1px 3px #000b;color:#fff0dc}
 .is-riding .touch-controls{bottom:var(--ride-bottom);left:max(14px,env(safe-area-inset-left));right:max(14px,env(safe-area-inset-right))}
 .is-riding .touch-controls button,.is-riding .touch-controls #brake{background:rgb(21 21 21 / 25%);border-color:rgb(255 255 255 / 38%);backdrop-filter:none}
 .is-riding .touch-controls button svg{filter:drop-shadow(0 1px 2px #0008)}
 .is-riding .touch-controls #brake span{text-shadow:0 1px 2px #0009}
 .is-riding .touch-controls button.held,.is-riding .touch-controls #brake.held{background:rgb(244 119 24 / 84%)}
 .is-riding .touch-controls button.held svg{filter:none}
 .is-riding .keyboard-hint{display:none}
}
/* V2.3: öffentliche Rangliste und freiwillige Veröffentlichung. */
.ranking-layer{z-index:40}.ranking-modal{max-width:760px;width:100%;text-align:left}.ranking-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ranking-heading h2{margin:12px 0 20px}.ranking-heading .icon-button{flex:none;background:#ffffff12;color:#fff;border-color:#ffffff35}.ranking-tabs{display:flex;gap:8px;margin:0 0 14px}.ranking-tabs button{flex:1;background:#ffffff08;border:1px solid #ffffff30;border-radius:8px;color:#fff;padding:12px;font-weight:700}.ranking-tabs button[aria-pressed=true]{background:#f47718;border-color:#f47718;color:#111}.ranking-table-wrap{overflow-x:auto;max-height:45svh;overflow-y:auto;overscroll-behavior:contain;border:1px solid #ffffff20;border-radius:8px}.ranking-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}.ranking-table th{position:sticky;top:0;background:#252525;color:#b8b3aa;text-align:left;font-size:10px;text-transform:uppercase;letter-spacing:.7px}.ranking-table th,.ranking-table td{padding:12px 10px;border-bottom:1px solid #ffffff12}.ranking-table td:nth-child(2){white-space:normal;overflow-wrap:anywhere;min-width:110px}.ranking-table td:first-child{color:#f9a264;font-weight:800}.ranking-own{background:#f4771820}.ranking-summary{color:#ffac6d;font-size:12px;line-height:1.6}.ranking-remove{background:transparent;border:1px solid #ffffff40;color:#eee;border-radius:6px;padding:7px;font-size:10px}.ranking-link{display:block;color:#ffad70;text-align:center;font-size:12px;padding:10px}.ranking-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#rankingStatus{font-size:12px;line-height:1.6;color:#d1c9bc}.ranking-form{margin:20px 0;padding:18px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25;text-align:left;user-select:text;-webkit-user-select:text}.ranking-form>label{display:block;font-size:10px;letter-spacing:.8px;font-weight:700}.ranking-form input[type=text]{display:block;width:100%;border:1px solid #ffffff45;background:#ffffff0b;color:#fff;padding:13px;border-radius:8px;margin:8px 0 12px;font-size:16px;user-select:text;-webkit-user-select:text}.ranking-form input:focus-visible{outline:2px solid #f47718;outline-offset:3px}.ranking-form .ranking-consent{display:flex;gap:10px;align-items:flex-start;font-size:12px;line-height:1.5;letter-spacing:0;font-weight:400}.ranking-consent input{flex:none;width:18px;height:18px;margin:0;accent-color:#f47718}.ranking-form .small{font-size:11px;line-height:1.6}.ranking-form .secondary{width:100%;border:1px solid #f47718;background:#f4771815;border-radius:8px;padding:12px}.ranking-form #rankingSaveStatus{min-height:16px;color:#ffb47b}.result .result-grid{margin-bottom:16px}.result.modal{max-height:calc(100svh - 36px);overflow-y:auto;overscroll-behavior:contain}.is-riding .ranking-open{display:none}
@media(max-width:540px){.top-actions{gap:4px}.top-actions .icon-button{width:32px;height:32px}.topbar .brand img{max-width:112px}.ranking-modal{padding:20px}.ranking-heading h2{font-size:34px}.ranking-heading .eyebrow{font-size:8px;letter-spacing:1px}.ranking-table{font-size:12px}.ranking-table th,.ranking-table td{padding:10px 7px}.ranking-table td:nth-child(2){min-width:90px}.ranking-table-wrap{max-height:42svh}.ranking-modal .small{font-size:11px}.result-time{font-size:38px}.result.modal h2{font-size:34px}.result.modal{padding:22px}.ranking-form{padding:14px 0;margin:14px 0}}