*{box-sizing:border-box}body{margin:0;background:#163c38;color:#fff;font-family:Arial,Helvetica,sans-serif;overflow:hidden}canvas{width:100vw;height:100dvh;display:block}header{position:absolute;top:0;left:0;width:100%;padding:28px 36px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#0a252876,transparent)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:1px solid #ffffff40;background:#183c385c;border-radius:30px;padding:10px 17px;backdrop-filter:blur(12px)}button:hover{background:#376158}button:focus-visible{outline:3px solid #d7ffa0;outline-offset:3px}.brand{display:flex;gap:13px;align-items:center;color:white;text-decoration:none;letter-spacing:2px;font-size:15px;font-weight:700}.brand small{display:block;font-size:10px;letter-spacing:3px;margin-top:7px;font-weight:400}.mark{font:italic 42px Georgia;border:1px solid #ffffff90;border-radius:50%;width:48px;height:48px;text-align:center}.top{display:flex;gap:10px;align-items:center;font-size:13px}.pill{font-size:11px;letter-spacing:1px;margin-right:16px}.score{position:absolute;top:120px;left:36px;width:272px;background:#092c2be6;box-shadow:0 12px 40px #061d2430;border:1px solid #ffffff20;border-radius:12px;overflow:hidden}.scoretitle{padding:15px 18px;font-size:10px;letter-spacing:2px;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;color:#a7c6bb}.team{display:flex;gap:12px;padding:12px 18px;align-items:center}.team span{flex:1;font-size:14px}.team small{display:block;font-size:9px;letter-spacing:2px;color:#90aba5;margin-top:5px}.team i{width:4px;height:26px;background:#efae7e;border-radius:5px}.team i.you{background:#cdffa7}.team b{color:#afc6be;font-size:18px}.team strong{font-size:26px;min-width:35px;text-align:right;font-weight:400}.scorefoot{padding:12px 18px;font-size:9px;letter-spacing:1px;background:#ffffff09;color:#a2b9b0}.location{position:absolute;left:36px;bottom:120px;text-shadow:0 2px 20px #153c38}.location span{letter-spacing:3px;font-size:10px}.location h2{font:italic 32px Georgia;margin:14px 0}.location p{font-size:11px;color:#e2ece5}#toast{position:absolute;bottom:104px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:30px;background:#092c2bdd;font-size:14px;text-align:center;max-width:90%;pointer-events:none}.panel{position:absolute;right:6%;top:29%;width:340px;padding:32px;background:#0c302deb;border:1px solid #ccddbf42;border-radius:18px;box-shadow:0 25px 80px #001e253a}.eyebrow{font-size:10px;letter-spacing:3px;color:#cdf3aa}.panel h1{font:italic 46px/1.05 Georgia;margin:22px 0}.panel p{font-size:15px;color:#c5d5cc;line-height:1.7}.primary{background:#d4f6a7;color:#15332e;border:0;border-radius:8px;padding:17px 20px;width:100%;margin:10px 0 16px;text-align:left;font-weight:700}.primary span{float:right}.primary:hover{background:#e0ffbc}.panel small{font-size:11px;line-height:1.6;color:#aac6b5}.hidden{display:none!important}footer{position:absolute;bottom:0;left:0;right:0;padding:24px 36px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#082421df);gap:10px}footer>div{display:flex;align-items:center;gap:12px;font-size:12px}.key{border:1px solid #ffffff55;border-radius:5px;padding:7px;font-size:10px;letter-spacing:1px}.hint{font-size:9px;letter-spacing:2px;color:#aabfb3}#touch{display:none}@media(max-width:800px){header{padding:17px}.brand{font-size:12px}.mark{font-size:32px;width:38px;height:38px}.brand small{font-size:8px}.pill{display:none}.top button{padding:9px;font-size:11px}.score{top:90px;left:17px;width:208px}.team{padding:8px 12px}.scoretitle,.scorefoot{padding:10px 12px}.location{display:none}.panel{right:17px;top:auto;bottom:95px;width:290px;padding:24px}.panel h1{font-size:37px}footer{padding:14px 17px}footer>div:first-child{display:none}footer>div:last-child{width:100%;justify-content:space-between}#toast{bottom:215px;font-size:12px}#touch{position:absolute;bottom:72px;left:18px;right:18px;display:flex;align-items:end;gap:12px;justify-content:flex-end;touch-action:none}#touch button{background:#133f38ba;padding:15px;min-width:46px;user-select:none}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:4px;margin-right:auto}.dpad button{padding:10px!important}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1}.shot{background:#c9f5a4!important;color:#17382f}body.menu #touch{display:none}}