*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#101315;color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Microsoft YaHei",sans-serif}body{overflow:hidden}.hidden{display:none!important}.pair{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px}.brand{font-size:22px;opacity:.7;letter-spacing:5px}.pair h1{font-size:48px;margin:0}.pair p{color:#b9c1c7}.pair form{display:flex;gap:14px}.pair input{width:280px;height:64px;border-radius:14px;border:1px solid #52616b;background:#20272b;color:#fff;text-align:center;font-size:30px;letter-spacing:8px;text-transform:uppercase}.pair button,.cast-hint{height:64px;border:0;border-radius:14px;padding:0 28px;background:#315f48;color:#fff;font-size:22px;font-weight:700}.error{height:28px;color:#f29b9b}.stage{height:100%;display:flex;flex-direction:column}.stage header,.stage footer{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#1d432d}.stage header{font-size:26px}.stage header span{font-size:18px;opacity:.75}.court{position:relative;flex:1;overflow:hidden;background:linear-gradient(#2e6b45,#1e3a22)}.lines{position:absolute;inset:4%;border:4px solid rgba(255,255,255,.84);border-radius:12px}.single{position:absolute;inset:0 12%;border-left:3px solid rgba(255,255,255,.65);border-right:3px solid rgba(255,255,255,.65)}.center{position:absolute;left:50%;top:0;bottom:0;border-left:3px solid rgba(255,255,255,.75)}.front{position:absolute;left:0;right:0;top:36%;border-top:3px solid rgba(255,255,255,.75)}.back{position:absolute;left:0;right:0;top:83%;border-top:3px solid rgba(255,255,255,.75)}.center-dot{position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#fff}.point{position:absolute;transform:translate(-50%,-50%);width:74px;height:74px;border:4px solid rgba(255,255,255,.8);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;background:rgba(255,255,255,.08)}.point.active{background:#ffd34f;color:#111;box-shadow:0 0 30px #ffd34f}.point.fake-active{background:#f59e0b;color:#351900;box-shadow:0 0 30px #f59e0b}.countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:240px;height:240px;border:6px solid rgba(255,255,255,.85);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:150px;font-weight:800;background:rgba(0,0,0,.25)}.fake{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);padding:12px 28px;border:2px solid #fbbf24;border-radius:999px;background:#78350f;font-size:26px;font-weight:700}.stage footer{height:100px;background:#1e3a22;font-size:30px}.stage footer button{border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(255,255,255,.08);color:#fff;padding:12px 24px;font-size:20px}