:root{--ink:#2e4639;--muted:#879184;--paper:#f7f8f3;--lime:#d7ec9a;--line:#e4e8dc;--shadow:0 24px 70px #34463814}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper)}body{background:radial-gradient(ellipse at 47% 46%,#eaf0e3 0,transparent 50%),var(--paper)}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;color:inherit}button{border:0;background:none}button:focus-visible,input:focus-visible{outline:3px solid #72977a;outline-offset:3px}button:active{transform:translateY(1px)}button:disabled{cursor:default;opacity:.48;transform:none}button svg,span[data-svg] svg{width:100%;height:100%;display:block}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.desktop-header{height:90px;margin:0 auto;max-width:1320px;padding:0 48px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;font-size:13px;letter-spacing:1.7px}.brand-mark{width:34px;height:30px}.header-tag{font-size:10px;letter-spacing:1.8px;color:#939b8f}.header-tag i{display:inline-block;width:3px;height:3px;border-radius:50%;background:#a6af9b;margin:0 11px}.text-button{padding:7px 0;font-size:12px;color:#77836f}.text-button span{margin-left:10px}.shell{display:grid;grid-template-columns:238px 426px 238px;align-items:center;justify-content:center;gap:54px;min-height:calc(100vh - 130px);padding:0 25px 28px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#93a084}.editorial h1{font-size:66px;line-height:1.15;letter-spacing:-3px;margin:20px 0 21px;font-weight:800}.lead{font-size:13px;line-height:2;color:#7e877b;letter-spacing:.1px}.editorial-divider{width:34px;height:2px;background:#c6d7a5;margin:30px 0}.feature{display:flex;gap:12px;align-items:flex-start;margin:22px 0}.feature>span{width:20px;height:20px;color:#95a281;margin-top:1px}.feature strong{font-size:12px;font-weight:650}.feature p{font-size:11px;color:#929b8c;margin:6px 0 0}.mode-note{display:flex;gap:9px;align-items:flex-start;font-size:11px;margin-top:34px;line-height:1.8;color:#718264}.mode-note small{font-size:9px;color:#96a18d}.dot{display:inline-block;width:5px;height:5px;background:#93b779;border-radius:50%;flex-shrink:0}.mode-note .dot{margin-top:7px}.phone-wrap{width:426px;align-self:center}.phone{width:426px;height:min(810px,calc(100vh - 132px));min-height:620px;position:relative;isolation:isolate;overflow:hidden;background:#bdd9d2;border:7px solid #fff;border-radius:40px;box-shadow:0 0 0 1px #dce2d2,0 35px 80px #34433220,0 4px 18px #34433208;user-select:none;-webkit-user-select:none;touch-action:none}#scene{display:block;width:100%;height:100%;position:absolute;inset:0;touch-action:none}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px #bfd2ba18}.phone-caption{display:flex;align-items:center;justify-content:center;gap:7px;font-size:10px;color:#97a28d;margin:15px 0 0;letter-spacing:.5px}.screen{position:absolute;inset:0}.home-screen{background:linear-gradient(180deg,#f5f7e5ee 0%,#f5f7e580 22%,transparent 39%,transparent 46%,#f6f5e840 58%,#f8f8ed 73%)}.home-top{padding:22px 22px 0;display:flex;align-items:center;justify-content:space-between}.small-pill{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border:1px solid #dce4d1;background:#ffffff80;border-radius:20px;font-size:10px;color:#6b815c;white-space:nowrap}.small-pill i{height:5px;width:5px;border-radius:50%;background:#8db46d}.top-actions{display:flex;gap:7px}.icon-button{width:33px;height:33px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#fffff8ba;border:1px solid #dee5d4;padding:8px;flex-shrink:0}.icon-button svg{width:17px;height:17px}.home-title{text-align:center;margin-top:21px}.home-title>span{font-size:8px;letter-spacing:3px;color:#8da278;font-weight:800}.home-title h2{font-size:44px;letter-spacing:-2px;font-weight:900;margin:7px 0 8px;line-height:1.15}.title-dot{color:#a5c876;margin-left:2px}.home-title p{font-size:11px;letter-spacing:1px;color:#819072;margin:0}.home-bottom{position:absolute;bottom:12px;left:23px;right:23px}.choose-frog{display:flex;align-items:center;gap:12px;padding-bottom:15px}.choose-frog>span{font-size:10px;color:#919984}.choose-frog>strong{margin-left:auto;font-size:10px;font-weight:550;color:#8b967e}#frogChoices{display:flex;gap:8px}.frog-choice{width:24px;height:24px;border-radius:50%;border:3px solid #fafbee;outline:1px solid transparent;position:relative;padding:0}.frog-choice.selected{outline-color:#94b779}.frog-choice:after{content:"";width:4px;height:4px;position:absolute;left:4px;top:6px;border-radius:50%;background:#fff;box-shadow:7px 0 #fff}.map-title{display:flex;align-items:center;justify-content:space-between;margin:0 0 9px}.map-title strong{font-size:12px}.map-title>span{font-size:9px;color:#95a086}.map-choices{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:14px}.map-choice{padding:10px 4px 8px;border:1px solid #e1e7d4;border-radius:14px;background:#fffffb9c;text-align:center;transition:all .2s}.map-choice.selected{background:#e8eed6;border:1px solid #a8bb89;box-shadow:inset 0 0 0 1px #a8bb8920}.map-choice span{display:block;width:24px;height:24px;margin:0 auto 6px;color:#819367}.map-choice strong{font-size:10px;font-weight:650;display:block}.primary-button{height:49px;background:#d6e99c;border:1px solid #c7dd85;box-shadow:0 3px 0 #b6ce79;border-radius:15px;padding:0 19px;display:flex;align-items:center;justify-content:center;gap:13px;width:100%;font-weight:750;font-size:14px;letter-spacing:1px;transition:filter .2s}.primary-button:hover{filter:brightness(1.035)}.primary-button>span{width:20px;height:20px}.home-secondary{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.home-secondary button{border:1px solid #e2e6d7;border-radius:12px;height:38px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;background:#fffefa8a}.home-secondary span{width:15px;height:15px;color:#8c9f75}.home-foot{font-size:9px;color:#a1aa91;text-align:center;margin:12px 0 0;letter-spacing:.15px}.guide-heading h2{font-size:19px;letter-spacing:-.5px;margin:12px 0 27px}.guide-card{display:flex;gap:13px;margin:24px 0}.step-number{font-size:10px;width:25px;flex-shrink:0;height:25px;border:1px solid #dfe6d3;color:#95a781;border-radius:8px;display:flex;align-items:center;justify-content:center}.guide-card strong{font-size:12px;font-weight:650}.guide-card p{font-size:11px;line-height:1.95;color:#929d87;margin:6px 0 0}.keyboard-card{border-top:1px solid #e4e9dc;margin-top:30px;padding-top:15px}.keyboard-card h3{font-size:11px;font-weight:550;color:#869278;margin:0 0 16px}.keyboard-card>div{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:10px;color:#98a48b}.keyboard-card kbd{display:inline-block;min-width:23px;padding:5px 7px;border:1px solid #dfe6d6;border-bottom-width:2px;border-radius:5px;background:#fffefa;font:9px inherit;text-align:center;color:#7c8e6b;margin-right:3px}.guide-link{font-size:11px;color:#82926f;display:flex;justify-content:space-between;width:100%;border-top:1px solid #e4e9dc;margin-top:24px;padding:17px 0}.build-note{font-size:9px;line-height:1.9;color:#a4ad9b;margin:23px 0 0}.race-screen{pointer-events:none}.race-top{position:absolute;left:18px;right:18px;top:18px}.race-info{display:flex;align-items:flex-start;gap:12px}.rank-card{min-width:63px;padding:8px 9px 5px;border-radius:16px;background:#fffff2dd;box-shadow:0 5px 15px #6e805c12;border:1px solid #ffffffcc}.rank-card small{font-size:8px;color:#8b9879}.rank-card>div{display:flex;align-items:baseline;justify-content:center;gap:4px;line-height:1.1;margin-top:3px}.rank-card b{font-size:29px;letter-spacing:-1px}.rank-card>div>span{font-size:10px;color:#91a27b}.race-meta{display:flex;flex-direction:column;gap:4px;padding-top:4px}.race-meta strong{font-size:13px}.race-meta>span{font-size:9px;color:#71886c}.race-meta #raceTimer{font-size:11px;font-weight:750;letter-spacing:1px;margin-top:1px;font-variant-numeric:tabular-nums}.race-info>.icon-button{margin-left:auto;pointer-events:auto;background:#fffff2de}.progress-track{height:25px;margin:13px 4px 0;position:relative}.progress-line{position:absolute;left:0;right:17px;top:9px;height:5px;border-radius:3px;background:#ffffffb8;border:1px solid #d7e3c9}.progress-line>div{height:100%;border-radius:2px;background:#a6c580;width:0}.progress-dot{position:absolute;top:4px;left:0;height:14px;width:14px;border-radius:50%;border:2px solid #fffcf0;box-shadow:0 2px 5px #45653018;font-size:7px;font-weight:750;color:#fff;display:flex;align-items:center;justify-content:center;transition:left .08s linear;transform:translateX(-50%)}.progress-dot.self{width:18px;height:18px;top:2px;z-index:2;box-shadow:0 0 0 1px #436c3c}.finish-tiny{position:absolute;right:0;top:2px;width:16px;height:16px;color:#648059}.section-notice{position:absolute;top:138px;left:27px;right:27px;text-align:center;transition:opacity .35s,transform .35s;opacity:0;transform:translateY(-5px)}.section-notice.show{opacity:1;transform:translateY(0)}.section-notice>span{font-size:15px;font-weight:750;text-shadow:0 1px 5px #f5f7e5}.section-notice>p{font-size:10px;margin:7px 0;color:#647a5c;text-shadow:0 1px 3px white}.racer-label{position:absolute;top:0;left:0;transform:translate(-50%,-100%);font-size:9px;padding:4px 7px;border-radius:10px;background:#fffff2ce;white-space:nowrap;color:#57734d;box-shadow:0 2px 4px #6a7b5510}.racer-label.self{background:#f9ffdd;border:1px solid #8fb666;color:#4e693a;font-weight:800}.racer-label.self:after{content:"";position:absolute;left:50%;bottom:-5px;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #8fb666;transform:translateX(-50%)}.racer-label small{font-size:7px;opacity:.65;margin-left:4px}.bottom-shade{position:absolute;bottom:0;left:0;right:0;height:175px;background:linear-gradient(0deg,#f5f4e5ee 0%,#f4f4e2d9 46%,#f0f2df00 100%)}.controls{position:absolute;bottom:23px;left:20px;right:19px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px;pointer-events:auto}.steering{padding-bottom:12px}.direction-pair{display:flex;gap:7px}.direction-button{width:48px;height:46px;border-radius:15px;border:1px solid #dedfc5;background:#fffef0db;box-shadow:0 3px 0 #cdd4b4;padding:13px;color:#718c5b}.direction-button svg{width:22px;height:22px}.steering>span{font-size:8px;color:#8f9e7d;display:block;text-align:center;margin-top:11px}.action-controls{display:flex;align-items:flex-end;gap:13px}.item-button{width:59px;height:68px;border-radius:17px;background:#fffdf0e6;border:1px solid #d9dfc9;box-shadow:0 3px 0 #c7d2b4;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin-bottom:18px;transition:background .2s}.item-button>span{width:27px;height:27px;display:block}.item-button>small{font-size:8px;margin-top:5px;color:#7c8e6a;white-space:nowrap}.item-button.armed{outline:2px solid #e9a475;background:#fff1d5}.controls kbd{position:absolute;font-size:7px;font-family:inherit;bottom:-18px;color:#94a17e;left:50%;transform:translateX(-50%);pointer-events:none}.jump-button{position:relative;width:90px;height:90px;border-radius:50%;padding:5px;background:conic-gradient(#8db164 calc(var(--ready,1)*360deg),#e1e7d1 0deg);box-shadow:0 4px 0 #abc388,0 7px 14px #677e3a1a;margin-bottom:17px;transition:box-shadow .2s;touch-action:manipulation}.jump-inner{height:100%;width:100%;border-radius:50%;background:#e0edae;border:3px solid #f5f7dc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.jump-inner>span{width:23px;height:23px;margin-bottom:1px}.jump-inner strong{font-size:14px;line-height:1.2}.jump-inner small{font-size:8px;color:#829362}.jump-button.cooling .jump-inner{background:#f4f5e5;color:#879377}.jump-button.cooling .jump-inner>span{opacity:.5}.jump-button.strong .jump-inner{background:#ffe2b9}.jump-button.pulse{animation:buttonPulse .2s}.inventory-hint{position:absolute;bottom:137px;right:20px;left:20px;text-align:center;font-size:9px;line-height:1.6;color:#6f825c;pointer-events:none}.toast{position:absolute;bottom:165px;left:50%;max-width:calc(100% - 36px);transform:translate(-50%,8px);padding:10px 14px;background:#fffef1ed;border:1px solid #e4e6d0;border-radius:13px;color:#5a7450;font-size:11px;line-height:1.5;white-space:nowrap;box-shadow:0 4px 15px #58664412;opacity:0;transition:opacity .18s,transform .18s}.toast.show{opacity:1;transform:translate(-50%,0)}.race-alert{position:absolute;top:178px;left:35px;right:35px;text-align:center;background:#fff0dae8;color:#a67545;border:1px solid #ead0a9;border-radius:12px;padding:10px;font-size:11px}.countdown{position:absolute;inset:0;z-index:6;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#eaf0d628;pointer-events:none}.countdown>div{font-weight:950;font-size:107px;color:#fffdee;-webkit-text-stroke:2px #789159;text-shadow:0 7px 0 #adc48d,0 12px 25px #52773d2e;line-height:1;animation:countIn .3s ease}.countdown p{margin-top:23px;background:#fffeeccc;padding:8px 14px;border-radius:20px;color:#80936c;font-size:11px;letter-spacing:.7px}.results-screen{z-index:9;background:#e8efd3a3;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:22px}.result-card{background:#fffef4f5;border:1px solid #fff;border-radius:26px;padding:27px 22px 15px;box-shadow:var(--shadow);text-align:center;width:100%;max-height:96%;overflow-y:auto;touch-action:pan-y}.result-kicker{font-size:8px;color:#a0ab8d;letter-spacing:2.5px}.result-emblem{width:53px;height:53px;padding:11px;background:#f2e8bb;color:#b69a47;border-radius:50%;margin:17px auto 9px}.result-card h2{font-size:26px;letter-spacing:-.8px;margin:11px 0 5px}.result-card>p{font-size:10px;color:#9aa286;margin:0 0 19px}.result-ranking{display:flex;flex-direction:column;gap:6px}.result-row{display:flex;align-items:center;text-align:left;border-radius:12px;padding:9px 10px;gap:9px;background:#f4f5eafa}.result-row.self{background:#e9efcf;border:1px solid #d7e0af}.result-row>b{font-size:14px;color:#9aad80;width:14px}.mini-frog{width:24px;height:24px;border-radius:10px;background:var(--frog);position:relative;flex-shrink:0}.mini-frog:before,.mini-frog:after{content:"";position:absolute;top:5px;width:6px;height:7px;border:2px solid #f9ffe5;background:#466342;border-radius:50%}.mini-frog:before{left:4px}.mini-frog:after{right:4px}.result-player{display:flex;flex-direction:column;gap:3px;flex:1}.result-player strong{font-size:10px;font-weight:650;overflow:hidden;max-width:120px;text-overflow:ellipsis}.result-player small{font-size:7px;color:#9ba78b}.result-row time{font-size:11px;font-weight:650;font-variant-numeric:tabular-nums;color:#657b54}.result-stats{display:grid;grid-template-columns:repeat(3,1fr);margin:18px 0 13px}.result-stats>div+div{border-left:1px solid #e6e9d8}.result-stats strong{display:block;font-size:20px;line-height:1.2;color:#708750}.result-stats span{font-size:8px;color:#9ba58c}.result-badge{font-size:9px;color:#9ba079;min-height:15px;margin:0 0 15px}.plain-button{font-size:11px;color:#93a17f;padding:15px 10px 3px;display:block;margin:0 auto}.modal{position:absolute;inset:0;z-index:20;display:flex;align-items:flex-end}.modal-backdrop{position:absolute;inset:0;background:#334b3652;backdrop-filter:blur(3px)}.modal-sheet{position:relative;width:100%;background:#fafbef;border:1px solid #fff;border-radius:28px 28px 0 0;padding:21px 22px 28px;max-height:91%;overflow-y:auto;touch-action:pan-y}.sheet-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sheet-header h3{font-size:17px;margin:0}.sheet-header>strong{font-size:15px}.sheet-header .icon-button{background:#fffefa}.modal-sheet p{font-size:11px;line-height:1.85;color:#859574;margin:10px 0}.help-step{display:flex;align-items:center;gap:12px;margin:15px 0;padding:13px 12px;background:#f0f4e3;border-radius:13px}.help-step>b{width:27px;height:27px;border-radius:9px;background:#dfe9c6;text-align:center;line-height:27px;font-size:11px;color:#78925a}.help-step strong{font-size:12px}.help-step p{font-size:10px;margin:5px 0 0;line-height:1.5}.item-guide{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e8ecdc}.item-guide>span{width:37px;height:37px;flex-shrink:0;background:var(--c);padding:7px;border-radius:11px}.item-guide strong{font-size:12px}.item-guide p{font-size:10px;margin:4px 0}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-bottom:1px solid #e7ecdb;font-size:12px}.toggle{padding:8px 12px;border-radius:10px;background:#eaf0d9;color:#829966;font-size:10px}.modal-actions{display:flex;flex-direction:column;gap:13px;margin-top:20px}.secondary-button{height:43px;padding:0 18px;border:1px solid #dce4ca;border-radius:12px;background:#f3f5e8;color:#759059;font-size:12px;font-weight:650}.secondary-button.full{width:100%;margin-top:13px}.danger-button{font-size:11px;color:#a58b75;padding:7px}.lobby-screen{z-index:10;background:#f7f9edf7;padding:22px;overflow-y:auto;touch-action:pan-y}.lobby-content>.eyebrow{display:block;margin-top:26px}.lobby-content h2{font-size:33px;line-height:1.25;letter-spacing:-1px;margin:14px 0}.lobby-content>p{font-size:11px;line-height:1.8;color:#8b9b7c;margin:0 0 20px}label{display:block;font-size:10px;color:#7f916e;margin:15px 0}input{width:100%;border:1px solid #dce4cd;background:#fffef7;border-radius:12px;padding:12px;color:#557247;font-size:12px;outline:none;user-select:text;-webkit-user-select:text;touch-action:auto}label input{display:block;margin-top:7px}.field-note{font-size:9px;line-height:1.8;color:#a0ac92;display:block;margin:-4px 0 19px}.join-row{display:flex;gap:10px;margin-top:18px}.join-row input{min-width:0}.join-row button{flex-shrink:0;height:44px}.lobby-bottom{display:flex;gap:7px;align-items:flex-start;font-size:8px;line-height:1.8;color:#a3af94;margin-top:28px}.lobby-bottom>span{width:12px;height:12px;flex-shrink:0;margin-top:1px}.network-error{font-size:10px!important;color:#b1896b!important;background:#f4ecdd;line-height:1.8;padding:10px;border-radius:10px;margin-top:15px!important;white-space:pre-line}.network-error:empty{display:none}.room-code{display:flex;align-items:center;gap:12px;background:#eaf0d9;padding:15px 13px;border-radius:14px;margin:19px 0}.room-code>span{font-size:10px;color:#8d9b75}.room-code>strong{font-size:24px;letter-spacing:4px}.room-code button{margin-left:auto}.room-slot{display:flex;align-items:center;gap:10px;padding:12px 10px;border:1px solid #e1e7d4;background:#fffef7;border-radius:12px;margin:8px 0}.room-slot strong{font-size:12px;flex:1}.room-slot small{font-size:9px;color:#92a578}.room-slot.empty{border-style:dashed;opacity:.6}.room-info{font-size:10px;line-height:1.7;color:#97a485;text-align:center;margin:15px 0}.reconnect-banner{position:absolute;z-index:30;top:105px;left:15px;right:15px;padding:12px;text-align:center;background:#f5e5cfef;border:1px solid #e9c698;border-radius:12px;font-size:10px;color:#a5814f}#fatal{position:absolute;z-index:100;inset:0;background:#fbf6e8;padding:80px 25px;font-size:14px;line-height:2;color:#8b7156;user-select:text}.confetti{position:absolute;z-index:11;width:7px;height:10px;top:-14px;left:var(--x);background:var(--c);animation:confettiDrop 2.8s ease-in var(--d) both;pointer-events:none;border-radius:2px}
@keyframes countIn{from{transform:scale(.85);opacity:.3}to{transform:scale(1);opacity:1}}@keyframes buttonPulse{50%{transform:scale(.95)}}@keyframes confettiDrop{to{transform:translate(var(--dx),850px) rotate(450deg);opacity:.1}}
@media(max-height:850px) and (min-width:701px){.desktop-header{height:63px}.shell{min-height:calc(100vh - 90px)}.phone{height:calc(100vh - 104px);min-height:610px}.home-title{margin-top:14px}.home-title h2{font-size:38px}.home-title>span{font-size:7px}.home-bottom{bottom:11px}.choose-frog{padding-bottom:12px}.map-choice{padding:8px 3px 7px}.home-secondary{margin-top:11px}.home-foot{margin-top:10px}.editorial h1{font-size:60px}.feature{margin:20px 0}.guide-card{margin:21px 0}.phone-caption{margin-top:12px}}
@media(max-width:1130px){.shell{gap:28px;grid-template-columns:190px 400px 190px}.phone-wrap,.phone{width:400px}.editorial h1{font-size:57px}.guide-heading h2{font-size:17px}.desktop-header{padding:0 35px}.header-tag{display:none}.lead{font-size:12px}.feature strong{font-size:11px}}
@media(max-width:960px){.editorial,.guide-panel{display:none}.shell{display:flex;justify-content:center;gap:0}.phone-wrap,.phone{width:414px}.desktop-header{max-width:480px;padding:0 22px;height:65px}.shell{min-height:calc(100vh - 70px)}.phone{height:calc(100vh - 108px);min-height:620px}}
@media(max-width:700px){html,body{height:100%;height:100dvh;overflow:hidden;background:#bcd9d1}.desktop-header{display:none}.shell{display:block;padding:0;height:100%;min-height:0}.phone-wrap{width:100%;height:100%}.phone{width:100%;height:100%;height:100dvh;min-height:0;border:0;border-radius:0;box-shadow:none}.phone-caption{display:none}.home-top{padding-top:max(20px,env(safe-area-inset-top))}.home-title{margin-top:24px}.home-bottom{bottom:max(16px,env(safe-area-inset-bottom));left:25px;right:25px}.controls{bottom:max(24px,env(safe-area-inset-bottom))}.controls kbd{display:none}.jump-button{margin-bottom:5px;width:87px;height:87px}.item-button{margin-bottom:6px}.steering{padding-bottom:2px}.race-top{top:max(20px,env(safe-area-inset-top))}.lobby-screen{padding-top:max(22px,env(safe-area-inset-top))}.result-card{max-height:94%}.modal-sheet{padding-bottom:max(28px,env(safe-area-inset-bottom))}}
@media(max-width:700px) and (max-height:720px){.home-title{margin-top:14px}.home-title h2{font-size:38px}.home-top{padding-top:15px}.home-bottom{bottom:11px}.choose-frog{padding-bottom:10px}.map-choice{padding:8px 4px}.map-choice span{height:21px;width:21px}.map-choices{margin-bottom:11px}.home-secondary{margin-top:11px}.home-foot{margin-top:9px}.primary-button{height:45px}.home-title>p{font-size:10px}.section-notice{top:134px}.controls{bottom:19px}.result-card{padding:18px 18px 12px}.result-emblem{margin:12px auto 7px}.result-stats{margin:13px 0 10px}.result-row{padding:8px 9px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.confetti{display:none}.countdown>div,.jump-button.pulse{animation:none}}

/* Body contact feedback is separate from pickup / attack toasts. */
.contact-badge {position:absolute;z-index:12;left:50%;bottom:230px;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:20px;background:rgba(255,250,232,.94);border:1px solid rgba(169,132,73,.3);color:#745937;font:600 11px/1.3 system-ui,sans-serif;box-shadow:0 3px 10px #36422912;pointer-events:none;}
.contact-badge[hidden]{display:none!important;}
@media(max-height:740px){.contact-badge{bottom:193px;font-size:10px;padding:5px 9px;}}

/* A close-up uses the exact race mesh and foot-contact rig, not a separate illustration. */
.inspect-link{margin-left:auto!important;flex-shrink:0;font-size:10px;color:#566d55;border-bottom:1px solid #b0bc9e;padding:3px 0;background:none}
.choose-frog>strong{margin-left:8px!important}.inspect-screen{pointer-events:none;z-index:6}.inspect-header{position:absolute;top:max(24px,env(safe-area-inset-top));left:23px;right:23px;display:flex;gap:13px;align-items:center}.inspect-header button{pointer-events:auto}.inspect-header small{font-size:8px;letter-spacing:1.7px;color:#768779}.inspect-header h2{font-size:19px;font-weight:750;letter-spacing:-.4px;margin:7px 0 0;color:#304b3d}.inspect-caption{position:absolute;left:0;right:0;top:20%;text-align:center}.inspect-caption>span{font-size:12px;letter-spacing:2px;color:#4d6857;background:#ffffff8a;border:1px solid #fff;padding:7px 16px;border-radius:20px}.inspect-caption p{font-size:10px;color:#819083;margin-top:18px}.inspect-bottom{position:absolute;bottom:max(36px,env(safe-area-inset-bottom));left:24px;right:24px;pointer-events:auto}.inspect-tabs{display:flex;gap:5px;background:#fafdf5d9;border:1px solid #fff;padding:6px;border-radius:17px;box-shadow:0 8px 25px #34523709}.inspect-tabs button{flex:1;border-radius:12px;padding:13px 3px;font-size:12px;color:#748876}.inspect-tabs button.active{background:#d9e8be;color:#36583f;font-weight:700}.inspect-tools{display:flex;align-items:center;justify-content:space-between;margin:16px 2px 0;gap:8px}.inspect-tools>button{font-size:10px;color:#647d60;border:1px solid #c8d6bf;border-radius:12px;padding:8px 10px;background:#f5f9eeaa}.inspect-tools>button.active{background:#dcecc6;color:#395d37}.inspect-tools>span{font-size:9px;color:#829480}.inspect-screen~.race-screen[hidden]{display:none}
@media(max-width:360px){.choose-frog{gap:6px}.choose-frog>span{font-size:9px}.inspect-link{font-size:9px}.inspect-header h2{font-size:17px}.inspect-caption p{font-size:9px}.inspect-tools>span{font-size:8px}}

/* Readable state timers, distinct from the contact cue and pickup toast. */
.status-effects{position:absolute;z-index:13;left:50%;top:208px;transform:translateX(-50%);white-space:nowrap;padding:7px 12px;border-radius:16px;color:#955521;background:#fff2dfed;border:1px solid #ecccab;font-size:11px;font-weight:650;pointer-events:none;box-shadow:0 3px 12px #493a1510;}
.status-effects.stun{color:#80562c;background:#fff1ceed;border-color:#e4c57d;}
.racer-label.stunned{background:#fff0cb;border:1px solid #d8ad55;color:#85602e;}
@media(max-height:640px){.status-effects{top:191px;padding:5px 10px;font-size:10px;}}

/* Standalone game: keep the mobile viewport usable even on short screens. */
@media(max-width:700px) and (max-height:610px){.home-title{margin-top:5px}.home-title h2{font-size:30px;margin:3px 0}.home-bottom{bottom:max(5px,env(safe-area-inset-bottom));left:16px;right:16px}.choose-frog{padding-bottom:5px}.map-choices{margin-bottom:5px}.map-choice{padding:5px 2px}.map-choice span{height:18px;width:18px;margin-bottom:2px}.home-secondary{margin-top:6px}.home-foot{margin-top:5px}.home-top{padding-top:8px}.primary-button{height:40px}}