:root{--ink:#284958;--pink:#f26696;--cream:#fffaf0;--muted:#78949c;--line:rgba(59,104,119,.13);font-family:"Segoe UI","Microsoft JhengHei",system-ui,sans-serif;color:var(--ink);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:#bde7f2;touch-action:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible{outline:3px solid #278a99;outline-offset:5px}canvas#game{display:block;width:100vw;height:100dvh;position:fixed;inset:0}button{ -webkit-tap-highlight-color:transparent}.hidden{display:none!important}
.topbar{position:fixed;top:26px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;z-index:5;pointer-events:none}.brand,.tools{display:flex;align-items:center;gap:13px}.brand-icon{background:var(--pink);color:#fff;border-radius:17px;width:49px;height:49px;display:grid;place-items:center;font-weight:1000;font-size:33px;box-shadow:0 4px 0 #d95180;position:relative;transform:rotate(-6deg)}.brand-icon span{font-size:17px;position:absolute;right:-5px;top:-6px;color:#ffedaa}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2px}.brand .eyebrow{font-size:9px;letter-spacing:2.5px;margin-bottom:3px;color:#527d8d}h1{font-size:19px;letter-spacing:1px;margin:0;font-weight:900}h1 small{font-size:11px;background:#fff8;padding:3px 6px;border-radius:6px;margin-left:7px}.tools{pointer-events:auto;gap:8px}.version{font-size:10px;letter-spacing:1.5px;font-weight:800;margin-right:12px;opacity:.6}.icon-btn{width:39px;height:39px;border:1px solid #fff9;background:#f8ffff9e;border-radius:13px;font-size:22px;font-weight:800;box-shadow:0 3px 8px #34809d0a;backdrop-filter:blur(8px)}.icon-btn:hover{background:#fff;transform:translateY(-1px)}.icon-btn.muted{opacity:.45}
.welcome{position:fixed;inset:0;z-index:3;display:flex;align-items:center;padding:110px 6vw 90px;pointer-events:none}.intro-card{width:410px;pointer-events:auto}.pill{display:inline-flex;align-items:center;gap:8px;background:#fff9;border:1px solid #fff8;border-radius:20px;padding:9px 14px;font-size:11px;font-weight:800;letter-spacing:1px}.pill span{width:7px;height:7px;border-radius:50%;background:#ed7b9e}.intro-card h2{font-size:clamp(36px,4.1vw,61px);line-height:1.3;letter-spacing:1px;margin:24px 0 18px;font-weight:1000}.pink{color:#ea6796;display:inline-block}.intro{font-size:15px;line-height:1.95;margin:0 0 18px;color:#5c7e8a}.features{display:flex;gap:8px;margin:0 0 30px}.features span{font-size:10px;font-weight:800;background:#fff7;border-radius:7px;padding:6px 9px;border:1px solid #fff8}.choose{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px;max-width:345px}.choose>span{font-size:11px;color:#5b7d8a;font-weight:700}#colors{display:flex;gap:10px}.swatch{width:25px;height:25px;border-radius:50%;border:3px solid #fff;background:var(--swatch);box-shadow:0 2px 4px #3355661a}.swatch.active{outline:2px solid var(--ink);outline-offset:2px}.primary{display:flex;align-items:center;justify-content:space-between;width:345px;max-width:100%;border:0;background:#f16d9a;box-shadow:0 5px 0 #d84c7c;color:white;font-size:16px;font-weight:900;border-radius:15px;padding:18px 24px;transition:transform .15s,background .15s}.primary:hover{background:#f97da6;transform:translateY(-2px)}.primary:active{transform:translateY(3px);box-shadow:0 2px 0 #d84c7c}.primary span{font-size:23px}.howto{font-size:10px;color:#5c7b86;margin-top:24px;display:flex;gap:13px;align-items:center}kbd{font-family:inherit;background:#ffffff9e;border:1px solid #fff8;padding:4px 6px;border-radius:5px;font-size:10px;font-weight:800;box-shadow:0 2px 0 #65a5b21a;margin-right:4px}.footnote{font-size:10px;color:#7b9da8;margin-top:19px;letter-spacing:1px}.scene-label{position:absolute;right:7%;bottom:115px;text-align:right}.scene-label>span{font-size:9px;letter-spacing:3px;font-weight:800;color:#6e9aaa}.scene-label strong{display:block;font-size:20px;margin-top:9px;letter-spacing:3px}.scene-label p{font-size:10px;letter-spacing:1px;color:#7595a0}
.controls{position:fixed;bottom:24px;left:36px;right:36px;display:flex;gap:23px;align-items:center;font-size:10px;font-weight:700;color:#58818e;z-index:4}.controls button{margin-left:auto;background:#f8ffff91;border:1px solid #fff8;padding:9px 13px;border-radius:10px;color:#547d8d;font-size:11px}.racehud{position:fixed;top:104px;left:50%;transform:translateX(-50%);width:350px;z-index:4}.race-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;margin-bottom:9px}.race-status strong{font-size:23px;font-variant-numeric:tabular-nums}.progress-track{height:8px;border-radius:20px;background:#fff8;position:relative;border:1px solid #fff9}.progress-track>div{height:100%;width:0;background:#f277a2;border-radius:10px;transition:width .2s}.progress-track>span{position:absolute;top:-4px;width:3px;height:14px;background:#7bafba;border-radius:3px}.progress-track b{position:absolute;right:-7px;top:-11px;font-size:19px}.race-sub{display:flex;justify-content:space-between;margin-top:9px;font-size:10px;color:#648793;font-weight:700}.standings{position:fixed;top:130px;left:36px;width:146px;z-index:4;background:#f7ffffaa;border:1px solid #fff9;border-radius:20px;padding:17px 14px;backdrop-filter:blur(12px)}.standings .eyebrow{font-size:8px;letter-spacing:1.4px;color:#7799a5}.standings .eyebrow span{color:#72bdaa;float:right}.standings h2{font-size:14px;margin:7px 0 15px}.standings ol{padding:0;margin:0;list-style:none}.standings li{display:flex;align-items:center;gap:8px;font-size:10px;padding:8px 2px;border-bottom:1px solid var(--line);font-weight:700}.standings li:last-child{border:0}.standings li.me{color:#d74b7c}.standings .dot{width:10px;height:13px;border-radius:6px;box-shadow:inset -2px -2px 0 #0001}.standings .rank{font-size:9px;color:#8faab3;width:9px}.standings .done{margin-left:auto;color:#56a896}.minimap{position:fixed;right:32px;top:180px;z-index:3;width:72px;display:flex;flex-direction:column;align-items:center;background:#fff6;border:1px solid #fffa;border-radius:35px;padding:16px 0 13px}.minimap>span{font-size:7px;letter-spacing:1.5px;font-weight:900;color:#6a919f}.minimap canvas{width:65px;height:230px}.toast{position:fixed;top:196px;left:50%;transform:translate(-50%,-10px);opacity:0;background:#fff8eb;box-shadow:0 5px 20px #44889f12;border:2px solid #fff;border-radius:30px;padding:12px 23px;font-size:13px;font-weight:900;z-index:7;transition:opacity .2s,transform .2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.countdown{position:fixed;left:50%;top:40%;transform:translate(-50%,-50%);font-size:105px;font-weight:1000;color:#fff8e9;-webkit-text-stroke:3px #f080a5;text-shadow:0 7px 0 #db638d;z-index:6;pointer-events:none}.modal{position:fixed;inset:0;background:#6eafc144;z-index:8;display:grid;place-items:center;backdrop-filter:blur(7px)}.modal-card{background:#fffaf2;border:3px solid #fff;border-radius:30px;box-shadow:0 15px 60px #35698322;width:400px;max-width:calc(100vw - 32px);text-align:center;padding:38px 30px 25px}.modal-card .eyebrow{color:#d97194}.modal-card h2{font-size:27px;margin:18px 0 10px}.modal-card p{font-size:12px;color:#78929c;line-height:1.8}.modal-card .primary{margin-top:23px}.text-btn{background:none;border:0;font-size:11px;color:#8ca0a7;padding:17px 6px 3px}.result-icon{font-size:62px;color:#ffbd53;text-shadow:0 4px 0 #ed9c3e;margin:-15px 0 10px}.result-stats{display:flex;justify-content:center;gap:55px;margin-top:25px}.result-stats span{display:block;font-size:10px;color:#95a4a8}.result-stats strong{font-size:30px;display:block;margin-top:7px}.touch{position:fixed;bottom:35px;left:27px;right:27px;z-index:5;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.joystick{position:relative;width:115px;height:115px;border-radius:50%;background:#fff5;border:2px solid #fffa;pointer-events:auto;touch-action:none;box-shadow:0 4px 20px #4c7e8d16}.joystick>div{position:absolute;width:47px;height:47px;left:32px;top:32px;border-radius:50%;background:#fff9;border:2px solid #fff;box-shadow:0 3px 6px #487f8e22;pointer-events:none}.joystick span{position:absolute;bottom:9px;left:0;right:0;text-align:center;font-size:9px;font-weight:800;color:#7299a4}.jump-btn{pointer-events:auto;border:3px solid #fff;background:#f484a9e6;color:#fff;border-radius:50%;width:90px;height:90px;box-shadow:0 5px 0 #ce6a90;font-weight:900;font-size:23px;touch-action:none}.jump-btn small{display:block;font-size:9px;letter-spacing:2px;margin-top:3px}
@media(max-width:1000px){.topbar{left:22px;right:22px;top:22px}.welcome{padding-left:5vw}.intro-card{width:350px}.intro-card h2{font-size:45px}.version{display:none}.standings{left:22px;width:125px;padding:13px 10px}.minimap{right:18px;width:56px}.controls{left:22px;right:22px;gap:12px}.scene-label{right:5%}}
@media(max-width:700px){.topbar{left:17px;right:17px;top:18px}.brand-icon{width:37px;height:37px;font-size:27px;border-radius:13px}.brand{gap:10px}h1{font-size:14px;letter-spacing:0}.brand .eyebrow{font-size:7px;letter-spacing:1.7px}h1 small{font-size:9px}.tools{gap:5px}.icon-btn{width:31px;height:33px;font-size:18px;border-radius:10px}.welcome{padding:90px 23px 40px;align-items:center;background:linear-gradient(90deg,#c9ebf2e8,#c9ebf2ba 60%,#c9ebf211)}.intro-card{width:100%;max-width:340px}.intro-card h2{font-size:43px;margin:20px 0 13px}.intro{font-size:13px}.features{margin-bottom:23px}.primary{padding:15px 21px}.scene-label{display:none}.howto{gap:9px;font-size:9px}.footnote{font-size:9px}.controls{bottom:17px;left:17px;right:17px}.controls>span{display:none}.controls button{font-size:10px}.racehud{top:82px;width:min(290px,75vw)}.race-status{font-size:11px}.race-status strong{font-size:20px}.standings{display:none}.minimap{right:12px;top:160px;width:43px;padding:12px 0}.minimap canvas{width:43px;height:160px}.minimap>span{font-size:5px;letter-spacing:1px}.toast{top:155px;font-size:11px;padding:10px 16px}.race-sub{font-size:8px}.touch{bottom:42px}.modal-card{padding:32px 24px 20px}}
@media(max-height:650px){.welcome{padding-top:82px;padding-bottom:35px}.intro-card h2{font-size:35px;margin:12px 0}.intro{font-size:12px;line-height:1.6;margin-bottom:12px}.features{margin-bottom:15px}.choose{margin-bottom:12px}.primary{padding:12px 20px}.howto{margin-top:18px}.footnote{margin-top:12px}.scene-label{bottom:80px}.racehud{top:85px}.standings{top:100px}.minimap{top:143px}.minimap canvas{height:180px}.topbar{top:17px}}
.camera-toggle{width:76px;font-size:12px;white-space:nowrap}.camera-panel{position:fixed;right:28px;top:84px;width:312px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 108px);overflow-y:auto;z-index:9;pointer-events:auto;background:#fffaf4f5;border:2px solid #fff;border-radius:23px;padding:20px;box-shadow:0 14px 50px #37678024;backdrop-filter:blur(16px);touch-action:pan-y}.camera-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.camera-heading .eyebrow{font-size:8px;letter-spacing:2px;color:#ca7e97}.camera-heading h2{font-size:16px;margin:6px 0 0}.camera-heading>button{width:29px;height:29px;font-size:23px;border:0;border-radius:50%;background:#e8efed;color:#77949a}.camera-options{display:grid;gap:7px}.camera-options>button{display:flex;gap:10px;align-items:center;text-align:left;width:100%;border:1.5px solid #e3e9e6;background:#fffefb;border-radius:12px;padding:12px 10px}.camera-options>button[aria-pressed=true]{background:#fff0f4;border-color:#ef8bae}.camera-options b{color:#a4b7bb;font-size:11px}.camera-options strong{display:block;font-size:12px}.camera-options small{display:block;font-size:9px;color:#8ba0a5;margin-top:5px;line-height:1.4}.camera-options em{font-style:normal;font-size:8px;padding:2px 4px;border-radius:4px;background:#f6d5e0;color:#d9678d;margin-left:3px}.camera-options i{font-style:normal;margin-left:auto;visibility:hidden;color:#e9709b;font-weight:900}.camera-options [aria-pressed=true] i{visibility:visible}.camera-fine{margin-top:18px;padding-top:14px;border-top:1px solid #e5e8e3}.camera-fine label{font-size:10px;font-weight:700;display:block;color:#698893}.camera-fine output{float:right;color:#d87595;font-variant-numeric:tabular-nums}.camera-fine input{width:100%;accent-color:#eb85a8;margin:9px 0 13px;cursor:pointer;height:14px}.camera-panel>p{font-size:9px;line-height:1.7;margin:0;color:#8aa0a7}.camera-open .minimap,.camera-open .scene-label{opacity:0}.camera-open .welcome{pointer-events:none}.camera-open .intro-card{pointer-events:none}.camera-open .touch{visibility:hidden}.camera-open .toast{display:none}
@media(max-width:700px){.camera-toggle{width:53px;font-size:10px}.camera-panel{right:14px;top:69px;padding:16px;width:300px;max-height:calc(100dvh - 92px)}.camera-options>button{padding:10px}.camera-heading{margin-bottom:12px}.camera-fine{margin-top:13px;padding-top:12px}.camera-open .intro-card{opacity:.13}.camera-open .racehud{opacity:.3}.camera-open .topbar .brand{opacity:.6}}
.camera-open .welcome{visibility:hidden}
.camera-open .countdown{visibility:hidden}canvas#game:focus{outline:none}
.level-choice{width:345px;max-width:100%;display:flex;align-items:center;justify-content:space-between;padding:11px 15px;background:#fff9;border:1px solid #fff;border-radius:13px;margin:0 0 16px;text-align:left}.level-choice small{display:block;font-size:9px;color:#8a9da5;margin-bottom:4px}.level-choice strong{font-size:13px}.level-choice b{font-size:24px;color:#d47898}.level-choice:hover{background:#fff}.intro-card{max-height:calc(100dvh - 160px);overflow-y:auto;scrollbar-width:thin;touch-action:pan-y;padding-right:8px}.intro-card h2{font-size:clamp(32px,3.2vw,48px);margin:17px 0 12px}.intro{font-size:13px;min-height:42px;line-height:1.8;margin-bottom:12px}.features{margin-bottom:16px}.choose{margin-bottom:14px}.howto{margin-top:14px}.footnote{margin-top:13px}#watch-demo{padding:13px 4px 0;font-size:10px;color:#628c98}#level-modal{z-index:11}.level-panel{width:920px;max-width:calc(100vw - 30px);max-height:calc(100dvh - 42px);overflow:auto;touch-action:pan-y;background:#f9f8f1f5;border:3px solid #fff;border-radius:26px;padding:25px;box-shadow:0 20px 70px #3e6a7e25}.level-heading{display:flex;align-items:center;justify-content:space-between}.level-heading .eyebrow{color:#c77e99;font-size:9px}.level-heading h2{font-size:24px;margin:9px 0}.level-heading p{font-size:10px;color:#8d9fa7;margin:0 0 17px}.level-settings{display:flex;align-items:flex-end;gap:14px;padding:13px 15px;background:#fff9;border-radius:13px;border:1px solid #fff;margin-bottom:16px}.level-settings label{font-size:10px;color:#7c939b;font-weight:800;flex:1}.level-settings select{display:block;font:inherit;color:#3f6371;font-size:11px;padding:8px;border:1px solid #dce8e5;border-radius:7px;background:#fff;width:100%;margin-top:6px}.level-settings button{font-size:10px;border:0;border-radius:8px;background:#dfeee7;padding:10px;color:#5d847d}.level-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.level-card{display:flex;align-items:center;gap:13px;border:1px solid #e2e9e2;background:#fffdf8;border-radius:13px;padding:13px;text-align:left;min-width:0}.level-card.selected{border:2px solid #e5a0b9;background:#fff1f5;padding:12px}.level-card:hover{transform:translateY(-1px);box-shadow:0 3px 9px #65858c12}.level-icon{flex:0 0 41px;height:45px;display:grid;place-items:center;border-radius:13px;background:var(--level-color);color:#fff8e7;font-size:26px}.level-card span{flex:1;min-width:0}.level-card small{display:block;font-size:7px;letter-spacing:1px;color:#9aabb0}.level-card em{font-style:normal;letter-spacing:0;color:#dbb17a;margin-left:7px}.level-card strong{display:block;font-size:13px;margin:5px 0}.level-card p{font-size:10px;color:#81999e;margin:0;line-height:1.7}.level-card i{display:block;font-size:8px;color:#a5b3b6;font-style:normal;margin-top:5px}.level-go{color:#b9c9ca;font-size:16px}.level-note{font-size:9px;color:#94a6aa;margin:17px 0 0;line-height:1.8}.level-open .countdown,.level-open .touch{visibility:hidden}.controls #levels-button{margin-left:0}.modal-card{max-height:calc(100dvh - 40px);overflow:auto;touch-action:pan-y}.secondary{border:1px solid #e6d9d8;border-radius:11px;padding:12px 19px;width:100%;background:#fff7ef;font-size:12px;font-weight:700;margin-top:16px}.result-icon{font-size:48px}.result-stats{margin-top:16px}.modal-card .primary{margin-top:17px}
@media(max-width:700px){.level-panel{padding:18px;border-radius:20px}.level-heading h2{font-size:18px}.level-heading .eyebrow{font-size:7px;letter-spacing:1px}.level-settings{gap:9px;flex-wrap:wrap;padding:10px}.level-settings label{flex:1 1 40%}.level-settings button{flex:1 1 100%;padding:8px}.level-grid{grid-template-columns:1fr}.level-card{padding:12px}.level-card.selected{padding:11px}.level-card strong{font-size:13px}.level-card p{font-size:10px}.intro-card{max-height:calc(100dvh - 150px)}.controls{gap:8px}.controls a,.controls button{padding:8px 10px!important;font-size:9px!important}.level-choice{margin-bottom:12px;padding:9px 12px}.level-choice strong{font-size:12px}}
@media(max-height:730px){.intro-card h2{font-size:31px;line-height:1.25;margin:10px 0}.intro{font-size:11px;min-height:30px;margin-bottom:9px}.features{margin-bottom:12px}.features span{padding:5px 7px;font-size:9px}.level-choice{padding:8px 12px;margin-bottom:12px}.choose{margin-bottom:11px}.howto{margin-top:11px}.footnote{margin-top:10px}#watch-demo{padding-top:11px}.level-panel{padding:18px}.level-card{padding:10px}.level-card.selected{padding:9px}.level-card i{display:none}.level-heading h2{font-size:21px}.level-settings{margin-bottom:12px}}
.design-row{display:flex;align-items:center;gap:12px;max-width:345px;margin:-1px 0 17px}.design-row label{font-size:11px;font-weight:700;color:#5b7d8a;white-space:nowrap}.design-row select{font:inherit;font-size:11px;color:#40616d;background:#fff9;border:1px solid #fff;border-radius:8px;padding:8px 10px;flex:1;min-width:0;cursor:pointer}.controls .design-link{margin-left:auto;background:#fff5eac9;border:1px solid #fff;padding:9px 12px;border-radius:10px;font-size:11px;text-decoration:none;color:#bd698a}.controls #view{margin-left:0}.design-link:hover{background:#fff}
@media(max-height:650px){.design-row{margin-bottom:12px}.design-row select{padding:6px 8px}.features{margin-bottom:14px}}
@media(max-width:700px){.controls .design-link{font-size:10px}.design-row select{font-size:10px}.design-row{margin-bottom:15px}}
@media(max-width:480px){.camera-panel{top:auto;bottom:14px;left:14px;right:14px;width:auto;max-height:48dvh}.camera-heading h2{font-size:14px}.camera-options>button{padding:9px 10px}.camera-options small{font-size:9px}.camera-fine{margin-top:10px}.camera-open .racehud{visibility:hidden}}
/* Contact actions stay visible above the ordinary controls. */
.actionhud{position:fixed;bottom:77px;left:50%;transform:translateX(-50%);z-index:5;display:flex;gap:15px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:94vw;width:max-content;background:#fffaf0e8;border:1px solid #fff;border-radius:16px;padding:10px 16px;color:#55787d;font-size:11px;font-weight:800;box-shadow:0 4px 20px #4b716b12}.actionhud small{flex-basis:100%;text-align:center;font-size:9px;font-weight:500;color:#78918e}.actionhud .ready{color:#4b9882}.actionhud .busy{color:#d4748f}.touch-actions{pointer-events:auto;display:flex;flex-direction:column;gap:8px;margin-left:auto;margin-right:14px}.grab-btn,.roll-btn{border:2px solid #fff;border-radius:18px;min-width:64px;padding:10px 12px;background:#72bbac;color:white;font-weight:900;touch-action:none;box-shadow:0 4px 0 #4e9a89}.roll-btn{background:#a798d4;box-shadow:0 4px 0 #8878b6}.touch-actions small{display:block;font-size:8px;margin-top:3px}.grab-btn:active{transform:translateY(2px);background:#4c9b88}@media(max-width:700px){.actionhud{bottom:183px;gap:10px;padding:8px 12px;font-size:10px}.actionhud small{max-width:290px;font-size:8px}.touch{gap:8px}.touch-actions{margin-right:3px}.joystick{width:100px;height:100px}.joystick>div{left:25px;top:25px}.jump-btn{width:76px;height:76px}}@media(max-height:500px){.actionhud{bottom:18px;left:50%;max-width:45vw}.actionhud small{display:none}}
@media(max-width:700px) and (min-height:501px){.actionhud{top:148px;bottom:auto;max-width:calc(100vw - 100px)}.toast{top:226px}}
@media(max-width:700px){.touch{bottom:65px}}
.roll-btn:disabled{opacity:.5;filter:saturate(.5);cursor:default}
.pad-panel{background:#fffaf2;border:2px solid white;border-radius:24px;width:570px;max-width:calc(100vw - 28px);max-height:90dvh;overflow:auto;padding:24px;box-shadow:0 12px 50px #365e6625}.pad-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.pad-heading h2{margin:5px 0;font-size:23px}.pad-heading .eyebrow{color:#70a793;font-size:9px}.pad-panel p{font-size:12px;line-height:1.7;color:#789296}.pad-panel>strong{font-size:12px;overflow-wrap:anywhere}.pad-guide{display:flex;flex-wrap:wrap;gap:8px;margin:15px 0}.pad-guide span{font-size:10px;background:#edf3e8;padding:7px 9px;border-radius:8px;color:#5a8577}.pad-bindings{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.pad-bindings button{background:#fff;border:1px solid #dae4d8;border-radius:10px;padding:10px;font-size:11px}.pad-bindings button.listening{border-color:#ec8aa6;background:#ffedf2}.pad-bindings small{display:block;color:#8b9b93;margin-top:4px;font-size:9px}.pad-axis{display:flex;flex-wrap:wrap;gap:12px;margin:16px 0;align-items:center}.pad-axis label{font-size:10px;color:#64837c}.pad-axis select{display:block;margin-top:5px;padding:6px;border:1px solid #dbe6d8;border-radius:7px}.pad-check{display:flex;gap:7px;align-items:center;font-size:11px}.pad-deadzone{display:block;font-size:11px;margin:16px 0}.pad-deadzone>b{float:right;color:#6ba48f}.pad-deadzone input{display:block;width:100%;margin:12px 0}.pad-deadzone small{color:#8a9e99;font-size:10px}.pad-live{background:#edf3e9;padding:11px;border-radius:10px;font-size:10px;color:#729187;line-height:1.6;margin:16px 0;overflow-wrap:anywhere}.pad-buttons{display:flex;gap:10px;align-items:center}.pad-buttons .primary{width:auto;font-size:12px;padding:12px 18px;margin:0}.pad-buttons .secondary{font-size:11px;padding:11px 14px}.pad-note{font-size:10px!important}#gamepad-panel{z-index:13}.trait-badge{font-size:8px;font-weight:500;background:#fff9;border-radius:4px;padding:2px 4px;margin-left:auto;white-space:nowrap;color:#88a195}.standings li{gap:5px}.standings .done{margin-left:0}@media(max-width:700px){.pad-panel{padding:18px}.pad-heading h2{font-size:19px}.pad-bindings{grid-template-columns:repeat(2,1fr)}.controls #gamepad-toggle{font-size:10px;padding:9px 8px}.controls{gap:7px}.howto{flex-wrap:wrap}.footnote{letter-spacing:0}}

.push-btn{border:2px solid #fff;border-radius:18px;min-width:64px;padding:10px 12px;background:#e6ac5c;color:white;font-weight:900;touch-action:none;box-shadow:0 4px 0 #be8b45}.push-btn:active{transform:translateY(2px)}.touch-actions{gap:6px}@media(max-width:700px){.touch-actions .grab-btn,.touch-actions .roll-btn,.touch-actions .push-btn{padding:8px 10px;min-width:59px}.touch-actions small{font-size:7px}}

.team-mode-link{display:flex;flex-direction:column;gap:6px;text-decoration:none;background:#fff9e9df;border:2px solid #fff8e9;border-radius:14px;padding:13px 15px;margin:17px 0 12px;color:#6d8c7a;box-shadow:0 3px 10px #456e6b0c}.team-mode-link>b{font-size:9px;letter-spacing:1px;color:#db7895}.team-mode-link>span{font-size:12px;font-weight:800}.team-mode-link:hover{background:#fff7d8}