body{background-color:#f9f9f9;font-family:Arial,sans-serif;text-align:center}.main-content{padding-bottom:60px}.container,.vision-sequence-wrapper,.challenge-wrapper{max-width:800px;margin:20px auto 40px;padding:20px;background:#fff;border-radius:8px;box-shadow:2px 2px 12px #0000001a;text-align:left}.challenge-wrapper h2,.vision-sequence-wrapper h2{text-align:center}.landing-container{position:relative;min-height:100vh;padding:2rem;background:linear-gradient(120deg,#f6f9fc,#e1ecf7);overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center}.landing-content{max-width:600px;margin:0 auto;background:#fff;padding:2.5rem 2rem;border-radius:12px;box-shadow:0 0 15px #0000001a}.landing-title{font-size:2.2rem;margin-bottom:1rem;color:#222}.landing-description{font-size:1.1rem;color:#555;margin-bottom:2rem;line-height:1.6}.start-adventure-btn{background:#007bff;color:#fff;padding:.8rem 1.4rem;font-size:1rem;border:none;border-radius:8px;cursor:pointer;transition:background .3s}.start-adventure-btn:hover{background:#0056b3}.floating-icons{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.icon{position:absolute;width:60px;height:60px;opacity:.2;animation:floatIcons 6s ease-in-out infinite}.icon-eye{background-image:url(https://img.icons8.com/emoji/48/eye-emoji.png);background-size:contain;background-repeat:no-repeat;top:10%;left:5%}.icon-ear{background-image:url(https://img.icons8.com/emoji/48/ear-emoji.png);background-size:contain;background-repeat:no-repeat;top:30%;left:80%}.icon-wheelchair{background-image:url(https://img.icons8.com/emoji/48/person-in-manual-wheelchair.png);background-size:contain;background-repeat:no-repeat;top:60%;left:20%}.icon-keyboard{background-image:url(https://img.icons8.com/emoji/48/keyboard.png);background-size:contain;background-repeat:no-repeat;top:80%;left:60%}@keyframes floatIcons{0%{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(15deg)}to{transform:translateY(0) rotate(0)}}.vision-panels{display:flex;gap:20px;margin-bottom:20px}.panel{flex:1;background:#f3f3f3;border-radius:8px;padding:15px;min-height:150px;position:relative}.normal-view{background:#fafafa}.impaired-view{background:#e0e0e0}.tooltip-trigger{position:relative;display:inline-block;margin-top:10px}.tooltip-icon{background:#eee;border-radius:50%;padding:2px 6px;margin-left:5px;cursor:pointer}.tooltip-content{visibility:hidden;opacity:0;background:#222;color:#fff;padding:8px 12px;border-radius:6px;position:absolute;left:0;top:120%;width:240px;transition:opacity .3s ease,visibility .3s ease;z-index:999;font-size:.9rem}.tooltip-trigger:hover .tooltip-content{visibility:visible;opacity:1}.educative-panel{background:#f0f0f0;padding:10px;margin-bottom:15px;border-left:5px solid #007bff;font-size:.95rem}.severity-controls{margin:20px 0}.severity-controls input[type=range]{width:100%}.success-msg{background:#5cb85c;color:#fff;padding:10px;margin-top:20px;border-radius:5px;text-align:center}.tunnel-vision-container{position:relative;margin:20px 0;padding:20px;border:1px solid #ccc;overflow:hidden;background:#fff;outline:none}.sample-content{position:relative;z-index:2;padding:10px}.sample-content.fixed-layout{max-width:300px;margin:0 auto;font-size:18px;line-height:1.6;padding:15px;border:2px solid #007bff;border-radius:5px}.tunnel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000c;pointer-events:none;z-index:3}.tunnel-vision-container:focus-within,.tunnel-vision-container button:focus,.tunnel-vision-container a:focus,.tunnel-vision-container input:focus{outline:2px solid blue}.vision-sequence-wrapper{max-width:800px;margin:20px auto;padding:20px;background:#fff;border-radius:8px;box-shadow:2px 2px 12px #0000001a;text-align:center}.glare-container{display:flex;gap:20px;margin-bottom:20px;transition:background .5s,color .5s}.glare-container.dark-mode{background:#1a1a1a;color:#e6e6e6}.glare-container.dark-mode .panel{background:#2a2a2a}.glare-container.dark-mode .normal-view h4,.glare-container.dark-mode .impaired-view h4{color:#fff}.glare-container.dark-mode .normal-view p,.glare-container.dark-mode .impaired-view p{color:#e6e6e6}.floaters-simulation{position:relative;margin:20px 0;border:1px solid #ccc;overflow:hidden;padding:20px}.text-container{width:100%;box-sizing:border-box;white-space:normal;overflow-wrap:break-word;transition:font-size .5s ease;font-size:16px}.text-container.zoomed{font-size:32px;line-height:1.4}.floaters-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.floater{position:absolute;font-size:2rem;color:#000000b3;pointer-events:auto;-webkit-user-select:none;user-select:none;animation:floatersAnim 3s ease-in-out infinite}@keyframes floatersAnim{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}to{opacity:.8;transform:scale(1)}}.colorblind-panels{margin-top:20px;display:flex;gap:20px}.colorblind-view{transition:filter .5s ease}.colorblind-view.fixed-palette{background:#fafafa}.example-content{margin-top:10px}.error-text-normal{color:red;margin-bottom:10px}.success-btn-normal{background-color:green;color:#fff;border:none;padding:8px 12px;margin-bottom:10px;cursor:pointer}.low-contrast-text-normal{color:#bbb;margin-bottom:10px}.color-only-link{color:#00f;cursor:pointer;text-decoration:none}.error-text-cb{color:red;margin-bottom:10px;transition:color .5s}.error-text-cb.fixed-error{color:#000}.error-text-cb.fixed-error:before{content:"🚫 "}.success-btn-cb{background-color:green;color:#fff;border:none;padding:8px 12px;margin-bottom:10px;cursor:pointer;transition:background .5s,color .5s}.success-btn-cb.fixed-contrast{background-color:#0056b3}.low-contrast-text-cb{color:#bbb;margin-bottom:10px;transition:color .5s}.low-contrast-text-cb.fixed-contrast{color:#333}.color-only-link-cb{color:#00f;cursor:pointer;text-decoration:none;transition:text-decoration .5s,color .5s}.color-only-link-cb.fixed-links{text-decoration:underline}.fix-tools{margin-top:20px;display:flex;flex-wrap:wrap;gap:10px}.fix-btn{background:#4caf50;border:none;color:#fff;padding:10px 14px;cursor:pointer;border-radius:5px;transition:background .3s}.motor-challenge{position:relative;min-height:250px;background:#f3f3f3;overflow:hidden}.motor-challenge{cursor:none}.custom-cursor{position:absolute;z-index:10;pointer-events:none;width:15px;height:15px}.target-container{position:relative;width:100%;height:50px}.normal-view{cursor:none}*/ .small-btn{font-size:.8rem;padding:6px 10px;border:1px solid #333;border-radius:4px;background-color:#ccc;cursor:pointer;transition:background .2s}.small-btn:hover{background-color:#bbb}.progress-container{position:relative;background:#eee;border-radius:8px;height:20px;width:100%;margin:10px 0;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,#4caf50,#81c784);border-radius:8px}.progress-text{position:absolute;width:100%;text-align:center;top:0;left:0;line-height:20px;font-size:.9rem;color:#333;pointer-events:none}.next-btn{background:#007bff;color:#fff;padding:12px 24px;border:none;border-radius:5px;cursor:pointer;margin-top:20px;transition:background .3s}.next-btn:hover{background:#0056b3}.shaky-btn{background-color:#f44336;color:#fff;border:none;padding:8px 16px;font-size:14px;border-radius:4px;cursor:pointer;position:relative}.fix-btn{background:#4caf50;border:none;color:#fff;padding:12px 20px;cursor:pointer;border-radius:5px;transition:background .3s;margin-top:10px}.fix-btn:hover{background:#388e3c}.next-button{animation:fadeInUp .5s ease-in-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px) rotate(0)}to{opacity:0;transform:translateY(800px) rotate(720deg)}}.certificate-container{border:10px double #8c8c8c;background:#fefcf5;padding:2.5rem;border-radius:12px;max-width:700px;margin:2rem auto;font-family:Georgia,serif;box-shadow:0 0 30px #0000001a}.certificate-container h2{font-family:Cinzel,serif;font-size:1.8rem;margin-bottom:1rem;text-align:center;letter-spacing:.5px}.certificate-container p{margin:.5rem 0;text-align:center;line-height:1.6}.certificate-name{font-size:1.4rem;font-weight:700;margin-top:1rem;text-decoration:underline}