.controldeck-rotate{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;justify-items:center;gap:12px;padding:28px;background:radial-gradient(circle at 50% 38%,#102b3d 0,#030811 46%,#010306 100%);color:#f5fdff;text-align:center}.controldeck-rotate[hidden]{display:none}.controldeck-rotate-phone{width:64px;height:96px;border:2px solid #63f3ff;border-radius:16px;display:grid;place-items:center;font-size:36px;box-shadow:0 0 40px #63f3ff33;animation:deckRotate 1.5s ease-in-out infinite}.controldeck-rotate b{font-size:18px;letter-spacing:.16em}.controldeck-rotate span{max-width:320px;color:#7994a8;font-size:10px;letter-spacing:.08em}@keyframes deckRotate{0%,100%{transform:rotate(0)}50%{transform:rotate(90deg)}}
.controldeck-system{position:absolute;z-index:40;right:16px;top:68px;width:min(390px,calc(100% - 32px));padding:14px;border:1px solid color-mix(in srgb,var(--accent) 35%,#263b4d);border-radius:18px;background:linear-gradient(145deg,#07131ef5,#02070df5);box-shadow:0 24px 70px #000c,inset 0 0 40px #ffffff05;backdrop-filter:blur(18px)}.controldeck-system[hidden]{display:none}.controldeck-system-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding-bottom:10px;border-bottom:1px solid #1b3448}.controldeck-system-head>div{display:grid;gap:3px}.controldeck-system-head small{font-size:6px;letter-spacing:.18em;color:var(--accent);font-weight:950}.controldeck-system-head b{font-size:12px;letter-spacing:.1em}.controldeck-system-head button{width:34px;height:34px;border-radius:50%;border:1px solid #29465b;background:#07121b;color:#dffbff;font-size:20px}.controldeck-system-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.controldeck-system-grid>div{padding:9px 10px;border:1px solid #183248;border-radius:11px;background:#06101a}.controldeck-system-grid small{display:block;font-size:5px;letter-spacing:.16em;color:#69869d}.controldeck-system-grid b{display:block;margin-top:3px;font-size:8px;letter-spacing:.06em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.controldeck-system-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.controldeck-system-actions button{min-height:42px;border:1px solid color-mix(in srgb,var(--accent) 35%,#254157);border-radius:12px;background:color-mix(in srgb,var(--accent) 8%,#08131c);color:#effcff;font-size:8px;font-weight:950;letter-spacing:.09em}.private-game-screen-home{display:contents}
.controller-stage[data-controldeck-chassis="gamepad"]{display:grid!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;padding:8px!important;gap:6px!important}.controller-stage[data-controldeck-chassis="gamepad"]>.layout-banner{grid-column:1!important;grid-row:1!important}.controldeck-gamepad{grid-column:1!important;grid-row:2!important;min-height:0;height:100%;display:grid;grid-template-columns:minmax(145px,1fr) minmax(180px,1.2fr) minmax(145px,1fr);gap:9px;align-items:stretch;padding:7px;border:1px solid #223d52;border-radius:30px;background:radial-gradient(circle at 50% 44%,color-mix(in srgb,var(--accent) 10%,transparent),transparent 30%),linear-gradient(145deg,#0b1621,#03070c 58%,#0a131d);box-shadow:inset 0 0 70px #000c,0 18px 50px #0008;overflow:hidden}.deck-wing,.deck-center{min-width:0;min-height:0;position:relative}.deck-wing{display:grid;grid-template-rows:auto minmax(0,1fr);gap:7px}.deck-shoulders{display:grid;grid-template-columns:1fr 1fr;gap:6px}.deck-shoulder{min-height:36px;border:1px solid #2b465a;border-radius:11px 11px 16px 16px;background:linear-gradient(#132331,#071018);color:#effbff;display:grid;place-items:center;padding:5px;box-shadow:inset 0 -8px 18px #0005}.deck-shoulder b{font-size:8px;letter-spacing:.08em}.deck-shoulder small{font-size:5px;color:#7891a4}.deck-shoulder.pressed{transform:translateY(2px);border-color:var(--accent);box-shadow:0 0 18px color-mix(in srgb,var(--accent) 20%,transparent),inset 0 0 12px color-mix(in srgb,var(--accent) 14%,transparent)}.deck-shoulder:disabled{opacity:.25}.deck-left-body{min-height:0;display:grid;place-items:center}.deck-left-body .virtual-stick{width:100%;height:100%;min-height:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}.deck-left-body .virtual-stick .control-label{display:none}.deck-left-body .stick-zone{inset:0!important}.deck-left-body .stick-rings{width:min(28vh,190px)!important;max-width:100%}.deck-left-body .stick-knob{width:min(12vh,76px);height:min(12vh,76px)}.deck-center{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:6px;padding:6px 5px}.deck-center-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 3px}.deck-center-head small{font-size:5px;letter-spacing:.16em;color:var(--accent);font-weight:950}.deck-center-head b{font-size:7px;letter-spacing:.08em;color:#a7bccb}.deck-screen{position:relative;min-height:0;border:1px solid #254158;border-radius:16px;background:radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--accent) 11%,#09141e),#02070c 72%);overflow:hidden;box-shadow:inset 0 0 44px #0009}.deck-screen-empty{position:absolute;inset:0;display:grid;place-content:center;text-align:center;gap:5px;padding:12px;pointer-events:none}.deck-screen-empty b{font-size:13px;letter-spacing:.12em}.deck-screen-empty span{font-size:6px;letter-spacing:.12em;color:#69879d}.deck-screen .private-game-screen{height:100%;min-height:0;margin:0;border:0;border-radius:0;background:#03080edb}.deck-screen .private-game-screen:not([hidden])~.deck-screen-empty{display:none}.deck-system-row{display:flex;justify-content:center;gap:8px}.deck-system-button{width:44px;height:28px;border:1px solid color-mix(in srgb,var(--accent) 42%,#213d51);border-radius:999px;background:radial-gradient(circle,var(--accent) 0 8%,#0b1b27 10% 34%,#03080d 70%);color:#dffbff;font:950 8px/1 system-ui;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 12%,transparent)}.deck-right-body{min-height:0;display:grid;place-items:center}.deck-face-cluster{position:relative;width:min(28vh,180px);max-width:100%;aspect-ratio:1}.deck-face{position:absolute;width:42%;aspect-ratio:1;border-radius:50%;border:1px solid #3a5265;background:radial-gradient(circle at 35% 28%,#1f3342,#09131c 56%,#02060a 100%);color:#f2fbff;box-shadow:0 10px 18px #0009,inset 0 0 16px #ffffff08;display:grid;place-content:center;text-align:center;gap:2px;padding:5px}.deck-face strong{font-size:clamp(16px,5vh,28px);line-height:.9;color:var(--accent);text-shadow:0 0 15px color-mix(in srgb,var(--accent) 55%,transparent)}.deck-face span{font-size:clamp(5px,1.35vh,8px);font-weight:950;letter-spacing:.05em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.deck-face small{font-size:4px;color:#6f889c}.deck-face-triangle{left:29%;top:0}.deck-face-circle{right:0;top:29%}.deck-face-cross{left:29%;bottom:0}.deck-face-square{left:0;top:29%}.deck-face.pressed{transform:scale(.92);border-color:var(--accent);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 32%,transparent),inset 0 0 22px color-mix(in srgb,var(--accent) 18%,transparent)}.deck-face:disabled{opacity:.2}.deck-aux{grid-column:1/-1;display:flex;gap:6px;justify-content:center}.deck-aux .control-button{min-height:38px!important}.controller-stage[data-controldeck-chassis="gamepad"] .controldeck-gamepad .control-button,.controller-stage[data-controldeck-chassis="gamepad"] .controldeck-gamepad .virtual-stick{grid-column:auto!important;grid-row:auto!important;grid-area:auto!important}
@media(orientation:landscape) and (max-height:600px){.controller-app[data-controldeck-chassis="gamepad"],.controller-app[data-controldeck-chassis="cockpit"],.controller-app[data-controldeck-chassis="adaptive"]{grid-template-rows:auto 1fr;padding:env(safe-area-inset-top) max(8px,env(safe-area-inset-right)) env(safe-area-inset-bottom) max(8px,env(safe-area-inset-left))}.controller-app[data-controldeck-chassis="gamepad"] header,.controller-app[data-controldeck-chassis="cockpit"] header,.controller-app[data-controldeck-chassis="adaptive"] header{padding:5px 0;border:0}.controller-app[data-controldeck-chassis="gamepad"] .controller-hud,.controller-app[data-controldeck-chassis="cockpit"] .controller-hud,.controller-app[data-controldeck-chassis="adaptive"] .controller-hud{display:none}.controller-app[data-controldeck-chassis="gamepad"] .profile-shell{border-radius:22px}.controller-app[data-controldeck-chassis="gamepad"] .profile-top{display:none}.controller-app[data-controldeck-chassis="gamepad"] footer{display:none}.controller-app[data-controldeck-chassis="gamepad"] .profile-shell{grid-template-rows:minmax(0,1fr)}.controller-app[data-controldeck-chassis="gamepad"] .controller-stage{height:100%}.controller-brand small{font-size:4.5px}.controller-link-tools .controller-performance{display:none}.controldeck-system{top:48px;right:8px;width:min(360px,calc(100% - 16px));max-height:calc(100dvh - 58px);overflow:auto}.controldeck-gamepad{grid-template-columns:minmax(130px,1fr) minmax(160px,1.05fr) minmax(130px,1fr);gap:6px;padding:5px}.layout-banner{padding:4px 8px!important}.layout-banner small{display:none}.layout-banner b{font-size:8px!important}.layout-banner span{font-size:5px!important}.deck-shoulder{min-height:28px}.deck-center{padding:3px}.deck-center-head{display:none}.deck-system-row{height:24px}.deck-system-button{height:22px;width:38px}}
@media(orientation:landscape) and (max-width:720px){.controldeck-gamepad{grid-template-columns:1fr .95fr 1fr}.deck-face-cluster{width:min(30vh,150px)}.deck-left-body .stick-rings{width:min(30vh,160px)!important}.connection-pill{display:none}.optimize-controller{display:none}.system-home-button{font-size:7px;padding:6px 8px}}

.controldeck-input-lab{margin:0 0 12px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,#173248);border-radius:13px;background:linear-gradient(145deg,#06131d,#03090f)}.controldeck-input-lab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:8px;border-bottom:1px solid #173147}.controldeck-input-lab-head small{font-size:5px;letter-spacing:.18em;color:var(--accent);font-weight:950}.controldeck-input-lab-head b{font-size:6px;letter-spacing:.1em;color:#7894a7}.controldeck-input-lab-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding-top:8px}.controldeck-input-lab-grid>div{min-width:0;padding:7px 8px;border-radius:9px;background:#040c13;border:1px solid #132b3d}.controldeck-input-lab-grid small{display:block;font-size:4.5px;letter-spacing:.14em;color:#637f93}.controldeck-input-lab-grid b{display:block;margin-top:3px;font:850 7px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;color:#e8fbff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}


/* ControlDeck Pro Hardware · Run 21 */
.controldeck-pro-settings{margin:0 0 12px;padding:10px;border:1px solid color-mix(in srgb,var(--accent) 28%,#173248);border-radius:13px;background:linear-gradient(145deg,#071620,#03090f)}
.controldeck-pro-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding-top:9px}.controldeck-pro-grid label{display:grid;gap:5px;min-width:0}.controldeck-pro-grid label>span{font-size:5px;letter-spacing:.13em;color:#6f8ca0;font-weight:900}.controldeck-pro-grid select,.controldeck-pro-grid input[type=range]{width:100%;min-width:0}.controldeck-pro-grid select{height:32px;border:1px solid #1b3a50;border-radius:9px;background:#050e15;color:#e9fbff;padding:0 7px;font-size:7px;font-weight:900}.controldeck-pro-grid .controldeck-range{grid-column:1/-1}.controldeck-pro-grid .controldeck-range span{display:flex;justify-content:space-between}.controldeck-pro-grid input[type=range]{accent-color:var(--accent)}
.deck-left-controls{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(54px,.42fr);gap:7px;align-items:center}.deck-left-controls>.virtual-stick{min-width:0;min-height:0}.deck-left-controls .stick-rings{width:min(30vh,205px)!important}.deck-left-controls .stick-knob{width:min(13vh,82px);height:min(13vh,82px);border-width:2px;box-shadow:0 10px 26px #000b,inset 0 0 20px #ffffff10,0 0 18px color-mix(in srgb,var(--accent) 10%,transparent)}
.deck-dpad{position:relative;width:min(15vh,92px);max-width:100%;aspect-ratio:1;margin:auto;filter:drop-shadow(0 9px 12px #0009)}.deck-dpad:before{content:"";position:absolute;inset:29%;border-radius:9px;background:linear-gradient(145deg,#1a2a36,#071018);border:1px solid #31495a;box-shadow:inset 0 0 12px #0008}.deck-dpad-key{position:absolute;width:38%;height:38%;border:1px solid #344b5e;background:linear-gradient(145deg,#182733,#071019);color:#b8d3e4;font-size:clamp(8px,2.2vh,13px);font-weight:950;display:grid;place-items:center;touch-action:none;user-select:none;box-shadow:inset 0 -7px 12px #0006}.deck-dpad-up{left:31%;top:0;border-radius:10px 10px 5px 5px}.deck-dpad-right{right:0;top:31%;border-radius:5px 10px 10px 5px}.deck-dpad-down{left:31%;bottom:0;border-radius:5px 5px 10px 10px}.deck-dpad-left{left:0;top:31%;border-radius:10px 5px 5px 10px}.deck-dpad-key.pressed{transform:translateY(2px) scale(.96);color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 25%,transparent),inset 0 0 14px color-mix(in srgb,var(--accent) 12%,transparent)}
.deck-shoulder{position:relative;overflow:hidden;touch-action:none}.deck-trigger-fill{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--trigger-pressure,0) * 100%);background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 28%,transparent),transparent);pointer-events:none;transition:height 55ms linear}.deck-shoulder b,.deck-shoulder small{position:relative;z-index:1}.deck-shoulder[data-slot="l2"],.deck-shoulder[data-slot="r2"]{border-radius:13px 13px 19px 19px;box-shadow:inset 0 -10px 18px #0007,0 7px 14px #0006}
.deck-face{touch-action:none;transition:transform 55ms ease,border-color 80ms ease,box-shadow 80ms ease}.deck-face:after{content:"";position:absolute;inset:7%;border-radius:50%;border:1px solid #ffffff08;pointer-events:none}.deck-face strong{filter:drop-shadow(0 0 9px color-mix(in srgb,var(--accent) 30%,transparent))}
.controller-app[data-handed="lefty"] .deck-left{order:3}.controller-app[data-handed="lefty"] .deck-center{order:2}.controller-app[data-handed="lefty"] .deck-right{order:1}.controller-app[data-handed="lefty"] .deck-left-controls{grid-template-columns:minmax(54px,.42fr) minmax(0,1fr)}.controller-app[data-handed="lefty"] .deck-left-controls>.virtual-stick{order:2}.controller-app[data-handed="lefty"] .deck-dpad{order:1}
.controller-app[data-control-size="compact"] .controldeck-gamepad{grid-template-columns:minmax(118px,.95fr) minmax(145px,.9fr) minmax(118px,.95fr);gap:5px;padding:4px}.controller-app[data-control-size="compact"] .deck-face-cluster{width:min(25vh,140px)}.controller-app[data-control-size="compact"] .deck-left-controls .stick-rings{width:min(25vh,150px)!important}.controller-app[data-control-size="compact"] .deck-dpad{width:min(13vh,68px)}
.controller-app[data-control-size="large"] .controldeck-gamepad{grid-template-columns:minmax(175px,1.08fr) minmax(190px,1fr) minmax(175px,1.08fr)}.controller-app[data-control-size="large"] .deck-face-cluster{width:min(31vh,205px)}.controller-app[data-control-size="large"] .deck-left-controls .stick-rings{width:min(32vh,225px)!important}.controller-app[data-control-size="large"] .deck-dpad{width:min(17vh,104px)}
@media(orientation:landscape) and (max-width:720px){.deck-left-controls{grid-template-columns:minmax(0,1fr) minmax(46px,.34fr);gap:4px}.deck-dpad{width:min(13vh,70px)}.controller-app[data-handed="lefty"] .deck-left-controls{grid-template-columns:minmax(46px,.34fr) minmax(0,1fr)}}