*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#0a101c;color:#e7edf6;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif;background-image:radial-gradient(ellipse at 70% 10%,#1d214a99,transparent 55%)}main{max-width:1100px;margin:auto;display:grid;grid-template-columns:350px minmax(340px,1fr);gap:70px;padding:40px 44px}aside{padding-top:10px}.brand{color:#9caec7;font-size:11px;letter-spacing:3px;text-decoration:none}.eyebrow{margin-top:48px;font-size:10px;letter-spacing:2px;color:#8ce4d8}h1{font-size:67px;line-height:.88;letter-spacing:-4px;margin:20px 0;color:#f4f2ed}h1 span{background:linear-gradient(90deg,#90ead8,#92bafa,#d6a9e8);background-clip:text;color:transparent}.intro{font-size:18px;line-height:1.6;color:#a6b4cd}.line{height:2px;background:linear-gradient(90deg,#80dcca,#a68ae1,transparent);margin:26px 0}h2{font-size:19px;margin:16px 0}p{font-size:13px;line-height:1.7;color:#a6b4cd}strong{color:#e1e7ef}dl{font-size:12px;margin:23px 0}dl div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #ffffff0d}dt{font-weight:750;color:#c3dbeb}dd{margin:0;color:#95a6be}.small{font-size:11px;color:#8293af}.primary{background:#95ead5;color:#0c2630;font-weight:800;padding:14px 18px;border-radius:7px;width:100%;border:0;font-size:13px;letter-spacing:.2px}.primary span{float:right}.primary:hover{background:#b6f4e5}button{cursor:pointer;font:inherit;background:#19253b;border:1px solid #30415f;color:#d0dced;border-radius:5px;padding:8px 11px;font-size:11px}button:focus-visible,canvas:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #9ee6d4;outline-offset:3px}header{display:flex;justify-content:space-between;align-items:center;padding:0 0 13px;gap:15px}header div{display:flex;gap:6px}.live{font-size:9px;letter-spacing:1.5px;color:#8ed0bc}#court{height:min(78vh,690px);min-height:420px;display:flex;align-items:center;justify-content:center;position:relative;background:#100c1c;box-shadow:0 20px 90px #0009;border:1px solid #3f405e;border-radius:9px;overflow:hidden}canvas{image-rendering:pixelated;touch-action:none;display:block;outline:none}#pause-cover{position:absolute;inset:0;background:#0b1025eb;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;backdrop-filter:blur(6px);text-align:center}#pause-cover .primary{max-width:240px}[hidden]{display:none!important}#restart-confirm{margin-top:24px}.below{font-size:9px;letter-spacing:1px;color:#a1cbd5;display:flex;justify-content:space-between;gap:16px}.below span{color:#677b9a}details{font-size:12px;color:#9db1c9}summary{cursor:pointer;padding:10px 0}footer{font-size:10px;color:#627490;line-height:1.9;margin:20px 0}a{color:#9db7d6}.game-area{padding-top:10px}@media(max-width:800px){main{gap:26px;padding:22px;grid-template-columns:270px minmax(300px,1fr)}h1{font-size:55px}.eyebrow{margin-top:26px}}@media(max-width:650px){main{display:flex;flex-direction:column;padding:16px;gap:24px}.game-area{order:-1}#court{height:72svh;min-height:360px;max-height:660px}header{padding-bottom:9px}.below{font-size:8px}.below span{display:none}aside{max-width:460px;margin:auto;width:100%}.eyebrow{margin:22px 0 0}h1{font-size:56px}.intro{font-size:16px}header button{padding:7px 9px}header .live{font-size:8px;letter-spacing:1px}}