.controller-feedback{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-block:18px}.controller-input{display:flex;flex-direction:column;justify-content:center;min-height:64px;padding:10px;border:1px solid #495471;border-radius:10px;color:#dce5fa;background:#10192d;font-size:14px;overflow-wrap:anywhere}.controller-input small{margin-top:4px;color:#aebbd1;font-size:12px}.controller-input.is-pressed{border-color:#86efac;background:#17392c;color:#dcffe9;box-shadow:inset 0 0 0 1px #86efac}.controller-input.is-pressed small{color:#adf7c5;font-weight:700}.controller-activity{min-height:3em;padding:14px;border-left:3px solid #71e5ef;background:#111c30;color:#e5f8ff;line-height:1.6}.controller-technical{margin-block:18px}.controller-technical summary{cursor:pointer;padding-block:12px;color:#c3d2e9;min-height:44px}.controller-technical summary:focus-visible{outline:3px solid #f6d574;outline-offset:4px}.keyboard-helper{margin-block:24px}.keyboard-helper h3{font-size:16px;line-height:1.6}.keyboard-helper dl{display:grid;gap:0}.keyboard-helper dl>div{display:flex;justify-content:space-between;gap:16px;padding-block:12px;border-bottom:1px solid #37435c}.keyboard-helper dt{color:#b9c6dc}.keyboard-helper dd{margin:0;text-align:right;color:#eff5ff}.keyboard-helper kbd{font:inherit;font-weight:700}[data-controller-name]{overflow-wrap:anywhere}@media(max-width:560px){.controller-feedback{grid-template-columns:repeat(2,minmax(0,1fr))}}
