/* Fantinel Connect Lite: interface for a physical mouse and keyboard. */
html[data-device-profile="computer"] { --lite-pc-accent:#9be4d5; }
.lite-pc-nav { display:flex;align-items:center;gap:24px;font-size:13px;color:#adc3db; }
.lite-pc-nav a { padding:10px 0; }
.lite-pc-nav a:hover { color:#fff; }
.lite-pc-nav .lite-pc-vps-link { padding:10px 15px;border:1px solid #9be4d52e;border-radius:9px;color:#c5eee5; }
.lite-home { max-width:1100px;padding:72px 32px 40px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,1fr);gap:34px 76px;align-items:center; }
.hero-copy { text-align:left; }
.hero-copy h1 { font-size:clamp(36px,4.6vw,56px);line-height:1.12;letter-spacing:-2px;margin:20px 0; }
.hero-copy p { max-width:450px;font-size:15px;line-height:1.8;margin:0;color:#b3c7df; }
.hero-copy .eyebrow { color:var(--lite-pc-accent);letter-spacing:1.8px;font-size:10px; }
.lite-pc-benefits { padding:0;margin:28px 0 0;list-style:none;display:flex;flex-wrap:wrap;gap:10px; }
.lite-pc-benefits li { padding:8px 10px;border:1px solid #abd5ff1c;border-radius:8px;color:#b9cde4;background:#a5d3ff05;font-size:11px; }
.lite-home .connect-card { margin:0;padding:30px;border-radius:21px; }
.lite-pc-card-title { margin:0 0 23px;font-size:19px;font-weight:550;letter-spacing:-.4px; }
.lite-home .lite-download { grid-column:1/-1;max-width:640px;width:100%;justify-self:center;padding:17px 22px;border:1px solid #a1c9ef1f;border-radius:13px;background:#10203955;margin:14px 0 0; }
.lite-home .lite-download summary { font-size:12px;color:#b8cce2; }
.lite-pc-controls .session-toolbar { padding:5px 13px;min-height:44px;gap:16px; }
.lite-pc-input-hint { flex:1;min-width:0;display:flex;align-items:center;justify-content:center;gap:7px;margin:0;font-size:11px;color:#849db8; }
.lite-pc-input-hint svg { width:16px;height:16px;color:#a4c2df; }
.lite-pc-controls .viewer-actions { margin-left:auto;align-items:center;gap:8px; }
.lite-pc-controls .viewer-actions .pc-expand { color:#d5ebff;background:#a3d4ff0a;border:1px solid #a3d4ff24;padding-inline:11px; }
.lite-pc-extras { position:relative; }
.lite-pc-extras summary { display:flex;align-items:center;justify-content:center;list-style:none;padding:8px 10px;border-radius:8px;font-size:11px;color:#9eb6ce;cursor:pointer;user-select:none; }
.lite-pc-extras summary::-webkit-details-marker { display:none; }
.lite-pc-extras summary:after { content:"⌄";margin-left:7px;color:#8ba5c0; }
.lite-pc-extras[open] summary,.lite-pc-extras summary:hover { color:#e4f1ff;background:#a5d3ff12; }
.lite-pc-extras summary:focus-visible { outline:2px solid #8bc4ff;outline-offset:2px; }
.lite-pc-extras-menu { position:absolute;right:0;bottom:calc(100% + 12px);z-index:15;min-width:178px;padding:6px;border:1px solid #a2c9f43b;border-radius:10px;background:#14263b;box-shadow:0 12px 35px #0008; }
.lite-pc-controls .lite-pc-extras-menu .icon-button { width:100%;justify-content:flex-start;height:37px;padding:8px 10px; }
.lite-pc-controls .lite-pc-extras-menu .icon-button span { font-size:11px; }
.lite-pc-controls .lite-pc-extras-menu .icon-button[aria-pressed="true"] { color:#c3eee4;background:#9be4d514; }
html[data-device-profile="computer"] #pan-hint { display:none; }
html[data-device-profile="computer"] #remote-screen:focus-visible { outline:0; }
@media(min-width:760px) {
  .lite-pc-controls .keyboard-panel { padding-top:10px; }
  .lite-pc-controls .touchpad-panel { max-width:620px; }
  .lite-pc-controls #touchpad { height:90px; }
}
@media(max-width:820px) {
  .site-header { padding-inline:22px; }
  .brand { font-size:19px; }
  .lite-home { max-width:580px;padding:36px 24px;grid-template-columns:1fr;gap:30px; }
  .hero-copy h1 { font-size:42px; }
  .hero-copy p { font-size:14px; }
  .lite-pc-benefits { margin-top:20px; }
  .lite-home .lite-download { margin:0; }
  .lite-pc-input-hint { display:none; }
}
@media(max-width:500px) {
  .site-header { padding-inline:15px;gap:10px; }
  .brand { font-size:16px;letter-spacing:-.6px;gap:6px; }
  .brand img { width:25px;height:25px; }
  .edition-badge { font-size:9px;margin-left:2px;padding:3px 5px; }
  .lite-pc-nav { gap:12px;font-size:11px; }
  .lite-pc-nav .lite-pc-vps-link { padding:8px; }
  .lite-home { padding:29px 20px;gap:25px; }
  .hero-copy h1 { font-size:37px; }
  .lite-home .connect-card { padding:23px; }
  .lite-pc-controls .session-toolbar { gap:6px;padding-inline:8px; }
  .lite-pc-extras summary { font-size:10px;padding-inline:7px; }
  .lite-pc-controls .viewer-actions { gap:3px; }
  .lite-pc-controls .viewer-actions .pc-expand { padding-inline:7px; }
}

html[data-device-profile="computer"] #play-game,html[data-device-profile="computer"] #game-overlay{display:none!important}
html[data-device-profile="computer"] .vps-home{max-width:1100px}
html[data-device-profile="computer"] .vps-home .vps-panel{margin-top:0}
html[data-device-profile="computer"] .vps-home .vps-footnote,html[data-device-profile="computer"] .vps-home #vps-error{grid-column:1/-1}
