:root{color-scheme:dark;--bg:#061a22;--mint:#b9e2c7;--line:#9fceb42d;--muted:#8fafa1}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 70% 15%,#13383e,transparent 50%),var(--bg);color:#e1eee5;font-family:Arial,sans-serif}header{max-width:1440px;margin:auto;padding:36px 5%;display:flex;justify-content:space-between;align-items:center}.brand{font-size:25px;color:#e1eee5;letter-spacing:4px;text-decoration:none}.brand small{display:block;font-size:7px;letter-spacing:2px;margin-top:10px;color:var(--muted)}a{color:#bad7c4}.back{font-size:11px;text-decoration:none;border-bottom:1px solid var(--line);padding:9px}main{max-width:1440px;margin:auto;padding:40px 5%}.intro{max-width:900px;margin-bottom:40px}.eyebrow{font-size:9px;letter-spacing:2px;color:#91b7a3}h1{font:normal clamp(44px,5.6vw,76px)/1.04 Georgia,serif;letter-spacing:-2px;margin:25px 0}h1 em{color:var(--mint)}p{font-size:13px;line-height:1.9;color:#a8c0b3;max-width:680px}.facts{display:flex;gap:50px;margin:30px 0}.facts b{font:36px Georgia,serif;display:block}.facts span{font-size:7px;letter-spacing:1px;color:var(--muted);display:block;margin-top:8px}.disclosure{font-size:11px;max-width:800px;color:#83a495}.experiment,.network-panel,.sensor-panel,.bench{border:1px solid var(--line);border-radius:9px;overflow:hidden;background:#06202988}.window-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;font-size:8px;letter-spacing:1.2px;background:#c0e8d008;border-bottom:1px solid var(--line);color:var(--muted)}.window-head i{width:6px;height:6px;border-radius:50%;background:#91bda957;display:inline-block;margin-right:5px}.window-head strong{font-size:8px;font-weight:400;color:var(--mint)}.toolbar{padding:14px 20px;display:flex;gap:10px;align-items:center;flex-wrap:wrap;border-bottom:1px solid var(--line)}label{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:9px}button,select{font:11px Arial,sans-serif;background:#c0ead00e;color:#c3dfcc;border:1px solid #afd8bf40;border-radius:4px;padding:10px 14px;cursor:pointer}select{background:#102d32}button:hover{background:#bedec722}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:4px}#stage{height:390px;position:relative;background:radial-gradient(ellipse at 50% 100%,#154240,#071c29);overflow:hidden}.stage-grid{position:absolute;inset:0;background-image:linear-gradient(#90bfa50a 1px,transparent 1px),linear-gradient(90deg,#90bfa50a 1px,transparent 1px);background-size:34px 34px}.stage-caption{position:absolute;top:22px;left:24px;font-size:11px;color:#97b9a7}.stage-bottom{position:absolute;bottom:15px;left:24px;font-size:7px;letter-spacing:1.5px;color:#688e80}#visual-target{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:13%;height:14%;padding:0;font-size:10px;background:#14dc69;color:#05241c;border:1px solid #b7ffc4;box-shadow:0 0 50px #28dd7b24;font-weight:bold}#visual-target span{margin-left:10px}#cursor{position:absolute;left:50%;top:50%;width:24px;height:24px;border:1px solid #ecffe8;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;box-shadow:0 0 25px #ceffd238;z-index:2}#cursor:before,#cursor:after{content:'';position:absolute;background:#e2ffdf}#cursor:before{width:1px;height:32px;left:11px;top:-5px}#cursor:after{height:1px;width:32px;left:-5px;top:11px}.scoreline{padding:18px 24px;display:flex;gap:32px;align-items:center;font-size:8px;letter-spacing:1px;color:var(--muted);min-height:57px}.scoreline b{margin-left:8px;color:#d9f3da;font-size:14px;letter-spacing:0}#event{margin-left:auto;font-size:10px;letter-spacing:0;color:var(--mint)}.lower{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:18px}.panel-title{padding:20px 24px;font-size:9px;letter-spacing:1.4px;color:#b2d6be}.panel-title span{float:right;font-size:6px;color:#719888}.network-panel canvas{display:block;width:100%;height:260px}.legend{font-size:8px;color:#7b9f8d;padding:0 24px 20px;display:flex;gap:15px;flex-wrap:wrap}.legend i{display:inline-block;width:13px;height:2px;margin-right:5px;background:#a8c9b3}.legend .mod{background:#d7ae75}.sensor-panel{padding-bottom:22px}.sensor-panel p{padding:0 24px;font-size:10px;max-width:480px}#retina{width:calc(100% - 48px);height:150px;display:block;margin:0 24px;image-rendering:pixelated;background:#07161f;border:1px solid var(--line)}#lanes{display:flex;gap:5px;margin:15px 24px 0;height:35px;align-items:flex-end}#lanes i{flex:1;background:#9ad2a4;min-height:2px;transition:height .08s}.controls{display:grid;grid-template-columns:1fr 1.25fr;gap:55px;margin:75px 0}h2{font:normal 35px/1.13 Georgia,serif;margin:20px 0}.controls p{font-size:11px}.bench{padding:24px}.bench-actions{display:flex;gap:10px;flex-wrap:wrap}#benchmark{background:#badbc223;color:#e0f1dd}.bench p,.bench small{font-size:9px;color:#8fae9a;line-height:1.8}.bench table{font-size:11px;border-collapse:collapse;width:100%;margin:20px 0}.bench td,.bench th{text-align:left;border-bottom:1px solid var(--line);padding:12px 5px}.bench th{font-size:9px;color:#89aa96;font-weight:normal}.bench small{display:block}.methods{display:grid;grid-template-columns:1fr 1fr;gap:60px;border-top:1px solid var(--line);padding-top:55px}.methods p,.methods li{font-size:11px;line-height:1.9;color:#9fb8a8}.methods a{display:block;font-size:10px;margin:16px 0}.methods ul{padding-left:15px}.methods li{margin-bottom:12px}footer{max-width:1440px;margin:35px auto 0;padding:35px 5%;font-size:7px;letter-spacing:.6px;color:#658776;display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line)}@media(max-width:700px){header{padding-top:26px}main{padding-top:20px}.intro{margin-bottom:25px}.facts{gap:25px}.facts span{font-size:6px;line-height:1.6;max-width:100px}h1{font-size:46px}.window-head{font-size:6px;padding:12px}.window-head strong{font-size:6px}.window-head>span:first-child{display:none}.toolbar{padding:12px;gap:6px}.toolbar button,select{font-size:9px;padding:9px}label{font-size:9px}#stage{height:330px}.stage-caption{font-size:9px;left:15px}#visual-target{font-size:0}#visual-target span{font-size:16px;margin:0}.stage-bottom{font-size:5px;left:15px}.scoreline{gap:12px;flex-wrap:wrap;padding:14px;font-size:6px}.scoreline b{font-size:12px;margin-left:4px}#event{width:100%;margin:0;font-size:9px}.lower,.controls,.methods{grid-template-columns:1fr}.lower{gap:14px}.network-panel canvas{height:230px}.panel-title{padding:18px}.panel-title span{font-size:5px}.sensor-panel #retina{height:160px}.controls{margin:45px 0;gap:16px}h2{font-size:30px}.methods{gap:30px;padding-top:35px}.bench{padding:18px}footer{flex-direction:column;font-size:6px;line-height:1.7}.intro>p{font-size:12px}}