.controller-test{color:#fff9e5;max-width:1440px;min-height:100dvh;margin:auto;padding:28px 40px 40px;font-size:18px;line-height:1.5}.controller-test:focus{outline:none}.test-header{color:#c3d3ae;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;font-size:16px;display:flex}.test-back{color:#e5efb9;align-items:center;gap:8px;padding:8px 0;text-decoration:none;display:inline-flex}:is(.controller-test a:focus-visible,.controller-test button:focus-visible,.controller-test textarea:focus-visible){outline-offset:4px;outline:3px solid #fbce69}.test-title{color:#e5efb9;align-items:center;gap:14px;display:flex}.test-title h1{font-size:40px;line-height:1.2}.test-intro{color:#d6dfc4;margin:12px 0 22px}.test-status{background:#244b37;border:1px solid #a3bb7980;border-radius:18px;padding:20px 24px}.test-status-title{font-size:25px;font-weight:700}.test-flags{color:#d4e2b9;flex-wrap:wrap;gap:12px 32px;margin-top:8px;font-size:16px;display:flex}.test-directions{grid-template-columns:1fr auto;align-items:center;gap:0 28px;margin:20px 0;display:grid}.test-directions ol{margin:0;padding-left:24px}.test-directions li+li{margin-top:5px}.test-directions>p{color:#bdcfaa;grid-column:1/-1;margin:12px 0 0;font-size:16px}.test-button{color:#213e2d;background:#e5eeb7;border:1px solid #ebf2ad;border-radius:12px;min-height:48px;padding:10px 20px;font-weight:700}.test-button:hover{background:#f3f8d6}.test-empty{color:#d0debb;border:1px dashed #8eaa7788;border-radius:18px;margin:28px 0;padding:32px}.test-pad{color:#2b4934;background:#fffbea;border-radius:20px;margin:24px 0;padding:24px}.test-pad-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;display:flex}.test-pad h2,.test-results h2{margin:0;font-size:24px}.test-pad-heading>span{font-size:16px}.test-device{color:#526748;overflow-wrap:anywhere;margin:5px 0 20px;font-size:14px}.test-inputs{grid-template-columns:2fr 1fr;gap:26px;display:grid}.test-buttons{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.test-key{background:#e9ecd9;border:2px solid #0000;border-radius:12px;flex-direction:column;justify-content:space-between;min-height:94px;padding:10px 12px;display:flex}.test-key b{font-size:17px;line-height:1.25}.test-key span,.test-key small{color:#546648;font-size:14px}.test-key.was-seen{border-color:#789952}.test-key.is-pressed{color:#fff;background:#306240;border-color:#244b32}.test-key.is-pressed span,.test-key.is-pressed small{color:#eef5d0}.test-axis+.test-axis{margin-top:18px}.test-axis>div{justify-content:space-between;gap:14px;font-size:16px;display:flex}.test-axis output{font-variant-numeric:tabular-nums}.test-axis meter{accent-color:#527b3e;width:100%;height:22px;display:block}.test-axis small,.test-axes p{color:#526748;font-size:14px}.test-results{grid-template-columns:1fr 1fr;gap:28px;margin-top:30px;display:grid}.test-results p{color:#ccdbb8;margin:10px 0 18px}.test-results textarea{resize:vertical;color:#e1edc5;background:#102e25;border:1px solid #93ac7480;border-radius:14px;width:100%;min-height:250px;padding:18px;font:14px/1.6 monospace}.test-copy-status{margin-top:10px;font-size:16px;display:block}.test-footer{color:#bbcca6;margin-top:24px;font-size:14px}.atlas-footer a{color:#e3edb5;text-underline-offset:3px;white-space:nowrap;text-decoration:underline}.atlas-footer a:focus-visible{outline-offset:4px;outline:3px solid #fbce69}@media (max-width:800px){.controller-test{padding:20px;font-size:16px}.test-title h1{font-size:32px}.test-inputs,.test-results{grid-template-columns:1fr}.test-axes{grid-template-columns:1fr 1fr;gap:16px;display:grid}.test-axis+.test-axis{margin-top:0}.test-axes p{grid-column:1/-1}.test-directions{display:block}.test-directions .test-button{margin-top:16px}.test-header{font-size:14px}.test-pad{padding:18px}.test-status-title{font-size:22px}}@media (max-width:440px){.test-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.test-header{align-items:flex-start}.test-header>span{text-align:right;max-width:150px}.test-flags{gap:6px 20px}.test-axes{grid-template-columns:1fr}}