html,body{margin:0;height:100%;background:#000;overflow:hidden;font-family:Georgia,Times New Roman,serif;color:#f4e6c8;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}canvas{touch-action:none}canvas{display:block}#hud{position:fixed;inset:0;pointer-events:none;display:none}#score{position:absolute;top:14px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;background:#140c089e;border:1px solid rgba(224,178,58,.5);border-radius:10px;padding:8px 22px;backdrop-filter:blur(3px)}.team{display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.14em}.team .s{font-size:34px;font-weight:700;min-width:30px;text-align:center}.t0 .s{color:#3fd6c6}.t1 .s{color:#ece4d0}.mid{font-size:11px;letter-spacing:.2em;opacity:.7;text-align:center}#banner{position:absolute;top:74px;left:0;right:0;text-align:center;font-size:24px;letter-spacing:.22em;color:#fff4dc;text-shadow:0 0 2px #000,0 0 4px #000,0 0 8px #000,0 2px 10px rgba(0,0,0,.9);opacity:0;transition:opacity .25s;pointer-events:none}#banner small{text-shadow:0 0 2px #000,0 0 3px #000,0 1px 5px #000}#banner small{display:block;font-size:13px;letter-spacing:.16em;opacity:.9;margin-top:3px}body.touch #banner{top:calc(122px + env(safe-area-inset-top))}#quality{position:absolute;bottom:22%;left:0;right:0;text-align:center;font-size:22px;letter-spacing:.25em;opacity:0;text-shadow:0 2px 8px #000}#staminaBox{position:absolute;left:50%;bottom:22px;transform:translate(-50%);width:min(360px,60vw);background:#140c0899;padding:8px 14px;border-radius:8px;font-size:11px;letter-spacing:.2em;text-align:center}#staminaBox .track{position:relative;height:9px;margin-top:5px;background:#ffffff24;border-radius:5px;overflow:hidden}#staminaBox .track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#3fd6c6,#e0b23a);transition:width .08s linear}#staminaBox .track b{position:absolute;top:0;bottom:0;width:2px;background:#0000008c}#staminaBox.hot .track i{background:linear-gradient(90deg,#e0b23a,#ff7a2a);box-shadow:0 0 10px #ff9a3a}#staminaBox.tired .track i{background:#c0392b;animation:p .6s infinite}#staminaBox.tired span:after{content:" — EXHAUSTED";color:#e0735a}#career{position:fixed;inset:0;z-index:25;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a04bf,#000000eb);overflow-y:auto;padding:16px;box-sizing:border-box}#career.on{display:flex}#career .card{background:#140c08eb;border:1px solid rgba(224,178,58,.5);border-radius:12px;padding:22px 30px;width:min(640px,92vw);box-sizing:border-box;text-align:center}#career h2{margin:0 0 16px;letter-spacing:.3em;color:#f1c85a;font-weight:400;font-size:18px}#career .chs{display:grid;gap:6px;margin-bottom:18px}#career .ch{display:flex;justify-content:space-between;align-items:center;padding:6px 12px;border-radius:6px;background:#ffffff0a;font-size:13px;letter-spacing:.08em}#career .ch.now{background:#e0b23a24;color:#f1c85a}#career .ch.later{opacity:.5}#career .pip{display:inline-block;width:22px;text-align:center;opacity:.7}#career .pip.done{color:#3fd6c6;opacity:1}#career .pip.now{color:#f1c85a;opacity:1;animation:p 1.4s infinite}#career .pip.sac{color:#e0735a}#career .story{min-height:120px;margin:4px 0 14px}#career .story h3{margin:4px 0 8px;font-size:24px;letter-spacing:.12em;color:#f1c85a;font-weight:400}#career .story p{font-size:15px;line-height:1.6;margin:0 auto 10px;max-width:520px;opacity:.92}#career .mt{font-size:11px;letter-spacing:.25em;opacity:.6}#career .rules{font-size:12px;letter-spacing:.12em;opacity:.8}#career .sacw{margin-top:8px;color:#e0735a;letter-spacing:.14em}#career .res{font-size:13px;letter-spacing:.3em;margin-bottom:10px}#career .res.win{color:#3fd6c6}#career .res.loss{color:#e0735a}#career .res small{opacity:.7;letter-spacing:.1em}#career .btns{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}#career .btns .mbtn{font-size:14px;padding:8px 22px}#career .btns .primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#career .foot{margin-top:14px;font-size:11px;letter-spacing:.16em;opacity:.6}#career .modeT{cursor:pointer;text-decoration:underline dotted}#heroSel{position:fixed;inset:0;z-index:26;display:none;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a04cc,#000000f0);overflow-y:auto;padding:16px;box-sizing:border-box}#heroSel.on{display:flex}#heroSel.pad{opacity:1;border:0;border-radius:0}#heroSel .card{position:relative;background:#140c08;border:1px solid rgba(224,178,58,.5);border-radius:12px;padding:22px 30px;width:min(620px,94vw);box-sizing:border-box;text-align:center}#heroSel h2{margin:0 0 6px;letter-spacing:.3em;color:#f1c85a;font-weight:400;font-size:18px}#heroSel .stage{position:relative;height:min(420px,52vh);margin:0 auto 10px;background:radial-gradient(ellipse at 50% 62%,#f1c85a21,#0000 60%)}#heroSel .stage canvas{width:100%;height:100%;display:block}#heroSel .arrow{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:64px;border:1px solid rgba(224,178,58,.45);border-radius:8px;background:#00000059;color:#f1c85a;font:inherit;font-size:34px;line-height:1;cursor:pointer;transition:background .15s,border-color .15s}#heroSel .arrow:hover,#heroSel .arrow.padhover{border-color:#f1c85a}#heroSel .arrow.l{left:0}#heroSel .arrow.r{right:0}#heroSel .arrow,#coopLobby .arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:0}.arrow small{display:none;font-size:10px;letter-spacing:.12em;line-height:1;opacity:.85}#heroSel.pad .arrow{height:80px}#heroSel.pad .arrow small,#coopLobby .seat.pad .arrow small{display:block}#coopLobby .seat.pad .arrow{height:66px}#heroSel .dots{position:absolute;bottom:2px;left:0;right:0;display:flex;gap:8px;justify-content:center}#heroSel .dots span{width:8px;height:8px;border-radius:50%;background:#e0b23a4d}#heroSel .dots span.on{background:#f1c85a}#heroSel .padHint{font-size:11px;letter-spacing:.15em;color:#f4e6c88c;margin:-8px 0 12px;min-height:1px}#heroSel .osk{display:none;position:absolute;left:12px;right:12px;bottom:12px;padding:12px;background:#0e0805f7;border:1px solid rgba(224,178,58,.55);border-radius:10px;box-shadow:0 -6px 30px #0009}#heroSel .osk.on{display:block}#heroSel .osk .typed{margin:0 auto 8px;padding:6px 10px;width:min(280px,80%);border-bottom:1px solid rgba(224,178,58,.6);color:#f4e6c8;font-size:20px;letter-spacing:.08em}#heroSel .osk .row{display:flex;gap:6px;justify-content:center;margin:5px 0}#heroSel .osk button{min-width:38px;height:40px;border:1px solid rgba(224,178,58,.4);border-radius:6px;background:#e0b23a14;color:#f4e6c8;font:inherit;font-size:17px;cursor:pointer}#heroSel .osk button:hover,#heroSel .osk button.padhover{border-color:#f1c85a}#heroSel .osk .wide{min-width:96px;font-size:15px;letter-spacing:.12em}#heroSel .osk .done{background:#e0b23a40;color:#f1c85a}#heroSel .nameRow{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:16px;letter-spacing:.2em;font-size:12px}#heroSel input{width:200px;padding:7px 10px;border-radius:6px;border:1px solid rgba(224,178,58,.6);background:#00000059;color:#f4e6c8;font:inherit;font-size:16px;letter-spacing:.08em;text-align:center}#heroSel .btns{display:flex;gap:10px;justify-content:center}#heroSel .btns .mbtn{font-size:14px;padding:8px 22px}#heroSel .primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#heroSel .primary[disabled]{opacity:.4;cursor:default}#menu .box.pick{display:none;text-align:center;padding:18px 26px}body.picking #menu .box.pick{display:block}body.picking #menu .box.ctl,body.picking #diff,body.picking #menuBtns,body.picking #ctlSwitch,body.picking #menu:not(.loading) .go{display:none!important}#menu .box.pick h3{margin:0 0 14px;letter-spacing:.3em;color:#f1c85a;font-weight:400;font-size:18px}#menu .box.pick .opts{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}#menu .box.pick .mode{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:210px;padding:18px 22px;border:1px solid rgba(224,178,58,.55);border-radius:10px;background:#e0b23a14;color:#f4e6c8;font:inherit;cursor:pointer;transition:background .2s,transform .2s}#menu .box.pick div.mode{cursor:default}#menu .box.pick div.mode:hover{transform:none;border-color:#e0b23a8c}#menu .box.pick div.mode.need .seg{animation:need .5s 2}@keyframes need{50%{box-shadow:0 0 0 3px #f1c85a}}#menu .box.pick{width:max-content;max-width:96vw;margin-left:auto;margin-right:auto}#menu .box.pick .opts{align-items:stretch;flex-wrap:nowrap}#menu .box.pick .mode{flex:0 0 auto;width:290px;min-width:0;box-sizing:border-box}#menu .box.pick .mode b{white-space:nowrap}#menu .box.pick .seg{display:flex;width:100%;margin-top:10px;border:1px solid rgba(224,178,58,.45);border-radius:6px}#menu .box.pick .seg button{flex:1 1 0;min-width:0;padding:6px 4px;border:0;border-radius:5px;background:transparent;color:#f4e6c899;font:inherit;font-size:10px;letter-spacing:.14em;cursor:pointer}#menu .box.pick .seg button:first-child{border-radius:5px 0 0 5px}#menu .box.pick .seg button+button{border-left:1px solid rgba(224,178,58,.45);border-radius:0 5px 5px 0}#menu .box.pick .seg button.on{color:#f1c85a;box-shadow:inset 0 0 0 1px #f1c85a}#menu .box.pick .seg button:hover,#menu .box.pick .seg button.padhover{color:#f1c85a;outline:none!important;box-shadow:inset 0 0 0 1px #f1c85a!important}#menu .box.pick .mode:hover{border-color:#f1c85a;transform:translateY(-2px)}#menu .box.pick .ico{font-size:34px;line-height:1}#menu .box.pick .mode b{color:#f1c85a;letter-spacing:.18em;font-size:14px;min-width:0}#menu .box.pick small{opacity:.65;letter-spacing:.06em}#menu .box.padBox,#menu .box.ctl.deskOnly .intro,#menu .box.ctl.deskOnly .goal{display:none}body.mode-pad #menu .box.ctl.deskOnly:not(.padBox){display:none}body.mode-pad #menu .box.padBox{display:block}body.touch #menu .box.padBox,body.touch #menu .box.pick,body.touch #ctlSwitch{display:none!important}#ctlSwitch{margin-top:10px;font-size:11px;letter-spacing:.14em;opacity:.7;cursor:pointer}#ctlSwitch:hover{opacity:1}#ctlSwitch b{color:#f1c85a}body.mode-pad #help .kbmOnly{display:none}body:not(.mode-pad) #help .padOnly{display:none}#padCursor{position:fixed;left:0;top:0;z-index:100;width:22px;height:22px;margin:-3px 0 0 -3px;pointer-events:none;display:none;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 2l16 9-7 2-3 7z' fill='%23f1c85a' stroke='%23140c06' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E");filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}#padCursor.on{display:block}.padhover{outline:2px solid #f1c85a!important;outline-offset:2px;box-shadow:0 0 14px #f1c85a73!important}#dlg{position:fixed;inset:0;z-index:24;display:none;cursor:pointer}#dlg.on{display:block}#dlg .portrait{position:absolute;left:max(2vw,8px);bottom:0;height:min(68vh,600px);max-width:44vw;object-fit:contain;object-position:bottom left;opacity:0;transform:translate(-40px);transition:opacity .35s,transform .35s;filter:drop-shadow(0 10px 30px rgba(0,0,0,.6));pointer-events:none}#dlg .portrait.in{opacity:1;transform:none}#dlg .box{position:absolute;left:50%;bottom:28px;transform:translate(-36%);width:min(760px,64vw);box-sizing:border-box;background:#120b07ed;border:1px solid rgba(224,178,58,.55);border-radius:10px;padding:16px 22px 18px;box-shadow:0 8px 30px #00000080}#dlg .name{position:absolute;top:-14px;left:18px;background:#2a1a0e;border:1px solid rgba(224,178,58,.7);border-radius:5px;padding:3px 12px;font-size:12px;letter-spacing:.25em;color:#f1c85a}#dlg .text{font-size:18px;line-height:1.55;color:#f4e6c8;min-height:56px}#dlg .more{position:absolute;right:16px;bottom:8px;font-size:11px;color:#f1c85a;opacity:0;animation:p 1.2s infinite}#dlg.done .more{opacity:1}#dlg.ask .more{display:none}#dlg .ans{display:none;gap:10px;margin-top:12px;justify-content:flex-end}#dlg.ask .ans{display:flex}#dlg .ans button{padding:7px 14px;border:1px solid rgba(224,178,58,.5);border-radius:7px;background:transparent;color:#f4e6c8;font:inherit;font-size:14px;letter-spacing:.04em;cursor:pointer}#dlg .ans button.yes{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#dlg .ans button:hover{border-color:#f1c85a}#dlg .ans kbd{display:inline-block;margin-right:7px;padding:1px 7px;border:1px solid #e0b23a;border-radius:5px;color:#f1c85a;font:inherit;font-weight:700;font-size:12px}body.talking #help,body.talking #bruise,body.talking #staminaBox{opacity:0;transition:opacity .3s}@media(max-width:760px){#dlg .portrait{height:42vh;max-width:60vw}#dlg .box{transform:translate(-50%);width:94vw;bottom:12px}#dlg .text{font-size:15px}}#lessonGoal{position:absolute;top:18px;left:50%;transform:translate(-50%);display:none;align-items:center;gap:12px;background:#0e0804f0;border:2px solid #e0b23a;border-radius:10px;padding:11px 22px;font-size:19px;letter-spacing:.05em;color:#fff4dc;white-space:nowrap;box-shadow:0 6px 24px #0000008c,0 0 18px #e0b23a40;text-shadow:0 1px 3px #000}#lessonGoal.on{display:flex}#lessonGoal:before{content:"◆";color:#f1c85a;font-size:16px}#lessonGoal .n{color:#f1c85a;font-weight:700;font-variant-numeric:tabular-nums}#lessonGoal.fresh{animation:goalIn .9s ease-out}@keyframes goalIn{0%{transform:translate(-50%) scale(.85);opacity:0}35%{transform:translate(-50%) scale(1.08);opacity:1;box-shadow:0 0 40px #f1c85ab3}to{transform:translate(-50%) scale(1)}}#lessonHelp{position:absolute;top:78px;left:50%;transform:translate(-50%);display:none;max-width:min(640px,92vw);background:#781e0ee6;border:1px solid #f0a060;border-radius:8px;padding:9px 18px;font-size:16px;color:#fff;text-align:center;box-shadow:0 4px 18px #00000080;animation:p 1.6s infinite}#lessonHelp.on{display:block}@media(max-width:760px){#lessonGoal{font-size:15px;padding:8px 14px;white-space:normal;max-width:92vw}#lessonHelp{top:64px;font-size:14px}}#lessonGoal .skip{padding:2px 8px;border:1px solid rgba(224,178,58,.5);border-radius:5px;background:transparent;color:#f1c85a;font:inherit;font-size:11px;letter-spacing:.12em;cursor:pointer}body.yard #practice details,body.yard #practice #pBest{display:none}body.yard #practice{display:none!important}body.lesson #practice #feedBtn,body.lesson #practice #serveBtn,body.lesson #practice #pShot,body.walk #practice #feedBtn,body.walk #practice #serveBtn,body.walk #practice #pShot,#walkBtn{display:none}body.yard:not(.walk):not(.lesson) #walkBtn{display:inline-block}#hubPrompt{position:absolute;left:50%;bottom:92px;transform:translate(-50%);display:none;background:#140c08e0;border:2px solid #e0b23a;border-radius:10px;padding:9px 18px;font-size:17px;letter-spacing:.06em;color:#f4e6c8;white-space:nowrap;box-shadow:0 4px 18px #00000080}#hubPrompt.on{display:block}body.talking #hubPrompt{display:none}#hubPrompt kbd{display:inline-block;min-width:22px;text-align:center;margin-right:8px;padding:2px 7px;border:1px solid #e0b23a;border-radius:6px;background:#e0b23a2e;color:#f1c85a;font:inherit;font-weight:700}#hubMenu{position:fixed;inset:0;z-index:24;display:none;align-items:flex-end;justify-content:center;padding-bottom:9vh;background:linear-gradient(#0000 40%,#0000008c)}#hubMenu.on{display:flex}#hubMenu .card{background:#140c08f0;border:1px solid rgba(224,178,58,.55);border-radius:12px;padding:18px 26px;width:min(520px,92vw);box-sizing:border-box;text-align:center}#hubMenu h3{margin:0 0 8px;letter-spacing:.25em;color:#f1c85a;font-weight:400;font-size:15px}#hubMenu p.note{margin:-4px 0 12px;font-size:12px;letter-spacing:.16em;color:#f1c85a}#hubMenu p{margin:0 0 12px;color:#e8dcc0;font-size:15px;line-height:1.5}#hubMenu .btns{display:flex;flex-direction:column;gap:8px}#hubMenu .mbtn{font-size:15px;padding:9px 16px}#hubMenu .primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#yardStart{position:fixed;left:50%;top:46%;transform:translate(-50%,-50%);z-index:22;display:none;gap:18px}body.yard #yardStart.on{display:flex}#yardStart .mbtn{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:210px;padding:18px 26px;background:#140c08e6;border:2px solid rgba(224,178,58,.6);border-radius:12px;box-shadow:0 6px 24px #00000080}#yardStart .mbtn.primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a,0 6px 24px #00000080}#yardStart .mbtn:hover,#yardStart .mbtn.padhover{border-color:#f1c85a}#yardStart b{font-size:22px;letter-spacing:.22em;color:#f1c85a;font-weight:400}#yardStart small{font-size:13px;letter-spacing:.04em;color:#e8dcc0;text-transform:none}#hubFade{position:fixed;inset:0;z-index:23;background:#0b0705;opacity:0;pointer-events:none;transition:opacity .35s;display:flex;align-items:center;justify-content:center;color:#f1c85a;font-size:26px;letter-spacing:.4em;flex-direction:column;gap:14px}#hubFade.on{opacity:1}#hubFade.now{transition:none}#hubFade small{font-size:13px;letter-spacing:.3em;color:#f4e6c8b3;animation:p 1.4s infinite}body.walk #staminaBox{display:none}#villageHint{position:absolute;right:18px;bottom:18px;display:none;font-size:12px;letter-spacing:.14em;color:#f4e6c8bf;background:#140c0899;padding:6px 10px;border-radius:8px}#villageHint.on{display:block}body.talking #villageHint{display:none}#villageHint kbd{display:inline-block;margin-right:6px;padding:1px 6px;border:1px solid rgba(224,178,58,.6);border-radius:5px;color:#f1c85a;font:inherit}#staminaBox2{position:absolute;left:75%;bottom:22px;transform:translate(-50%);width:min(300px,38vw);background:#140c0899;padding:8px 14px;border-radius:8px;font-size:11px;letter-spacing:.2em;text-align:center;display:none;color:#f0b25a}body.coop2 #staminaBox{left:25%;width:min(300px,38vw);color:#3fd6c6}body.coop2 #staminaBox span:before{content:"P1 · "}#staminaBox2 .track b{position:absolute;top:0;bottom:0;width:2px;background:#0000008c}#staminaBox2.tired span:after{content:" — EXHAUSTED";color:#e0735a}#staminaBox2.on{display:block}#staminaBox2 .track{position:relative;height:9px;margin-top:5px;background:#ffffff24;border-radius:5px;overflow:hidden}#staminaBox2 .track i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#f0b25a,#e0733a);transition:width .08s linear}#staminaBox2.hot .track i{background:linear-gradient(90deg,#e0b23a,#ff7a2a);box-shadow:0 0 10px #ff9a3a}#staminaBox2.tired .track i{background:#c0392b;animation:p .6s infinite}#bruise .sub{font-size:9px;opacity:.7;letter-spacing:.08em;margin:1px 0 3px}#bruise{position:absolute;right:18px;bottom:18px;background:#140c0899;padding:10px 14px;border-radius:8px;font-size:11px;letter-spacing:.14em;width:150px}#bruise div{margin:5px 0}#bruise .bar{height:6px;background:#ffffff26;border-radius:3px;overflow:hidden;margin-top:2px}#bruise .bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#e0b23a,#c0392b)}#help{position:absolute;left:18px;bottom:18px;background:#140c0899;padding:10px 14px;border-radius:8px;font-size:12px;line-height:1.7}#help b{color:#e0b23a}#help,#bruise{display:none!important}#intro{position:fixed;inset:0;pointer-events:none;display:none}#replay{position:fixed;inset:0;pointer-events:none;display:none;z-index:4}#flash{position:fixed;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:6}#bigText{position:fixed;left:0;right:0;top:40%;text-align:center;font-size:78px;letter-spacing:.14em;color:#f1c85a;text-shadow:0 0 18px rgba(255,150,40,.8),0 4px 16px #000;opacity:0;pointer-events:none;z-index:6;transform:scale(1.6)}#bigText.on{animation:slam 1.5s ease-out forwards}@keyframes slam{0%{opacity:0;transform:scale(2.4)}12%{opacity:1;transform:scale(1)}70%{opacity:1;transform:scale(1.04)}to{opacity:0;transform:scale(1.1)}}#replay .skip{position:absolute;right:20px;bottom:calc(11vh + 12px);font-size:13px;letter-spacing:.2em;opacity:.95;color:#f4e6c8;text-shadow:0 1px 4px #000}#replay .tag{position:absolute;left:28px;top:calc(11vh + 14px);font-size:15px;letter-spacing:.4em;color:#f1c85a;text-shadow:0 2px 8px #000;animation:p 1.2s infinite}.bar{position:absolute;left:0;right:0;height:11vh;background:#000}.bar.top{top:0}.bar.bot{bottom:0}#cap{position:absolute;left:0;right:0;bottom:17vh;text-align:center;font-size:30px;letter-spacing:.1em;text-shadow:0 3px 16px #000;opacity:0;padding:0 8vw}#cap.big{font-size:56px;bottom:38vh;letter-spacing:.14em;color:#f1c85a}#cap small{display:block;font-size:20px;letter-spacing:.3em;color:#f4e6c8;margin-top:12px}#skip{position:absolute;right:20px;bottom:calc(11vh + 12px);font-size:13px;letter-spacing:.2em;opacity:.95;color:#f4e6c8;text-shadow:0 1px 4px #000}#fade{position:fixed;inset:0;background:#000;opacity:0;pointer-events:none}#mute{position:fixed;top:14px;right:14px;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid rgba(224,178,58,.5);background:#140c089e;color:#f4e6c8;font-size:19px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}#mute:hover,#gear:hover{border-color:#f1c85a}body.netguest #mute,body.netguest #gear{z-index:25}#gear{position:fixed;top:14px;right:64px;z-index:20;width:42px;height:42px;border-radius:50%;border:1px solid rgba(224,178,58,.5);background:#140c089e;color:#f4e6c8;font-size:21px;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}#settingsPanel{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;background:#0000008c}#settingsPanel.on{display:flex}#settingsPanel .card{background:#140c08eb;border:1px solid rgba(224,178,58,.5);border-radius:12px;padding:20px 26px;min-width:min(380px,88vw);box-sizing:border-box}#settingsPanel h3{margin:0 0 14px;letter-spacing:.3em;color:#f1c85a;font-weight:400;text-align:center}#settingsPanel .row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:12px 0;font-size:14px;letter-spacing:.04em}#settingsPanel input[type=range]{width:150px;accent-color:#e0b23a}#settingsPanel input[type=range].padhover{outline-offset:6px}#settingsPanel .tog{min-width:64px;padding:5px 10px;border-radius:6px;border:1px solid #e0b23a;background:transparent;color:#f4e6c8;font:inherit;letter-spacing:.14em;cursor:pointer}#settingsPanel .tog.on{background:#e0b23a4d;color:#f1c85a}#settingsPanel .seg{display:flex;gap:4px}#settingsPanel .seg button{padding:5px 8px;border-radius:6px;border:1px solid rgba(224,178,58,.5);background:transparent;color:#f4e6c8;font:inherit;font-size:11px;letter-spacing:.1em;cursor:pointer}#settingsPanel .seg button.on{background:#e0b23a4d;color:#f1c85a;border-color:#e0b23a}#settingsPanel .note{font-size:11px;opacity:.65;margin:-6px 0 10px;text-align:right}#settingsPanel .wide{display:block;width:100%;margin-top:14px;padding:8px;border-radius:6px;border:1px solid #e0b23a;background:#e0b23a26;color:#f4e6c8;font:inherit;letter-spacing:.2em;cursor:pointer}#settingsPanel .wide:hover{border-color:#f1c85a}#settingsPanel .foot{margin-top:16px;text-align:center;font-size:11px;letter-spacing:.25em;opacity:.7}#menu{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#140a0459,#000c);text-align:center;cursor:pointer}#menu h1{font-size:64px;letter-spacing:.12em;margin:0;color:#f1c85a;text-shadow:0 4px 24px #000}#brand{position:fixed;left:16px;bottom:12px;font-size:12px;letter-spacing:.25em;opacity:.55;color:#f4e6c8;pointer-events:none}#menu h2{font-weight:400;font-size:20px;letter-spacing:.35em;margin:6px 0 34px;opacity:.85}#menu .box{font-size:14px;line-height:1.9;background:#140c0899;border:1px solid rgba(224,178,58,.4);border-radius:10px;padding:14px 26px;margin-bottom:26px;text-align:left}#menu .box b{color:#e0b23a;display:inline-block;min-width:96px}#menu .go{font-size:20px;letter-spacing:.3em;animation:p 1.4s infinite}#menu{transition:background-color .9s}#menu.loading{background:#120c08;cursor:default}#menu.loading .go{animation:none;opacity:.75}#loadBar{width:min(320px,70vw);height:3px;margin:10px auto 0;background:#e0b23a33;border-radius:2px;overflow:hidden}#loadBar i{display:block;height:100%;width:0;background:#e0b23a;transition:width .3s}#menu:not(.loading) #loadBar{display:none}@keyframes p{50%{opacity:.35}}#diff{margin-top:18px;font-size:13px}#diff span{display:inline-block;margin:0 8px;padding:5px 14px;border:1px solid rgba(224,178,58,.35);border-radius:6px;cursor:pointer;letter-spacing:.14em}#diff span.sel{background:#e0b23a47;color:#f1c85a;border-color:#e0b23a}#rule{font-size:12px}#rule,#practiceBtn{display:none}#menu .k{color:#f1c85a;font-weight:700}#menu .box.ctl{padding:16px 26px}#menu .box.ctl p{margin:0;opacity:.9}#menu .box.ctl .intro{margin-bottom:10px}#menu .box.ctl .goal{margin-top:10px;opacity:.75}#menu .box.ctl table{border-collapse:collapse;width:100%}#menu .box.ctl td{padding:3px 0;vertical-align:middle;font-weight:400}#menu .box.ctl td:first-child{width:42%;opacity:.8;padding-right:14px}.pg{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;box-sizing:border-box;margin:0 3px;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-style:normal;letter-spacing:0;text-transform:none;line-height:1}.pg-xb,.pg-ps{width:1.9em;height:1.9em;border-radius:50%;font-size:.95em;background:radial-gradient(circle at 35% 30%,#3a3a40,#121214 70%);border:1px solid rgba(255,255,255,.28);box-shadow:0 1px 2px #0009}.pg-xb0{color:#7ed957}.pg-xb1{color:#ff5a4d}.pg-xb2{color:#4da6ff}.pg-xb3{color:#ffd23f}.pg-ps svg{width:62%;height:62%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.pg-ps0{color:#8fb4f5}.pg-ps1{color:#f2707a}.pg-ps2{color:#e39ad8}.pg-ps3{color:#5fd6ae}.pg-key{padding:.18em .5em;border-radius:5px;font-size:.78em;color:#f4e6c8;background:#141416d9;border:1px solid rgba(255,255,255,.3);border-bottom-width:2px;white-space:nowrap}kbd{display:inline-block;min-width:1.4em;text-align:center;font:inherit;font-size:.9em;font-weight:400;letter-spacing:.04em;padding:1px 7px;margin:0 2px;border:1px solid rgba(244,230,200,.45);border-bottom-width:2px;border-radius:5px;background:#ffffff12;color:#f4e6c8}#menu .note{opacity:.65;font-size:.9em}#menuBtns{display:flex;gap:10px;justify-content:center;margin-top:16px;flex-wrap:wrap}#careerBtn.primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a;color:#f1c85a;font-size:15px;padding:8px 26px;letter-spacing:.2em}#menu:has(#rulesBtn:hover,#diff span:hover,#ctlSwitch :hover,.padhover:not(#careerBtn)) #careerBtn.primary{border-color:#e0b23a80;box-shadow:none}body:not(.touch) #menu:not(.loading) .go{display:none}body:not(.touch) #menu:not(.loading) #menuBtns{margin-top:22px}#menuBtns+#diff{margin-top:12px}body:not(.touch) #diff span.sel{background:none;color:inherit;border-color:#e0b23a59}body:not(.touch) #diff span:hover,body:not(.touch) #diff span.padhover{color:#f1c85a;border-color:#f1c85a}#menuBtns #coopBtn{border-color:#f0b25a;color:#f0b25a}#coopLobby{position:fixed;inset:0;z-index:26;display:none;align-items:center;justify-content:center;overflow-y:auto;padding:10px;box-sizing:border-box;background:radial-gradient(ellipse at center,#140a04cc,#000000f0)}#coopLobby.on{display:flex}#coopLobby .card{margin:auto;background:#140c08f0;border:1px solid rgba(240,178,90,.6);border-radius:12px;padding:22px 30px;width:min(660px,94vw);box-sizing:border-box;text-align:center}#coopLobby .stage{position:relative;height:min(300px,38vh);background:radial-gradient(ellipse at 50% 62%,#f1c85a21,#0000 60%)}#coopLobby .stage canvas{width:100%;height:100%;display:block}#coopLobby .arrow{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:52px;border:1px solid rgba(224,178,58,.45);border-radius:8px;background:#00000059;color:#f1c85a;font:inherit;font-size:28px;line-height:1;cursor:pointer}#coopLobby .arrow:hover,#coopLobby .arrow.padhover{border-color:#f1c85a}#coopLobby .arrow.l{left:0}#coopLobby .arrow.r{right:0}#coopLobby .inv{display:flex;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap;margin-bottom:14px}#coopLobby .inv>*{display:none}#coopLobby .inv .mbtn{font-size:12px;padding:7px 14px}#coopLobby .invLbl{font-size:12px;color:#e8dcc0;width:100%}#coopLobby .link{flex:1;min-width:0;max-width:380px;padding:7px 10px;border-radius:6px;border:1px solid rgba(224,178,58,.6);background:#00000059;color:#f4e6c8;font:inherit;font-size:13px;text-align:center}#coopLobby.host.linked .inv .codeLbl,#coopLobby.host.linked .inv .code,#coopLobby.host.linked .inv .codeHow{display:inline-block}#coopLobby .codeLbl{font-size:13px;color:#e8dcc0}#coopLobby .codeHow{width:100%;font-size:12px;color:#f4e6c8cc}#coopLobby .code{font-size:30px;letter-spacing:.3em;color:#f1c85a;font-weight:400;line-height:1}#phoneInvite .code{font-size:34px;letter-spacing:.32em;padding-left:.32em;color:#f1c85a;font-weight:400}#coopLobby .enter{display:none;flex-direction:column;gap:12px;align-items:center;margin:18px 0 20px}#coopLobby.join .enter{display:flex}#coopLobby.join .seats,#coopLobby.join .inv,#coopLobby.choose .seats,#coopLobby.choose .inv,#coopLobby.choose .lv{display:none}#coopLobby .ways{display:none;flex-direction:column;gap:12px;align-items:center;margin:20px 0 22px}#coopLobby.choose .ways{display:flex}#coopLobby .ways .mbtn{width:min(360px,86vw);padding:13px 16px;display:flex;flex-direction:column;gap:4px;align-items:center}#coopLobby .ways b{font-size:16px;letter-spacing:.22em;font-weight:400}#coopLobby .ways small{font-size:12px;letter-spacing:.04em;color:#e8dcc0;text-transform:none}#coopLobby .enterLbl{font-size:14px;color:#e8dcc0}#coopLobby .codeIn{width:190px;padding:10px 8px 10px calc(8px + .32em);border-radius:8px;border:1px solid rgba(224,178,58,.7);background:#0006;color:#f1c85a;font:inherit;font-size:34px;letter-spacing:.32em;text-align:center;text-transform:uppercase;outline:none}#coopLobby .codeIn:focus{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#coopLobby .enter .mbtn{font-size:14px;padding:8px 26px}#phoneInvite{position:fixed;inset:0;z-index:40;display:flex;align-items:center;justify-content:center;padding:18px;box-sizing:border-box;background:#080503e6}#phoneInvite .card{max-width:440px;text-align:center;background:#140c08;border:1px solid rgba(224,178,58,.5);border-radius:12px;padding:22px 20px}#phoneInvite h2{margin:0 0 12px;font-size:16px;letter-spacing:.2em;color:#f0b25a;font-weight:400}#phoneInvite p{margin:0 0 14px;font-size:15px;line-height:1.55;color:#f4e6c8}#phoneInvite .code{display:block;margin-bottom:18px}#phoneInvite .mbtn{font-size:13px;padding:9px 16px}#coopLobby.guest .seat:first-child .arrow,#coopLobby.host .seat:last-child .arrow{display:none}#coopLobby .seat{--c:#3fd6c6}#coopLobby .seat+.seat{--c:#f0b25a}#coopLobby .seats .seat.in{border-color:var(--c)}#coopLobby .seats .seat b,#coopLobby .seats .seat em{color:var(--c)}#coopLobby .seat .arrow{color:var(--c);border-color:color-mix(in srgb,var(--c) 55%,transparent)}#coopLobby .seat .arrow:hover,#coopLobby .seat .arrow.padhover{border-color:var(--c)}#coopLobby .seat.ready{box-shadow:0 0 0 1px var(--c),0 0 18px color-mix(in srgb,var(--c) 45%,transparent)}#coopLobby .seat.ready .arrow{visibility:hidden}#coopLobby .rdy{align-self:center;margin-top:4px;font-size:13px;padding:7px 18px;color:var(--c);border-color:color-mix(in srgb,var(--c) 60%,transparent)}#coopLobby .rdy:hover,#coopLobby .rdy.padhover,#coopLobby .seat.ready .rdy{border-color:var(--c)}#coopLobby .seat.ready .rdy{box-shadow:0 0 0 1px var(--c)}#coopLobby .seat em{font-style:normal;font-size:17px;letter-spacing:.12em;color:#f4e6c8}#coopLobby h2{margin:0 0 4px;letter-spacing:.35em;color:#f0b25a;font-weight:400;font-size:20px}#coopLobby .sub{margin:0 0 16px;font-size:13px;color:#e8dcc0}#coopLobby .seats{display:flex;gap:14px;margin-bottom:18px}#coopLobby .seat{flex:1;display:flex;flex-direction:column;gap:5px;padding:14px 10px;border:1px dashed rgba(224,178,58,.4);border-radius:10px;opacity:.75}#coopLobby .seat.in{border-style:solid;border-color:#e0b23a;background:#e0b23a1a;opacity:1}#coopLobby .seat b{font-weight:400;letter-spacing:.2em;color:#f1c85a;font-size:14px}#coopLobby .seat span{font-size:12px;color:#e8dcc0}#coopLobby .seat i{font-style:normal;font-size:13px;letter-spacing:.1em;color:#fff4dc}#coopLobby .seat:not(.in) i{animation:p 1.4s infinite}#coopLobby .lv{display:flex;gap:10px;align-items:center;justify-content:center;margin-bottom:14px}#coopLobby .lv .lbl{font-size:12px;letter-spacing:.16em;color:#f4e6c8cc;margin-right:4px}#coopLobby .lv .mbtn{font-size:14px;padding:8px 18px}#coopLobby .lv .mbtn[disabled]{opacity:.3;cursor:default}#coopLobby .primary{border-color:#f1c85a;box-shadow:0 0 0 1px #f1c85a}#coopLobby .btns{display:flex;justify-content:center}#diff .lbl{font-weight:400;letter-spacing:.18em;color:#f4e6c8bf;margin-right:6px}@media(min-width:900px){body:not(.touch) #diff{display:table;position:relative;margin-left:auto;margin-right:auto}body:not(.touch) #diff .lbl{position:absolute;right:100%;top:50%;transform:translateY(-50%);white-space:nowrap;margin-right:8px}}body.modesLocked #diff{opacity:.32;filter:grayscale(1);pointer-events:none}#diffLock{display:none;margin-top:6px;font-size:11px;letter-spacing:.1em;color:#f4e6c899}body.modesLocked #diffLock{display:block}body.picking #diffLock,#menu.loading #diffLock{display:none}.mbtn{padding:5px 14px;border:1px solid rgba(224,178,58,.5);border-radius:6px;background:transparent;color:#f1c85a;font:inherit;font-size:12px;letter-spacing:.16em;cursor:pointer}:is(#career,#heroSel,#hubMenu,#yardStart,#coopLobby,#dlg):has(button:hover:not(.primary):not(.yes),.padhover:not(.primary):not(.yes)) :is(.primary,.yes){border-color:#e0b23a80;box-shadow:none}.mbtn:hover,.mbtn.padhover{border-color:#f1c85a}.mbtn.small{padding:1px 8px;font-size:10px;letter-spacing:.12em;margin-left:8px;vertical-align:middle}#menu [data-set]{animation:p 1.4s infinite}#menu [data-set]:hover{animation:none}#bindReset{display:none;margin:8px 0 0}#bindReset.on{display:inline-block}tr.listening td.bind{color:#f1c85a;animation:p 1s infinite}#rulesPanel{position:fixed;inset:0;z-index:31;display:none;align-items:center;justify-content:center;background:#0009}#rulesPanel.on{display:flex}#rulesPanel .card{background:#140c08f2;border:1px solid rgba(224,178,58,.5);border-radius:12px;padding:20px 28px;max-width:min(600px,92vw);max-height:86vh;overflow-y:auto;box-sizing:border-box;text-align:left}#rulesPanel h3{margin:0 0 12px;letter-spacing:.3em;color:#f1c85a;font-weight:400;text-align:center}#rulesPanel dl{margin:0;font-size:14px;line-height:1.6}#rulesPanel dt{margin-top:10px;letter-spacing:.12em;font-size:12px;opacity:.75;text-transform:uppercase}#rulesPanel dd{margin:2px 0 0}#rulesPanel .wide{display:block;width:100%;margin-top:16px;padding:8px;border-radius:6px;border:1px solid #e0b23a;background:#e0b23a26;color:#f4e6c8;font:inherit;letter-spacing:.2em;cursor:pointer}#practiceBtn{color:#f1c85a;font-size:12px;letter-spacing:.14em;margin-top:12px;opacity:.75;cursor:pointer;text-decoration:underline dotted}#practiceBtn:hover{opacity:1;color:#f1c85a}#practice{position:fixed;top:14px;left:14px;z-index:20;display:none;width:340px;max-width:calc(100vw - 28px);box-sizing:border-box;background:#140c08cc;border:1px solid rgba(224,178,58,.5);border-radius:10px;padding:10px 14px;font-size:12px;line-height:1.5}#practice .t{letter-spacing:.25em;color:#f1c85a;margin-bottom:6px}#practice .btns{display:flex;gap:8px;margin-bottom:8px}#practice button{flex:1;white-space:nowrap;font-size:11px!important;padding:6px 8px;border-radius:6px;border:1px solid #e0b23a;background:#e0b23a33;color:#f4e6c8;font:inherit;letter-spacing:.1em;cursor:pointer}#practice button:hover{border-color:#f1c85a}#practice #exitPractice{flex:0 0 auto;background:transparent}#pShot b{color:#f1c85a;font-weight:400}#pBest{opacity:.8;margin-top:4px}#practice summary{cursor:pointer;margin-top:6px;opacity:.85}#pTune .r{display:flex;align-items:center;gap:8px;margin:3px 0}#pTune .r span:first-child{flex:0 0 108px}#pTune input{flex:1;accent-color:#e0b23a;min-width:0}#pTune .v{flex:0 0 38px;text-align:right;color:#f1c85a}#over{position:fixed;inset:0;display:none;flex-direction:column;align-items:center;justify-content:center;background:#0009;text-align:center}#over h1{font-size:56px;letter-spacing:.14em;margin:0 0 12px;color:#f1c85a}#menu{overflow-y:auto;justify-content:safe center;padding:16px;box-sizing:border-box}#menu h1{font-size:clamp(24px,5.2vw,60px);letter-spacing:.1em;padding:0 56px}#menu .box{max-width:min(620px,92vw);box-sizing:border-box}body:not(.touch) .touchOnly{display:none!important}body.touch .deskOnly{display:none!important}#pads{position:fixed;left:0;right:0;bottom:calc(14px + env(safe-area-inset-bottom));display:none;justify-content:center;gap:10px;z-index:8;pointer-events:none}body.touch.playing #pads{display:flex}.pad{min-width:86px;padding:7px 8px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:11px;letter-spacing:.14em;color:#f4e6c8;background:#140c0880;border:1px solid rgba(244,230,200,.3);transition:border-color .12s,background .12s,box-shadow .12s;opacity:.9}.pad b{font-size:13px;letter-spacing:.1em;color:#f1c85a;font-weight:400;margin-bottom:2px}.pad.ready{border-color:#3fd6c6;box-shadow:0 0 16px #3fd6c6a6;background:#143c388c}.pad.charged{border-color:#ff8a3a;box-shadow:0 0 22px #ff8a3ae6;background:#78340aa6}#coach{position:fixed;left:0;right:0;bottom:calc(76px + env(safe-area-inset-bottom));text-align:center;font-size:12px;letter-spacing:.14em;text-shadow:0 1px 5px #000,0 0 3px #000;z-index:8;pointer-events:none;display:none;padding:0 12px}body.touch.playing #coach.on{display:block}body.touch #help,body.touch #staminaBox,body.touch #bruise{display:none}#deskNote{margin-top:10px;font-size:11px;letter-spacing:.16em;color:#f4e6c8a6}#menu.loading #deskNote{display:none}body.touch #careerBtn,body.touch #coopBtn,body.touch #coopLobby,body.touch #career,body.touch #heroSel,body.touch #diffLock{display:none!important}body.touch #quality{bottom:calc(130px + env(safe-area-inset-bottom))}body.touch #diff span{padding:12px 16px;margin:4px 5px}body.touch .mbtn{padding:11px 18px}body.touch #mute,body.touch #gear{top:calc(10px + env(safe-area-inset-top))}@media(orientation:landscape)and (max-height:520px){#coach{bottom:calc(70px + env(safe-area-inset-bottom))}body.touch #quality{bottom:38%}}@media(max-width:760px){#score{top:calc(60px + env(safe-area-inset-top))}#menu{padding-top:62px}#menu h1{padding:0}#help{display:none}#bruise{right:8px;bottom:64px;width:130px;padding:6px 10px;font-size:10px}#staminaBox{bottom:10px;width:min(300px,70vw)}#score{padding:5px 12px;gap:10px}.team{font-size:9px;gap:6px}.team .s{font-size:24px}#banner{font-size:18px;top:64px}#banner small{font-size:11px}#quality{font-size:14px}#bigText{font-size:42px}#cap{font-size:18px}#cap.big{font-size:28px}#menu h2{font-size:13px;letter-spacing:.2em;margin:4px 0 16px}#menu .box{font-size:12px;line-height:1.6;padding:10px 14px}#menu .box b{min-width:0;margin-right:6px}}@media(max-height:560px){#menu h1{font-size:clamp(22px,7vh,52px)}#menu h2{margin:2px 0 8px;font-size:13px}#menu .box{font-size:11px;line-height:1.45;padding:6px 14px;margin-bottom:8px}#menu .go{font-size:14px}#diff,#menuBtns{margin-top:6px}#help{display:none}#bruise{bottom:10px;padding:5px 8px;width:125px;font-size:10px}}