*{box-sizing:border-box} :root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:#f1f5ff;background:#080b13}body{margin:0}header{height:88px;max-width:1440px;margin:auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:14px;text-decoration:none;color:#a2ffd0;font-size:28px;font-weight:900;font-style:italic}.brand span{font-size:17px;color:white;font-style:normal;letter-spacing:2px}.brand small{display:block;font-size:9px;letter-spacing:3px;color:#8392a8;margin-top:4px}.edition{font-size:10px;letter-spacing:2px;color:#9cb7b4}main{max-width:1440px;margin:auto;padding:0 32px}#stage{height:calc(100svh - 146px);min-height:580px;max-height:1000px;position:relative;overflow:hidden;border:1px solid #29384c;border-radius:18px;background:#0c1222}canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:25px;left:32px;right:32px;display:flex;gap:48px;pointer-events:none}label{display:block;font-size:10px;letter-spacing:2px;color:#8f9ab1;margin-bottom:5px}.hud strong{font-size:30px;font-variant-numeric:tabular-nums}#lives{font-size:24px;color:#ff7897;letter-spacing:5px}.clock{margin-left:auto}.clock strong{color:#a7ffd4}#tracking{position:absolute;top:110px;left:32px;font-size:11px;color:#a0eecb;letter-spacing:1px}#action{position:absolute;top:24%;left:50%;transform:translateX(-50%);font-size:24px;font-weight:800;color:#a7ffd4;text-shadow:0 0 24px #38d9b4;pointer-events:none}.pip{position:absolute;right:24px;bottom:55px;width:150px;height:94px;border:1px solid #415368;border-radius:9px;background:#101b2b;overflow:hidden;pointer-events:none}.pip video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.pip span{position:absolute;bottom:6px;left:8px;font-size:9px;color:#9aafc5}.lanes{position:absolute;bottom:22px;left:18%;right:18%;display:flex;justify-content:space-around;font-size:10px;letter-spacing:2px;color:#85a6b0;pointer-events:none}.overlay{position:absolute;inset:0;background:#060b15b8;backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:24px}.overlay[hidden]{display:none}.panel{text-align:center;width:min(760px,100%)}.eyebrow{font-size:10px;letter-spacing:3px;color:#98ffcc;margin-bottom:20px}h1{font-size:64px;line-height:1.1;letter-spacing:8px;margin:0}h1 small{display:block;font-size:17px;letter-spacing:12px;font-weight:500;color:#a3b2c9;margin-top:15px}.lead{font-size:17px;color:#b4c0d3;margin:22px 0 30px}.steps{display:grid;grid-template-columns:repeat(3,1fr);text-align:left;gap:26px;margin:0 0 32px}.steps>div{border-top:1px solid #354454;padding-top:12px}.steps b{font-size:11px;color:#7ce8b7}.steps h3{font-size:16px;margin:9px 0}.steps p{font-size:12px;line-height:1.9;color:#95a3b9;margin:0}button{border:0;border-radius:7px;background:#a3ffcd;color:#0b261e;font:700 16px system-ui;cursor:pointer;padding:17px 30px;min-width:250px;box-shadow:0 0 35px #6cffac18}button:hover{background:#c5ffe2}button:disabled{opacity:.5;cursor:wait}#status,.result p{font-size:12px;color:#bdc8d9;margin:15px 0}.privacy{font-size:10px;color:#77879d;margin-top:23px}.panel a{font-size:11px;color:#a1b4ca;text-underline-offset:4px}footer{display:flex;justify-content:space-between;gap:10px;padding:19px 3px;font-size:10px;letter-spacing:1px;color:#718099}h2{font-size:44px;margin:18px}.results{display:flex;justify-content:center;gap:80px;margin:35px 0}.results strong{font-size:48px;color:#abffd3}@media(max-width:700px){header{height:65px;padding:0 18px}.edition{display:none}main{padding:0 10px}#stage{height:calc(100svh - 115px);min-height:620px}.hud{left:18px;right:18px;top:20px;gap:20px}.hud strong{font-size:23px}label{font-size:8px;letter-spacing:0}#lives{font-size:18px;letter-spacing:1px}#tracking{left:18px;top:90px}h1{font-size:40px;letter-spacing:4px}h1 small{font-size:12px;letter-spacing:7px}.steps{gap:12px;margin-bottom:24px}.steps h3{font-size:13px}.steps p{font-size:10px}.lead{font-size:14px}.overlay{padding:20px}.pip{width:90px;height:65px;right:12px;bottom:60px}.lanes{left:3%;right:3%;font-size:8px;letter-spacing:0}footer{font-size:8px}footer>span:last-child{display:none}.eyebrow{font-size:8px}}