.hh{isolation:isolate;color:#f6f5e9;background:#101b1d;height:100svh;min-height:580px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.hh button{font:inherit;cursor:pointer;touch-action:manipulation}.hh button:disabled{opacity:.35;cursor:default}.hh button:active:not(:disabled){transform:scale(.97)}:is(.hh button:focus-visible,.hh a:focus-visible){outline-offset:4px;outline:3px solid #90ffa9}.hh-scene,.hh-scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.hh-vignette{pointer-events:none;background:linear-gradient(#061414ab,#0000 28% 57%,#061414e8);position:absolute;inset:0}.hh-top{top:max(20px,env(safe-area-inset-top));align-items:center;gap:18px;display:flex;position:absolute;left:28px;right:28px}.hh-top h1{letter-spacing:-.06em;text-shadow:0 2px 8px #0007;margin:0;font:italic 900 23px/1 Arial,sans-serif}.hh-top h1 span{color:#aff2ad}.hh-top-actions{gap:8px;margin-left:auto;display:flex}.hh-icon{color:#f4f6ed;background:#142629bd;border:1px solid #ffffff26;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.hh-scoreboard{background:#0c1c20d9;border:1px solid #e0eada2b;border-radius:10px;display:flex;position:absolute;top:86px;left:28px;overflow:hidden;box-shadow:0 8px 30px #0002}.hh-scoreboard>div{border-right:1px solid #ffffff18;min-width:74px;padding:11px 20px}.hh-scoreboard>div:last-child{border:0}.hh-scoreboard small{letter-spacing:.15em;color:#a3b7b5;font-size:10px;display:block}.hh-scoreboard strong{font-variant-numeric:tabular-nums;font-size:30px;font-weight:800;line-height:1.3}.hh-scoreboard strong span{color:#8da39f;font-size:14px}.hh-distance{letter-spacing:.12em;color:#bacdc5;font-size:11px;position:absolute;top:99px;right:30px}.hh-distance span{color:#b8ea9c;margin:0 8px}.hh-start{text-shadow:0 4px 25px #0009;pointer-events:none;max-width:380px;position:absolute;top:31%;left:7%}.hh-start p{letter-spacing:.2em;color:#c7eca8;margin:0 0 8px;font-size:12px}.hh-start h2{letter-spacing:-.055em;max-width:340px;margin:0 0 18px;font:italic 900 clamp(36px,5vw,72px)/.98 Arial,sans-serif}.hh-start>span{color:#dbe5db;max-width:270px;font-size:14px;line-height:1.5;display:block}.hh-bottom{bottom:max(22px,env(safe-area-inset-bottom));justify-content:space-between;align-items:end;gap:20px;display:flex;position:absolute;left:28px;right:28px}.hh-player-bar{background:#102528e8;border:1px solid #ffffff29;border-radius:10px;align-items:center;max-width:400px;display:flex}.hh-player-button{color:#fff;text-align:left;background:0 0;border:0;align-items:center;gap:12px;min-width:0;padding:14px;display:flex}.hh-player-number{color:#b3d996;font-size:25px;font-style:italic;font-weight:900}.hh-player-button strong{font-size:18px;display:block}.hh-player-button small{color:#b6c6bf;max-width:235px;font-size:11px;line-height:1.5;display:block}.hh-player-button>svg{flex-shrink:0}.hh-shop-link{border-left:1px solid #ffffff29;align-self:stretch;align-items:center;padding:14px;display:flex}.hh-play-controls{text-align:center;width:280px}.hh-shoot{color:#10231e;letter-spacing:.04em;background:#d2efac;border:2px solid #edfbd3;border-radius:10px;justify-content:center;align-items:center;gap:20px;width:100%;height:70px;display:flex;box-shadow:0 5px #63815b,0 8px 25px #0005;font-size:25px!important;font-weight:900!important}.hh-shoot span{letter-spacing:.1em;white-space:nowrap;font-size:10px;font-weight:600}.hh-shoot[aria-disabled=true]{opacity:.6}.hh-play-controls>p{color:#b9cdc3;margin:12px 0 0;font-size:11px}.hh-shot-dots{justify-content:center;gap:8px;margin-bottom:16px;display:flex}.hh-shot-dots>span{color:#0e241e;border:1px solid #c4e0c273;border-radius:50%;place-items:center;width:17px;height:17px;font-size:11px;display:grid}.hh-shot-dots .made{background:#a4ee9a;border-color:#a4ee9a}.hh-shot-dots .miss{background:#d6886c;border-color:#d6886c}.hh-timing{align-items:center;gap:14px;height:31%;max-height:230px;display:flex;position:absolute;top:34%;right:8%}.hh-meter{background:#0a131bcc;border:2px solid #e0e8db82;border-radius:20px;width:14px;height:100%;position:relative;box-shadow:0 4px 15px #0008}.hh-window{background:#63b779;width:100%;position:absolute;box-shadow:0 0 12px #7cff9a55}.hh-perfect-window{background:#c6ffb3;width:100%;height:5%;position:absolute;bottom:47.5%;box-shadow:0 0 15px #78ff67}.hh-tick{background:#fff;border-radius:2px;width:26px;height:5px;position:absolute;bottom:0;left:-8px;transform:translateY(50%);box-shadow:0 0 5px #000}.hh-timing>span{writing-mode:vertical-rl;letter-spacing:.18em;color:#d2e5d9;font-size:10px}.hh-release{text-align:center;pointer-events:none;text-shadow:0 3px 14px #0009;min-width:240px;position:absolute;top:24%;left:50%;transform:translate(-50%)}.hh-release strong{letter-spacing:.03em;font-size:25px;font-style:italic;font-weight:900;display:block}.hh-release span{letter-spacing:.13em;margin-top:5px;font-size:12px;display:block}.hh-release.perfect{color:#8aff98;animation:.2s ease-out hh-feedback}.hh-loading,.hh-render-error{z-index:20;text-align:center;color:#fff;background:#102224;align-content:center;justify-items:center;gap:20px;padding:25px;display:grid;position:absolute;inset:0}.hh-render-error button{color:#132b21;background:#c5eaa5;border:0;border-radius:6px;padding:12px}.hh-roster{max-height:88svh;overflow:auto;color:#eaf1df!important;background:#122528!important;border:1px solid #476359!important;width:calc(100% - 30px)!important;max-width:850px!important;padding:25px!important}.hh-roster [data-slot=dialog-title]{letter-spacing:-.025em;font:italic 900 27px Arial,sans-serif}.hh-roster [data-slot=dialog-description]{color:#bbcbbf;font-size:14px}.hh-roster-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px;display:grid}.hh-roster-grid button{text-align:left;color:#f0f4e6;cursor:pointer;background:#203637;border:1px solid #57705e;border-radius:8px;padding:10px;position:relative;overflow:hidden}.hh-roster-grid button[aria-pressed=true]{background:#2c473d;border:2px solid #b7f29f}.hh-roster-grid img{object-fit:contain;background:#e6e7dd;border-radius:4px;width:100%;height:125px;margin-bottom:8px}.hh-roster-name{justify-content:space-between;font-size:18px;display:flex!important}.hh-roster-grid button>span:not(.hh-roster-name){margin:6px 0;font-size:12px;line-height:1.4;display:block}.hh-roster-grid small{color:#c7d5c3;font-size:11px}.hh-roster-grid em{color:#173228;background:#d3f0b4;padding:4px 6px;font-size:9px;font-style:normal;font-weight:700;position:absolute;top:16px;right:14px}.hh-roster-grid button:focus-visible{outline-offset:2px;outline:3px solid #b7f29f}@keyframes hh-feedback{0%{opacity:0;translate:0 8px}to{opacity:1;translate:0}}@media (max-width:650px){.hh{min-height:640px}.hh-top{gap:10px;top:15px;left:15px;right:15px}.hh-top h1{font-size:20px}.hh-icon{width:36px;height:36px}.hh-top-actions{gap:5px}.hh-top-actions>button:first-child{display:none}.hh-scoreboard{justify-content:space-around;top:66px;left:15px;right:15px}.hh-scoreboard>div{flex:1;min-width:0;padding:8px 15px}.hh-scoreboard strong{font-size:25px}.hh-distance{font-size:9px;top:145px;right:17px}.hh-start{max-width:260px;top:26%;left:7%}.hh-start h2{max-width:240px;font-size:42px}.hh-start p{font-size:10px}.hh-start>span{max-width:220px;font-size:12px}.hh-timing{height:22%;top:37%;right:8%}.hh-bottom{left:15px;right:15px;bottom:max(17px,env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:14px}.hh-player-bar{order:2;max-width:none}.hh-player-button{flex:1;padding:8px 12px}.hh-player-button strong{font-size:15px}.hh-player-button small{max-width:none;font-size:10px}.hh-player-number{font-size:21px}.hh-play-controls{width:100%}.hh-shoot{height:58px}.hh-shot-dots{margin-bottom:10px}.hh-play-controls>p{margin-top:9px;font-size:10px}.hh-release{min-width:200px;top:29%;left:50%}.hh-release strong{font-size:22px}.hh-roster-grid{grid-template-columns:repeat(2,1fr)}.hh-roster-grid img{height:105px}.hh-roster{padding:20px!important}}@media (max-height:600px) and (min-width:651px){.hh{min-height:450px}.hh-start{top:37%}.hh-start h2{font-size:42px}.hh-play-controls{width:230px}.hh-shoot{height:55px}.hh-bottom{bottom:15px}.hh-timing{height:24%;top:40%}}@media (prefers-reduced-motion:reduce){.hh-release{animation:none!important}.hh button:active{transform:none!important}}.hh-model-loading{color:#f9eed8;z-index:2;background:#19241cbf;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.hh-vignette{background:linear-gradient(#10181098,#0000 26% 62%,#0d1712dc)}