:root{color-scheme:dark;--bg:#08090c;--surface:#111319;--surface-2:#181b22;--line:#2b2f39;--text:#f4f5f7;--muted:#9da3af;--ruby:#b31332;--ruby-bright:#e33b58;--good:#39c889;--warn:#ffb454;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% -15%,#3a0a16 0,transparent 35%),var(--bg);color:var(--text);min-height:100vh}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1160px)/2));background:#090a0ddd;backdrop-filter:blur(18px);position:sticky;top:0;z-index:10}.brand{font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.gem{color:var(--ruby-bright);font-size:25px}.secure-badge{font-size:13px;color:var(--muted);border:1px solid var(--line);border-radius:99px;padding:7px 12px}main{width:min(1160px,calc(100% - 32px));margin:0 auto 64px}.intro{min-height:245px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.eyebrow{color:var(--ruby-bright);text-transform:uppercase;letter-spacing:.14em;font-weight:700;font-size:13px;margin:0 0 10px}.intro h1{font-size:clamp(40px,7vw,72px);letter-spacing:-.05em;line-height:.95;margin:0}.lede{color:var(--muted);font-size:18px;max-width:650px;line-height:1.7}.device-visual{width:220px;height:120px;border:1px solid #a62038;border-radius:60px 60px 36px 36px;transform:rotate(-4deg);display:grid;place-items:center;color:#e45a70;box-shadow:inset 0 0 45px #a20f2920,0 25px 80px #a20f2920;font-weight:800;letter-spacing:.2em}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin-bottom:24px;overflow-x:auto}.tab{appearance:none;border:0;background:none;color:var(--muted);padding:18px 22px;font-size:15px;white-space:nowrap;border-bottom:2px solid transparent;cursor:pointer}.tab.active{color:#fff;border-bottom-color:var(--ruby-bright)}.panel{display:none}.active-panel{display:block}.step-grid,.mapping-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.card{background:linear-gradient(145deg,var(--surface),#0d0f13);border:1px solid var(--line);border-radius:18px;padding:24px}.card-head,.action-copy{display:flex;gap:16px;align-items:center}.card h2,.card h3,.section-title h2{margin:0}.card p{color:var(--muted);line-height:1.6}.card-head p{margin:4px 0 0;font-size:13px}.step{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;background:#3b1019;color:#ff7990;font-weight:800;flex:none}.state{display:flex;align-items:center;gap:10px;border-radius:12px;background:var(--surface-2);padding:14px;margin:24px 0 14px;color:var(--muted)}.state-dot{width:9px;height:9px;border-radius:50%;background:#69707e}.state.connected{color:#b8f5d9}.state.connected .state-dot{background:var(--good);box-shadow:0 0 12px var(--good)}button{font:inherit}.primary,.danger,.secondary{border-radius:11px;padding:12px 18px;font-weight:700;cursor:pointer;border:1px solid transparent}.primary{background:var(--ruby);color:#fff}.danger{background:#d82242;color:#fff}.secondary{background:#1b1e26;border-color:#343944;color:#fff}.primary:disabled,.danger:disabled{opacity:.35;cursor:not-allowed}.hint{font-size:13px}.drop-zone{min-height:126px;border:1px dashed #454b58;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;color:var(--muted);cursor:pointer;margin-top:22px}.drop-zone:hover,.drop-zone.dragging{border-color:var(--ruby-bright);background:#a5102912}.drop-zone input{display:none}.drop-zone strong{color:#fff}.upload-icon{font-size:27px;color:var(--ruby-bright)}.file-info{background:#181c22;border-radius:10px;padding:12px;margin-top:12px;font-size:14px}.hidden{display:none!important}.bundled-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:14px;font-size:13px;color:var(--muted)}.text-button{border:0;background:none;color:#ff6e86;cursor:pointer;padding:4px}.action-card{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.action-copy p{margin:5px 0 0;color:var(--muted)}.warning{margin-top:18px;display:flex;gap:12px;background:#241b0d;border:1px solid #5a421e;border-radius:12px;padding:15px 18px;color:#f6d39b}.warning span{color:#c9b28d}.progress-panel{margin-top:18px;padding:20px;border:1px solid #333945;border-radius:14px;background:#0d0f13}.progress-row{display:flex;justify-content:space-between}.progress-track{height:10px;border-radius:99px;background:#242832;margin:15px 0;overflow:hidden}.progress-track div{height:100%;width:0;background:linear-gradient(90deg,var(--ruby),#ff6680);transition:width .2s}pre{max-height:170px;overflow:auto;color:#aeb5c1;white-space:pre-wrap;font-size:12px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin:30px 0 20px}.section-title h2{font-size:36px}.protocol-note{color:var(--warn);font-size:13px;border:1px solid #5d4725;padding:6px 10px;border-radius:99px}.segmented{display:flex;background:#0a0c10;border:1px solid var(--line);border-radius:11px;padding:4px;margin:18px 0}.segmented button{flex:1;border:0;background:transparent;color:var(--muted);padding:9px;border-radius:8px}.segmented .selected{background:#2a2e37;color:#fff}.button-map{display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.map-key{background:#1c2028;border:1px solid #353a46;border-radius:10px;padding:13px 5px;text-align:center;cursor:grab}.unavailable{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.unavailable .primary{margin-top:auto}.socd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:18px}.socd-option{display:grid;grid-template-columns:auto 1fr;gap:5px 12px;padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--surface);cursor:pointer}.socd-option input{grid-row:1/3}.socd-option span{color:var(--muted)}.socd-option.selected{border-color:var(--ruby-bright);box-shadow:inset 0 0 0 1px var(--ruby-bright)}dl{margin:0}dl div{display:grid;grid-template-columns:180px 1fr;padding:14px 0;border-bottom:1px solid var(--line)}dt{color:var(--muted)}dd{margin:0;word-break:break-word}.diagnostics-card .secondary{margin-top:20px}dialog{border:1px solid #3a3f49;border-radius:18px;background:#12151b;color:#fff;max-width:470px;padding:28px;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000a}.confirm-summary{background:#090b0e;padding:14px;border-radius:10px;color:var(--muted);margin:18px 0}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:760px){.topbar{padding:0 16px}.intro{min-height:215px}.device-visual{display:none}.step-grid,.mapping-layout,.socd-grid{grid-template-columns:1fr}.action-card{align-items:flex-start;gap:18px;flex-direction:column}.action-card button{width:100%}.card{padding:19px}.section-title h2{font-size:30px}.button-map{grid-template-columns:repeat(3,1fr)}dl div{grid-template-columns:1fr;gap:5px}.secure-badge{display:none}}
.device-card>.secondary{margin-left:8px}
.dfu-steps{padding-left:24px;line-height:2;color:var(--text)}.dfu-steps li::marker{color:var(--ruby-bright);font-weight:800}
.settings-connect{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.settings-connect p{margin:6px 0 0}.settings-connect button{white-space:nowrap}.mapping-actions{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.mapping-actions p{margin-bottom:4px}.settings-log{width:100%;min-height:74px;margin:4px 0 0;background:#090b0f;border-radius:10px;padding:12px}.tester-card{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:18px}.tester-card p{margin:6px 0 0}.key-test{min-width:240px;text-align:center;padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--muted);font-weight:700}.protocol-note.connected{color:#8ce3ba;border-color:#246947}.map-key select{width:100%;background:transparent;color:#fff;border:0;text-align:center;outline:0}.map-key option{background:#171a20}.map-key label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}.map-key{padding:9px 6px;cursor:default}@media(max-width:760px){.settings-connect,.tester-card{align-items:stretch;flex-direction:column}.settings-connect button,.key-test{width:100%}}
.mode-chooser,.test-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.mode-chooser p,.test-head p{margin:6px 0 0}.mode-chooser>div:last-child{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.mapping-mode{animation:modeIn .22s ease}.arcade-shell{position:relative;min-height:520px;border:1px solid #3b404b;border-radius:28px;background:radial-gradient(circle at 72% 38%,#3b0c17 0,transparent 32%),linear-gradient(145deg,#171a20,#0c0e12);overflow:hidden;box-shadow:inset 0 0 0 8px #090a0d,0 24px 60px #0005}.arcade-shell:before{content:"";position:absolute;inset:18px;border:1px solid #292d36;border-radius:20px;pointer-events:none}.arcade-brand{position:absolute;left:6%;top:9%;font-size:28px;font-weight:900;letter-spacing:.1em}.arcade-brand small{display:block;color:var(--ruby-bright);font-size:12px;letter-spacing:.28em;margin-top:4px}.utility-buttons{position:absolute;left:47%;top:8%;display:flex;gap:8px}.arcade-key{display:grid;place-items:center;background:linear-gradient(145deg,#242832,#15181e);border:2px solid #464c59;color:#d8dbe1;box-shadow:0 5px 0 #090a0d,0 9px 18px #0007;user-select:none;transition:.07s transform,.07s background,.07s border-color,.07s box-shadow}.arcade-key.active{transform:translateY(4px);background:linear-gradient(145deg,#ef4260,#9d0e29);border-color:#ff7189;box-shadow:0 1px 0 #520918,0 0 24px #e33b5877;color:#fff}.arcade-key.small{width:68px;height:48px;border-radius:9px;font-size:11px}.arcade-key.round{width:82px;height:82px;border-radius:50%;font-weight:800;font-size:18px}.stick-zone{position:absolute;left:8%;top:32%;width:310px;height:270px}.stick-zone .up{position:absolute;left:105px;top:0}.stick-zone .left{position:absolute;left:20px;top:82px}.stick-zone .right{position:absolute;left:190px;top:82px}.stick-zone .down{position:absolute;left:105px;top:164px}.action-zone{position:absolute;right:6%;top:26%;width:470px;display:grid;grid-template-columns:repeat(3,82px);grid-auto-rows:90px;gap:8px 24px;transform:rotate(-7deg);justify-content:end}.action-zone .arcade-key{transform:rotate(7deg)}.action-zone .arcade-key.active{transform:rotate(7deg) translateY(4px)}.mode-footnote{text-align:center;color:var(--muted);font-size:13px}.protocol-note.game{color:#8ecbff;border-color:#315e82}@keyframes modeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:900px){.arcade-shell{min-height:700px}.stick-zone{left:50%;top:18%;transform:translateX(-50%)}.action-zone{right:auto;left:50%;top:57%;transform:translateX(-50%) rotate(-7deg)}.arcade-brand{left:5%;top:5%}.utility-buttons{right:5%;left:auto;top:5%}}@media(max-width:760px){.mode-chooser,.test-head{align-items:stretch;flex-direction:column}.mode-chooser>div:last-child{justify-content:stretch}.mode-chooser button{flex:1}.arcade-shell{min-height:620px}.arcade-key.round{width:64px;height:64px}.stick-zone{width:240px;height:220px}.stick-zone .up{left:88px}.stick-zone .left{left:20px;top:66px}.stick-zone .right{left:156px;top:66px}.stick-zone .down{left:88px;top:132px}.action-zone{width:310px;grid-template-columns:repeat(3,64px);grid-auto-rows:70px;gap:6px 18px}.utility-buttons{display:none}}
.arcade-shell .stick-zone{left:7%;top:30%;width:490px;height:300px;transform:none}.arcade-shell .stick-zone .arcade-key{position:absolute}.arcade-shell .stick-zone .c-key{left:0;top:0}.arcade-shell .stick-zone .left{left:90px;top:0}.arcade-shell .stick-zone .down{left:180px;top:0}.arcade-shell .stick-zone .right{left:260px;top:45px}.arcade-shell .stick-zone .l3-key{left:220px;top:165px}.arcade-shell .stick-zone .up{left:310px;top:190px}.arcade-shell .stick-zone .r3-key{left:400px;top:190px}.arcade-shell .action-zone{display:block;right:5%;left:auto;top:29%;width:420px;height:300px;transform:none}.arcade-shell .action-zone .arcade-key{position:absolute;transform:none}.arcade-shell .action-zone .arcade-key.active{transform:translateY(4px)}.arcade-shell .action-zone .p1{left:70px;top:0}.arcade-shell .action-zone .p2{left:160px;top:0}.arcade-shell .action-zone .p3{left:250px;top:0}.arcade-shell .action-zone .p4{left:0;top:45px}.arcade-shell .action-zone .p5{left:70px;top:90px}.arcade-shell .action-zone .p6{left:160px;top:90px}.arcade-shell .action-zone .p7{left:250px;top:90px}.arcade-shell .action-zone .p8{left:0;top:135px}@media(max-width:900px){.arcade-shell{min-height:720px}.arcade-shell .stick-zone{left:50%;top:18%;transform:translateX(-50%) scale(.82);transform-origin:top center}.arcade-shell .action-zone{left:50%;right:auto;top:58%;transform:translateX(-50%) scale(.9);transform-origin:top center}}@media(max-width:560px){.arcade-shell{min-height:610px}.arcade-shell .stick-zone{transform:translateX(-50%) scale(.58)}.arcade-shell .action-zone{top:55%;transform:translateX(-50%) scale(.72)}}
.mapping-toolbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px}.mapping-toolbar p{margin:5px 0 0}.mapping-toolbar .segmented{width:min(480px,48%);margin:0}.mapping-arcade-shell{margin-bottom:18px}.mapping-key{cursor:pointer;padding:8px}.mapping-key span{font-size:10px;color:#8f96a3;line-height:1}.mapping-key select{appearance:auto;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#fff;text-align:center;font-weight:800;font-size:16px;cursor:pointer}.mapping-key option{background:#171a20;color:#fff}.mapping-key.small{display:flex;flex-direction:column;justify-content:center;gap:4px}.mapping-key.small select{font-size:11px}.mapping-utility{left:46%}.mapping-actionbar{display:grid;grid-template-columns:1fr auto;align-items:center;gap:16px}.mapping-actionbar>div:first-child{display:flex;flex-direction:column;gap:5px}.mapping-actionbar span{color:var(--muted);font-size:13px}.mapping-actionbar>div:nth-child(2){display:flex;gap:10px}.mapping-actionbar .settings-log{grid-column:1/-1;margin:0}.mapping-arcade-shell .stick-zone .left{left:20px;top:70px}.mapping-arcade-shell .stick-zone .down{left:110px;top:140px}.mapping-arcade-shell .stick-zone .right{left:200px;top:70px}.mapping-arcade-shell .stick-zone .up{left:110px;top:0}@media(max-width:900px){.mapping-toolbar{align-items:stretch;flex-direction:column}.mapping-toolbar .segmented{width:100%}.mapping-actionbar{grid-template-columns:1fr}.mapping-actionbar>div:nth-child(2){flex-wrap:wrap}.mapping-arcade-shell .stick-zone{top:20%}.mapping-arcade-shell .action-zone{top:56%}}@media(max-width:560px){.mapping-actionbar>div:nth-child(2){display:grid;grid-template-columns:1fr}.mapping-actionbar button{width:100%}}
.mapping-arcade-shell .mapping-utility{left:47%}.mapping-arcade-shell .stick-zone .c-key{left:0;top:0}.mapping-arcade-shell .stick-zone .left{left:90px;top:0}.mapping-arcade-shell .stick-zone .down{left:180px;top:0}.mapping-arcade-shell .stick-zone .right{left:260px;top:45px}.mapping-arcade-shell .stick-zone .l3-key{left:220px;top:165px}.mapping-arcade-shell .stick-zone .up{left:310px;top:190px}.mapping-arcade-shell .stick-zone .r3-key{left:400px;top:190px}
.brand img{width:100px;height:48px;object-fit:contain;filter:drop-shadow(0 5px 12px #0008)}.intro{min-height:300px}.device-visual{width:410px;height:240px;border:0;border-radius:0;transform:none;display:flex;box-shadow:none}.device-visual img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 24px 38px #0009)}.arcade-brand{display:flex;align-items:center;gap:2px}.arcade-brand img{width:96px;height:50px;object-fit:contain;filter:drop-shadow(0 6px 10px #0008)}.arcade-brand span{display:block}.arcade-brand small{display:block}@media(max-width:900px){.device-visual{width:330px;height:200px}}@media(max-width:760px){.brand img{width:82px;height:42px}.intro{min-height:215px}.device-visual{display:none}}
.input-mode-badge{display:inline-block;margin-left:8px;padding:4px 9px;border:1px solid #315e82;border-radius:99px;color:#8ecbff;font-size:11px;font-weight:700;vertical-align:middle}
.pairing-guide{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.pairing-guide p{margin-bottom:0}.pairing-guide>div:last-child{display:flex;gap:10px;flex:none}.pairing-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.raw-input dd{font-family:Consolas,monospace}.pairing-results{min-height:245px;max-height:380px;background:#090b0e;border-radius:12px;padding:14px}.pairing-actions{display:flex;gap:10px;margin-top:14px}@media(max-width:760px){.pairing-guide{align-items:flex-start;flex-direction:column}.pairing-grid{grid-template-columns:1fr}}
.shared-back{position:relative}.shared-back small{display:block;font-size:8px;color:var(--muted);margin-top:2px}
.firmware-library{margin-top:20px}.library-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.library-title span,.firmware-loading{font-size:12px;color:var(--muted)}.firmware-list{display:grid;gap:8px}.firmware-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;padding:12px 14px;border:1px solid #343944;border-radius:11px;background:#181b22;color:#fff;cursor:pointer}.firmware-item:hover,.firmware-item.selected{border-color:var(--ruby-bright);background:#27131a}.firmware-item small{display:block;color:var(--muted);margin-top:3px}.firmware-tag{font-size:11px;color:#b8f5d9;border:1px solid #276d50;border-radius:99px;padding:4px 8px;white-space:nowrap}.firmware-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:12px;margin:16px 0 0}.firmware-divider:before,.firmware-divider:after{content:"";height:1px;background:var(--line);flex:1}
.test-actions{display:flex;align-items:center;gap:12px}.test-actions .key-test{min-width:220px}
.current-mode-title{display:inline-flex;margin-left:8px;padding:4px 10px;border:1px solid var(--ruby-bright);border-radius:99px;background:#3b1019;color:#ff8da0;font-size:13px;vertical-align:middle}.mapping-modes .selected{background:linear-gradient(135deg,var(--ruby),#e33b58);color:#fff;box-shadow:0 0 0 1px #ff6c84,0 0 22px #d8224240;font-weight:800}
.driver-download{display:inline-flex;margin-top:2px;color:#8dc9ff;font-size:13px;text-decoration:none;border-bottom:1px dashed #47759d}.driver-download:hover{color:#c1e2ff}
.key-test.binding-warning{max-width:420px;color:#ffd399;border-color:#98642b;background:#302011;font-size:13px;line-height:1.4}
.profile-alert{margin:-4px 0 18px;padding:12px 16px;border:1px solid #98642b;border-radius:10px;background:#302011;color:#ffd399;font-size:14px;line-height:1.5}
.device-detection{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.device-detection span{padding:6px 9px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:12px}.device-detection strong{color:#cfe8ff}.capture-identity{display:grid;grid-template-columns:1fr auto auto auto;align-items:center;gap:18px;margin-bottom:18px}.capture-identity p{margin:5px 0 0}.capture-identity label{display:grid;gap:6px;color:var(--muted);font-size:12px}.capture-identity select{min-width:120px;background:#181b22;color:#fff;border:1px solid #343944;border-radius:9px;padding:10px}@media(max-width:900px){.capture-identity{grid-template-columns:1fr 1fr 1fr}.capture-identity>div{grid-column:1/-1}}@media(max-width:760px){.capture-identity{grid-template-columns:1fr}.capture-identity>div{grid-column:auto}.capture-identity select{width:100%}}
.capture-matrix-card{margin-bottom:18px}.capture-matrix-card>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:18px}.capture-matrix-card h3 span{color:#8ecbff;font-size:13px;margin-left:8px}.capture-matrix-card p{margin:5px 0 14px}.capture-matrix{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-bottom:14px}.capture-cell{padding:9px 6px;border:1px solid var(--line);border-radius:9px;text-align:center;color:var(--muted);font-size:11px;background:transparent;cursor:pointer}.capture-cell:hover,.capture-cell.selected{border-color:#315e82;color:#b9ddff;background:#111f2c}.capture-cell.done{border-color:#246947;background:#10251c;color:#9de9c4}@media(max-width:760px){.capture-matrix{grid-template-columns:repeat(3,1fr)}}
.capture-export-actions{display:flex;gap:10px;flex-wrap:wrap}.capture-export-actions button:disabled,.pairing-actions button:disabled{opacity:.35;cursor:not-allowed}
.developer-only{display:none!important}
/* Confirmed production Ruby panel: L3 is lower-left and R3 is lower-right. */
.arcade-shell .stick-zone .l3-key,.mapping-arcade-shell .stick-zone .l3-key{left:220px;top:165px}
.arcade-shell .stick-zone .r3-key,.mapping-arcade-shell .stick-zone .r3-key{left:400px;top:190px}
.site-footer{width:min(1160px,calc(100% - 32px));margin:-28px auto 28px;padding-top:18px;border-top:1px solid var(--line);display:flex;justify-content:center;align-items:center;gap:9px;color:#747b88;font-size:12px;letter-spacing:.12em}.site-footer strong{color:#a8afbb;font-weight:700;letter-spacing:.06em}
.language-picker{display:flex;align-items:center;gap:7px;margin-left:auto;margin-right:12px;padding:5px 8px;border:1px solid var(--line);border-radius:9px;background:#111319;color:var(--muted);font-size:12px}.language-picker select{max-width:132px;border:0;outline:0;background:transparent;color:var(--text);font:inherit;cursor:pointer}.language-picker option{background:#171a20;color:#fff}@media(max-width:640px){.language-picker span{display:none}.language-picker{margin-right:6px}.language-picker select{max-width:104px}}
.mf-socd-guide{margin:18px 0}.mf-guide-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:18px}.mf-guide-head .eyebrow{margin-bottom:6px}.mf-guide-head>p{max-width:620px;margin:0;color:var(--muted);font-size:14px}.mf-mode-cycle{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:10px;counter-reset:mf-mode}.mf-mode-cycle li{position:relative;min-height:126px;padding:16px 14px;border:1px solid var(--line);border-radius:12px;background:#0c0e12;display:flex;flex-direction:column;gap:8px}.mf-mode-cycle li:not(:last-child):after{content:'›';position:absolute;right:-9px;top:48px;z-index:1;color:#68707e;font-size:24px}.mf-mode-cycle .default,.mf-mode-cycle .return{border-color:#4a3e25;background:#17130c}.cycle-step{color:#8ecbff;font-size:12px}.mf-mode-cycle strong{font-size:15px}.mf-mode-cycle small{display:flex;align-items:center;gap:7px;color:var(--muted);line-height:1.4}.led{display:inline-block;width:9px;height:9px;border-radius:50%;flex:none}.led.on{background:#31ce78;box-shadow:0 0 9px #31ce78}.led.off{background:#555b65;border:1px solid #777e89}@media(max-width:900px){.mf-guide-head{align-items:flex-start;flex-direction:column;gap:8px}.mf-mode-cycle{grid-template-columns:repeat(2,1fr)}.mf-mode-cycle li:not(:last-child):after{display:none}.mf-mode-cycle .return{grid-column:1/-1}}@media(max-width:560px){.mf-mode-cycle{grid-template-columns:1fr}.mf-mode-cycle .return{grid-column:auto}}
.upgrade-target-card{margin-bottom:18px;display:grid;grid-template-columns:minmax(280px,1fr) minmax(420px,1.2fr);gap:28px;align-items:center}.upgrade-target-card h2{margin:0}.upgrade-target-card p:not(.eyebrow){margin:7px 0 0;color:var(--muted);line-height:1.6}.upgrade-targets{display:grid;grid-template-columns:1fr 1fr;gap:10px}.upgrade-target{appearance:none;padding:17px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#0c0e12;color:#fff;cursor:pointer}.upgrade-target strong,.upgrade-target span{display:block}.upgrade-target span{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.45}.upgrade-target.selected{border-color:var(--ruby-bright);box-shadow:inset 0 0 0 1px var(--ruby-bright);background:#1b1015}.upgrade-target.selected span{color:#ffc0cb}@media(max-width:820px){.upgrade-target-card{grid-template-columns:1fr}.upgrade-targets{grid-template-columns:1fr 1fr}}@media(max-width:520px){.upgrade-targets{grid-template-columns:1fr}}
.driver-issue{margin-top:16px;padding:14px;border:1px solid #9a682c;border-radius:11px;background:#2a1c0d;color:#ffe0aa;font-size:13px;line-height:1.55}.driver-issue strong,.driver-issue span{display:block}.driver-issue span{margin-top:4px;color:#e1c69a}.driver-issue ol{margin:9px 0;padding-left:21px}.driver-issue a{display:inline-flex;padding:8px 11px;border-radius:8px;background:#6f471a;color:#fff;text-decoration:none;font-weight:700}
.device-version-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:12px 0}.device-version-panel span{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12px;background:rgba(255,255,255,.02)}.device-version-panel strong{color:var(--text);font-size:15px}.device-version-panel strong.version-newer{color:#55d68b}.device-version-panel strong.version-current{color:#8fb8ff}@media(max-width:640px){.device-version-panel{grid-template-columns:1fr}}
.intro .eyebrow{font-size:clamp(22px,3vw,30px);letter-spacing:.08em;margin-bottom:14px}.intro h1{font-size:clamp(32px,4.5vw,50px);letter-spacing:-.035em;line-height:1}