/* A legible grey controller shell, with two self-centering Mode 2 sticks. */
.pg-touch.rc2-touch{display:block;left:50%;right:auto;bottom:69px;width:470px;transform:translateX(-50%);pointer-events:none}.rc2-dock{position:relative;pointer-events:auto;filter:drop-shadow(0 12px 22px #001b2d66);color:#343c40;isolation:isolate}.rc2-antennas{display:flex;justify-content:space-between;margin:0 56px -15px;height:32px;position:relative;z-index:-1;pointer-events:none}.rc2-antennas i{width:38px;transform:rotate(-13deg);background:linear-gradient(90deg,#8f9696,#d3d6d1 48%,#a7aeaa);border-radius:7px 7px 0 0;border:1px solid #d8ded1}.rc2-antennas i:last-child{transform:rotate(13deg)}.rc2-shoulders{display:flex;justify-content:space-between;gap:42px;padding:0 23px 4px;position:relative;z-index:1}.rc2-shoulders>div{display:flex;align-items:center;gap:8px}.rc2-shoulders button{height:27px;min-width:51px;border:1px solid #9ca5a2;border-radius:7px;background:linear-gradient(#d5d9d3,#b4bcb5);color:#3e4545;font:700 7px var(--font);box-shadow:0 2px 0 #7f8b86;cursor:pointer;padding:3px 7px}.rc2-shoulders button i{display:inline-block;width:6px;height:6px;background:#af5249;border-radius:50%;margin-right:3px}.rc2-shoulders button[aria-pressed=true] i{background:#f04937;box-shadow:0 0 8px #df472b}.rc2-shoulders label{display:block;color:#e9eee2;text-shadow:0 1px 4px #163b4a;font-size:5px;letter-spacing:1px;text-align:center;line-height:1.6}.rc2-shoulders input{display:block;width:75px;height:12px;margin:0;accent-color:#a7baab;cursor:ew-resize;touch-action:none}.rc2-body{border-radius:37px 37px 42px 42px;background:linear-gradient(120deg,#e6e8e1,#b7c0b8 45%,#d7ddd2 70%,#aab3ab);padding:16px 22px 11px;border:1px solid #e6eadb;box-shadow:inset 0 -6px 5px #83918899,inset 0 3px 2px #ffffffc2,0 3px 1px #7c8980}.rc2-manches{display:grid;grid-template-columns:112px 1fr 112px;gap:12px;align-items:center}.rc2-stick-wrap{text-align:center;font-size:5px;font-weight:700;color:#4a5654;letter-spacing:.7px}.rc2-stick-wrap>span{display:block;margin-bottom:3px}.rc2-stick-wrap>small{display:block;font-size:4.7px;margin-top:4px;font-weight:600}.rc2-stick-wrap>small b{display:block;font-size:4.5px;color:#53655d;margin-top:3px}.rc2-dock .pg-stick{width:100px;height:100px;margin:auto;background:radial-gradient(circle,#33443f 0 9%,#65746b 10% 15%,#929c92 16% 18%,#5c6a60 19% 24%,#9ca69c 25% 26%,#aab3a6 27% 45%,#8d9a8b 46% 52%,#d0d6c7 53% 62%,#a2ada2 63% 68%,#9eaa9d 69%);border:1px solid #7f8e81;box-shadow:inset 0 2px 8px #455b4f99,0 1px 1px #f6faeeaa}.rc2-dock .pg-stick:after,.rc2-dock .pg-stick:before{background:#e7efe62b}.rc2-dock .pg-stick i{width:26px;height:26px;background:radial-gradient(circle,#3d4a44 0 15%,#94a197 16% 30%,#58695c 31% 45%,#b7c0b2 46% 55%,#596b60 57%);border:1px solid #cbd4c5;box-shadow:0 4px 4px #384b40b8,inset 0 0 2px #ecf5dd}.rc2-dock .pg-stick b,.rc2-dock .pg-stick span,.rc2-dock .pg-stick em,.rc2-dock .pg-stick small{font-size:10px;color:#e5eddf;opacity:.82}.rc2-dock .pg-stick b{top:5px}.rc2-dock .pg-stick small{bottom:5px}.rc2-dock .pg-stick span{left:6px}.rc2-dock .pg-stick em{right:6px}.rc2-centre{text-align:center;align-self:center}.rc2-leds{display:flex;justify-content:center;align-items:center;gap:3px;margin-bottom:10px}.rc2-leds>i{width:4px;height:4px;border-radius:50%;background:#429e6f;margin-right:7px;box-shadow:0 0 6px #239b6d88}.rc2-leds>span{display:block;width:8px;height:3px;background:#829e76;border-radius:1px;box-shadow:inset 0 0 1px #e1ffd4}.rc2-mode{display:flex;justify-content:center;gap:1px;border-radius:5px;background:#8a978d;padding:3px;margin:0 auto 10px;width:max-content;box-shadow:inset 0 1px 3px #4b635b66}.rc2-mode button{padding:3px 9px;min-height:23px;min-width:26px;border:0;background:transparent;color:#e1e7da;border-radius:3px;font:800 8px var(--font);cursor:pointer}.rc2-mode button[aria-pressed=true]{background:linear-gradient(#eef1e6,#bdc9b7);color:#33483d;box-shadow:0 2px 2px #50625866}.rc2-front-buttons{display:flex;justify-content:center;gap:18px}.rc2-front-buttons button{border-radius:50%;width:31px;height:31px;border:1px solid #819284;background:linear-gradient(140deg,#d9e0d4,#aab6a8);color:#465e4c;box-shadow:0 2px 2px #6d7b6e88,inset 0 1px 2px #ffffffad;font-size:14px;cursor:pointer;padding:0;touch-action:none;user-select:none}.rc2-front-buttons #rcRTH{border-color:#8a7f65;position:relative;overflow:hidden}.rc2-front-buttons #rcRTH:before{content:'';position:absolute;inset:0;transform:scaleY(var(--rc-hold,0));transform-origin:bottom;background:#dfbb6e55;pointer-events:none}.rc2-front-buttons #rcRTH span{display:block;font-size:9px;line-height:10px}.rc2-front-buttons #rcRTH b{display:block;font-size:7px;font-weight:700}.rc2-centre>p{font-size:5px;letter-spacing:.6px;color:#4d6055;margin:7px 0 0;min-height:7px}.rc2-screen{margin-top:10px;border:6px solid #303a36;border-radius:8px;background:#132b31;position:relative;height:87px;box-shadow:0 0 0 1px #6c7a6e;overflow:hidden;color:#eef1d7}.rc2-screen canvas{position:absolute;width:100%;height:100%;object-fit:cover;inset:0}.rc2-screen-top,.rc2-screen-bottom{position:absolute;left:7px;right:7px;display:flex;justify-content:space-between;align-items:center;font-size:5px;text-shadow:0 1px 4px #001a25;z-index:1;pointer-events:none}.rc2-screen-top{top:5px}.rc2-screen-top b{font-size:6px;letter-spacing:.5px}.rc2-screen-top b span{background:#c6dfb4;color:#233b35;border-radius:2px;padding:1px 3px;font-size:4px;margin-left:3px}.rc2-screen-bottom{bottom:5px;font-size:6px;font-weight:700}.rc2-reticle{position:absolute;width:17px;height:17px;border:1px solid #e5edcbaa;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:3px}.rc2-reticle.focused{border-color:#a1f4b3;box-shadow:0 0 8px #7af39a44}.rc2-screen-off{position:absolute;z-index:2;inset:0;background:#152522;display:grid;place-content:center;text-align:center;font-size:8px;letter-spacing:1px;color:#b9ccc0}.rc2-screen-off[hidden]{display:none}.rc2-screen-off span{font-size:6px;letter-spacing:0;margin-top:5px}.rc2-foot{display:flex;align-items:center;justify-content:space-between;padding:8px 4px 0;gap:12px}.rc2-foot>button{background:#8192874d;border:1px solid #93a495;border-radius:5px;padding:4px 7px;min-height:24px;font-size:7px;color:#344b3f;font-weight:800;cursor:pointer}.rc2-foot>button span{font-size:5px;font-weight:600;margin-left:3px}.rc2-foot>button[aria-pressed=true]{background:#dbe7b7}.rc2-foot>b{font-size:8px;color:#5e7064;letter-spacing:.4px;font-weight:800}.rc2-foot>b>span{font-size:4px;letter-spacing:.5px;display:block;text-align:center;margin-top:2px}.rc2-caption{display:flex;justify-content:space-between;font-size:5px;letter-spacing:.6px;color:#edf3df;margin:9px 9px 0;text-shadow:0 1px 4px #052335}.pg-touch-visible .pg-telemetry{left:25px;right:auto;bottom:91px;width:170px;grid-template-columns:repeat(2,minmax(0,1fr));row-gap:22px;padding:14px 2px 19px}.pg-touch-visible .pg-telemetry>div{padding:0 10px}.pg-touch-visible .pg-telemetry>div:nth-child(even){border-right:0}.pg-touch-visible .pg-telemetry small{font-size:4.5px;letter-spacing:.4px}.pg-touch-visible .pg-telemetry b{font-size:21px}.pg-touch-visible .pg-telemetry em{font-size:8px}.pg-touch-visible .pg-telemetry i{left:10px;max-width:calc(100% - 20px)}.pg-touch-visible .pg-map{width:140px;bottom:91px;right:25px}.pg-touch-visible .pg-objective{max-width:350px}.rc2-note{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:16px 0 0;padding:12px 16px;border:1px solid #d6e6cf25;background:#15323a80;border-radius:8px;font-size:9px;color:#bfcfc5;line-height:1.8}.rc2-note strong{color:#d9e8c6;font-size:9px}.rc2-note a{font-size:9px;color:#eed49f;text-decoration:underline;text-underline-offset:3px}.rc2-media{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.rc2-media a{border:1px solid #d0dfbf38;padding:5px 8px;border-radius:4px;text-decoration:none}.rc2-media a[hidden]{display:none}.pg-record-indicator{position:absolute;z-index:5;left:50%;top:65px;transform:translateX(-50%);font-size:9px;background:#263f39c9;border-radius:5px;padding:5px 10px;color:#ffe1c0}.pg-record-indicator[hidden]{display:none}.pg-record-indicator i{display:inline-block;width:5px;height:5px;background:#ff866f;border-radius:50%;margin-right:6px}
@media(max-width:1000px) and (min-width:701px){.pg-touch.rc2-touch{width:420px}.pg-touch-visible .pg-telemetry{width:140px;left:15px}.pg-touch-visible .pg-map{width:110px;right:15px}.rc2-manches{grid-template-columns:100px 1fr 100px}.rc2-body{padding:14px 15px 10px}.rc2-shoulders{gap:20px;padding:0 20px 4px}.rc2-shoulders input{width:64px}}
@media(min-width:701px) and (max-width:860px){.pg-touch-visible .pg-map{display:none}.pg-touch-visible .pg-telemetry{left:16px;right:16px;bottom:440px;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0;padding:13px 4px 18px}.pg-touch-visible .pg-telemetry>div{border-right:1px solid #dce6cf26}.pg-touch-visible .pg-telemetry>div:last-child{border:0}.pg-touch-visible .pg-telemetry small{font-size:6px}.pg-touch-visible .pg-telemetry b{font-size:23px}}
@media(max-width:700px){.pg-game{height:790px}.pg-touch.rc2-touch{width:min(350px,calc(100% - 20px));bottom:78px}.rc2-body{padding:12px 12px 9px;border-radius:25px 25px 31px 31px}.rc2-manches{grid-template-columns:82px 1fr 82px;gap:8px}.rc2-dock .pg-stick{width:76px;height:76px}.rc2-dock .pg-stick i{width:23px;height:23px}.rc2-stick-wrap{font-size:4px}.rc2-stick-wrap>small{font-size:4px}.rc2-stick-wrap>small b{font-size:4px}.rc2-leds{margin-bottom:7px}.rc2-mode{margin-bottom:7px}.rc2-mode button{min-width:23px;min-height:20px;padding:3px 7px;font-size:7px}.rc2-front-buttons{gap:12px}.rc2-front-buttons button{width:27px;height:27px;font-size:12px}.rc2-centre>p{font-size:4px;letter-spacing:.2px;margin-top:5px}.rc2-screen{height:70px;border-width:4px;margin-top:8px}.rc2-screen-top{font-size:4px;left:5px;right:5px}.rc2-screen-top b{font-size:5px}.rc2-screen-bottom{font-size:5px}.rc2-shoulders{padding:0 16px 4px;gap:12px}.rc2-shoulders>div{gap:5px}.rc2-shoulders button{font-size:5px;min-width:42px;padding:3px 5px;height:23px}.rc2-shoulders label{font-size:4px}.rc2-shoulders input{width:60px;height:10px}.rc2-foot{padding-top:6px;gap:8px}.rc2-foot>button{font-size:6px;min-height:21px;padding:3px 5px}.rc2-foot>button span{font-size:4px}.rc2-foot>b{font-size:7px}.rc2-caption{font-size:4px;letter-spacing:.3px;margin-top:8px}.rc2-antennas{height:25px;margin:0 40px -12px}.rc2-antennas i{width:27px}.pg-touch-visible .pg-map{display:none}.pg-touch-visible .pg-telemetry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:auto;left:13px;right:13px;bottom:365px;padding:12px 2px 16px;row-gap:0}.pg-touch-visible .pg-telemetry>div{padding:0 7px;border-right:1px solid #dce6cf26!important}.pg-touch-visible .pg-telemetry>div:last-child{border-right:0!important}.pg-touch-visible .pg-telemetry small{font-size:4.2px}.pg-touch-visible .pg-telemetry b{font-size:19px}.pg-touch-visible .pg-telemetry i{left:7px;max-width:calc(100% - 14px)}.pg-touch-visible .pg-objective{max-width:unset}.rc2-note{font-size:8px;padding:11px 13px}.rc2-note strong,.rc2-note a{font-size:8px}.pg-record-indicator{top:185px;font-size:8px}.pg-game.pg-immersive .pg-touch.rc2-touch{bottom:78px}.pg-game.pg-immersive .pg-telemetry{bottom:365px}}

/* The aircraft has its own viewport; the controller belongs to the ground station. */
.pg-game{--pg-ground-height:60px;height:clamp(820px,92svh,1100px)}
.pg-game.pg-touch-visible{--pg-ground-height:405px}
.pg-flight-view{position:absolute;inset:0 0 var(--pg-ground-height) 0;overflow:hidden;isolation:isolate;background:#a1bec5}
.pg-ground-station{position:absolute;left:0;right:0;bottom:0;height:var(--pg-ground-height);z-index:3;border-top:1px solid #c1d4ba38;background:radial-gradient(ellipse at 50% 100%,#4c6050 0,#2b4039 46%,#172d30 100%);box-shadow:inset 0 12px 30px #071b2c55}
.pg-ground-station:before{content:'';position:absolute;left:50%;bottom:50px;width:min(510px,88%);height:42px;transform:translateX(-50%);border-radius:50%;background:#061e28aa;filter:blur(12px)}
.pg-ground-caption{position:absolute;left:25px;top:21px;display:grid;gap:5px;letter-spacing:1.4px;color:#d1e4be;font-size:7px}
.pg-ground-caption b{font-size:9px;font-weight:700}.pg-ground-caption span{opacity:.6;font-size:6px}
.pg-game .pg-touch.rc2-touch,.pg-game.pg-immersive .pg-touch.rc2-touch{bottom:48px}
.pg-game .pg-bottom{bottom:10px}
.pg-game .pg-flight-view .pg-telemetry{display:grid;left:20px;right:20px;bottom:12px;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));row-gap:0;padding:11px 4px 16px}
.pg-game .pg-flight-view .pg-telemetry>div{padding:0 12px;border-right:1px solid #dce6cf26}
.pg-game .pg-flight-view .pg-telemetry>div:last-child{border:0!important}
.pg-game .pg-flight-view .pg-telemetry small{font-size:6px;letter-spacing:.8px}
.pg-game .pg-flight-view .pg-telemetry b{font-size:23px;margin-top:5px}
.pg-game .pg-flight-view .pg-telemetry i{left:12px;max-width:calc(100% - 24px)}
.pg-game .pg-flight-view .pg-map{right:20px;bottom:101px;top:auto;width:115px}
@media(max-width:1000px) and (min-width:701px){
 .pg-game{height:900px}.pg-game.pg-touch-visible{--pg-ground-height:420px}
 .pg-ground-caption{left:17px;top:17px;letter-spacing:.7px}.pg-ground-caption b{font-size:8px}
}
@media(max-width:700px){
 .pg-game{height:840px}.pg-game.pg-touch-visible{--pg-ground-height:355px}
 .pg-game .pg-touch.rc2-touch,.pg-game.pg-immersive .pg-touch.rc2-touch{bottom:65px}
 .pg-game .pg-ground-caption{display:none}
 .pg-game .pg-bottom{bottom:9px}
 .pg-game .pg-flight-view .pg-map{display:none}
 .pg-game .pg-flight-view .pg-telemetry{left:10px;right:10px;bottom:11px;padding:10px 1px 15px}
 .pg-game .pg-flight-view .pg-telemetry>div{padding:0 6px}
 .pg-game .pg-flight-view .pg-telemetry small{font-size:4.8px;letter-spacing:.2px}
 .pg-game .pg-flight-view .pg-telemetry b{font-size:19px}
 .pg-game .pg-flight-view .pg-telemetry i{left:6px;max-width:calc(100% - 12px)}
}

@media(max-width:700px) and (max-height:760px){.pg-game.pg-immersive .pg-objective{top:96px;padding:7px 12px}.pg-game.pg-immersive .pg-objective>small,.pg-game.pg-immersive .pg-objective>span{display:none}.pg-game.pg-immersive .pg-objective>b{margin:0;font-size:11px}}