:root{--ui:clamp(13px, min(4.1vw, 3vh), 22px);--tap:max(44px, calc(var(--ui) * 2.8));--ink:#0e2f5a;--ink-mute:#3d5f86;--plate:#eaf4fff0;--plate-2:#eaf4ff;--plate-3:#d6e8fb;--plate-4:#bfd9f5;--line:#092f6038;--line-soft:#092f601a;--accent:#ffd23f;--accent-ink:#2b2405;--accent-deep:#8a6200;--accent-wash:#ffd23f57;--us:#11773a;--them:#0b56c4;--good:#11773a;--bad:#c62f2f;--alert:#d61f26;--edge-ink:#0b3d8a;--key:#0b3d8a;--key-hot:#1355b8;--radius:calc(var(--ui) * .8);--lift:0 2px 10px #041c4238;--lift-2:0 18px 44px #041c4257;--scroll:#092f6047;--scroll-hot:#092f6080;--wall:#0496ff;--toprow:calc(var(--ui) * 3.4)}*{box-sizing:border-box}html,body{background:var(--wall);height:100%;color:var(--ink);-webkit-user-select:none;user-select:none;overscroll-behavior:none;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}[hidden]{display:none!important}#app{position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}#pf-canvas{z-index:1;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}#pf-touch{z-index:2;touch-action:none;grid-template-columns:1fr 1fr;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}#pf-touch>div{opacity:0;background:linear-gradient(#0000 55%,#ffd23f4d);transition:opacity .15s}#pf-touch>div.down{opacity:1}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}[tabindex]:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.pf-scroll{scrollbar-width:none;-ms-overflow-style:none}.pf-scroll::-webkit-scrollbar{width:0;height:0}.pf-scroll.more-b{-webkit-mask-image:linear-gradient(to bottom, #000 calc(100% - var(--ui) * 1.6), transparent);mask-image:linear-gradient(to bottom, #000 calc(100% - var(--ui) * 1.6), transparent)}.pf-scroll.more-t{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--ui) * 1.6));mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--ui) * 1.6))}.pf-scroll.more-t.more-b{-webkit-mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--ui) * 1.6), #000 calc(100% - var(--ui) * 1.6), transparent);mask-image:linear-gradient(to bottom, transparent, #000 calc(var(--ui) * 1.6), #000 calc(100% - var(--ui) * 1.6), transparent)}.pf-bar{z-index:3;touch-action:none;background:#092f600e;border-radius:999px;position:absolute;box-shadow:inset 0 0 0 1px #092f600d}.pf-bar.y{width:calc(var(--ui) * .55)}.pf-bar.x{height:calc(var(--ui) * .55)}.pf-bar i{background:var(--scroll);cursor:grab;border-radius:999px;transition:background .12s;position:absolute}.pf-bar.y i{left:0;right:0}.pf-bar.x i{top:0;bottom:0}.pf-bar:hover i{background:var(--scroll-hot)}.pf-bar.drag i{background:var(--scroll-hot);cursor:grabbing}.pf-catalogue>.pf-list,.pf-cardbody{padding-right:calc(var(--ui) * 1.55)}.pf-flag{border-radius:calc(var(--ui) * .16);width:100%;height:100%;display:block}.pf-flag-slot{width:calc(var(--ui) * 2.1);height:calc(var(--ui) * 1.575);flex:none;display:block}.pf-flag.chip{width:calc(var(--ui) * 1.6);height:calc(var(--ui) * 1.2);vertical-align:-.12em;margin-right:calc(var(--ui) * .38);display:inline-block}#pf-hud{z-index:3;pointer-events:none;padding:calc(env(safe-area-inset-top) + var(--ui) * .6) calc(env(safe-area-inset-right) + var(--ui) * .7) calc(env(safe-area-inset-bottom) + var(--ui) * .8) calc(env(safe-area-inset-left) + var(--ui) * .7);position:absolute;top:0;bottom:0;left:0;right:0}.pf-top{justify-content:space-between;align-items:flex-start;gap:var(--ui);display:flex}.pf-wallet{pointer-events:auto;justify-content:center;align-items:center;gap:calc(var(--ui) * .42);background:var(--plate);border:1px solid var(--line);box-shadow:var(--lift);padding:calc(var(--ui) * .34) calc(var(--ui) * .85);font-weight:800;font-size:calc(var(--ui) * .95);font-variant-numeric:tabular-nums;border-radius:999px;display:inline-flex}.pf-wallet.big{font-size:calc(var(--ui) * 1.3);padding:calc(var(--ui) * .42) calc(var(--ui) * 1);gap:calc(var(--ui) * .5);min-height:var(--tap)}.pf-wallet.big .pf-coin{width:calc(var(--ui) * 2.1);height:calc(var(--ui) * 2.1)}.pf-mk{--edge:1px;width:calc(var(--ui) * 1.1);height:calc(var(--ui) * 1.1);background:var(--mk) center / contain no-repeat;filter:drop-shadow(var(--edge) 0 0 var(--edge-ink)) drop-shadow(calc(var(--edge) * -1) 0 0 var(--edge-ink)) drop-shadow(0 var(--edge) 0 var(--edge-ink)) drop-shadow(0 calc(var(--edge) * -1) 0 var(--edge-ink));flex:none;display:inline-block}.pf-mk.big{--edge:2px}.pf-tool .pf-mk.key{--edge:2px;width:74%;height:74%;filter:drop-shadow(var(--edge) 0 0 var(--edge-ink)) drop-shadow(calc(var(--edge) * -1) 0 0 var(--edge-ink)) drop-shadow(0 var(--edge) 0 var(--edge-ink)) drop-shadow(0 calc(var(--edge) * -1) 0 var(--edge-ink)) drop-shadow(0 2px 7px #061a308c)}.pf-coin{width:calc(var(--ui) * 1.4);height:calc(var(--ui) * 1.4);background:var(--mk-coin) center / contain no-repeat;vertical-align:-.2em;flex:none;display:inline-block}.pf-keys{pointer-events:auto;gap:calc(var(--ui) * .4);flex-wrap:wrap;justify-content:flex-end;max-width:62%;display:flex}.pf-tool{width:var(--tap);height:var(--tap);box-shadow:none;background:0 0;border:0;border-radius:0;place-items:center;padding:0;transition:filter .12s,transform 80ms;display:grid;position:relative}.pf-tool:hover{filter:brightness(1.12)saturate(1.1);transform:translateY(-1px)}.pf-tool:active{transform:translateY(1px)}.pf-badge{top:calc(var(--ui) * -.12);right:calc(var(--ui) * -.12);min-width:calc(var(--ui) * 1.15);height:calc(var(--ui) * 1.15);background:var(--alert);color:#fff;font-size:calc(var(--ui) * .72);padding:0 calc(var(--ui) * .2);border:2px solid #fff;border-radius:999px;place-items:center;font-weight:800;display:grid;position:absolute;box-shadow:0 1px 4px #041c4273}.pf-badge.dot{min-width:0;width:calc(var(--ui) * .82);height:calc(var(--ui) * .82);aspect-ratio:1;padding:0}.pf-stack{left:50%;top:calc(env(safe-area-inset-top) + var(--ui) * .6 + var(--toprow) + var(--ui) * .55);justify-items:center;gap:calc(var(--ui) * .45);width:max-content;max-width:calc(100% - var(--ui) * 2);display:grid;position:absolute;transform:translate(-50%)}.pf-board{align-items:center;gap:calc(var(--ui) * .9);background:var(--plate);border:1px solid var(--line);box-shadow:var(--lift);border-radius:var(--radius);padding:calc(var(--ui) * .4) calc(var(--ui) * .9);display:none}.pf-board.on{display:flex}.pf-team{align-items:center;gap:calc(var(--ui) * .45);line-height:1;display:flex}.pf-team .who{font-size:calc(var(--ui) * .72);letter-spacing:.1em;color:var(--ink-mute);font-weight:800}.pf-team b{font-size:calc(var(--ui) * 1.8);font-variant-numeric:tabular-nums;display:inline-block}.pf-vs{width:calc(var(--ui) * .85);background:var(--ink);opacity:.3;border-radius:2px;flex:none;height:2px}.pf-team.us b{color:var(--us)}.pf-team.them b{color:var(--them)}@keyframes pfpop{0%{transform:scale(1.7)}to{transform:scale(1)}}.pf-clockbox{min-width:calc(var(--ui) * 3.6);justify-items:center;gap:2px;display:grid}.pf-clock{font-size:calc(var(--ui) * 1.45);font-variant-numeric:tabular-nums;font-weight:800;line-height:1}.pf-period{font-size:calc(var(--ui) * .58);letter-spacing:.16em;color:var(--accent-ink);background:var(--accent);padding:1px calc(var(--ui) * .42);border-radius:999px;font-weight:800;line-height:1.5}.pf-board.break .pf-period{background:var(--ink-mute);color:var(--plate-2)}.pf-board.extra .pf-period{background:var(--us);color:#fff;animation:1s ease-in-out infinite alternate pfet}@keyframes pfet{0%{filter:brightness()}to{filter:brightness(1.45)}}.pf-energy{align-items:center;gap:calc(var(--ui) * .4);width:calc(var(--ui) * 12);max-width:100%;height:calc(var(--ui) * 1.55);pointer-events:auto;cursor:help;display:flex;position:relative}.pf-energy>.pf-mk{width:calc(var(--ui) * 1.65);height:calc(var(--ui) * 1.65);flex:none}.pf-energy-track{height:calc(var(--ui) * .95);background:var(--plate-4);border:1px solid var(--line);box-shadow:var(--lift);border-radius:999px;flex:1;position:relative;overflow:hidden}.pf-energy #pf-energy-fill{background:linear-gradient(90deg, #43d17a, var(--accent));width:0;transition:width .15s;position:absolute;top:0;bottom:0;left:0;right:0}.pf-energy.armed #pf-energy-fill{animation:.6s ease-in-out infinite alternate pfarmed}.pf-energy.kill #pf-energy-fill{background:linear-gradient(90deg, var(--us), #43d17a);width:100%!important}@keyframes pfarmed{0%{filter:brightness()}to{filter:brightness(1.5)}}.pf-energy span{font-size:calc(var(--ui) * .62);letter-spacing:.14em;color:var(--ink);text-shadow:0 1px 2px #fffc;place-items:center;font-weight:800;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pf-energy.kill span{color:#fff;text-shadow:0 1px 3px #0000008c}.pf-flash{background:var(--plate-2);border:1px solid var(--line);box-shadow:var(--lift-2);padding:calc(var(--ui) * .5) calc(var(--ui) * 1.2);font-weight:800;font-size:calc(var(--ui) * 1.1);white-space:nowrap;max-width:calc(100% - var(--ui) * 2);text-overflow:ellipsis;border-radius:999px;position:absolute;top:42%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pf-flash.in{animation:.35s ease-out pfflash}@keyframes pfflash{0%{opacity:0;transform:translate(-50%,-50%)scale(.7)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pf-banner{justify-items:center;gap:calc(var(--ui) * .4);pointer-events:none;display:grid;position:absolute;top:34%;left:0;right:0;overflow:hidden}#app.wide .pf-banner{width:auto;top:22%;left:0;right:0}.pf-banner .band{justify-content:center;align-items:center;gap:calc(var(--ui) * .55);width:100%;padding:calc(var(--ui) * .5) calc(var(--ui) * .4);border-block:3px solid var(--us);white-space:nowrap;background:linear-gradient(90deg,#0000,#fcfdf8f5 14% 86%,#0000);display:flex}.pf-banner[data-who=them] .band{border-block-color:var(--them)}.pf-banner .band b{font-size:calc(var(--ui) * 1.8);letter-spacing:.06em;color:var(--us);font-weight:900}.pf-banner[data-who=them] .band b{color:var(--them);font-size:calc(var(--ui) * 1.3)}.pf-banner .band .pf-mk.big{width:calc(var(--ui) * 2.6);height:calc(var(--ui) * 2.6)}.pf-banner .who{align-items:center;gap:calc(var(--ui) * .4);display:inline-flex}.pf-banner .who em{letter-spacing:.08em;font-style:normal;font-weight:800;font-size:calc(var(--ui) * 1)}.pf-banner .tally{font-size:calc(var(--ui) * 1.35);font-variant-numeric:tabular-nums;font-weight:800}.pf-banner .note{background:var(--plate-2);border:1px solid var(--line);box-shadow:var(--lift);padding:calc(var(--ui) * .26) calc(var(--ui) * .9);font-size:calc(var(--ui) * .8);border-radius:999px;margin:0;font-weight:800}.pf-banner.in .band{animation:2.2s cubic-bezier(.2,.8,.3,1) both pfband}.pf-banner.in .pf-mk.big{animation:2.2s ease-out both pfbandmark}@keyframes pfband{0%{opacity:0;transform:translate(-106%)}11%{opacity:1;transform:translate(0)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(106%)}}@keyframes pfbandmark{0%,9%{transform:scale(.4)rotate(-22deg)}20%{transform:scale(1.18)rotate(4deg)}30%,to{transform:scale(1)rotate(0)}}@media (prefers-reduced-motion:reduce){.pf-banner.in .band{animation:2.2s linear both pfbandcalm}.pf-banner.in .pf-mk.big{animation:none}@keyframes pfbandcalm{0%{opacity:0}8%,88%{opacity:1}to{opacity:0}}}.pf-coach{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--ui) * 11);background:var(--accent);color:var(--accent-ink);box-shadow:var(--lift);padding:calc(var(--ui) * .45) calc(var(--ui) * 1);font-weight:800;font-size:calc(var(--ui) * .9);white-space:nowrap;border-radius:999px;animation:1.4s ease-in-out infinite alternate pfcoach;position:absolute;transform:translate(-50%)}@keyframes pfcoach{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}#app.wide .pf-stack{left:var(--ui);width:min(calc(var(--rail) - var(--ui) * 2), calc(var(--ui) * 16));justify-items:center;top:50%;transform:translateY(-50%)}#app.wide .pf-board{gap:calc(var(--ui) * .5);width:100%;padding:calc(var(--ui) * .7) calc(var(--ui) * .6);flex-direction:column}#app.wide .pf-board .pf-team.them{flex-direction:row-reverse}#app.wide .pf-energy{width:100%}#app.wide .pf-home{left:auto;right:var(--ui);width:min(calc(var(--rail) - var(--ui) * 2.4), calc(var(--ui) * 16));bottom:28%;transform:none}#app.wide .pf-home .pf-start{width:100%;min-width:0}.pf-home{left:50%;bottom:calc(env(safe-area-inset-bottom) + var(--ui) * .8);justify-items:center;gap:calc(var(--ui) * .42);max-width:calc(100% - var(--ui) * 1.4);display:grid;position:absolute;transform:translate(-50%)}.pf-start{pointer-events:auto;min-width:calc(var(--ui) * 12);height:calc(var(--tap) * 1.24);background:var(--accent);color:var(--accent-ink);font-weight:900;font-size:calc(var(--ui) * 1.35);letter-spacing:.08em;text-transform:uppercase;border:0;border-radius:999px;box-shadow:0 10px 26px #1026184d,inset 0 -4px #00000029}.pf-start:hover{filter:brightness(1.06)}.pf-road{pointer-events:auto;align-items:center;gap:calc(var(--ui) * .3);background:var(--plate);border:1px solid var(--line);box-shadow:var(--lift);padding:calc(var(--ui) * .3) calc(var(--ui) * .7);font-weight:800;font-size:calc(var(--ui) * .72);letter-spacing:.08em;border-radius:999px;display:inline-flex}.pf-road:hover{border-color:var(--accent-deep);background:#fff}.pf-road span{color:var(--ink-mute)}.pf-road span.done{color:var(--good)}.pf-road span.now{color:var(--accent-ink);background:var(--accent);padding:1px calc(var(--ui) * .4);border-radius:999px}.pf-road span.out{color:var(--bad);text-decoration:line-through}.pf-road .arrow{width:calc(var(--ui) * .5);background:var(--line);flex:none;height:1px}.pf-start:active{transform:translateY(2px)}@media (prefers-reduced-motion:reduce){.pf-coach,.pf-energy.armed i,.pf-team b.pop,.pf-flash.in,.pf-board.extra .pf-period{animation:none}}#pf-sheets{z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pf-sheet{padding:var(--ui);pointer-events:auto;z-index:10;place-items:center;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.pf-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#041c428f;position:absolute;top:0;bottom:0;left:0;right:0}.pf-sheet.floor .pf-backdrop{background:#041c4275}.pf-card{--pad-card:max(calc(var(--ui) * 1.15), calc(var(--cap-panel,0px) * .95));width:min(100%, calc(var(--ui) * 30));background:var(--plate-2);border:1px solid var(--line);border-radius:calc(var(--ui) * 1.15);max-height:92vh;padding:var(--pad-card);gap:calc(var(--ui) * .8);box-shadow:var(--lift-2);flex-direction:column;display:flex;position:relative;overflow:hidden}.pf-card>*{flex:none}.pf-card.wide{width:min(100%, calc(var(--ui) * 42))}.pf-card>.pf-cardbody,.pf-card>.pf-catalogue{flex:auto;min-height:0}.pf-cardbody{gap:calc(var(--ui) * .8);flex-direction:column;display:flex;overflow-y:auto}.pf-cardbody>*{flex:none}.pf-card h2{font-size:calc(var(--ui) * 1.5);letter-spacing:.01em;margin:0}.pf-card h3{font-size:calc(var(--ui) * .85);color:var(--ink-mute);text-transform:uppercase;letter-spacing:.12em;margin:0}.pf-card p{color:var(--ink-mute);font-size:calc(var(--ui) * .9);margin:0;line-height:1.45}.pf-sheet:not(.floor) .pf-card>.pf-x+.pf-row.between{padding-right:calc(var(--tap) + var(--ui) * .5)}.pf-x{top:calc(var(--ui) * .6);right:calc(var(--ui) * .6);width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--plate-3);font-size:calc(var(--ui) * 1.45);z-index:2;border-radius:50%;place-items:center;padding:0;font-weight:700;line-height:1;display:grid;position:absolute}.pf-x:hover{background:var(--plate-4);border-color:var(--accent-deep)}.pf-row{align-items:center;gap:calc(var(--ui) * .6);flex-wrap:wrap;display:flex}.pf-row.between{justify-content:space-between}.pf-key{min-height:var(--tap);border:1px solid var(--line);background:var(--plate-3);padding:calc(var(--ui) * .4) calc(var(--ui) * 1.1);font-weight:800;font-size:calc(var(--ui) * .95);justify-content:center;align-items:center;gap:calc(var(--ui) * .45);text-align:center;border-radius:999px;transition:background .12s,transform 80ms;display:inline-flex}.pf-key:hover{background:var(--plate-4)}.pf-key:active{transform:translateY(1px)}.pf-key.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000;box-shadow:inset 0 -3px #00000024}.pf-key.primary:hover{filter:brightness(1.06);background:var(--accent)}.pf-key.wide{width:100%}.pf-key[aria-disabled=true]{opacity:.5;cursor:default}.pf-key[aria-disabled=true]:hover{background:var(--plate-3);filter:none}.pf-key.primary.done{opacity:1;background:var(--plate-3);color:var(--good);border-color:var(--good);box-shadow:none}.pf-key.primary.done:hover{background:var(--plate-3);filter:none}.pf-key .ad{width:calc(var(--ui) * 1.05);height:calc(var(--ui) * 1.05);font-size:calc(var(--ui) * .62);border:1.5px solid;border-radius:4px;place-items:center;display:inline-grid}.pf-tabs{gap:calc(var(--ui) * .4);display:flex}.pf-tab{min-height:var(--tap);border-radius:var(--radius);border:1px solid var(--line);background:var(--plate-3);font-weight:800;font-size:calc(var(--ui) * .92);justify-content:center;align-items:center;gap:calc(var(--ui) * .42);padding:calc(var(--ui) * .3) calc(var(--ui) * .5);flex:1;transition:background .12s;display:inline-flex}.pf-tab .pf-mk{width:calc(var(--ui) * 1.45);height:calc(var(--ui) * 1.45)}.pf-tab:hover{background:var(--plate-4)}.pf-tab.on{background:var(--accent);color:var(--accent-ink);border-color:#0000}.pf-tab.on:hover{background:var(--accent);filter:brightness(1.05)}.pf-catalogue{gap:var(--ui);grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);align-items:stretch;min-height:0;display:grid}.pf-stageside{align-content:start;gap:calc(var(--ui) * .55);grid-template-rows:auto auto auto;min-height:0;display:grid}.pf-stage{--stage-h:min(38vh, calc(var(--ui) * 16));--stage-ar:1;width:min(100%, calc(var(--stage-h) * var(--stage-ar)));aspect-ratio:var(--stage-ar);max-height:var(--stage-h);border-radius:var(--radius);background:radial-gradient(circle at 50% 62%, #f7fbff, var(--plate-4));border:1px solid var(--line);justify-self:center;position:relative;overflow:hidden}.pf-stage .pf-preview{width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pf-stage .pf-plate{object-fit:contain;width:100%;height:100%;padding:7%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.pf-stage.plate{background:0 0;border:0;border-radius:0}.pf-stage.plate .pf-plate{padding:3%}.pf-stage-caption{gap:calc(var(--ui) * .2);text-align:center;display:grid}.pf-stage-caption b{font-size:calc(var(--ui) * 1.2)}.pf-stage-caption p{font-size:calc(var(--ui) * .82)}.pf-list{gap:calc(var(--ui) * .45);align-content:start;display:grid}.pf-catalogue>.pf-list{min-height:0;overflow-y:auto}.pf-tile{grid-template-columns:calc(var(--ui) * 3.4) minmax(0, 1fr) auto;align-items:center;gap:calc(var(--ui) * .7);text-align:left;min-height:max(var(--tap), calc(var(--ui) * 4.6));padding:calc(var(--ui) * .5) calc(var(--ui) * .6);border-radius:var(--radius);border:1px solid var(--line);background:var(--plate-3);transition:background .12s,border-color .12s;display:grid}.pf-tile:hover{background:var(--plate-4)}.pf-tile.on{border-color:var(--accent-deep);background:var(--accent-wash);box-shadow:inset 0 0 0 1px var(--accent-deep)}.pf-tile img{width:calc(var(--ui) * 3.4);height:calc(var(--ui) * 3.4);border-radius:calc(var(--radius) * .6);background:var(--plate-4);object-fit:cover}.pf-tile img.mark{object-fit:contain;padding:calc(var(--ui) * .22)}.pf-tile .name{font-weight:800;font-size:calc(var(--ui) * .95);display:block}.pf-tile .sub{color:var(--ink-mute);font-size:calc(var(--ui) * .8);display:block}.pf-tile .price{white-space:nowrap;font-weight:800;font-size:calc(var(--ui) * .92);align-items:center;gap:4px;display:inline-flex}.pf-tile .price.owned,.pf-tile .price.max{color:var(--good)}.pf-tile .price.short{color:var(--bad)}.pf-lvl{vertical-align:-.05em;gap:3px;display:inline-flex}.pf-lvl i{width:calc(var(--ui) * .5);height:calc(var(--ui) * .5);background:var(--plate-4);box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:2px}.pf-lvl i.on{background:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-deep)}.pf-rungs{gap:calc(var(--ui) * .3);grid-template-columns:repeat(7,1fr);display:grid}.pf-rung{min-height:var(--tap);padding:calc(var(--ui) * .4) calc(var(--ui) * .15);border-radius:var(--radius);border:1px solid var(--line);background:var(--plate-3);font-weight:800;font-size:calc(var(--ui) * .75);text-align:center;align-content:center;justify-items:center;gap:4px;display:grid}.pf-rung small{color:var(--ink-mute);font-weight:600;font-size:calc(var(--ui) * .62)}.pf-rung.ready{border-color:var(--accent-deep);background:var(--accent-wash)}.pf-rung.taken{opacity:.45}.pf-task{gap:calc(var(--ui) * .6);padding:calc(var(--ui) * .55);border-radius:var(--radius);border:1px solid var(--line);background:var(--plate-3);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.pf-task .bar{background:var(--plate-4);height:7px;box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:4px;margin-top:6px;overflow:hidden}.pf-task .bar i{background:var(--accent);height:100%;display:block}.pf-task .name{font-weight:800}.pf-task .sub{color:var(--ink-mute);font-size:calc(var(--ui) * .8)}.pf-result{text-align:center;gap:calc(var(--ui) * .6);display:grid}.pf-result .pf-note{color:var(--accent-deep);font-weight:800}.pf-result .score{justify-content:center;align-items:center;gap:calc(var(--ui) * .6);flex-wrap:wrap;display:flex}.pf-result .score .side{justify-items:center;gap:calc(var(--ui) * .25);display:grid}.pf-result .score .side .pf-flag{width:calc(var(--ui) * 2.6);height:calc(var(--ui) * 1.95)}.pf-result .score .side em{font-style:normal;font-weight:800;font-size:calc(var(--ui) * .85);letter-spacing:.1em;color:var(--ink-mute)}.pf-result .score b{font-size:calc(var(--ui) * 2.8);font-variant-numeric:tabular-nums;font-weight:900;line-height:1}.pf-result .score b.us{color:var(--us)}.pf-result .score b.them{color:var(--them)}.pf-result .score .dash{font-size:calc(var(--ui) * 1.6);color:var(--ink-mute)}.pf-lines{gap:calc(var(--ui) * .3);display:grid}.pf-line{justify-content:space-between;gap:calc(var(--ui) * .6);padding:calc(var(--ui) * .4) calc(var(--ui) * .7);border-radius:var(--radius);background:var(--plate-3);font-weight:700;display:flex}.pf-line .win{color:var(--good)}.pf-coinsbig{font-size:calc(var(--ui) * 1.7);color:var(--accent-deep);justify-content:center;align-items:center;gap:calc(var(--ui) * .3);font-weight:900;display:inline-flex}.pf-bus{gap:calc(var(--ui) * .3);display:grid}.pf-bus .pf-row{flex-wrap:nowrap}.pf-bus input[type=range]{min-width:0;accent-color:var(--accent-deep);height:var(--tap);flex:1}.pf-mute{width:var(--tap);height:var(--tap);border:1px solid var(--line);background:var(--plate-3);border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.pf-mute:hover{background:var(--plate-4)}.pf-mute svg{fill:none;width:54%;height:54%;stroke:var(--ink);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.pf-mute[aria-pressed=true]{border-color:var(--bad);background:#c62f2f24}.pf-mute[aria-pressed=true] svg{stroke:var(--bad)}.pf-help{gap:calc(var(--ui) * .7);display:grid}.pf-help figure{grid-template-columns:calc(var(--ui) * 7) 1fr;gap:calc(var(--ui) * .8);align-items:center;margin:0;display:grid}.pf-help img,.pf-help svg{border-radius:calc(var(--radius) * .6);width:100%;height:auto}.pf-help .pf-mk.fig{width:calc(var(--ui) * 3.4);height:calc(var(--ui) * 3.4);justify-self:center}.pf-help figcaption{color:var(--ink);font-size:calc(var(--ui) * .92);line-height:1.45}kbd{font:inherit;font-size:calc(var(--ui) * .8);border:1px solid var(--line);background:var(--plate-3);border-radius:4px;padding:1px 6px;font-weight:700}#pf-tip{z-index:30;pointer-events:none;max-width:min(calc(var(--ui) * 20), calc(100vw - 16px));background:var(--ink);color:#eef5ff;border-radius:var(--radius);padding:calc(var(--ui) * .42) calc(var(--ui) * .68);font-size:calc(var(--ui) * .82);border:1px solid #ffffff1f;font-weight:600;line-height:1.35;position:fixed;box-shadow:0 10px 30px #0a1a1066}#pf-backdrop{z-index:0;background:var(--wall);position:absolute;top:0;bottom:0;left:0;right:0}#pf-backdrop:before{content:"";background-image:var(--pf-lattice,none);background-repeat:repeat;background-size:var(--pf-tile,100px) var(--pf-tile,100px);animation:14s linear infinite pf-drift;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes pf-drift{to{background-position:var(--pf-tile,100px) calc(var(--pf-tile,100px) * -1)}}@media (prefers-reduced-motion:reduce){#pf-backdrop:before{animation:none}}.pf-bracket{grid-template-columns:repeat(4, minmax(calc(var(--ui) * 4.6), 1fr));gap:calc(var(--ui) * .4);padding-bottom:calc(var(--ui) * .4);display:grid;overflow-x:auto}.pf-bracket .col{gap:calc(var(--ui) * .25);grid-template-rows:auto 1fr;display:grid}.pf-bracket .ties{align-content:space-around;gap:calc(var(--ui) * .3);display:grid}.pf-bracket h4{font-size:calc(var(--ui) * .62);letter-spacing:.14em;color:var(--ink-mute);text-align:center;margin:0}.pf-bracket .tie{background:var(--plate-3);border:1px solid var(--line);border-radius:calc(var(--ui) * .35);padding:calc(var(--ui) * .28);gap:2px;display:grid;position:relative}.pf-bracket .tie.mine{border-color:var(--accent-deep);background:var(--accent-wash)}.pf-bracket .s{align-items:center;gap:calc(var(--ui) * .3);font-size:calc(var(--ui) * .62);font-weight:800;display:flex}.pf-bracket .s .pf-flag{width:calc(var(--ui) * 1.05);height:calc(var(--ui) * .7);flex:none}.pf-bracket .s.out{color:var(--ink-mute);opacity:.6}.pf-bracket .s.todo i{width:calc(var(--ui) * 1.05);height:calc(var(--ui) * .7);border:1px dashed var(--line);border-radius:2px;flex:none}.pf-bracket .s em{font-style:normal}.pf-bracket .sc{font-style:normal;font-size:calc(var(--ui) * .58);color:var(--accent-deep);text-align:center;font-variant-numeric:tabular-nums;margin-top:2px;font-weight:800;display:block}.pf-prizes{gap:calc(var(--ui) * .3);grid-template-columns:repeat(5,1fr);display:grid}.pf-prizes .rung{background:var(--plate-3);border:1px solid var(--line);border-radius:calc(var(--ui) * .35);padding:calc(var(--ui) * .4) calc(var(--ui) * .2);font-weight:800;font-size:calc(var(--ui) * .78);align-content:center;justify-items:center;gap:2px;display:grid}.pf-prizes .rung small{font-size:calc(var(--ui) * .55);color:var(--ink-mute);text-align:center;line-height:1.2}.pf-prizes .rung.on{border-color:var(--accent-deep);background:var(--accent-wash)}.pf-fine{font-size:calc(var(--ui) * .68);color:var(--ink-mute);margin:0;line-height:1.45}.pf-credit{font-size:calc(var(--ui) * .56);opacity:.85;font-style:italic}.pf-tie{margin:0 0 calc(var(--ui) * .1);font-size:calc(var(--ui) * .72);letter-spacing:.16em;color:var(--accent-deep);text-transform:uppercase;font-weight:800}.pf-placing{background:var(--accent-wash);border:1px solid var(--accent-deep);border-radius:var(--radius);padding:calc(var(--ui) * .55);justify-items:center;gap:2px;display:grid}.pf-placing small{font-size:calc(var(--ui) * .62);letter-spacing:.14em;color:var(--ink-mute);text-transform:uppercase}.pf-placing b{font-size:calc(var(--ui) * 1.5);font-weight:900}.pf-prize{font-size:calc(var(--ui) * .82);font-weight:800}.pf-sheet:not(.floor) .pf-card>.pf-x~.pf-cardbody>.pf-row.between:first-child{padding-right:calc(var(--tap) + var(--ui) * .5)}@media (max-width:720px){.pf-catalogue{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}.pf-stage{--stage-ar:1.5;--stage-h:28vh}.pf-keys{max-width:calc(var(--tap) * 3 + var(--ui) * .9);gap:calc(var(--ui) * .3)}.pf-board{gap:calc(var(--ui) * .6);padding:calc(var(--ui) * .32) calc(var(--ui) * .6)}.pf-team .who{display:none}.pf-energy{width:calc(var(--ui) * 10)}.pf-card{padding:calc(var(--ui) * .95)}}@media (orientation:landscape) and (max-height:560px){.pf-wallet.big{font-size:calc(var(--ui) * 1.2);min-height:0}.pf-keys{flex-wrap:nowrap;max-width:none}.pf-stack{gap:calc(var(--ui) * .3);left:var(--ui);justify-items:start;transform:none}.pf-board{padding:calc(var(--ui) * .24) calc(var(--ui) * .7)}.pf-team b{font-size:calc(var(--ui) * 1.5)}.pf-clock{font-size:calc(var(--ui) * 1.2)}.pf-coach{bottom:calc(env(safe-area-inset-bottom) + var(--ui) * 8)}.pf-start{height:var(--tap);font-size:calc(var(--ui) * 1.15)}.pf-card{max-height:96vh;padding:calc(var(--ui) * .85);gap:calc(var(--ui) * .55)}.pf-stage{--stage-h:26vh}.pf-stage-caption b{font-size:calc(var(--ui) * 1.05)}.pf-stage-caption p{display:none}}@media (orientation:portrait){.pf-home{gap:calc(var(--ui) * .5);bottom:calc(env(safe-area-inset-bottom) + var(--ui) * 1.4)}.pf-top{position:relative}.pf-keys{align-items:flex-end;gap:calc(var(--ui) * .45);flex-flow:column;max-width:none;position:absolute;top:0;right:0}.pf-stack{max-width:calc(100% - var(--tap) * 2 - var(--ui) * 2)}}.pf-tool:hover{transform:translateY(-2px)}#pf-hud.match .pf-wallet.big,#pf-hud.match #pf-keys>:not([data-key=settings]):not([data-key=pause]){display:none!important}#pf-hud.match .pf-top{justify-content:flex-end}.pf-board{border:2px solid #fff9;border-bottom:4px solid var(--key);background:linear-gradient(135deg,#f7fbff,#d6e8fb);box-shadow:0 7px 24px #0e2f5a28}.pf-clock{font-variant-numeric:tabular-nums;font-weight:950}.pf-start,.pf-key.primary{background:linear-gradient(#ffe27a,#ffd23f)}.pf-key,.pf-tab,.pf-start{border-radius:12px}.pf-card{background:linear-gradient(145deg,#f7fbff,#e3effc);border:2px solid #fff9;animation:.23s cubic-bezier(.16,1,.3,1) both pf-card-in;box-shadow:0 24px 70px #062a5c55}.pf-backdrop{animation:.18s ease-out both pf-backdrop-in}.pf-sheet.leaving{pointer-events:auto}.pf-sheet.leaving .pf-card{animation:.16s ease-in both pf-card-out}.pf-sheet.leaving .pf-backdrop{animation:.16s ease-in both pf-backdrop-out}.pf-pause-symbol{place-items:center;margin:8px auto;display:grid}.pf-pause-symbol .pf-mk{width:64px;height:64px}[data-kind=pause] h2,[data-kind=pause] .pf-note{text-align:center}.pf-key.danger{color:#a63235;background:#fff3ef;border-color:#c9766a}.pf-key.danger:hover{background:#f9ded7}.pf-mix .pf-mk,.pf-bus .pf-mk{width:28px;height:28px}button{transition:transform .14s,filter .14s,background .14s,box-shadow .14s}button:active{transform:translateY(2px)scale(.95)}@keyframes pf-card-in{0%{opacity:0;transform:translateY(20px)scale(.96)}to{opacity:1;transform:none}}@keyframes pf-card-out{to{opacity:0;transform:translateY(10px)scale(.97)}}@keyframes pf-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes pf-backdrop-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.pf-card,.pf-backdrop,.pf-sheet.leaving .pf-card,.pf-sheet.leaving .pf-backdrop{animation:none}button{transition:none}button:active,.pf-tool:hover{transform:none}}:root{--k-key:calc(var(--tap) / 120);--k-start:calc(var(--tap) * 1.24 / 120);--cap-panel:calc(var(--ui) * 1.7);--k-wallet:calc(var(--ui) * 2.5 / 101);--k-tab:calc(var(--ui) * 2.3 / 73)}.pf-wallet{border:0 solid #0000;border-image-source:var(--kit-wallet);border-image-slice:45 30 45 100 fill;border-image-width:calc(45 * var(--k-wallet)) calc(30 * var(--k-wallet)) calc(45 * var(--k-wallet)) calc(100 * var(--k-wallet));box-shadow:none;min-height:calc(var(--ui) * 2.5);padding:0 calc(30 * var(--k-wallet)) 0 calc(104 * var(--k-wallet));min-width:calc(var(--ui) * 7.8);background:0 0;border-image-repeat:stretch;border-radius:0;justify-content:center;position:relative}.pf-wallet.big{box-shadow:none;min-width:0;min-height:var(--tap);gap:calc(var(--ui) * .34);font-size:calc(var(--ui) * 1.5);color:#fff;text-shadow:1px 0 #000000d9,-1px 0 #000000d9,0 1px #000000d9,0 -1px #000000d9,0 2px 6px #0000008c;background:0 0;border:0;border-image:;border-radius:0;padding:0}.pf-wallet.big .pf-coin{filter:drop-shadow(0 2px 4px #00000073);display:inline-block}.pf-card .pf-wallet .pf-coin{display:none}.pf-board{height:calc(var(--ui) * 4);aspect-ratio:960/211;max-width:none;padding:0 calc(var(--ui) * 1.3);gap:calc(var(--ui) * .5);background:#eaf4ff;border:0;border-radius:999px;justify-content:space-between;box-shadow:inset 0 0 0 2px #245787}.pf-board .pf-team .who{display:none}.pf-board .pf-team{gap:calc(var(--ui) * .4)}.pf-board .pf-team b{font-size:calc(var(--ui) * 1.9);text-shadow:0 1px #fff,0 2px 3px #143c6e40}.pf-board .pf-vs{width:calc(var(--ui) * .44);height:calc(var(--ui) * 1.25);background:radial-gradient(circle, #245787 62%, transparent 66%) center top / 100% calc(var(--ui) * .44) no-repeat, radial-gradient(circle, #245787 62%, transparent 66%) center bottom / 100% calc(var(--ui) * .44) no-repeat;opacity:.8;border-radius:0}.pf-clockbox{min-width:calc(var(--ui) * 3.2);gap:0}.pf-clock{font-size:calc(var(--ui) * 1.35)}.pf-period{font-size:calc(var(--ui) * .5);padding:0 calc(var(--ui) * .34);line-height:1.45}#app.wide .pf-board{width:auto;padding:0 calc(var(--ui) * 1.3);height:calc(var(--ui) * 4.4);flex-direction:row}#app.wide .pf-board .pf-team{justify-content:flex-start;width:auto}#app.wide .pf-stack{width:auto;max-width:calc(var(--rail) - var(--ui) * 2)}#app.wide .pf-energy{width:calc(var(--ui) * 16);max-width:100%}@media (max-width:720px){.pf-board{padding:0 calc(var(--ui) * 1.1);height:calc(var(--ui) * 3.6)}}@media (orientation:landscape) and (max-height:560px){.pf-board{height:calc(var(--ui) * 3.3);padding:0 calc(var(--ui) * 1.1)}.pf-board .pf-team b{font-size:calc(var(--ui) * 1.5)}.pf-clock{font-size:calc(var(--ui) * 1.1)}}.pf-key{border:2px solid #245787;border-image:var(--kit-btn-secondary) 32 fill / calc(32 * var(--k-key)) / 0 stretch;color:var(--plate-2);text-shadow:0 1px 2px #04183c73;background:#245787;border-radius:12px}.pf-key:hover{filter:brightness(1.1)}.pf-key.primary,.pf-start{border-image:var(--kit-btn-primary) 47 fill / calc(47 * var(--k-key)) / 0 stretch;box-shadow:none;color:var(--accent-ink);text-shadow:none;background:#ffdc68}.pf-start{border:0 solid #0000;border-image-source:var(--kit-btn-primary);border-image-slice:47 fill;border-image-width:calc(47 * var(--k-start));border-image-repeat:stretch;border-radius:0}.pf-key.danger{border-image:var(--kit-btn-danger) 48 fill / calc(48 * var(--k-key)) / 0 stretch;color:#a02a2d;text-shadow:none;background:#ffe0d9}.pf-key.danger:hover{filter:brightness(1.04)}.pf-key.primary.done,.pf-key.primary.done:hover{border:1px solid var(--good);background:var(--plate-3);color:var(--good);text-shadow:none;filter:none;border-image-source:none;border-radius:12px}.pf-key[aria-disabled=true]{opacity:.55;filter:saturate(.55)}.pf-key[aria-disabled=true]:hover{filter:saturate(.55)}.pf-key[aria-disabled=true]:not(.primary):not(.danger),.pf-key[aria-disabled=true]:not(.primary):not(.danger):hover{border:1px solid var(--line);background:var(--plate-3);color:var(--ink-mute);text-shadow:none;opacity:1;filter:none;border-image-source:none;border-radius:12px}.pf-card{--cap-panel:calc(var(--ui) * 1.68);border:0 solid #0000;border-image-source:var(--kit-modal);border-image-slice:36 fill;border-image-width:var(--cap-panel);background:0 0;border-image-repeat:stretch;box-shadow:0 24px 70px #062a5c55}.pf-card.wide{--cap-panel:calc(var(--ui) * 2.36)}[data-kind=pause] .pf-card,[data-kind=end-cup] .pf-card,[data-kind=result] .pf-card{--cap-panel:calc(var(--ui) * 4.08);border-image-source:var(--kit-card);border-image-slice:76 fill}[data-kind=pause] .pf-x,[data-kind=end-cup] .pf-x{display:none}.pf-result h2{border:0 solid #0000;border-image-source:var(--kit-card-tab);border-image-slice:23 fill;border-image-width:calc(23 * var(--k-tab));padding:calc(var(--ui) * .14) calc(var(--ui) * 1.4);color:var(--accent-ink);font-size:calc(var(--ui) * 1.25);text-align:center;border-image-repeat:stretch;align-self:center}.pf-result{gap:calc(var(--ui) * .6);flex-direction:column;display:flex}.pf-road:after{content:"";width:calc(var(--ui) * 1.9);height:calc(var(--ui) * 1.9);margin-left:calc(var(--ui) * .1);background:var(--kit-trophy) center / contain no-repeat;flex:none}.pf-card:focus{outline:none}.pf-card:focus-visible{outline:none}@media (max-width:720px){.pf-card,.pf-card.wide{--cap-panel:calc(var(--ui) * 1.25)}[data-kind=pause] .pf-card,[data-kind=end-cup] .pf-card,[data-kind=result] .pf-card{--cap-panel:calc(var(--ui) * 3.04)}}.pf-card .pf-wallet{min-height:calc(var(--ui) * 2.1);min-width:calc(var(--ui) * 6.6);font-size:calc(var(--ui) * 1)}.pf-bus input[type=range]{accent-color:var(--key)}.pf-wallet.gain{animation:.5s cubic-bezier(.16,1,.3,1) pfwallet}@keyframes pfwallet{0%{transform:scale(1)}28%{transform:scale(1.14)}to{transform:scale(1)}}.pf-gain{left:50%;top:calc(100% - var(--ui) * .5);pointer-events:none;font-weight:900;font-size:calc(var(--ui) * 1.15);color:var(--accent);text-shadow:0 2px #7a4f00,0 3px 8px #041c4280;white-space:nowrap;animation:1s cubic-bezier(.16,1,.3,1) forwards pfgain;position:absolute;transform:translate(-50%)}@keyframes pfgain{0%{opacity:0;transform:translate(-50%,-2px)scale(.7)}22%{opacity:1;transform:translate(-50%,8px)scale(1.12)}70%{opacity:1;transform:translate(-50%,16px)scale(1)}to{opacity:0;transform:translate(-50%,30px)scale(1)}}.pf-board.scored{animation:.55s ease-out pfscored}.pf-board.scored.them{animation-name:pfscored-them}@keyframes pfscored{0%{filter:brightness();transform:scale(1)}16%{filter:brightness(1.5)drop-shadow(0 0 10px #11773ae6);transform:scale(1.06)}to{filter:brightness();transform:scale(1)}}@keyframes pfscored-them{0%{filter:brightness();transform:scale(1)}16%{filter:brightness(1.4)drop-shadow(0 0 10px #0b56c4d9);transform:scale(1.04)}to{filter:brightness();transform:scale(1)}}.pf-team b.pop{animation:.5s cubic-bezier(.16,1,.3,1) pfpop}.pf-start{position:relative;overflow:hidden}.pf-start:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffffb8 50%,#0000 62%);animation:3.4s ease-in-out infinite pfsheen;position:absolute;top:0;bottom:0;left:0;right:0;transform:translate(-120%)}@keyframes pfsheen{0%,62%{transform:translate(-120%)}84%,to{transform:translate(120%)}}.pf-badge{transform-origin:50%;animation:1.9s ease-in-out infinite pfbadge}@keyframes pfbadge{0%,62%,to{transform:scale(1)}72%{transform:scale(1.22)}82%{transform:scale(.98)}}.pf-key:active,.pf-start:active,.pf-tool:active{filter:brightness(.9)saturate(1.05)}.pf-key[aria-disabled=true]:active{filter:saturate(.55);transform:none}@keyframes pfarmring{0%{box-shadow:var(--lift), 0 0 0 2px var(--accent), 0 0 8px #ffd23f80}to{box-shadow:var(--lift), 0 0 0 3px var(--accent), 0 0 20px #ffd23ff2}}@media (prefers-reduced-motion:reduce){.pf-wallet.gain,.pf-board.scored,.pf-board.scored.them,.pf-badge,.pf-energy.armed{animation:none}.pf-start:after{opacity:0;animation:none}.pf-gain{animation:1s linear forwards pfgain-still}@keyframes pfgain-still{0%,70%{opacity:1}to{opacity:0}}.pf-board.scored{filter:brightness(1.35)}}.pf-road{--k-chip:calc(var(--ui) * 2.8 / 56);border:2px solid #245787;border-image:var(--kit-chip) 26 fill / calc(26 * var(--k-chip)) / 0 stretch;box-shadow:none;min-height:calc(var(--ui) * 2.8);padding:0 calc(var(--ui) * 1.05);min-height:max(44px, calc(var(--ui) * 2.8));background:#eaf4ff;border-radius:999px}.pf-road:hover{filter:brightness(1.06);background:0 0;border-color:#0000}.pf-rim{pointer-events:none;opacity:0;z-index:4;--rim:var(--us);background:radial-gradient(ellipse 72% 62% at 50% 50%, transparent 55%, var(--rim) 100%);will-change:opacity;position:fixed;top:0;bottom:0;left:0;right:0}.pf-rim.go{animation:.62s cubic-bezier(.16,.84,.38,1) both pfrim}@keyframes pfrim{0%{opacity:0}14%{opacity:.92}to{opacity:0}}.pf-burst{pointer-events:none;width:0;height:0;position:absolute;top:50%;left:50%}.pf-burst i{width:calc(var(--ui) * .5);height:calc(var(--ui) * .85);background:var(--bit,#ffd23f);opacity:0;animation:.9s cubic-bezier(.12,.7,.3,1) both pfbit;animation-delay:var(--delay,0s);border-radius:2px;position:absolute}@keyframes pfbit{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(0)}12%{opacity:1}to{opacity:0;transform:translate(calc(-50% + var(--dx)), calc(-50% + var(--dy))) scale(1) rotate(var(--spin))}}.pf-key,.pf-start,.pf-tool,.pf-road{transition:transform .19s cubic-bezier(.2,1.5,.4,1),filter .14s}.pf-key:active,.pf-start:active,.pf-tool:active,.pf-road:active{filter:brightness(1.14);transition-duration:70ms;transform:scale(1.055)}@media (prefers-reduced-motion:reduce){.pf-burst i{animation:.42s ease-out both pfbit-still}@keyframes pfbit-still{0%{opacity:0}30%{opacity:.9}to{opacity:0}}.pf-key:active,.pf-start:active,.pf-tool:active,.pf-road:active{transform:none}.pf-key,.pf-start,.pf-tool,.pf-road{transition:filter .14s}}.pf-fx{pointer-events:none;z-index:4;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pf-rim.us{--rim:color-mix(in srgb, var(--us) 55%, #fff)}.pf-rim.them{--rim:var(--bad)}.pf-burst i:nth-child(odd){--bit:var(--accent)}.pf-burst.us i:nth-child(2n){--bit:var(--us)}.pf-burst.them i:nth-child(2n){--bit:var(--bad)}.pf-wheel-wrap{justify-items:center;gap:calc(var(--ui) * .08);display:grid;position:relative}.pf-wheel{--wheel-rows:1.8;--wheel-row:calc(var(--ui) * 6.44);pointer-events:auto;width:min(92vw, calc(var(--ui) * 22));height:calc(var(--wheel-row) * var(--wheel-rows));overscroll-behavior:contain;scroll-snap-type:y mandatory;scrollbar-width:none;touch-action:pan-y;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000,#000 26% 74%,#0000);mask-image:linear-gradient(#0000,#000 26% 74%,#0000)}.pf-wheel::-webkit-scrollbar{width:0;height:0}.pf-wheel:focus-visible{outline:none}.pf-wheel:focus-visible .pf-wheel-row.on span{outline:3px solid var(--key);outline-offset:3px;border-radius:6px}.pf-wheel-track{padding-block:calc(var(--wheel-row) * (var(--wheel-rows) - 1) / 2)}.pf-wheel-row{--d:0;width:100%;height:var(--wheel-row);scroll-snap-align:center;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.pf-wheel-row span{align-items:center;gap:calc(var(--ui) * .84);transform:scale(calc(1 - .28 * var(--d)));opacity:calc(1 - .46 * var(--d));filter:saturate(calc(1 - .45 * var(--d)));will-change:transform;transition:transform 90ms linear,opacity 90ms linear;display:inline-flex}.pf-wheel-row .pf-flag{width:calc(var(--ui) * 5.6);height:calc(var(--ui) * 4.2);box-shadow:0 2px 6px #0000004d}.pf-wheel-row b{font-size:calc(var(--ui) * 3.22);letter-spacing:.08em;color:#fff;text-shadow:1px 0 #000000d9,-1px 0 #000000d9,0 1px #000000d9,0 -1px #000000d9,0 2px 6px #0000008c;font-weight:900}.pf-wheel-row.on b{color:var(--accent)}.pf-wheel-arrow{pointer-events:none;border-inline:calc(var(--ui) * .62) solid transparent;filter:drop-shadow(1px 0 #000c)drop-shadow(-1px 0 #000c)drop-shadow(0 1px #000c)drop-shadow(0 -1px #000c);flex:none;width:0;height:0;transition:opacity .14s}.pf-wheel-arrow.up{border-bottom:calc(var(--ui) * .52) solid var(--accent)}.pf-wheel-arrow.down{border-top:calc(var(--ui) * .52) solid var(--accent)}.pf-wheel-arrow.off{opacity:0}.pf-wheel-wrap.locked .pf-wheel{height:var(--wheel-row);overflow:hidden;-webkit-mask-image:none;mask-image:none}.pf-wheel-wrap.locked .pf-wheel-track{padding-block-start:0;padding-block-end:0}.pf-wheel-wrap.locked .pf-wheel-row{cursor:default}@media (min-height:920px){.pf-wheel{--wheel-rows:2.4}}@media (prefers-reduced-motion:reduce){.pf-wheel{scroll-behavior:auto}.pf-wheel-row span,.pf-wheel-arrow{transition:none}}.pf-show{z-index:6;padding:max(var(--ui), env(safe-area-inset-top)) var(--ui) max(var(--ui), env(safe-area-inset-bottom));opacity:0;background:linear-gradient(#042a4cf6,#02162afb);place-items:center;transition:opacity .26s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.pf-show.in{opacity:1}#app.showing #pf-hud,#app.showing #pf-touch{visibility:hidden}.pf-show.out{opacity:0}.pf-show-grid{gap:calc(var(--ui) * .5);width:min(100%, calc(var(--ui) * 46));height:min(100%, calc(var(--ui) * 40));grid-template-columns:repeat(4,minmax(0,1fr));display:grid;position:relative}.pf-show-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.pf-show-lines .line{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:var(--len);stroke-dashoffset:0;opacity:.22}.pf-show-lines .line.draw{opacity:.9;transition:opacity .3s ease-out}.pf-show-lines .line.settled{opacity:.9;transition:none}.pf-show .col{gap:calc(var(--ui) * .3);grid-template-rows:auto 1fr;min-height:0;display:grid}.pf-show .col h4{text-align:center;font-size:calc(var(--ui) * .66);letter-spacing:.16em;color:#fff;opacity:.66;margin:0;font-weight:900}.pf-show .ties{align-content:space-around;gap:calc(var(--ui) * .22);min-height:0;display:grid}.pf-show .tie{padding:calc(var(--ui) * .16);border-radius:calc(var(--ui) * .3);border:1px solid #0000;gap:2px;transition:border-color .2s,background .2s;display:grid}.pf-show .tie.mine{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:#ffffff0f}.pf-show .tie.now{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 34%, transparent);border-width:2px;animation:.9s ease-in-out infinite alternate pfnow}.pf-show .tie.now .slot{background:#ffffff29}.pf-show .tie.now .slot b{color:var(--accent)}@keyframes pfnow{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 70%, transparent)}to{box-shadow:0 0 0 calc(var(--ui) * .55) transparent}}.pf-show .slot{align-items:center;gap:calc(var(--ui) * .28);min-height:calc(var(--ui) * 1.3);padding:calc(var(--ui) * .1) calc(var(--ui) * .2);border-radius:calc(var(--ui) * .22);font-size:calc(var(--ui) * .64);color:#fff;background:#ffffff14;font-weight:800;display:flex}.pf-show .slot .pf-flag{width:calc(var(--ui) * 1.15);height:calc(var(--ui) * .77);flex:none}.pf-show .slot.blank{color:#ffffff59;background:0 0;border:1px dashed #ffffff38}.pf-show .slot.blank i{width:calc(var(--ui) * 1.15);height:calc(var(--ui) * .77);flex:none}.pf-show .slot.hold{opacity:.8}.pf-show .slot.shown{opacity:1}.pf-show [data-round="0"] .slot{opacity:0;transform:translateY(calc(var(--ui) * -.5))}.pf-show [data-round="0"] .slot.deal,.pf-show [data-round="0"] .slot.settled{opacity:1;transition:opacity .22s ease-out,transform .22s ease-out;transform:none}.pf-show .slot.out{filter:saturate(0)brightness(.72);opacity:.45;transition:filter .42s,opacity .42s}.pf-show .slot.won{background:color-mix(in srgb, var(--accent) 28%, transparent);transition:background .3s}@keyframes pfland{0%{opacity:.2;transform:translateX(calc(var(--ui) * -.9)) scale(.9)}to{opacity:1;transform:none}}.pf-show .slot.settled{opacity:1;animation:none}.pf-show .slot.hold.settled{opacity:.8}.pf-team b.equalized{transform-origin:50%;animation:.65s ease-in-out pfequalized}@keyframes pfequalized{0%,to{transform:scale(1)rotate(0)}20%{transform:scale(1.65)rotate(0)}35%,65%{transform:scale(1.65)rotate(12deg)}50%,80%{transform:scale(1.65)rotate(-12deg)}}.pf-banner .band{flex-wrap:wrap;row-gap:4px;padding-inline-start:18px;padding-inline-end:18px}.pf-banner .note{white-space:normal;text-align:center;max-width:calc(100% - 24px)}#app.wide .pf-home{width:min(46vw, calc(var(--ui) * 22));bottom:18%}.pf-show{overscroll-behavior:contain;touch-action:pan-x pan-y;display:block;overflow:auto}.pf-show-grid{grid-template-columns:repeat(5,minmax(148px,1fr));gap:clamp(28px,4vw,70px);width:max(100%,940px);height:max(100%,660px);margin:auto}.pf-show .col h4{opacity:1;color:#b8dbeb;letter-spacing:.1em;font-size:clamp(13px,1.4vw,20px)}.pf-show .ties{grid-template-rows:repeat(var(--matches,1), 1fr);align-content:normal}.pf-show [data-round="0"]{--matches:8}.pf-show [data-round="1"]{--matches:4}.pf-show [data-round="2"]{--matches:2}.pf-show .tie{background:#0c304b;border-color:#306078;border-radius:10px;align-self:center;padding:4px;position:relative;box-shadow:0 6px 16px #00152855}.pf-show .slot{gap:8px;min-height:30px;padding:3px 6px;font-size:clamp(16px,1.5vw,22px)}.pf-show .slot .pf-flag{width:30px;height:22.5px}.pf-show .result{color:#ffdf76;font-variant-numeric:tabular-nums;margin-left:auto;font-size:1.15em}.pf-show .tie.reporting{border-color:#ffe074;box-shadow:0 0 24px #ffdc6655}.pf-show .champion .tie{border:2px solid var(--accent);background:#4c4225}.pf-bracket-scroll{padding:12px 0;overflow-x:auto}.pf-sheet[data-kind=cup] .pf-card{width:min(1200px,100vw - 24px);max-width:none}.pf-sheet[data-kind=cup] .pf-cardbody{background:linear-gradient(160deg,#0b3553,#061e35);border-radius:20px;padding:30px 20px 12px}.pf-bracket{grid-template-columns:repeat(5,148px);gap:40px;min-width:900px;position:relative;overflow:visible}.pf-bracket-lines{pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.pf-bracket-lines path{fill:none;stroke:#7f9da8;stroke-width:2px;stroke-linejoin:round}.pf-bracket .ties{grid-auto-rows:1fr;align-content:normal}.pf-bracket .tie{background:#0c304b;border-color:#306078;align-self:center;padding:5px}.pf-bracket .tie.mine{background:#35412d;border-color:#cfae52}.pf-bracket .s{color:#edf5ff}.pf-bracket .s.won{color:#ffe18a}.pf-bracket .s.out{color:#a7bdd3}.pf-bracket .result{font-variant-numeric:tabular-nums;margin-left:auto;font-size:19px}.pf-bracket .s{min-height:28px;font-size:16px}.pf-bracket .s .pf-flag{width:28px;height:21px}.pf-bracket h4{color:#b8dbeb;font-size:15px}@media (prefers-reduced-motion:reduce){.pf-team b.equalized{color:var(--accent-deep);animation:none}.pf-energy.armed #pf-energy-fill{animation:none}.pf-show,.pf-show .slot,.pf-show .tie,.pf-show-lines .line{transition:none}.pf-show .slot.land,.pf-show .tie.now{animation:none}.pf-show [data-round="0"] .slot{opacity:1;transform:none}}@media (max-width:560px){.pf-show-grid{gap:28px}.pf-show .slot{padding:3px 6px;font-size:16px}.pf-show .slot .pf-flag,.pf-show .slot.blank i{width:30px;height:20px}}.pf-card .pf-wallet{box-shadow:none;background:0 0;border:0;border-image:;align-items:center;gap:.4em;min-width:0;padding:0;display:inline-flex}.pf-card .pf-wallet .pf-coin{width:1.8em;height:1.8em;display:inline-block}.pf-coin-number{font-variant-numeric:tabular-nums}.pf-flying-coin{z-index:10000;pointer-events:none;will-change:transform;filter:drop-shadow(0 0 5px #ffe98a);width:26px;height:26px;position:fixed}.pf-start:after{display:none}.pf-tool:hover,.pf-tool.pressed{filter:brightness(1.15)drop-shadow(0 0 5px #8adfff);background:0 0}.pf-tab:hover .pf-mk{filter:brightness(1.15)drop-shadow(0 0 5px #8adfff)}.pf-key:hover,.pf-start:hover{box-shadow:none;filter:brightness(1.12)drop-shadow(0 2px 4px #0b244a88);background:0 0}.pf-energy.armed{box-shadow:var(--lift);animation:none}.pf-energy.armed #pf-energy-fill{background:linear-gradient(90deg,#2585ed,#68f5ed,#e3ffff,#2585ed) 0 0/240% 100%;animation:1.6s linear infinite pf-energy-flow}.pf-energy.armed:after{content:"";pointer-events:none;background:radial-gradient(circle at 15% 25%,#c8ffff 0 1.5px,#0000 3px),radial-gradient(circle at 82% 72%,#8cffff 0 2px,#0000 3px),radial-gradient(circle at 55% 15%,#fff 0 1px,#0000 3px),radial-gradient(circle at 35% 86%,#84efff 0 1.5px,#0000 3px);animation:1.1s ease-out infinite pf-energy-sparks;position:absolute;top:-9px;bottom:-9px;left:-9px;right:-9px}@keyframes pf-energy-flow{to{background-position:-240% 0}}@keyframes pf-energy-sparks{0%{opacity:0;transform:scale(.8)}30%{opacity:1}to{opacity:0;transform:scale(1.18)}}@media (prefers-reduced-motion:reduce){.pf-energy.armed:after,.pf-energy.armed #pf-energy-fill{animation:none}.pf-energy.armed:after{opacity:.6}}.pf-key.primary:hover{background:0 0}.pf-tab,.pf-tab:hover,.pf-tab.on,.pf-tab.on:hover{box-shadow:none;background:0 0;border-color:#0000}.pf-tab .pf-mk{filter:drop-shadow(0 2px 2px #102d4f44);width:2.4em;height:2.4em;transition:filter .14s}.pf-tab.on .pf-mk{filter:drop-shadow(0 0 4px #e5aa38)}.pf-tab.on{color:#16578b;text-underline-offset:.25em;text-decoration:underline}.pf-x,.pf-x:hover{background:var(--mk-close) center / contain no-repeat;box-shadow:none;color:#0000;border:0;font-size:0}.pf-x:hover{filter:brightness(1.12)drop-shadow(0 1px 3px #093b5544)}.pf-x:active{filter:brightness(.92)}.pf-result{text-align:center;align-items:center}.pf-result>*{max-width:100%}.pf-result .pf-lines{width:100%}.pf-result .pf-line{text-align:center;flex-wrap:wrap;justify-content:center}.pf-result h2{box-shadow:none;color:var(--ink);background:0 0;border:0;border-image:;padding:0}.pf-result .score,.pf-result .pf-placing{text-align:center;justify-content:center}.pf-result .pf-key{width:100%}.pf-champion-trophy{background:var(--kit-trophy) center / contain no-repeat;flex:0 0 42px;width:42px;height:48px;display:block}.champion .tie{flex-direction:row;justify-content:center;align-items:center;gap:8px;display:flex}.champion .tie>.s,.champion .tie>.slot{flex:1;min-width:0}.pf-show,.pf-bracket-scroll,[data-kind=cup] .pf-scroll{scrollbar-width:none}.pf-show::-webkit-scrollbar{width:0;height:0;display:none}.pf-bracket-scroll::-webkit-scrollbar{width:0;height:0;display:none}[data-kind=cup] .pf-scroll::-webkit-scrollbar{width:0;height:0;display:none}[data-kind=cup] .pf-bar{display:none}.pf-bracket{grid-template-columns:repeat(4,148px) 190px;min-width:942px}.pf-show-grid{grid-template-columns:repeat(4,minmax(148px,1fr)) minmax(190px,1fr);min-width:982px}.pf-show .slot.land{animation:.38s cubic-bezier(.2,.8,.2,1) both pf-advance}@keyframes pf-advance{0%{opacity:0;transform:translate(-12px)scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.pf-show .slot.land{animation:none}}.pf-result .pf-tie,.pf-result h2,.pf-result .pf-note{margin:0}.pf-result .pf-placing{flex-wrap:wrap;justify-content:center;align-items:center;gap:.35em .6em;padding:.4em .6em;display:flex}.pf-result .pf-placing b{font-size:1.1em}.pf-result .pf-line{padding:.25em .6em}.pf-result-actions{grid-template-columns:1fr 1fr;gap:8px;width:100%;display:grid}.pf-result-actions .pf-key{white-space:normal;min-width:0;font-size:.86em}@media (max-width:480px){.pf-result-actions{grid-template-columns:1fr}}.pf-sheet .pf-card,.pf-sheet .pf-card.wide,[data-kind=pause] .pf-card,[data-kind=end-cup] .pf-card,[data-kind=result] .pf-card{--cap-panel:clamp(24px, calc(var(--ui) * 1.8), 40px);border:2px solid #245787;border-image-source:var(--kit-modal);border-image-slice:48 fill;border-image-width:var(--cap-panel);background-color:#eaf4ff;background-image:none;border-image-repeat:stretch;border-radius:24px}.pf-card .pf-key{color:#174969;text-shadow:none;min-height:max(var(--tap), 46px);background:#d6eafa;border:2px solid #5790b9;border-radius:13px;justify-content:center;align-items:center;gap:.35em;padding:.55em .85em;font-weight:800;line-height:1.25;transition:filter .12s,transform .12s;display:inline-flex;box-shadow:inset 0 1px #ffffffb3,0 2px #29547735}.pf-card .pf-key.primary{color:#431;background:#ffdc68;border-color:#ba8626}.pf-card .pf-key.danger{color:#81372e;background:#ffe0d9;border-color:#b76a62}.pf-card .pf-key:hover:not([aria-disabled=true]):not(:disabled){filter:brightness(1.055)}.pf-card .pf-key:active:not([aria-disabled=true]):not(:disabled){filter:brightness(.96);transform:scale(1.025)}.pf-card .pf-key:focus-visible{outline-offset:3px;outline:3px solid #168fb5}.pf-card .pf-key[aria-disabled=true],.pf-card .pf-key[aria-disabled=true]:hover,.pf-card .pf-key:disabled,.pf-card .pf-key.primary.done{color:#647e91;opacity:1;filter:none;box-shadow:none;cursor:default;background:#dce8f0;border:2px solid #adc5d8;border-radius:13px;transform:none}.pf-card .pf-key.taken,.pf-card .pf-key.taken:hover{color:#426d5b;background:#d9eae2;border-color:#91b5a6}.pf-task{grid-template-columns:minmax(0, 1fr) clamp(94px, calc(var(--ui) * 6), 126px);align-items:stretch;min-height:94px}.pf-task>div{flex-direction:column;justify-content:center;min-width:0;display:flex}.pf-task .bar{flex:none;width:100%}.pf-card .pf-task-reward{width:100%;min-width:0;height:48px;min-height:48px;font-size:calc(var(--ui) * .86);align-self:center;padding:.4em .35em}@media (prefers-reduced-motion:reduce){.pf-card .pf-key{transition:none}.pf-card .pf-key:active:not([aria-disabled=true]):not(:disabled){transform:none}}.pf-card .pf-key[aria-disabled=true]:not(.primary):not(.danger),.pf-card .pf-key[aria-disabled=true]:not(.primary):not(.danger):hover{color:#647e91;box-shadow:none;background:#dce8f0;border:2px solid #adc5d8;border-image:}.pf-card .pf-key.pf-task-reward.taken[aria-disabled=true]:not(.primary):not(.danger),.pf-card .pf-key.pf-task-reward.taken[aria-disabled=true]:not(.primary):not(.danger):hover{color:#426d5b;background:#d9eae2;border-color:#91b5a6}.pf-card .pf-key{font-family:inherit}.pf-start:after{clip-path:none;-webkit-mask-box-image-source:var(--kit-btn-primary);-webkit-mask-box-image-width:calc(47 * var(--k-start));background:linear-gradient(105deg,#0000 43%,#fff9 49%,#fffd 50%,#0000 57%) 180% 0/250% 100% no-repeat;border-radius:0;animation:3.4s ease-in-out infinite pf-start-reflection;display:block;top:0;bottom:0;left:0;right:0;transform:none;-webkit-mask-box-image-slice:47 fill;-webkit-mask-box-image-repeat:stretch}@keyframes pf-start-reflection{0%,60%{opacity:0;background-position:180% 0}64%{opacity:.85}88%,to{opacity:0;background-position:-80% 0}}.pf-start{border-radius:22px}.pf-task .bar{background:linear-gradient(#7c9cb4,#c1d9e8);border-radius:999px;height:10px;box-shadow:inset 0 2px 3px #173d6455,0 1px #fffc}.pf-task .bar i{border-radius:inherit;background:linear-gradient(#fff0a5 0%,#ffdc65 35%,#e8aa2c 100%);box-shadow:inset 0 1px #fff9d6,inset 0 -1px #a76d20}.pf-energy,.pf-energy.armed{box-shadow:none;background:0 0;border:0;animation:none}.pf-energy-track{box-shadow:inset 0 2px 4px #09264c88}.pf-energy.armed .pf-energy-track{box-shadow:inset 0 0 10px azure,0 0 10px #70eeffbb,0 0 22px #329ef966}.pf-energy.armed:after,.pf-energy.armed:before{content:"";pointer-events:none;filter:drop-shadow(0 0 3px #60eaff);background:radial-gradient(circle at 12% 25%,#eaffff 0 2px,#0000 3px),radial-gradient(circle at 82% 72%,#8cffff 0 2px,#0000 4px),radial-gradient(circle at 55% 15%,#fff 0 2px,#0000 3px),radial-gradient(circle at 35% 86%,#84efff 0 2px,#0000 4px),radial-gradient(circle at 92% 20%,#fff 0 1.5px,#0000 3px),radial-gradient(circle at 62% 90%,#fff 0 1.5px,#0000 3px);animation:.85s ease-out infinite pf-energy-sparks;position:absolute;top:-14px;bottom:-14px;left:-7px;right:-7px}.pf-energy.armed:before{transform-origin:65%;animation-delay:-.425s}.pf-energy.armed>.pf-mk{filter:drop-shadow(0 0 5px #80ffff)}.pf-key .ad{color:#fff;background:#c9353d;border-radius:.28em;flex:none;place-items:center;width:1.6em;height:1.2em;font-size:.85em;line-height:1;display:inline-grid;box-shadow:inset 0 1px #ff8c8c}#pf-coinval{-webkit-text-stroke:.35px currentColor;font-weight:900}[data-kind=result] .pf-cardbody{padding-inline:calc(var(--ui) * 1.1)}.pf-result{gap:.7em;width:100%}.pf-result .score{grid-template-columns:minmax(0,1fr) auto auto auto minmax(0,1fr);align-items:center;gap:.4em;width:100%;display:grid}.pf-result .pf-placing{grid-template-columns:1fr;gap:.35em;width:100%;padding:.65em;display:grid}.pf-prize{justify-content:center;align-items:center;gap:.45em;line-height:1.25;display:flex}.pf-result .pf-line{grid-template-columns:minmax(0,1fr) minmax(4em,auto);align-items:center;gap:.65em;padding:.5em .7em;display:grid}.pf-result .pf-line>:first-child{text-align:left}.pf-result .pf-line>:last-child{text-align:right;font-variant-numeric:tabular-nums}.pf-key .ad{border:1px solid #9d1e2c;border-radius:7px;width:34px;height:26px;font-size:18px}.pf-bracket-hint{display:none}@media (orientation:portrait){[data-kind=cup] .pf-bracket-hint{text-align:center;color:#e5f5ff;flex:none;margin:8px 0 0;font-size:.78em;display:block}[data-kind=cup] .pf-bracket-scroll{flex:auto;min-height:0}}.pf-start,.pf-start:hover{background:linear-gradient(#ffe77f 0%,#ffdb42 55%,#f6c528 100%);border:3px solid #15375c;border-radius:999px;box-shadow:inset 0 3px #fff3b9,inset 0 -4px #bd881b,0 3px #0b294b66}.pf-start:after{clip-path:inset(0 round 999px);border-radius:999px;top:2px;bottom:2px;left:2px;right:2px;-webkit-mask-box-image:}.pf-sign-today{background:#fff1c8;border:1px solid #d8b35a;border-radius:16px;justify-items:center;gap:.65em;padding:1em;display:grid}.pf-sign-gift{color:#6c471b;align-items:center;gap:.3em;font-size:1.65em;font-weight:900;display:flex}.pf-sign-actions{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;width:100%;display:grid}.pf-sign-period{gap:.5em;display:grid}.pf-sign-period h3{justify-content:space-between;align-items:baseline;gap:.5em;display:flex}.pf-sign-period h3 small{letter-spacing:0;text-transform:none;font-weight:600}.pf-sign-period .pf-rung{flex-direction:column;justify-content:center;align-items:center;gap:.3em;min-width:0;min-height:70px;display:flex}.pf-sign-period .month{grid-template-columns:repeat(5,minmax(0,1fr))}[data-kind=signin] .pf-cardbody{padding-inline:calc(var(--ui) * .9)}.pf-wheel-arrow.up,.pf-wheel-arrow.down{color:#ffe279;pointer-events:auto;filter:none;cursor:pointer;background:#113c6699;border:1px solid #ffdf80aa;border-radius:10px;width:44px;height:32px;font-size:18px}.pf-wheel-arrow.off{opacity:.25;pointer-events:none}.pf-wheel-arrow[hidden]{display:none}.pf-wheel-hint{color:#fff;text-align:center;font-size:clamp(11px,calc(var(--ui) * .64),15px);background:#12375ebd;border-radius:999px;max-width:100%;padding:.35em .7em;font-weight:700}.pf-wheel-wrap{gap:3px}@media (max-width:480px){.pf-sign-period .pf-rungs{grid-template-columns:repeat(4,minmax(0,1fr))}.pf-sign-period .month{grid-template-columns:repeat(3,minmax(0,1fr))}.pf-result .score b{font-size:2.35em}}.pf-mute{width:calc(var(--tap) * 1.35);background:#dceaf2;border:1px solid #94aebe;border-radius:12px}.pf-mute .pf-mk{-webkit-mask:var(--mk) center / contain no-repeat;mask:var(--mk) center / contain no-repeat;filter:none;background:#29465e}.pf-mute[aria-pressed=true] .pf-mk{background:#b82f3c}@media (prefers-reduced-motion:reduce){.pf-start:after{display:none}.pf-energy.armed:after,.pf-energy.armed:before{opacity:.65;animation:none}}.pf-sheet[data-kind=pause] .pf-cardbody,.pf-sheet[data-kind=end-cup] .pf-cardbody{padding-inline:calc(var(--ui) * 1.1);text-align:center}.pf-victory{z-index:7;touch-action:manipulation;background:radial-gradient(at 50% 43%,#14396830,#061d385c);position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.pf-victory[data-stage=burst]{background:radial-gradient(at 50% 43%,#11305c99,#061d38aa)}.pf-victory-cup{background:var(--kit-trophy) center / contain no-repeat;filter:drop-shadow(0 12px 14px #061d3866);width:min(42vmin,230px);height:min(48vmin,263px);animation:pf-cup-journey var(--cup-time) both cubic-bezier(.22,.65,.25,1);margin-top:max(-24vmin,-131.5px);margin-left:max(-21vmin,-115px);position:absolute;top:43%;left:50%}@keyframes pf-cup-journey{0%,7%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(0)}14%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(-13deg)}23%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(13deg)}31%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(-8deg)}39%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(5deg)}44%{transform:translate(var(--cup-x), var(--cup-y)) scale(var(--cup-scale)) rotate(0)}82%{transform:translate(0)scale(1.08)}to{transform:translate(0)scale(1)}}.pf-victory-halo{aspect-ratio:1;opacity:0;background:radial-gradient(circle,#fff2a855 0%,#62dbe844 28%,#aa77e822 49%,#0000 70%);border-radius:50%;width:min(88vmin,680px);transition:opacity .45s,transform .65s;position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)scale(.5)}.pf-victory[data-stage=burst] .pf-victory-halo{opacity:1;transform:translate(-50%,-50%)scale(1)}.pf-victory-title{text-align:center;opacity:0;color:#fff3b0;text-shadow:0 3px #102843,0 0 24px #ffc84c77;width:100%;transition:opacity .3s,transform .4s;position:absolute;top:calc(43% + min(26vmin,145px));transform:translateY(14px)}.pf-victory-title strong{letter-spacing:.035em;font-size:clamp(22px,5vmin,44px);font-weight:950;display:block}.pf-victory-title span{color:#fff;justify-content:center;align-items:center;gap:12px;margin-top:12px;font-size:clamp(18px,3vmin,26px);display:flex}.pf-victory-title .pf-flag{width:40px;height:30px}.pf-victory[data-stage=burst] .pf-victory-title{opacity:1;transform:none}.pf-victory-confetti{pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pf-victory-confetti i{opacity:0;border-radius:2px;width:7px;height:12px;position:absolute;top:43%;left:50%}.pf-victory-confetti i:nth-child(3n){border-radius:50%;width:9px;height:9px}.pf-victory[data-stage=burst] .pf-victory-confetti i{animation:pf-cup-confetti var(--confetti-time) var(--delay) ease-out both}@keyframes pf-cup-confetti{0%{opacity:0;transform:translate(0)scale(.4)}12%{opacity:1}75%{opacity:1}to{opacity:0;transform:translate(var(--dx), calc(var(--dy) + 14vmin)) rotate(var(--spin)) scale(.6)}}.pf-victory.still .pf-victory-cup{animation:none;transform:none}.pf-victory.still .pf-victory-title,.pf-victory.still .pf-victory-halo{transition:none}@media (prefers-reduced-motion:reduce){.pf-victory-cup{animation:none;transform:none}.pf-victory-title,.pf-victory-halo{transition:none}.pf-victory-confetti{display:none}}@media (orientation:portrait){#pf-hud.match .pf-stack{top:calc(env(safe-area-inset-top,0px) + 6px);gap:4px}#pf-hud.match .pf-board{height:calc(var(--ui) * 3.6);max-width:100%;padding-inline:calc(var(--ui) * .85)}}:root.kit-modal .pf-sheet .pf-card,:root.kit-modal [data-kind=pause] .pf-card,:root.kit-modal [data-kind=end-cup] .pf-card,:root.kit-modal [data-kind=result] .pf-card{background-color:#0000}:root.kit-scoreboard .pf-board{--bh:calc(var(--ui) * 4);isolation:isolate;box-shadow:none;border-image:var(--kit-scoreboard) 0 120 fill / 0 calc(var(--bh) * 120 / 211) / 0 stretch;background:0 0;position:relative}:root.kit-scoreboard .pf-board:before{content:"";width:calc(var(--bh) * 200 / 211);background:var(--kit-scoreboard) center / auto 100% no-repeat;z-index:-1;pointer-events:none;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#app.wide .pf-board{--bh:calc(var(--ui) * 4.4)}@media (max-width:720px){.pf-board{--bh:calc(var(--ui) * 3.6)}}@media (orientation:landscape) and (max-height:560px){.pf-board{--bh:calc(var(--ui) * 3.3)}}@media (orientation:portrait){#pf-hud.match .pf-stack{width:calc(100% - 12px);max-width:calc(100% - 12px)}#pf-hud.match .pf-board{--bh:calc(var(--ui) * 3.6);height:var(--bh);aspect-ratio:auto;width:100%;padding-inline:calc(var(--bh) * .55)}#pf-hud.match .pf-board .pf-team b{font-size:calc(var(--ui) * 2.1)}#pf-hud.match .pf-keys{top:calc(var(--ui) * 3 + 10px);flex-direction:row;justify-content:space-between;align-items:center;left:0}}:root.kit-chip .pf-road,:root.kit-btn-secondary .pf-key:not(.primary):not(.danger):not([aria-disabled=true]):not(.pf-card .pf-key),:root.kit-btn-primary .pf-key.primary:not(.done):not(.pf-card .pf-key),:root.kit-btn-danger .pf-key.danger:not(.pf-card .pf-key){background:0 0}.pf-tour{z-index:20;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.pf-tour[hidden]{display:none!important}.pf-tour-hole{outline:3px solid var(--accent);border-radius:16px;transition:left .25s,top .25s,width .25s,height .25s;position:fixed;box-shadow:0 0 0 200vmax #041c429e}.pf-tour-card{pointer-events:auto;background:var(--plate-2,#f4f8ff);width:min(340px,100vw - 16px);color:var(--ink,#10284a);border:1px solid var(--line,#00000026);box-shadow:var(--lift);padding:calc(var(--ui) * .9);gap:calc(var(--ui) * .4);border-radius:16px;display:grid;position:fixed;top:0;left:0}.pf-tour-title{font-size:calc(var(--ui) * 1.05)}.pf-tour-text{font-size:calc(var(--ui) * .85);margin:0;line-height:1.35}.pf-tour-row{align-items:center;gap:calc(var(--ui) * .5);display:flex}.pf-tour-count{font-size:calc(var(--ui) * .75);opacity:.7;flex:1}.pf-tour-row button{min-width:76px;min-height:44px;font-weight:800;font-size:calc(var(--ui) * .85);cursor:pointer;border:2px solid var(--key,#0b4f9c);border-radius:999px}.pf-tour-skip{color:var(--key,#0b4f9c);background:0 0}.pf-tour-next{background:var(--accent,#ffd23f);color:var(--accent-ink,#10284a)}@media (prefers-reduced-motion:reduce){.pf-tour-hole{transition:none}}