.first-run{z-index:9;padding:0 max(16px, env(safe-area-inset-right)) calc(var(--bottom-gap) + 10px) max(16px, env(safe-area-inset-left));color:#fff;text-align:center;pointer-events:none;text-shadow:0 2px #140c288c,0 0 16px #140c2880;flex-direction:column;align-items:center;gap:14px;display:flex;position:fixed;bottom:0;left:0;right:0}.first-run[hidden]{display:none}.first-run:before{content:"";z-index:-1;background:linear-gradient(#0000,#100a2080 55%,#100a209e);height:calc(100% + 80px);position:absolute;bottom:0;left:0;right:0}.fr-q{letter-spacing:.2px;font-size:clamp(21px,1.6vw + 14px,30px);font-weight:700;line-height:1.2}.fr-sub{opacity:.85;margin-top:-6px;font-size:15px}.fr-rule{background:#ffffffbf;width:min(380px,78vw);height:1px;box-shadow:0 1px #140c2859}.fr-row{flex-wrap:wrap;justify-content:center;gap:10px;max-width:600px;display:flex}.fr-btn{min-width:128px;min-height:48px;font:600 17px/1 var(--font);letter-spacing:.3px;color:#fff;text-shadow:inherit;cursor:pointer;pointer-events:auto;background:#ffffff0f;border:1px solid #ffffffd9;border-radius:2px;padding:0 22px;transition:background .15s,color .15s}.fr-btn:hover,.fr-btn:focus-visible{background:#ffffff2e;outline:none}.fr-btn:active{color:var(--ink);text-shadow:none;background:#fff}.fr-btn.quiet{opacity:.85;background:0 0;border-color:#0000;min-width:0;min-height:36px;font-size:15px;font-weight:500}.fr-btn.quiet:hover,.fr-btn.quiet:focus-visible{opacity:1;text-underline-offset:4px;text-decoration:underline}.fr-signin{pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:10px;min-height:44px;display:flex}.fr-signin .board-note{max-width:320px;font-size:14px}@media (max-width:520px){.fr-row:has(>:nth-child(3)){flex-direction:column;align-items:stretch;width:min(300px,100%)}}.first-run.in .fr-q,.first-run.in .fr-sub{animation:.5s cubic-bezier(.2,.8,.2,1) both fr-rise}.first-run.in .fr-rule{animation:.6s cubic-bezier(.2,.8,.2,1) .1s both fr-draw}.first-run.in .fr-row,.first-run.in .fr-signin,.first-run.in .fr-btn.quiet{animation:.5s cubic-bezier(.2,.8,.2,1) .2s both fr-rise}@keyframes fr-rise{0%{opacity:0;transform:translateY(10px)}}@keyframes fr-draw{0%{transform:scaleX(0)}}body.reduce-motion .first-run *{animation:none!important}.island-say{left:50%;bottom:calc(var(--bottom-gap) + 6px);color:#fff;text-align:left;text-shadow:0 2px #140c2899,0 0 14px #140c2899;pointer-events:auto;cursor:pointer;z-index:6;border-left:2px solid #ffffffe6;width:min(620px,100% - 32px);padding:6px 28px 6px 16px;transition:opacity .3s;position:absolute;transform:translate(-50%)}.island-say[hidden]{display:none}.island-say:before{content:"";top:-48px;left:-50vw;right:-50vw;bottom:calc(-1 * var(--bottom-gap) - 12px);z-index:-1;pointer-events:none;background:linear-gradient(#0000,#100a2080);position:absolute}.island-say[data-at=top]{top:max(66px, calc(env(safe-area-inset-top) + 56px));cursor:default;pointer-events:none;bottom:auto}body:has(.play.throws-open) .island-say[data-at=top]{opacity:0}.island-say[data-at=top]:before{top:calc(-1 * max(66px, calc(env(safe-area-inset-top) + 56px)));background:linear-gradient(#100a206b,#0000);bottom:-40px}.island-say.dim{opacity:.35}.island-say-who{letter-spacing:1.6px;text-transform:uppercase;opacity:.75;font-size:11px;font-weight:700;display:block}.island-say-line{margin:2px 0 0;font-size:clamp(17px,.9vw + 13px,23px);font-weight:600;line-height:1.32}.island-say-more{opacity:0;border-top:5px solid #0000;border-bottom:5px solid #0000;border-left:8px solid #fff;width:0;height:0;position:absolute;bottom:8px;right:4px}.island-say.more .island-say-more{animation:1.1s ease-in-out .8s infinite say-more}@keyframes say-more{0%,to{opacity:.25;transform:translate(0)}50%{opacity:.9;transform:translate(3px)}}.island-say.in .island-say-line{animation:.4s cubic-bezier(.2,.8,.2,1) both fr-rise}body.reduce-motion .island-say *{animation:none!important}@media (max-width:759px){body:is([data-island-show~=style],[data-island-show~=wind],[data-island-show~=stance]) .island-say[data-at=top]{top:max(150px, calc(env(safe-area-inset-top) + 140px))}}@media (max-width:759px) and (min-height:501px){body:is([data-island-show~=style],[data-island-show~=wind],[data-island-show~=stance]) .island-say[data-at=top]:before{top:calc(-1 * max(150px, calc(env(safe-area-inset-top) + 140px)))}body:is([data-island-show~=style],[data-island-show~=wind],[data-island-show~=stance]) .drag-hint{top:45%}}@media (max-height:500px) and (min-width:521px){.island-say[data-at=top]{top:max(14px, env(safe-area-inset-top));width:min(540px, calc(100% - 320px - max(16px, env(safe-area-inset-right))));left:320px;transform:none}body[data-island-show~=style] .island-say[data-at=top]{top:max(14px, env(safe-area-inset-top))}}.island-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .4s ease-in-out;position:fixed;inset:0}.island-fade.on{opacity:1}body[data-island] #hud>:not(.play):not(.top):not(.island-say):not(.island-fade):not(.loading),body[data-island] #hud .top>:not(.tools),body[data-island] #hud .tools>:not(#btn-menu),body[data-island] .play>*{visibility:hidden!important;pointer-events:none!important}body[data-island] #hud .top{opacity:.75}body[data-island=try][data-island-show~=throw] .play[data-mode=aim]>.throw-zone,body[data-island=try][data-island-show~=throw] .play.winding>.throw-zone,body[data-island=try][data-island-show~=style] .play[data-mode=aim]>.aim-zone,body[data-island=try][data-island-show~=aim] .play[data-mode=aim]>.drag-hint,body[data-island=try][data-island-show~=loft] .play[data-mode=aim]>.aim-tag,body[data-island][data-island-show~=wind] .play[data-mode=aim]>.play-card,body[data-island=try][data-island-show~=stance] .play[data-mode=aim]>.aim-zone{animation:.45s cubic-bezier(.2,.8,.2,1) both island-show;visibility:visible!important;pointer-events:auto!important}@keyframes island-show{0%{opacity:0}}body[data-island] .aim-zone>:not(.stance),body[data-island] .play-card>:not(.play-wind){display:none!important}body[data-island] .play-card{width:auto;min-width:0}body[data-island]:not([data-island-show~=stance]) .throw-menu [data-shot=putt],body[data-island][data-island-show~=stance] .throw-menu [data-shot=throw],body[data-island] .throw-menu :is(.exp,.exp-head){display:none!important}body[data-hint-pull=smallhyzer] .throw-zone .pad{--hint-y:var(--drop-75,calc(var(--hint-reach) * .6));--hint-x:var(--lean-3,calc(var(--hint-reach) * -.3))}body[data-hint-pull=bighyzer] .throw-zone .pad{--hint-y:var(--drop-75,calc(var(--hint-reach) * .6));--hint-x:var(--lean-4,calc(var(--hint-reach) * -.55))}body:is([data-coach=style],[data-coach=stance]) .stance-btn .stance-icon,body[data-coach=stance] .throw-menu [data-style=straddle],body[data-coach=drag] .drag-hint{animation:1s ease-in-out infinite coach-pulse}body.island-end .island-say{display:none}.island-more{flex-direction:column;align-items:center;gap:2px;margin-top:2px;display:flex}.island-more-head{letter-spacing:1.6px;text-transform:uppercase;opacity:.7;font-size:11px;font-weight:700}.island-more>div{flex-wrap:wrap;justify-content:center;gap:0 16px;display:flex}.island-more .fr-btn.quiet{padding:0 3px;position:relative}.island-more .fr-btn.done:before{content:"✓";font-size:13px;position:absolute;right:100%}