/* v1.2.8 UX COURSE LIVE MAP TEST — red lobby START + selected-course LIVE MAP + course occupancy actions + control tabs. Physics / courses / online race protocol unchanged. */
.onlineDriverHead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:10px 0 6px;padding:7px 8px;border-top:1px solid rgba(80,220,255,.12);border-bottom:1px solid rgba(80,220,255,.12);color:#e9fbff;font:1000 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.10em}.onlineDriverHead span:last-child{color:#7597a1;font-size:8px;letter-spacing:.05em}
.onlineMember{grid-template-columns:minmax(0,1fr) minmax(145px,auto) auto}.onlineMember .memberState{font-size:9px;color:#a7c0c8}.onlineMember .memberState.running{color:#ffd86a}.onlineMember .memberState.battle{color:#ff9b78}.onlineMember .memberState.training{color:#72ddff}.onlineMember .memberState.lobby{color:#77ffae}.onlineMember button{min-width:92px;font-weight:1000;letter-spacing:.05em}
.onlineStartHero{margin-top:8px;padding:12px;border:1px solid rgba(255,72,62,.42);border-radius:11px;background:linear-gradient(180deg,rgba(136,28,23,.18),rgba(0,0,0,.18));text-align:center}.onlineStartHero .onlineStartPrompt{margin-bottom:7px;color:#c6aaa8;font:900 9px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.08em}.onlineStartHero #onlineGameStart{display:block;width:100%;min-height:86px;margin:0;padding:10px;border:1px solid rgba(255,165,158,.95);border-radius:10px;background:linear-gradient(180deg,#ff5d52,#d91f17);color:#fff;box-shadow:0 0 34px rgba(255,58,48,.28),inset 0 0 0 1px rgba(255,255,255,.18);font:1000 clamp(34px,5vw,54px)/1 "Arial Black","Yu Gothic UI",sans-serif;letter-spacing:.08em;text-shadow:0 2px 2px rgba(0,0,0,.4)}.onlineStartHero #onlineGameStart:hover{filter:brightness(1.08);transform:translateY(-1px)}.onlineStartHero #onlineGameStart:disabled{filter:none;transform:none}.onlineStartHint{margin-top:7px;color:#f1bab6;font:900 9px/1.35 ui-monospace,Consolas,monospace}.onlineMainAction{grid-template-columns:1fr}.onlineMainAction #onlineClose{width:100%}
#onlineCoursePicker{position:fixed;inset:0;z-index:72;display:none;align-items:center;justify-content:center;background:rgba(0,0,0,.84);backdrop-filter:blur(6px)}#onlineCoursePicker.show{display:flex}.coursePickerPanel{width:min(760px,94vw);max-height:92vh;overflow:auto;padding:20px;border:1px solid rgba(80,220,255,.48);border-radius:15px;background:linear-gradient(180deg,rgba(8,20,27,.995),rgba(3,8,11,.995));box-shadow:0 25px 90px rgba(0,0,0,.82),0 0 40px rgba(49,206,246,.13)}.coursePickerHead{text-align:center}.coursePickerHead strong{display:block;color:#fff;font:1000 28px/1 "Arial Black","Yu Gothic UI",sans-serif;letter-spacing:.09em}.coursePickerHead span{display:block;margin-top:6px;color:#89a6af;font:800 9px/1.45 ui-monospace,Consolas,monospace}.coursePreviewCard{margin-top:14px;padding:10px;border:1px solid rgba(80,220,255,.25);border-radius:11px;background:rgba(0,0,0,.34)}.coursePreviewTitle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:7px;color:#dff9ff;font:1000 10px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.06em}.coursePreviewTitle span:last-child{color:#7f9aa2;font-size:9px}.coursePreviewCanvas{display:block;width:100%;height:230px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#030709}.coursePreviewDrivers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px;min-height:34px;margin-top:7px;padding:6px 8px;border-radius:7px;background:rgba(255,255,255,.035);color:#92aab1;font:900 9px/1.4 ui-monospace,Consolas,monospace}.coursePreviewDrivers .runner{padding:5px 8px;border:1px solid rgba(80,220,255,.32);border-radius:999px;color:#dff9ff;background:rgba(39,164,196,.12)}.coursePreviewDrivers .battle{border-color:rgba(255,189,46,.5);color:#ffe19b;background:rgba(255,189,46,.1)}.coursePreviewDrivers .full{border-color:rgba(255,86,72,.55);color:#ffaaa2;background:rgba(255,65,52,.1)}.coursePickerGrid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}.coursePickerGrid button{position:relative;min-height:66px;margin:0;padding:11px;border:1px solid rgba(80,220,255,.23);border-radius:9px;background:#10252d;color:#cce9f0;box-shadow:none;font:1000 11px/1.3 ui-monospace,Consolas,monospace}.coursePickerGrid button.training{border-color:rgba(244,184,43,.4);color:#f4d58a}.coursePickerGrid button.active{border-color:#9af2ff;background:#42dff5;color:#001116;box-shadow:0 0 22px rgba(65,221,245,.18)}.coursePickerGrid button.training.active{background:#f4b82b;color:#120d00;border-color:#ffe39a}.coursePickerGrid button:disabled{opacity:.42;filter:saturate(.55)}.coursePickerGrid button:last-child{grid-column:1/-1}.coursePickerGrid button[data-online-course="pro"]{grid-column:1/-1}.coursePickerState{margin-top:11px;min-height:34px;padding:9px;border:1px solid rgba(255,255,255,.1);border-radius:8px;background:rgba(0,0,0,.3);text-align:center;color:#b7c8cd;font:900 10px/1.45 ui-monospace,Consolas,monospace}.coursePickerActions{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.coursePickerActions button{margin:0;padding:14px;font-size:12px}.coursePickerActions #onlineCourseConfirm{border:1px solid rgba(255,164,156,.95);background:linear-gradient(180deg,#ff5d52,#d91f17);color:#fff;box-shadow:0 0 22px rgba(255,58,48,.22)}.coursePickerActions #onlineCourseConfirm.challenge{border-color:#ffe09a;background:linear-gradient(180deg,#ffd65b,#e89b17);color:#1a1000;box-shadow:0 0 22px rgba(255,189,46,.2)}.coursePickerActions #onlineCourseConfirm.blocked,.coursePickerActions #onlineCourseConfirm:disabled{border-color:#171c1f;background:#050708;color:#485057;box-shadow:none;filter:none;cursor:not-allowed}.coursePickerActions #onlineCourseCancel{background:#17242a;color:#dbe9ed;border:1px solid rgba(255,255,255,.13);box-shadow:none}
.pcControlsPanel{width:min(800px,94vw)}.pcControlTabs{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px;padding:5px;border:1px solid rgba(80,220,255,.14);border-radius:9px;background:rgba(0,0,0,.26)}.pcControlTabs button{margin:0;padding:11px 8px;border:1px solid rgba(255,255,255,.1);border-radius:7px;background:#10191d;color:#95adb5;box-shadow:none;font:1000 10px/1 ui-monospace,Consolas,monospace;letter-spacing:.06em}.pcControlTabs button.active{background:#50dcff;color:#001014;border-color:#9af2ff}.pcControlPane{display:none}.pcControlPane.active{display:block}.pcControlPane .pcKeyboardSection{display:block!important}.pcKeyboardDemo{margin-top:10px;padding:12px;border:1px solid rgba(255,216,83,.26);border-radius:10px;background:linear-gradient(180deg,rgba(255,212,95,.09),rgba(0,0,0,.18))}.pcKeyboardDemoHead{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff;font:1000 11px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.08em}.pcKeyboardDemoHead span{color:#ffd85c;font-size:9px}.pcKeyboardDemoKeys{display:grid;grid-template-columns:repeat(5,minmax(40px,1fr));gap:8px;margin-top:10px}.pcKeyboardDemoKey{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:72px;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.025);transition:transform .16s ease, box-shadow .16s ease, border-color .16s ease, background .16s ease, opacity .16s ease;opacity:.55}.pcKeyboardDemoKey kbd{display:flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:1px solid rgba(255,255,255,.25);border-bottom-width:3px;border-radius:8px;background:#111719;color:#fff;font:1000 18px/1 ui-monospace,Consolas,monospace}.pcKeyboardDemoKey b{margin-top:7px;color:#adc7d0;font:1000 9px/1 ui-monospace,Consolas,monospace;letter-spacing:.04em}.pcKeyboardDemoKey.active{opacity:1;transform:translateY(-2px);border-color:rgba(255,216,83,.72);background:rgba(255,216,83,.09);box-shadow:0 0 18px rgba(255,216,83,.13), inset 0 0 0 1px rgba(255,255,255,.06)}.pcKeyboardDemoKey.active kbd{background:#ffd85c;color:#1a1403;border-color:#fff2a6}.pcKeyboardDemoKey.active b{color:#fff7d1}.pcKeyboardDemoBar{display:flex;align-items:center;gap:9px;margin-top:10px}.pcKeyboardDemoBarLabel{color:#91a8b0;font:900 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.06em}.pcKeyboardDemoBarTrack{position:relative;flex:1;height:10px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.04);overflow:hidden}.pcKeyboardDemoBarFill{position:absolute;inset:0 auto 0 0;width:0%;background:linear-gradient(90deg,#51e58d,#ffd85c);transition:width .2s ease}.pcKeyboardDemoText{margin-top:10px;padding:9px 10px;border:1px solid rgba(80,220,255,.18);border-radius:8px;background:rgba(40,150,170,.055);color:#ecfbff;font:1000 11px/1.45 ui-monospace,Consolas,monospace;text-align:center;min-height:52px}.pcKeyboardDemoText small{display:block;margin-top:3px;color:#99b6be;font:800 9px/1.4 ui-monospace,Consolas,monospace}.pcKeyboardStartTip{margin-top:10px;padding:10px;border:1px solid rgba(69,240,131,.22);border-radius:9px;background:rgba(69,240,131,.06);color:#dfffea;font:1000 11px/1.5 ui-monospace,Consolas,monospace;text-align:center}.pcKeyboardStartTip b{color:#45f083}.phoneControlIntro{margin-top:10px;padding:10px;border:1px solid rgba(108,232,255,.22);border-radius:9px;background:rgba(50,192,225,.045);color:#b8d7df;font:800 10px/1.55 ui-monospace,Consolas,monospace;text-align:center}.phoneControlGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:9px}.phoneControlCard{min-height:116px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(255,255,255,.025);text-align:center}.phoneControlCard strong{color:#fff;font:1000 12px/1.1 ui-monospace,Consolas,monospace}.phoneControlCard b{margin-top:7px;color:#61e6ff;font:1000 18px/1 ui-monospace,Consolas,monospace}.phoneControlCard span{margin-top:8px;color:#91a8b0;font:800 9px/1.45 ui-monospace,Consolas,monospace}.phoneControlCard.gear b{color:#ffd85c}.phoneControlCard.brake b{color:#ff9c82}.controllerIntro{margin-top:10px;padding:9px 10px;border:1px solid rgba(116,247,174,.2);border-radius:8px;background:rgba(62,210,130,.045);color:#bde8d0;font:900 9px/1.5 ui-monospace,Consolas,monospace;text-align:center}.controlsFirstRunTip{display:none;margin-top:10px;padding:9px;border:1px solid rgba(255,216,83,.35);border-radius:8px;background:rgba(255,201,54,.075);color:#ffe483;text-align:center;font:1000 10px/1.45 ui-monospace,Consolas,monospace}.pcControlsPanel.firstRun .controlsFirstRunTip{display:block}.pcControlsPanel.firstRun .pcControlsClose{background:#45f083!important;color:#03130a!important;border-color:#a6ffc8!important;font-size:12px!important}
@media(max-width:720px){.onlineGrid{grid-template-columns:1fr}.onlineMember{grid-template-columns:minmax(0,1fr) auto}.onlineMember .memberState{grid-row:2;grid-column:1/2}.onlineMember button{grid-row:1/3;grid-column:2}.coursePickerGrid{grid-template-columns:1fr}.coursePickerGrid button:last-child{grid-column:auto}.phoneControlGrid{grid-template-columns:1fr}.pcControlTabs button{font-size:8px;padding:10px 4px}.pcKeyboardGearStrip{grid-template-columns:repeat(5,minmax(44px,1fr))}.pcKeyboardMini{grid-template-columns:1fr 1fr}}
@media (hover:none) and (pointer:coarse){#pcControlsOverlay .pcKeyboardSection{display:block!important}#pcControlsOverlay .pcControlPane{display:none!important}#pcControlsOverlay .pcControlPane.active{display:block!important}.phoneControlGrid{grid-template-columns:1fr 1fr}.phoneControlCard:last-child{grid-column:1/-1}}

/* ===== v1.2.17 UX controls: lightweight HTML/CSS/SVG ===== */
/* v1.5.93: full-screen blur is intentionally disabled on the course picker for low-spec/mobile stability. */
#onlineCoursePicker{backdrop-filter:none!important}
#accountOverlay.mandatory{background:#020607!important}
#accountOverlay.mandatory .accountPanel{box-shadow:none!important;background:#07100f!important}
.accountCreatePanel{background:linear-gradient(180deg,#21140b,#0d0905)!important;border-color:rgba(255,179,82,.86)!important;box-shadow:0 0 58px rgba(255,147,50,.13),0 24px 74px rgba(0,0,0,.88)!important}
.accountCreateTitle{color:#ffd05c!important}.accountCreateSub{color:#c9a66c!important}.accountCreateLabel{color:#ffd05c!important}.accountCreateLabel span{color:#a48c6b!important}.accountCreatePanel input{border-color:#6e5635!important;background:#090704!important}.accountCreatePanel input:focus{border-color:#ffc75d!important;box-shadow:0 0 0 1px rgba(255,199,93,.18)!important}.accountCreateRule{border-left-color:#d69a39!important;background:rgba(255,184,64,.055)!important;color:#f0e4d1!important}.accountCreateRule .en{display:block;color:#bca98c!important;margin-top:3px}
#pcControlsOverlay{background:rgba(0,0,0,.95)!important;backdrop-filter:none!important}
.pcControlsV1215{width:min(1120px,96vw)!important;max-height:94vh!important;overflow:auto!important;padding:18px!important}.pcControlsV1215 .pcControlsHead{position:sticky;top:-18px;z-index:3;padding:8px 0 10px;background:#071014}.pcControlsV1215 .pcControlTabs{position:sticky;top:48px;z-index:3;background:#071014}
.guideTop{margin-top:12px;padding:12px 14px;border:1px solid rgba(255,203,77,.28);border-radius:12px;background:linear-gradient(180deg,rgba(255,196,52,.055),rgba(255,255,255,.018))}.guideTopHead{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#fff;font:1000 11px/1 ui-monospace,Consolas,monospace;letter-spacing:.08em}.guideTopHead span{color:#ffd04f;font-size:9px}.guideGears{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:12px}.guideGear{min-height:72px;padding:8px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:rgba(255,255,255,.022);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:.48;transition:opacity .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}.guideGear b{display:grid;place-items:center;width:50px;height:38px;border:1px solid rgba(255,255,255,.18);border-bottom-width:3px;border-radius:8px;background:#111718;color:#dce3e5;font:1000 19px/1 ui-monospace,Consolas,monospace}.guideGear small{margin-top:7px;color:#8c9ba0;font:900 8px/1 ui-monospace,Consolas,monospace}.guideGear.active{opacity:1;border-color:rgba(255,95,80,.75);background:rgba(255,74,62,.085);box-shadow:0 0 20px rgba(255,70,58,.11);transform:translateY(-1px)}.guideGear.active b{background:#ff6758;color:#1b0705;border-color:#ffc0b8}.guideGear.active small{color:#fff}
.guideMeter{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin-top:11px;color:#aabec4;font:900 8px/1 ui-monospace,Consolas,monospace;letter-spacing:.05em}.guideMeter>div{height:12px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:#101617;overflow:hidden}.guideMeter i{display:block;height:100%;width:0%;transition:width .28s ease,background .18s}.guideMeter i.accel{background:linear-gradient(90deg,#56d7ff,#3c79ff)}.guideMeter i.engine{background:linear-gradient(90deg,#ff876e,#ff3838)}.guideMeter i.brake{background:linear-gradient(90deg,#ff775f,#d61818)}.guideMeter i.idle{background:#4d5b60}.guideMessage{margin-top:11px;min-height:55px;padding:10px 12px;border:1px solid rgba(89,219,255,.16);border-radius:9px;background:rgba(18,51,58,.38);text-align:center;color:#f2fbfd;font:1000 11px/1.5 ui-monospace,Consolas,monospace}.guideMessage small{display:block;margin-top:2px;color:#99b0b6;font:800 9px/1.45 ui-monospace,Consolas,monospace}
.keyboardGuideArea,.phoneGuideArea,.controllerGuideArea{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.45fr);gap:14px;align-items:start;margin-top:13px}.keyboardFrame{padding:14px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#edf0f1;color:#252829;box-shadow:inset 0 0 0 4px #c7cbcd}.kbRow{display:flex;gap:5px;margin-bottom:5px;align-items:stretch}.kbFunction{margin-bottom:9px}.kbKey{flex:1;min-width:31px;height:42px;display:grid;place-items:center;border:1px solid #5f6466;border-radius:5px;background:linear-gradient(180deg,#fff,#e4e7e8);box-shadow:0 2px 0 #878c8e;color:#252829;font:800 10px/1 ui-monospace,Consolas,monospace;transition:background .16s,color .16s,box-shadow .16s,border-color .16s,transform .16s}.kbFunction .kbKey{height:34px;font-size:9px}.kbWide{flex:1.45}.kbShift{flex:1.8}.kbTall{flex:1.4}.kbBottom{align-items:end}.kbSpace{flex:5.2}.kbArrowGroup{display:flex;gap:5px;flex:2.2}.kbArrowGroup .kbKey{min-width:36px}.kbKey.active{background:#ff5348;color:#fff;border-color:#9a1d17;box-shadow:0 2px 0 #74120d,0 0 18px rgba(255,58,48,.55);transform:translateY(-1px)}.guideSideText{padding:14px;border:1px solid rgba(89,219,255,.16);border-radius:12px;background:rgba(7,20,25,.72);color:#b9ccd2;font:800 10px/1.7 ui-monospace,Consolas,monospace}.guideSideText strong{display:block;margin-bottom:9px;color:#fff;font:1000 15px/1 ui-monospace,Consolas,monospace}.guideSideText p{margin:0 0 9px}.guideSideText b{color:#ffd45d}
.phoneGuideShell{padding:9px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#090b0d}.phoneGuideGrid{display:grid;grid-template-columns:1.22fr .82fr .72fr;grid-template-rows:1fr auto;gap:7px}.phoneGuideCockpit,.phoneGuideCenter,.phoneGuideGears,.phoneGuideBrake{border:2px solid #7d8588;border-radius:8px;background:#0e1113;position:relative;overflow:hidden}.phoneGuideCockpit{min-height:255px}.phoneGuideCockpit img{width:100%;height:100%;object-fit:cover;display:block;opacity:.93}.phoneSteer{position:absolute;bottom:22%;width:30%;height:35%;border:3px solid #e5e5e5;border-radius:50%;display:grid;place-items:center;color:white;font:1000 30px/1 ui-monospace,Consolas,monospace;background:rgba(0,0,0,.28);transition:.16s}.phoneSteer.left{left:16%}.phoneSteer.right{right:12%}.phoneGuideCenter{display:flex;flex-direction:column;min-height:255px}.phoneGuideUtility{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:7px}.phoneGuideUtility span,.phoneGuideGears span{display:grid;place-items:center;border:2px solid #8b9194;border-radius:7px;background:#111416;color:#f2f2f2;font:1000 12px/1 ui-monospace,Consolas,monospace;transition:.16s}.phoneGuideMap{flex:1;margin:0 7px 7px;border:2px solid #777e81;border-radius:7px;background:#040708;display:flex;flex-direction:column;align-items:center;padding:8px;color:#848c90;font:900 8px/1 ui-monospace,Consolas,monospace}.phoneGuideMap canvas{display:block;width:100%;height:100%;min-height:150px;margin-top:4px;border:0;background:#040708}.phoneGuideGears{padding:7px;display:grid;grid-template-rows:repeat(5,1fr);gap:6px}.phoneGuideGears span{font-size:31px}.phoneGuideBrake{grid-column:1/3;min-height:84px;display:grid;place-items:center;background:#9c241f;color:#fff;font:1000 23px/1 ui-monospace,Consolas,monospace;transition:.16s}.phoneGuideGrid [data-guide-control].active{background:#ff4f45!important;color:#fff!important;border-color:#ffd1cc!important;box-shadow:0 0 22px rgba(255,70,58,.55);transform:translateY(-1px)}
.controllerGuideArea{grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr)}.controllerSvgWrap{padding:12px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#f5f5f3;color:#222}.controllerSvg{display:block;width:100%;height:auto}.controllerSvg .padTarget{fill:rgba(255,255,255,0);stroke:rgba(255,255,255,0);stroke-width:4;color:#222;transition:.15s}.controllerSvg .padTarget text{font:900 17px ui-monospace,Consolas,monospace;fill:#777;stroke:none;text-anchor:middle}.controllerSvg .padTarget.active{fill:rgba(255,70,58,.30);stroke:#ff4035;filter:drop-shadow(0 0 8px rgba(255,55,45,.75))}.controllerSvg .padTarget.active text{fill:#c71910}.controllerGuideList{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controllerGuideList>div{display:grid;grid-template-columns:1fr auto;gap:3px 8px;align-items:center;padding:9px;border:1px solid rgba(255,255,255,.11);border-radius:9px;background:rgba(255,255,255,.025);color:#a7bbc1;font:800 9px/1.2 ui-monospace,Consolas,monospace}.controllerGuideList b{color:#fff}.controllerGuideList span{grid-column:1/2}.controllerGuideList em{grid-column:2/3;grid-row:1/3;color:#50dcff;font-style:normal}.controllerGuideList .pcAxisBar{grid-column:1/3}.controllerGuideList>div.active{border-color:rgba(80,220,255,.55);background:rgba(80,220,255,.06);box-shadow:0 0 16px rgba(80,220,255,.08)}

/* v1.2.17 JARVIS CONTROL VISUAL REFINE */
.pcControlsV1215{background:radial-gradient(circle at 50% 0%,rgba(0,181,222,.07),transparent 42%),linear-gradient(180deg,#061218 0%,#02070a 100%)!important;border:1px solid rgba(55,220,255,.5)!important;box-shadow:0 0 0 1px rgba(55,220,255,.06) inset,0 0 38px rgba(0,183,225,.11),0 28px 90px rgba(0,0,0,.82)!important}
.pcControlsV1215 .pcControlsHead,.pcControlsV1215 .pcControlTabs{background:#061218!important}.pcControlsV1215 .pcControlsHead strong{color:#ecfdff;text-shadow:0 0 14px rgba(84,226,255,.2)}.pcControlsV1215 .pcControlsHead span{color:#63dff7}.pcControlsV1215 .pcControlTabs{border-color:rgba(72,224,255,.2)!important}.pcControlsV1215 .pcControlTabs button{background:#07151b!important;border-color:rgba(78,209,235,.2)!important;color:#8eb9c4!important}.pcControlsV1215 .pcControlTabs button.active{background:linear-gradient(180deg,#53dcf8,#32b9db)!important;color:#001116!important;border-color:#b9f6ff!important;box-shadow:0 0 18px rgba(69,215,246,.15)!important}
.guideTop{border-color:rgba(64,216,246,.24)!important;background:linear-gradient(180deg,rgba(16,72,84,.22),rgba(3,15,20,.4))!important}.guideTopHead span{color:#61ddf7!important}.guideGear{border-color:rgba(65,203,231,.11)!important;background:rgba(10,29,35,.6)!important}.guideGear b{background:#071116!important;border-color:rgba(90,209,233,.22)!important;color:#c9eaf1!important}.guideGear.active{border-color:rgba(255,78,65,.82)!important;background:rgba(255,55,45,.09)!important}.guideGear.active b{background:#ff594d!important;color:#fff!important;border-color:#ffc9c4!important;box-shadow:0 0 18px rgba(255,63,52,.34)}
.keyboardFrame{background:linear-gradient(180deg,#09171d,#050d11)!important;color:#bfeaf3!important;border:1px solid rgba(73,216,244,.32)!important;box-shadow:inset 0 0 0 3px rgba(63,201,230,.05),0 0 22px rgba(40,189,219,.06)!important}.kbKey{background:linear-gradient(180deg,#0c1b21,#071116)!important;color:#8ea8af!important;border-color:#29444d!important;box-shadow:0 2px 0 #020709!important}.kbKey[data-guide-control]{border-color:#45cbe7!important;color:#bff6ff!important;box-shadow:0 0 0 1px rgba(69,203,231,.14) inset,0 0 10px rgba(69,203,231,.08)!important}.kbKey[data-guide-control].active{background:#ff554a!important;color:#fff!important;border-color:#ffd0cb!important;box-shadow:0 0 0 1px rgba(255,255,255,.08) inset,0 0 22px rgba(255,61,50,.58)!important;transform:translateY(-1px)}
.guideSideText{border-color:rgba(71,213,241,.22)!important;background:linear-gradient(180deg,rgba(8,28,35,.92),rgba(3,13,18,.94))!important;color:#9ebac2!important;box-shadow:inset 0 0 24px rgba(36,190,220,.025)}.guideSideText strong{color:#e8fbff!important}.jarvisPrimaryAction{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px;margin:4px 0 16px;padding:14px;border:1px solid rgba(80,220,255,.32);border-left:3px solid #50dcff;border-radius:8px;background:linear-gradient(90deg,rgba(21,104,124,.18),rgba(4,19,25,.45));font:1000 17px/1.35 ui-monospace,Consolas,monospace;letter-spacing:.02em}.jarvisPrimaryAction span{color:#e9fbff}.jarvisPrimaryAction b{color:#50dcff!important;white-space:nowrap}.jarvisPrimaryAction.phonePrimary{grid-template-columns:1fr;gap:6px;font-size:18px}.jarvisPrimaryAction.phonePrimary b{font-size:21px;margin:0 0 10px}.jarvisDetailText{padding-top:4px;border-top:1px solid rgba(80,220,255,.12)}
.controllerSvgWrap{background:radial-gradient(circle at 50% 42%,rgba(28,126,148,.11),rgba(3,12,16,.96) 72%)!important;color:#58d9f4!important;border:1px solid rgba(74,218,246,.32)!important;box-shadow:inset 0 0 32px rgba(33,187,216,.04),0 0 22px rgba(39,190,220,.05)!important}.jarvisController .padBase{stroke:#5ddff8;stroke-width:2.2}.jarvisController .padBody{stroke-width:3.1}.jarvisController .padShoulder,.jarvisController .padTrigger{stroke-width:2.2}.jarvisController .padInner,.jarvisController .touchPad,.jarvisController .stickBase,.jarvisController .dpadRing,.jarvisController .faceRing{opacity:.68}.jarvisController .stickInner,.jarvisController .faceBtn,.jarvisController .dpadShape,.jarvisController .smallBtn,.jarvisController .homeBtn{opacity:.86}.jarvisController .padLabel text{fill:#7fdff1;font:900 12px ui-monospace,Consolas,monospace;text-anchor:middle;letter-spacing:.04em}.jarvisController .padCallout{fill:none;stroke:#56d8f1;stroke-width:1.35;opacity:.92}.jarvisController .padCalloutDot{fill:#56d8f1;stroke:none}.jarvisController .padCalloutText{fill:#ffc94a;font:900 13px ui-monospace,Consolas,monospace;letter-spacing:.05em}.jarvisController .padCalloutSub{fill:#ffdb84;font:800 10px ui-monospace,Consolas,monospace;letter-spacing:.04em}.controllerSvg .padTarget{fill:rgba(0,0,0,0);stroke:rgba(0,0,0,0);stroke-width:3}.controllerSvg .padTarget.active{fill:rgba(255,70,58,.24);stroke:#ff5448;filter:drop-shadow(0 0 7px rgba(255,66,54,.72))}.controllerGuideList>div{border-color:rgba(74,218,246,.16)!important;background:rgba(7,24,30,.68)!important}.controllerGuideList>div.active{border-color:rgba(255,78,65,.64)!important;background:rgba(255,55,45,.08)!important;box-shadow:0 0 16px rgba(255,61,50,.09)!important}.controllerGuideList em{color:#5de0f8!important}
@media(max-width:820px){.pcControlsV1215{width:96vw!important;padding:12px!important}.keyboardGuideArea,.phoneGuideArea,.controllerGuideArea{grid-template-columns:1fr}.kbKey{font-size:8px;min-width:23px}.phoneGuideCockpit,.phoneGuideCenter{min-height:210px}.controllerGuideList{grid-template-columns:1fr}.guideSideText{display:none}}