:root{--paper-1:#f3eee4;--paper-2:#e6dccb;--floor:#d9d4cb;--grid:#c9c2b6;--brick-1:#b5553a;--brick-2:#c8643f;--mortar:#e8dcc8;--gantry:#f2b705;--hazard:#1e1e1e;--rail:#6b7280;--ball:#e0312b;--string:#2b2b2b;--egg:#f4ead5;--egg-speckle:#c9b89a;--ink:#1e2a44;--goal:#22b573;--danger:#e5484d;--ai:#19c3ff;--pb:#ffc23d66;--pb-solid:#ffc23d;--wr:#ff3fa4;--rival:#ff8a3d;--challenge:#fff;--challenge-edge:#1e2a44;--stamp:#d8342b;--font-head:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-body:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Noto Sans JP", system-ui, sans-serif;--font-num:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--card:#fbf8f1;--card-2:#f6f0e4;--ink-2:#4b5670;--ink-3:#7d8497;--line:#1e2a4429;--line-2:#1e2a4452;--grid-a:#c9c2b68c;--grid-b:#c9c2b63d;--ahead:#2f6bd8;--ahead-lip:#2d64c9;--gold:#f5c83a;--gold-edge:#b7860b;--silver:#c9d1da;--bronze:#c98a52;--ball-lip:#a3221d;--ai-lip:#0f8ab8;--wr-lip:#bc3987;--rival-lip:#b04f0a;--goal-lip:#16824f;--scrim:#f3eee4cc;--shadow-card:0 2px 0 var(--ink), 0 22px 44px -22px #1e2a448c;--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px)}html,body{background:var(--paper-1);height:100%;color:var(--ink);font-family:var(--font-body);overscroll-behavior:none;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font-weight:500;overflow:hidden}html{font-size:16px}html.yp-ts125{font-size:20px}#app{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;position:fixed;inset:0}#app>canvas,.yp-scene>canvas{touch-action:none;width:100%;height:100%;display:block}textarea,input{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}*,:before,:after{box-sizing:border-box}.yp{background:linear-gradient(180deg, var(--paper-1) 0%, var(--paper-2) 100%);line-height:1.5;position:absolute;inset:0;overflow:hidden}.num,.yp .num{font-family:var(--font-num);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;letter-spacing:-.01em}.ico{vertical-align:-.2em;flex:none;width:1.25em;height:1.25em}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.yp-scene{touch-action:none;position:absolute;overflow:hidden}.yp-deck{touch-action:none;background:var(--card-2);border-top:2px solid var(--ink);flex-direction:column;display:flex;position:absolute;left:0;right:0;overflow:hidden}.deck-force{flex:0 0 8px;height:8px;position:relative}.deck-surface{padding-bottom:var(--safe-b);background:radial-gradient(circle at 50% 38%, #ffffff8c, transparent 70%), linear-gradient(90deg, var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px;flex:auto;position:relative}.deck-fine{border-top:1.5px dashed var(--line-2);pointer-events:none;background:repeating-linear-gradient(135deg,#1e2a440b 0 6px,#0000 6px 12px),#1e2a440d;height:33.333%;position:absolute;bottom:0;left:0;right:0}.deck-fine-label{right:calc(var(--safe-r) + 12px);font:800 .8rem/1 var(--font-num);color:var(--ink-2);border:1.5px solid var(--line-2);background:var(--card);border-radius:8px;padding:4px 7px;position:absolute;top:8px}.deck-grip{color:var(--ink-3);pointer-events:none;opacity:.8;align-items:center;gap:14px;display:flex;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%)}.deck-grip .ico{width:26px;height:26px}.deck-grip-bar{background:var(--line-2);border-radius:3px;width:96px;height:6px}.deck-hint{text-align:center;color:var(--ink);pointer-events:none;font-size:.9rem;font-weight:800;position:absolute;top:12px;left:14px;right:14px}.deck-hand{width:56px;height:56px;color:var(--ink);opacity:.55;pointer-events:none;margin:-28px 0 0 -28px;animation:1.8s ease-in-out infinite yp-swipe;position:absolute;top:40%;left:50%}.deck-hand svg{width:100%;height:100%}@keyframes yp-swipe{0%{opacity:0;transform:translate(-80px)rotate(-8deg)}12%{opacity:1}55%{opacity:1;transform:translate(80px)rotate(6deg)}72%,to{opacity:0;transform:translate(80px)rotate(6deg)}}.keycaps{left:50%;bottom:calc(96px + var(--safe-b));pointer-events:none;gap:10px;display:flex;position:absolute;transform:translate(-50%)}.keycap{border:2px solid var(--ink);background:var(--card);width:46px;height:46px;box-shadow:0 4px 0 var(--ink);font:800 1.2rem/1 var(--font-head);border-radius:10px;place-items:center;animation:1.2s ease-in-out infinite yp-keyblink;display:inline-grid}.keycap:nth-child(2){animation-delay:.6s}@keyframes yp-keyblink{0%,to{box-shadow:0 4px 0 var(--ink);background:var(--card);transform:translateY(0)}40%{box-shadow:0 1px 0 var(--ink);background:var(--gantry);transform:translateY(3px)}}.wide-onboard .keycaps{transform:none}.yp:not([data-short="1"]) .wide-onboard .keycaps{transform:translate(-70px)}.fbar{background:#1e2a441a;position:absolute;inset:0;overflow:hidden}.fbar-fill{background:var(--ink);transform-origin:0;will-change:transform;width:50%;position:absolute;top:0;bottom:0;left:50%;transform:scaleX(0)}.fbar-mid{background:var(--card);width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.fbar-ai{background:var(--ai);width:4px;box-shadow:0 0 0 1px var(--ink);will-change:transform;margin-left:-2px;position:absolute;top:-2px;bottom:-2px;left:50%}.fbar--sat .fbar-fill{background:var(--danger);animation:.18s steps(2,end) infinite yp-blink}@keyframes yp-blink{50%{opacity:.35}}.hud-force{left:50%;bottom:calc(18px + var(--safe-b));border:2px solid var(--ink);background:var(--card);pointer-events:none;border-radius:8px;width:min(42vw,520px);height:12px;position:absolute;overflow:hidden;transform:translate(-50%)}.hud-force-label{bottom:calc(34px + var(--safe-b));font:800 .7rem/1 var(--font-head);color:var(--ink-2);letter-spacing:.08em;pointer-events:none;position:absolute;left:50%;transform:translate(-50%)}.yp-hud{pointer-events:none;z-index:10;position:absolute;inset:0}.yp-hud[hidden]{display:none}.hud-band{padding:calc(var(--safe-t) + 6px) calc(var(--safe-r) + 8px) 0 calc(var(--safe-l) + 8px);grid-template-columns:auto 1fr auto;align-items:start;gap:8px;display:grid;position:absolute;top:0;left:0;right:0}.hud-btn{pointer-events:auto;border:2px solid var(--ink);background:var(--card);width:48px;height:48px;color:var(--ink);box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:14px;place-items:center;padding:0;transition:transform 60ms,box-shadow 60ms;display:grid}.hud-btn .ico{width:24px;height:24px}.hud-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.hud-center{flex-direction:column;align-items:center;min-width:0;padding-top:0;display:flex}.hud-level{max-width:100%;font:800 .78rem/1.2 var(--font-head);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 0 var(--paper-1), 0 -1px 0 var(--paper-1), 1px 0 0 var(--paper-1), -1px 0 0 var(--paper-1);overflow:hidden}.hud-level b{font-family:var(--font-num);color:var(--ink);margin-right:.35em}.hud-clock{font:800 2rem/1.05 var(--font-num);font-variant-numeric:tabular-nums;color:var(--ink);letter-spacing:-.02em;text-shadow:0 2px 0 var(--paper-1), 0 -2px 0 var(--paper-1), 2px 0 0 var(--paper-1), -2px 0 0 var(--paper-1)}.hud-clock small{color:var(--ink-2);margin-left:2px;font-size:.5em}.hud-sub{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 6px;max-width:100%;min-height:22px;margin-top:4px;display:flex}.hud-ready{white-space:nowrap;font:800 .8rem/1 var(--font-head);color:var(--card);background:var(--ink);border-radius:999px;padding:5px 12px;animation:1.6s ease-in-out infinite yp-breathe}@keyframes yp-breathe{50%{transform:scale(1.06)}}.hud-rack{gap:3px;display:flex}.hud-rack .rball{width:20px;height:20px;color:var(--ink-3)}.hud-right{align-items:flex-start;gap:6px;display:flex}.chip{border:1.5px solid var(--ink);background:var(--card);height:28px;color:var(--ink);font:800 .75rem/1 var(--font-head);white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.chip .ico{width:16px;height:16px}.chip--offline{color:var(--ink-2);border-style:dashed;margin-top:10px}@media (max-width:379px){.yp[data-layout=tall] .chip--offline .chip-text{display:none}.yp[data-layout=tall] .chip--offline{padding:0 6px}}.chip--practice{background:var(--gantry)}.chip--ai{background:var(--ai)}.hud-chips{left:calc(var(--safe-l) + 8px);top:calc(var(--hud-top,56px) + 8px);flex-direction:column;align-items:flex-start;gap:8px;display:flex;position:absolute}.hud-chips .chip-btn{pointer-events:auto;cursor:pointer;height:44px;min-height:44px;box-shadow:0 3px 0 var(--ink);padding:0 14px 0 10px}.hud-chips .chip-btn:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.hud-tension{right:calc(var(--safe-r) + 10px);top:calc(var(--hud-top,56px) + 10px);border:2px solid var(--ink);background:var(--card);min-width:124px;font:800 .7rem/1 var(--font-head);border-radius:12px;padding:7px 9px 8px;position:absolute}.hud-tension-row{white-space:nowrap;justify-content:space-between;gap:6px;margin-bottom:5px;display:flex}.hud-tension-bar{background:#1e2a441a;border-radius:5px;height:9px;position:relative;overflow:hidden}.hud-tension-fill{transform-origin:0;background:var(--goal);position:absolute;inset:0}.hud-tension[data-level=amber] .hud-tension-fill{background:#f59e0b}.hud-tension[data-level=red] .hud-tension-fill{background:var(--danger)}.hud-tension-tick{background:var(--ink);opacity:.4;width:1.5px;position:absolute;top:0;bottom:0}.hud-hint{border:2px solid var(--ink);background:var(--card);width:-moz-fit-content;width:fit-content;max-width:min(100% - 24px,640px);box-shadow:0 3px 0 var(--ink);font:800 .86rem/1.4 var(--font-head);pointer-events:none;border-radius:14px;align-items:flex-start;gap:8px;margin:0 auto;padding:9px 14px;animation:.25s ease-out yp-rise;display:flex;position:absolute;bottom:12px;left:0;right:0}.hud-hint-mark{background:var(--gantry);border:1.5px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:.75rem;display:grid}.yp[data-layout=wide] .hud-hint{bottom:calc(52px + var(--safe-b))}.yp[data-short="1"][data-layout=wide] .hud-hint{bottom:calc(34px + var(--safe-b));gap:6px;max-width:calc(42vw + 4px);padding:3px 9px;font-size:.76rem;line-height:1.22}.yp[data-short="1"][data-layout=wide] .hud-hint-mark{width:17px;height:17px}.yp[data-short="1"][data-layout=wide] .hud-hint.is-wide{max-width:none;margin:0 0 0 auto;left:10px;right:calc(50% - min(21vw,260px) - 2px)}.hud-rewind-hint{font:800 .72rem/1.2 var(--font-head);color:var(--ink-2);white-space:nowrap;pointer-events:none;background:#fbf8f1db;border-radius:8px;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.hud-rewind-hint .kbd{opacity:1}.yp[data-pointer=coarse] .hud-rewind-hint{display:none!important}.hud-dock{display:none}.yp[data-layout=tall] .hud-band{height:calc(var(--safe-t) + 56px);padding-top:calc(var(--safe-t) + 4px);grid-template-columns:48px minmax(0,1fr) 48px;align-items:center;padding-bottom:4px}.yp[data-layout=tall] .hud-center{justify-content:center;align-self:center}.yp[data-layout=tall] .hud-level{max-width:100%;font:800 1rem/1.2 var(--font-head);color:var(--ink);flex-direction:column;align-items:center;display:flex}.yp[data-layout=tall] .hud-level b{color:var(--ink-2);letter-spacing:.03em;margin:0;font-size:.72rem}.yp[data-layout=tall] .hud-level-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.yp[data-layout=tall] .hud-sub,.yp[data-layout=tall] .hud-ready{display:none}.yp[data-layout=tall] .hud-dock{left:0;right:0;top:calc(var(--safe-t) + 56px);height:calc(var(--hud-top,176px) - var(--safe-t) - 56px);padding:0 calc(var(--safe-r) + 8px) 2px calc(var(--safe-l) + 8px);flex-direction:column;gap:2px;display:flex;position:absolute;overflow-x:clip}.yp:not([data-screen=hud]) .hud-dock{display:none}.yp[data-layout=tall] .hud-dock{transition:opacity .2s ease-out}.yp[data-layout=tall].yp--banner .hud-dock{opacity:0}.yp[data-layout=tall] .hud-status{flex:0 0 48px;align-items:flex-start;gap:6px;min-width:0;padding-top:1px;display:flex;overflow:hidden}.yp[data-layout=tall] .hud-status[data-empty]{display:none}.yp[data-layout=tall] .hud-chips{flex-direction:row;flex:none;align-items:center;gap:6px;min-width:0;position:static}.hud-status-end{flex:none;align-items:center;gap:6px;min-width:0;height:44px;margin-left:auto;display:flex}.yp[data-layout=tall] .hud-chips .chip-btn{flex:none;padding:0 12px 0 9px}.chip-label{text-overflow:ellipsis;overflow:hidden}.hud-status.is-tight .hud-chips .chip-btn{justify-content:center;width:44px;padding:0}.hud-status.is-tight .hud-chips .chip-btn .chip-label{display:none}.hud-status.is-tighter .hud-mode{padding:0 7px}.hud-status.is-tighter .hud-mode .chip-label{display:none}.hud-status.is-tighter .hud-rack .rball{width:16px;height:16px}.yp[data-layout=tall] .hud-mode{flex:none}.hud-status.is-tightest .chip--offline{display:none}.yp[data-layout=tall] .chip--offline{flex:none;margin-top:0}.hud-status.is-snug .chip--offline{padding:0 7px}.hud-status.is-snug .chip--offline .chip-text{display:none}.yp[data-layout=tall] .hud-rack{flex:none}.yp[data-layout=tall] .hud-tension{border-radius:10px;flex:none;width:150px;padding:5px 8px 6px;font-size:.66rem;position:static}.yp[data-layout=tall] .hud-tension-row{margin-bottom:3px}.yp-ts125 .yp[lang=en][data-layout=tall] .hud-tension{width:164px}.yp-ts125 .yp[lang=en][data-layout=tall] .hud-status.is-close .hud-tension{width:150px;font-size:.6rem}.yp[data-layout=tall] .hud-panel{flex-direction:column;flex:auto;align-items:stretch;gap:3px;min-height:0;display:flex}.yp[data-layout=tall] .hud-panel>*{flex:none;margin-top:auto;margin-bottom:auto}.yp[data-layout=tall] .hud-hint{width:auto;max-width:none;box-shadow:0 2px 0 var(--ink);border-radius:12px;gap:7px;margin:0;padding:6px 10px;font-size:.8rem;line-height:1.35;position:static}.yp[data-layout=tall] .hud-hint-mark{width:19px;height:19px;font-size:.68rem}.yp[data-layout=tall][data-panel=compact] .hud-hint{gap:6px;padding:3px 9px;font-size:.76rem;line-height:1.22}.yp[data-layout=tall][data-panel=compact] .hud-hint-mark{width:17px;height:17px}.yp[data-layout=tall] .hud-rewind-hint{align-self:center}.hud-board{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:6px;min-width:0;display:grid}.hud-cell{flex-direction:column;align-items:center;gap:3px;min-width:0;display:flex}.hud-cell-label{border:1.5px solid var(--ink);max-width:100%;font:800 .66rem/1.1 var(--font-head);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:2px 8px;overflow:hidden}.hud-cell--ai .hud-cell-label{background:var(--ai)}.hud-cell--pb .hud-cell-label{background:var(--pb-solid)}.hud-cell-val{font:800 1.08rem/1 var(--font-num);color:var(--ink);text-shadow:0 1px 0 var(--paper-1), 0 -1px 0 var(--paper-1), 1px 0 0 var(--paper-1), -1px 0 0 var(--paper-1)}.hud-cell--ai{grid-column:1}.hud-cell--pb{grid-column:3}.hud-clockcol{flex-direction:column;grid-column:2;align-items:center;min-width:0;display:flex}.yp[data-layout=tall] .hud-clock{font-size:2.45rem;line-height:1}.hud-split{text-shadow:0 1px 0 var(--paper-1), 0 -1px 0 var(--paper-1), 1px 0 0 var(--paper-1), -1px 0 0 var(--paper-1);font:800 .95rem/1 var(--font-num);color:var(--ahead);white-space:nowrap;align-items:baseline;gap:5px;margin-top:2px;display:inline-flex}.hud-split[data-behind="1"]{color:var(--danger)}.hud-split-who{font:800 .66rem/1 var(--font-head);color:var(--ink-2)}.hud-split.is-pop{animation:.45s cubic-bezier(.2,1.6,.4,1) both yp-split-in}@keyframes yp-split-in{0%{opacity:0;transform:scale(1.8)}40%{opacity:1}to{opacity:1;transform:none}}.yp[data-layout=tall] .hud-status[data-empty]+.hud-panel .hud-clock{font-size:2.9rem}.yp[data-layout=tall] .hud-status[data-empty]+.hud-panel .hud-cell-val{font-size:1.2rem}@media (max-width:359px){.yp[data-layout=tall] .hud-clock,.yp[data-layout=tall] .hud-status[data-empty]+.hud-panel .hud-clock{font-size:2.1rem}.hud-cell-val{font-size:.95rem}}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-clock{font-size:2rem}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-clockcol{flex-direction:row;align-items:center;gap:6px}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-split{flex-direction:column;align-items:flex-start;gap:1px;margin-top:0}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-split-who{font-size:.58rem}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-cell{gap:1px}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-cell-label{padding:1px 7px}.yp[data-layout=tall][data-panel=compact] .hud-status:not([data-empty])+.hud-panel .hud-cell-val{font-size:.95rem}.deck-ready{max-width:calc(100% - 24px);font:800 .95rem/1.2 var(--font-head);color:var(--ink);letter-spacing:.04em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;animation:1.6s ease-in-out infinite yp-ready-pulse;position:absolute;top:min(38% + 22px,66.6% - 24px);left:50%;overflow:hidden;transform:translate(-50%)}.yp-deck[data-onboarding] .deck-ready{display:none!important}@keyframes yp-ready-pulse{50%{opacity:.55}}.hud-anchors{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.hud-anchors text{font-family:var(--font-num);font-weight:800}.yp[data-screen=results] .hud-anchors{display:none}.anc-meter-band{stroke:var(--goal)}.anc-meter-amp{stroke:var(--danger);transition:stroke .15s}.anc-meter[data-ok="1"] .anc-meter-amp{stroke:var(--goal)}.anc-meter[data-slack="1"] .anc-meter-amp,.anc-meter[data-slack="1"] .anc-meter-band{stroke:var(--ink-3)}.anc-req-fill{stroke:var(--ink)}.anc-req[data-reached="1"] .anc-req-fill,.anc-req[data-reached="1"] .anc-req-line{stroke:var(--goal)}.anc-req[data-reached="1"] .anc-req-label{fill:var(--goal)}.anc-req[data-reached="1"] .anc-req-spark{animation:.5s ease-out yp-spark}@keyframes yp-spark{0%{opacity:1;transform:scale(.4)}to{opacity:0;transform:scale(1.8)}}.anc-gap[data-red="1"] .anc-gap-pill{fill:var(--danger)}.anc-hold-ring{stroke:var(--goal);transition:stroke-dashoffset 50ms linear}.anc-hold.shake{animation:.35s ease-in-out yp-shake}@keyframes yp-shake{20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}.yp-pop{pointer-events:none;z-index:20;position:absolute;inset:0;overflow:hidden}.yp-banner{pointer-events:none;z-index:35;position:absolute;inset:0;overflow:hidden}.pop{white-space:nowrap;will-change:transform, opacity;position:absolute;top:0;left:0}.pop-in{transform:translate(-50%,-50%)}.pop--word .pop-in{font:800 2rem/1 var(--font-head);color:var(--card);-webkit-text-stroke:7px var(--ink);paint-order:stroke fill;letter-spacing:.02em;animation:.7s cubic-bezier(.2,1.6,.4,1) both yp-word}.pop--word.pop--crash .pop-in{color:var(--ball);font-size:2.4rem}.pop--word.pop--snap .pop-in{color:var(--card)}.pop--word.pop--bang .pop-in{color:var(--gantry)}@keyframes yp-word{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)rotate(-14deg)}25%{opacity:1;transform:translate(-50%,-60%)scale(1.15)rotate(-6deg)}70%{opacity:1;transform:translate(-50%,-95%)scale(1)rotate(-4deg)}to{opacity:0;transform:translate(-50%,-120%)scale(.95)rotate(-4deg)}}.pop--near .pop-in{flex-direction:column;align-items:center;gap:4px;animation:1.1s ease-out both yp-near;display:flex}.pop-near-mm{font:800 1.35rem/1 var(--font-head);color:var(--ink);background:var(--card);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:10px;padding:5px 10px}.pop-near-mm .num{font-size:1.1em}.pop-near-tier{font:800 .72rem/1 var(--font-head);border:1.5px solid var(--ink);background:#fff;border-radius:999px;padding:4px 8px}.pop--near[data-tier=close] .pop-near-tier{background:#ffe066}.pop--near[data-tier=razor] .pop-near-tier{background:#ff9f43}.pop--near[data-tier=paper] .pop-near-tier{background:var(--danger);color:#fff}.pop--near[data-tier=god] .pop-near-tier{color:#fff;background:linear-gradient(90deg,#e5484d,#f59e0b,#f2b705,#22b573,#19c3ff,#2f6bd8,#e5484d) 0 0/200% 100%;animation:.6s linear infinite yp-rainbow}@keyframes yp-rainbow{to{background-position:200% 0}}@keyframes yp-near{0%{opacity:0;transform:translate(-50%,-30%)scale(.6)}15%{opacity:1;transform:translate(-50%,-60%)scale(1.08)}75%{opacity:1;transform:translate(-50%,-70%)scale(1)}to{opacity:0;transform:translate(-50%,-85%)scale(1)}}.pop--crashinfo .pop-in{flex-direction:column;align-items:center;gap:3px;animation:.7s ease-out both yp-near;display:flex}.pop-crash-mm{font:800 1.2rem/1 var(--font-num);color:#fff;background:var(--danger);border:2px solid var(--ink);border-radius:8px;padding:4px 8px}.pop-crash-cause{font:800 .78rem/1 var(--font-head);background:var(--card);border:1.5px solid var(--ink);border-radius:999px;padding:4px 9px}.pop--split .pop-in{font:800 3.4rem/1 var(--font-num);color:var(--ahead);-webkit-text-stroke:8px var(--card);paint-order:stroke fill;animation:.8s ease-out both yp-split}.pop--split[data-behind="1"] .pop-in{color:var(--danger)}@keyframes yp-split{0%{opacity:0;transform:translate(-50%,-50%)scale(1.5)}12%{opacity:1;transform:translate(-50%,-50%)scale(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-58%)scale(1)}}.pop--stamp .pop-in{animation:.6s cubic-bezier(.3,1.7,.5,1) both yp-stamp}.stamp{border:7px solid var(--stamp);width:150px;height:150px;box-shadow:inset 0 0 0 4px var(--card), inset 0 0 0 7px var(--stamp);color:var(--stamp);font:800 2.35rem/1 var(--font-head);letter-spacing:-.02em;filter:url(#yp-ink);background:#fbf8f159;border-radius:50%;place-items:center;display:grid;transform:rotate(-12deg)}.stamp--sm{width:64px;height:64px;box-shadow:inset 0 0 0 2px var(--card), inset 0 0 0 3.5px var(--stamp);filter:none;opacity:.92;border-width:3.5px;font-size:.95rem}.stamp--fail{--stamp:var(--danger);font-size:2rem}@keyframes yp-stamp{0%{opacity:0;transform:translate(-50%,-50%)scale(1.6)}20%{opacity:1;transform:translate(-50%,-50%)scale(.94)}32%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.pop--banner{top:26%;left:50%}.pop--banner .pop-in{font:800 calc(1.6rem * var(--bs,1))/1 var(--font-head);padding:calc(12px * var(--bs,1)) calc(26px * var(--bs,1));border:3px solid var(--ink);background:var(--gantry);box-shadow:0 4px 0 var(--ink);border-radius:14px;animation:1.4s cubic-bezier(.2,1.4,.4,1) both yp-banner}.pop--banner[data-kind=pb] .pop-in{background:var(--card);color:var(--ball);animation-duration:1.6s}.pop--banner[data-kind=almost] .pop-in{background:var(--card);font-size:1.1rem}.pop--banner[data-kind=crown] .pop-in{align-items:center;gap:10px;animation-duration:2s;display:flex}.pop-banner-count{background:var(--ink);color:var(--card);font:800 calc(1.15rem * var(--bs,1))/1 var(--font-num);border-radius:10px;align-items:baseline;gap:1px;padding:4px 9px;display:inline-flex}.pop-banner-count small{opacity:.75;font-size:.7em}.pop-banner-count.is-tick .num{color:var(--gantry);animation:.45s cubic-bezier(.2,1.8,.4,1) both yp-tick;display:inline-block}@keyframes yp-tick{0%{opacity:0;transform:scale(.4)translateY(-60%)}to{opacity:1;transform:none}}@keyframes yp-banner{0%{opacity:0;transform:translate(-50%,-50%)scale(.4)rotate(-4deg)}18%{opacity:1;transform:translate(-50%,-50%)scale(1.08)rotate(-2deg)}30%{transform:translate(-50%,-50%)scale(1)rotate(-2deg)}82%{opacity:1}to{opacity:0;transform:translate(-50%,-62%)scale(1)rotate(-2deg)}}.yp-toasts{left:50%;bottom:calc(24px + var(--safe-b));pointer-events:none;z-index:60;flex-direction:column-reverse;align-items:center;gap:8px;width:min(92%,420px);display:flex;position:absolute;transform:translate(-50%)}.toast{border:2px solid var(--ink);background:var(--card);max-width:100%;box-shadow:0 3px 0 var(--ink);font:800 .9rem/1.35 var(--font-head);border-radius:14px;align-items:center;gap:10px;padding:10px 16px;animation:2.8s both yp-toast;display:flex}.toast--badge{background:var(--gantry)}.toast--warn,.toast--notice{background:var(--ink);color:var(--card)}.toast>span{text-wrap:balance}.yp-toasts:not([data-narrow]) .toast--badge>span{word-break:keep-all;overflow-wrap:anywhere}.toast .ico{flex:none;width:20px;height:20px}@keyframes yp-toast{0%{opacity:0;transform:translateY(16px)scale(.9)}8%{opacity:1;transform:translateY(0)scale(1.03)}12%{transform:none}88%{opacity:1;transform:none}to{opacity:0;transform:translateY(-6px)}}@keyframes yp-rise{0%{opacity:0;transform:translateY(10px)}}.yp-layer{z-index:30;outline:none;display:flex;position:absolute;inset:0}.yp-layer:empty{display:none}.yp[data-screen=results] .yp-layer{pointer-events:none}.yp[data-screen=results] .yp-layer>*{pointer-events:auto}.yp-layer[data-kind=scrim]{background:var(--scrim);-webkit-backdrop-filter:none;backdrop-filter:none}.yp-layer[data-kind=page]{background:linear-gradient(var(--grid-a) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(90deg, var(--grid-a) 1px, transparent 1px) 0 0 / 100px 100px, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(180deg, var(--paper-1), var(--paper-2))}.screen-enter{animation:.22s cubic-bezier(.2,.9,.3,1.1) both yp-enter}@keyframes yp-enter{0%{opacity:0;transform:translateY(14px)scale(.985)}}.sheet{background:var(--card);border:2px solid var(--ink);box-shadow:var(--shadow-card);color:var(--ink);border-radius:20px;position:relative}.sheet:before{content:"";border:1px solid var(--line);pointer-events:none;border-radius:14px;position:absolute;inset:7px}.sheet-title{font:800 1.35rem/1.25 var(--font-head);letter-spacing:.01em;margin:0}.eyebrow{font:800 .72rem/1 var(--font-head);letter-spacing:.12em;color:var(--ink-2);text-transform:uppercase;align-items:center;gap:6px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:14px;height:2px}.idchip{white-space:nowrap;background:var(--ink);min-width:2.6em;height:1.7em;color:var(--card);font:800 .9rem/1 var(--font-num);letter-spacing:0;border-radius:8px;flex:none;place-items:center;padding:0 .45em;display:inline-grid}.page{flex-direction:column;flex:auto;min-width:0;height:100%;display:flex;position:relative}.page-head{padding:calc(var(--safe-t) + 10px) calc(var(--safe-r) + 14px) 10px calc(var(--safe-l) + 14px);flex:none;align-items:center;gap:10px;display:flex}.page-title{min-width:0;font:800 1.35rem/1.2 var(--font-head);white-space:nowrap;text-overflow:ellipsis;flex:auto;margin:0;overflow:hidden}.page-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:4px calc(var(--safe-r) + 14px) calc(var(--safe-b) + 28px) calc(var(--safe-l) + 14px);touch-action:pan-y;flex:auto;overflow:hidden auto}.page-inner{width:100%;max-width:960px;margin:0 auto}.btn{border:2px solid var(--ink);background:var(--card);min-width:48px;min-height:48px;color:var(--ink);box-shadow:0 4px 0 var(--ink);font:800 1rem/1.15 var(--font-head);letter-spacing:.02em;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 18px;text-decoration:none;transition:transform 60ms,box-shadow 60ms,background-color .12s;display:inline-flex;position:relative}.btn:hover{background:#fffdf7}.btn:active,.btn.is-pressed{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.btn .ico{flex:none;width:22px;height:22px}.btn[disabled]{cursor:default;opacity:.5;box-shadow:0 2px 0 var(--line-2);border-color:var(--line-2);transform:none}.btn--primary{background:var(--ball);color:#fff;box-shadow:0 4px 0 var(--ink)}.btn--primary:hover{background:#e84a44}.btn--ai{background:var(--ai)}.btn--ai:hover{background:#4dd2ff}.btn--gold,.btn--practice{background:var(--gantry)}.btn--gold:hover,.btn--practice:hover{background:#f7c52b}.btn--flat{box-shadow:none;background:0 0;border-color:#0000}.btn--flat:hover{background:#1e2a440f}.btn--flat:active{box-shadow:none;background:#1e2a441a;transform:none}.btn--icon{width:48px;padding:0}.btn--block{width:100%;display:flex}.btn--lg{min-height:60px;box-shadow:0 5px 0 var(--ink);border-width:2.5px;border-radius:18px;font-size:1.2rem}.btn--lg:active{box-shadow:0 1px 0 var(--ink);transform:translateY(4px)}.btn-sub{font:500 .72rem/1.2 var(--font-body);opacity:.8;display:block}.btn-stack{text-align:left;flex-direction:column;align-items:flex-start;display:flex}.btn-stack>span:first-child{word-break:keep-all;overflow-wrap:anywhere}.btn-stack>.btn-sub{line-break:strict}.kbd{min-width:1.7em;height:1.55em;font:800 .7rem/1 var(--font-num);opacity:.75;border:1.5px solid;border-bottom-width:3px;border-radius:6px;place-items:center;padding:0 .35em;display:inline-grid}.btn .kbd{margin-left:auto}.yp[data-pointer=coarse] .kbd{display:none}:focus-visible{outline:2.5px dashed var(--ink);outline-offset:4px}.btn:focus-visible{outline-offset:4px}.title{cursor:pointer;outline:none;flex-direction:column;flex:auto;display:flex;position:relative}.title-logo{left:0;right:0;top:calc(var(--safe-t) + 34px);text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.logo{font:800 2.7rem/1 var(--font-head);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;justify-content:center;align-items:baseline;margin:0;display:flex}.logo-a{position:relative}.logo-b{color:var(--ball);margin-left:.04em;display:inline-block;position:relative;transform:rotate(-4deg)}.logo-b:after{content:"";background:var(--ink);border-radius:.05em;height:.09em;position:absolute;bottom:-.14em;left:4%;right:4%}.yp-ts125 .logo-a,.yp-ts125 .logo-b{font-size:min(1em,13.8889vw - 4.44444px)}.logo-sub{font:800 .9rem/1 var(--font-head);letter-spacing:.24em;color:var(--ink-2);text-transform:uppercase;margin-top:12px}.tagline{font:800 .98rem/1.3 var(--font-head);color:var(--ink);background:var(--card);border:2px solid var(--ink);box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:7px 16px;display:inline-block}.title-foot{padding:18px calc(var(--safe-r) + 16px) calc(var(--safe-b) + 14px) calc(var(--safe-l) + 16px);flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;bottom:0;left:0;right:0}.yp[data-layout=tall] .title-foot{background:linear-gradient(90deg, var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(var(--grid-b) 1px, transparent 1px) 0 0 / 20px 20px, var(--card-2);border-top:2px solid var(--ink);min-height:38%;top:auto}.title-play{min-width:240px;min-height:72px;box-shadow:0 6px 0 var(--ink);border-width:3px;border-radius:22px;font-size:1.7rem;animation:1.3s ease-in-out infinite yp-pulse}.title-play:active{box-shadow:0 1px 0 var(--ink);animation:none;transform:translateY(5px)}@keyframes yp-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.title-hint{font:800 .8rem/1 var(--font-head);color:var(--ink-2);letter-spacing:.06em}.title-links{gap:4px;display:flex}.title-links .btn{color:var(--ink-2);white-space:nowrap;font-size:.85rem}.yp[data-layout=tall] .title-links{flex-wrap:wrap;justify-content:center}.yp[data-layout=tall] .title-links .btn{padding:0 12px}@media (max-height:620px){.yp[data-layout=tall] .title-foot{gap:10px;padding-top:12px}.yp[data-layout=tall] .title-play{min-height:60px;font-size:1.5rem}}.yp[data-layout=wide] .title-logo{top:calc(var(--safe-t) + 14px);flex-direction:row;justify-content:center;align-items:center;gap:18px}.yp[data-layout=wide] .title-logo .logo-sub{display:none}.yp[data-layout=wide] .logo{font-size:3rem}.yp[data-layout=wide] .title-foot{padding:0 calc(var(--safe-r) + 16px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 16px);flex-direction:row;gap:18px;height:112px}.yp[data-layout=wide] .title-play{min-height:64px;font-size:1.5rem}.title-corner{top:calc(var(--safe-t) + 12px);right:calc(var(--safe-r) + 12px);gap:8px;display:flex;position:absolute}.yp[data-layout=wide] .title-logo{padding:0 calc(var(--safe-r) + 124px) 0 calc(var(--safe-l) + 124px);flex-wrap:wrap;row-gap:8px}.title-hint{text-shadow:0 1px 0 var(--paper-1), 0 -1px 0 var(--paper-1), 1px 0 0 var(--paper-1), -1px 0 0 var(--paper-1)}.yp[data-short="1"] .title-hint{background:#fbf8f1db;border-radius:8px;padding:3px 8px}.yp[data-short="1"] .logo{font-size:2.3rem}@media (max-width:644px){html:not(.yp-ts125) .yp[lang=en][data-short="1"] .tagline{white-space:nowrap;padding:6px 12px;font-size:.8rem}}@media (min-width:637px) and (max-width:644px){html.yp-ts125 .yp[lang=en][data-short="1"] .tagline{padding:6px 12px;font-size:.8rem}}.yp[data-short="1"] .title-foot{height:92px}.yp[data-short="1"][data-layout=wide] .res{top:calc(var(--safe-t) + 8px);max-height:calc(100% - var(--safe-t) - var(--safe-b) - 16px)}.yp[data-short="1"][data-layout=wide][data-screen=results] .hud-center,.yp[data-short="1"][data-layout=wide][data-screen=results] .hud-right .chip--offline,.yp[data-short="1"][data-layout=wide][data-screen=pause] .hud-band{visibility:hidden}.yp[data-short="1"][data-layout=wide][data-screen=results]:has(.res[data-side=left]) .hud-band>.hud-btn:first-child{visibility:hidden}.yp[data-short="1"][data-layout=wide] .res[data-side=right]{right:calc(var(--safe-r) + 64px)}.yp[data-short="1"] .res-scroll{padding:12px 14px 6px}.yp[data-short="1"] .res-foot{gap:8px;padding:8px 10px 10px}.yp[data-short="1"] .res-main .btn--lg{min-height:48px;font-size:1.05rem}.yp[data-short="1"] .res-row .btn{min-height:44px}.yp[data-short="1"] .card-body{padding:12px 16px 10px}.yp[data-short="1"] .card-foot{padding:8px 12px 10px}.yp[data-short="1"] .card-foot .btn--lg,.yp[data-short="1"] .card-foot .btn{min-height:48px}.yp[data-short="1"][data-screen=pause] .card{max-width:820px}.yp[data-short="1"] .pause-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px 8px;margin-top:8px}.yp[data-short="1"] .pause-grid .btn{gap:7px;min-height:44px;padding:3px 10px;font-size:.94rem}.yp[data-short="1"] .pause-grid .btn--wide{grid-column:auto}.yp[data-short="1"] .pause-grid .btn--primary{grid-column:1/-1;min-height:48px;font-size:1.05rem}.yp[data-short="1"] .pause-grid .btn-sub{display:none}.yp[data-short="1"] .pause-grid .btn-stack{flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.yp[data-short="1"] .pause-grid .btn-stack .btn-state{align-self:flex-start;margin:0}@media (max-height:340px){.yp[data-short="1"][data-screen=pause] .center-wrap{padding-top:calc(var(--safe-t) + 4px);padding-bottom:calc(var(--safe-b) + 4px)}.yp[data-short="1"][data-screen=pause] .card-body{padding-top:6px;padding-bottom:6px}.yp[data-short="1"][data-screen=pause] .pause-grid{row-gap:4px;margin-top:4px}.yp[data-short="1"][data-screen=pause] .pause-grid .btn:focus-visible{outline-offset:2px}}.yp[data-short="1"] .share-prev{max-width:300px;margin-inline:auto}.sel-top{grid-template-columns:1fr;gap:12px;margin-bottom:14px;display:grid}.yp[data-layout=wide] .sel-top{grid-template-columns:1.1fr 1fr}.hva{align-items:center;gap:14px;padding:14px 16px;display:flex;position:relative}.hva-count{font:800 2.3rem/1 var(--font-num);align-items:baseline;gap:2px;display:flex}.hva-count small{color:var(--ink-2);font-size:.5em}.hva-label{font:800 .72rem/1.1 var(--font-head);letter-spacing:.1em;color:var(--ink-2)}.hva-rank{font:800 1.1rem/1.2 var(--font-head)}.hva-next{color:var(--ink-2);font-size:.75rem}.hva .crown{flex:none;width:46px;height:46px}.hva-bar{gap:2px;margin-top:6px;display:flex}.hva-bar i{background:var(--line);border-radius:2px;flex:1 1 0;height:6px}.hva-bar i.on{background:var(--gantry);box-shadow:inset 0 0 0 1px var(--gold-edge)}.hva.is-grew .crown{animation:.7s cubic-bezier(.25,1.6,.45,1) .2s both yp-crown-drop}.hva.is-grew .hva-count{animation:.45s cubic-bezier(.2,1.8,.4,1) .55s both yp-tick}.hva-bar i.is-new{animation:.9s ease-out .6s both yp-seg}@keyframes yp-crown-drop{0%{opacity:0;transform:translateY(-40px)scale(1.5)rotate(-12deg)}60%{opacity:1;transform:translateY(2px)scale(.95)rotate(2deg)}to{opacity:1;transform:none}}@keyframes yp-seg{0%{background:var(--line);box-shadow:none}40%{box-shadow:0 0 0 2px var(--gantry);background:#fff}to{background:var(--gantry);box-shadow:inset 0 0 0 1px var(--gold-edge)}}.dcard{cursor:pointer;text-align:left;width:100%;font:inherit;color:inherit;align-items:center;gap:12px;padding:12px 12px 12px 16px;display:flex;container:dcard/inline-size}.dcard[disabled]{cursor:default}.dcard-main{flex:auto;min-width:0}.dcard-title{font:800 1.05rem/1.2 var(--font-head);white-space:nowrap;align-items:center;gap:8px;min-width:0;display:flex}.dcard-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.dcard-title .num{flex:none}.dcard-sub{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.rack{gap:4px;margin-top:6px;display:flex}.rack .rball{width:24px;height:24px;color:var(--ink-3)}.dcard .btn{flex:none}@container dcard (width<=340px){.dcard .dcard-go{width:48px;padding:0}.dcard .dcard-go-label{display:none}}.wtabs{scrollbar-width:none;gap:6px;margin:0 -2px;padding:4px 2px 10px;display:flex;overflow-x:auto}.wtabs::-webkit-scrollbar{display:none}.wtab{border:2px solid var(--ink);background:var(--card);min-width:60px;min-height:52px;color:var(--ink);box-shadow:0 3px 0 var(--ink);font:800 .72rem/1.1 var(--font-head);cursor:pointer;border-radius:12px;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;padding:4px 10px;display:flex}.wtab b{font:800 1.05rem/1 var(--font-num)}.wtab[aria-selected=true]{background:var(--ink);color:var(--card)}.wtab.is-locked{color:var(--ink-3);border-color:var(--line-2);box-shadow:0 3px 0 var(--line-2)}.wtab .ico{width:14px;height:14px}.wpages{scroll-snap-type:x mandatory;scrollbar-width:none;touch-action:pan-x pan-y;gap:16px;display:flex;overflow-x:auto}.wpages::-webkit-scrollbar{display:none}.wpage{scroll-snap-align:start;flex:0 0 100%;min-width:0}.wpage-head{align-items:baseline;gap:10px;margin:2px 2px 10px;display:flex}.wpage-title{font:800 1.4rem/1.2 var(--font-head);margin:0}.wpage-sub{color:var(--ink-2);font-size:.85rem}.wpage-lock{border:1.5px dashed var(--line-2);color:var(--ink-2);border-radius:12px;align-items:center;gap:8px;margin-bottom:10px;padding:10px 14px;font-size:.85rem;display:flex}.wpage-lock .ico{width:18px;height:18px}.tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.yp[data-layout=wide] .tiles{grid-template-columns:repeat(4,minmax(0,1fr))}.tile{border:2px solid var(--ink);background:var(--card);min-height:138px;color:var(--ink);box-shadow:0 4px 0 var(--ink);text-align:left;font:inherit;cursor:pointer;border-radius:16px;flex-direction:column;gap:6px;padding:12px 12px 10px;transition:transform 60ms,box-shadow 60ms;display:flex;position:relative}.tile:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.tile-top{align-items:center;gap:8px;display:flex}.tile-name{font:800 1rem/1.25 var(--font-head);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.tile-concept{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.72rem;line-height:1.35;display:-webkit-box;overflow:hidden}.tile-foot{justify-content:space-between;align-items:flex-end;gap:6px;margin-top:auto;display:flex}.tile-times{font:800 .72rem/1.15 var(--font-num);gap:2px;display:grid}.tile-times span{white-space:nowrap;gap:5px;display:flex}.tile-times i{font-style:normal;font-family:var(--font-head);text-align:center;border-radius:4px;min-width:1.9em;padding:1px 3px;font-size:.66rem}.t-ai i{background:var(--ai)}.t-pb i{background:var(--pb-solid)}.t-none{color:var(--ink-3);font-family:var(--font-head)}.tile-medals{align-items:center;gap:2px;display:flex}.tile-medals .coin{width:32px;height:32px;color:var(--line-2)}.tile-medals .crown{width:32px;height:32px}.tile{container:tile/inline-size}@container tile (width<=120px){.tile-medals .crown{width:28px;height:28px;position:absolute;top:10px;right:10px}}.tile.is-crown{background:linear-gradient(180deg, #fff6d6, var(--card) 60%)}.tile.is-locked{cursor:default;color:var(--ink-3);background:var(--card-2);border-color:var(--line-2);box-shadow:0 4px 0 var(--line-2)}.tile.is-locked .idchip{background:var(--ink-3)}.tile-lock{align-items:center;gap:6px;margin-top:auto;font-size:.72rem;display:flex}.tile-lock .ico{width:18px;height:18px}.tile.is-skipped .idchip{color:var(--ink);box-shadow:inset 0 0 0 2px var(--ink);background:0 0}.tile-skip{font:800 .62rem/1 var(--font-head);border:1.5px solid var(--ink);background:#fff;border-radius:6px;padding:3px 6px;position:absolute;top:10px;right:10px}.notecard{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:center;gap:12px;margin-top:14px;padding:12px 14px;display:flex}.notecard[disabled]{cursor:default;color:var(--ink-3)}.notecard .ico{flex:none;width:28px;height:28px}.notecard-title{font:800 1rem/1.2 var(--font-head)}.notecard-sub{color:var(--ink-2);font-size:.75rem}.newdot{font:800 .62rem/1 var(--font-head);background:var(--ball);color:#fff;border-radius:999px;margin-left:auto;padding:3px 6px}.sel-nav{display:none}.yp[data-layout=wide] .sel-nav{gap:8px;display:flex}.res{flex-direction:column;display:flex;position:absolute;overflow:hidden;container:res/inline-size}.yp[data-layout=tall] .res{left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 8px);top:calc(var(--safe-t) + 20%);border-radius:22px}.yp{--res-w:min(440px, 44vw)}.yp[data-short="1"]{--res-w:min(460px, 56vw)}.yp[data-layout=wide] .res{top:calc(var(--safe-t) + 70px);max-height:calc(100% - var(--safe-t) - var(--safe-b) - 86px);width:var(--res-w)}.yp[data-layout=wide] .res[data-side=right]{right:calc(var(--safe-r) + 16px)}.yp[data-layout=wide] .res[data-side=left]{left:calc(var(--safe-l) + 16px)}.res-scroll{overscroll-behavior:contain;touch-action:pan-y;flex:auto;padding:18px 18px 8px;overflow-y:auto}.res-head{align-items:center;gap:8px;min-height:28px;padding-right:64px;display:flex}.res-name{font:800 1.02rem/1.25 var(--font-head);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.res-stamp{z-index:2;position:absolute;top:10px;right:14px}.res-time{flex-wrap:wrap;align-items:baseline;gap:6px;margin:8px 0 2px;padding-right:52px;display:flex}.res-time .num{letter-spacing:-.03em;font-size:3.3rem;font-weight:800;line-height:1}.res-time small{font:800 1.1rem/1 var(--font-head);color:var(--ink-2)}.ribbon{background:var(--ball);color:#fff;font:800 .78rem/1 var(--font-head);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%);align-self:center;align-items:center;gap:6px;margin-left:6px;padding:4px 16px 4px 8px;display:inline-flex}.res-medal{align-items:center;gap:10px;margin:10px 0 12px;display:flex}.res-medal>.coin,.res-medal>.crown{flex:none;width:52px;height:52px}.res-medal>div{min-width:0}.res-medal-name{font:800 1.08rem/1.2 var(--font-head);word-break:keep-all;overflow-wrap:anywhere}.res-medal-next{color:var(--ink-2);word-break:keep-all;font-size:.78rem}.medal-fly{animation:.7s cubic-bezier(.25,1.6,.45,1) .25s both yp-medal}@keyframes yp-medal{0%{opacity:0;transform:translate(120px,-90px)rotate(200deg)scale(.3)}60%{opacity:1}to{opacity:1;transform:none}}.res-slots{flex-shrink:0;gap:4px;margin-left:auto;display:flex}.res-slots>*{width:22px;height:22px;color:var(--line-2);flex:none}.res-deltas{grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:8px;margin-bottom:12px;display:grid}.dlt{border:1.5px solid var(--ink);background:var(--card-2);border-radius:12px;padding:8px 10px}.dlt-label{font:800 .66rem/1.1 var(--font-head);color:var(--ink-2);letter-spacing:.04em}.dlt-val{font:800 1.12rem/1.2 var(--font-num)}.dlt--good .dlt-val{color:var(--ahead)}.dlt--bad .dlt-val{color:var(--danger)}.dlt--ai{border-color:var(--ai-lip);background:#e6f8ff}.cmp{gap:10px;margin-bottom:12px;display:grid}.cmp-row-label{font:800 .72rem/1.2 var(--font-head);color:var(--ink-2);justify-content:space-between;margin-bottom:3px;display:flex}.cmp-bar{font:800 .72rem/1.2 var(--font-head);grid-template-columns:3.4em 1fr 4.6em;align-items:center;gap:6px;margin-top:3px;display:grid}.cmp-bar .num{text-align:right;font-size:.8rem}.cmp-track{background:#1e2a4414;border-radius:6px;height:12px;overflow:hidden}.cmp-fill{border:1.5px solid var(--ink);transform-origin:0;border-radius:6px;height:100%;animation:.6s cubic-bezier(.2,.9,.3,1) .35s both yp-grow}.cmp-fill--me{background:var(--gantry)}.cmp-fill--ai{background:var(--ai)}@keyframes yp-grow{0%{transform:scaleX(0)}}.res-graphs{margin:-12px 0 -6px}.graphs-toggle{width:-moz-fit-content;width:fit-content;min-height:44px;color:var(--ink-2);gap:2px;margin-left:auto;padding:0 4px 0 10px;font-size:.78rem;display:flex}.graphs-toggle .ico{width:16px;height:16px;transition:transform .15s;transform:rotate(90deg)}.graphs-toggle[aria-expanded=true] .ico{transform:rotate(-90deg)}.graphs{gap:6px;margin:2px 0 12px;display:grid}.graphs[hidden]{display:none}.graph{border:1.5px solid var(--line-2);background:#fffdf8;border-radius:10px;min-width:0;padding:5px 6px 3px}.graph-label{font:800 .62rem/1.1 var(--font-head);color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.graph svg{width:100%;height:96px;display:block}.graph-legend{font:800 .68rem/1 var(--font-head);color:var(--ink-2);gap:12px;margin-top:2px;display:flex}.graph-legend i{vertical-align:middle;border-radius:2px;width:14px;height:4px;margin-right:5px;display:inline-block}.badges{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.badge{border:1.5px solid var(--ink);background:var(--gantry);font:800 .78rem/1 var(--font-head);border-radius:999px;align-items:center;gap:6px;padding:5px 10px 5px 6px;display:inline-flex}.badge-dot{background:var(--card);border:1.5px solid var(--ink);border-radius:50%;place-items:center;width:18px;height:18px;font-size:.6rem;display:grid}.res-online{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.res-foot{border-top:1.5px dashed var(--line-2);background:var(--card);flex:none;gap:10px;padding:10px 14px 14px;display:grid}.res-main{grid-template-columns:1.3fr 1fr;gap:10px;display:grid}.res-main .btn{padding:0 12px}.res-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.res-row .btn{gap:5px;padding:0 6px;font-size:.82rem}.res-row .btn .ico{width:18px;height:18px}.res-row .btn:not(.btn-stack),.res-main .btn{white-space:nowrap}.yp[data-layout=tall] .res[data-fail]{max-height:calc(100% - var(--safe-t) - 88px);top:auto}.res-keys{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:4px 0 8px;display:grid}.res-keys .btn{min-height:44px;box-shadow:0 3px 0 var(--ink);justify-content:flex-start;gap:6px;padding:0 10px;font-size:.78rem}.res-keys .btn span:not(.kbd){text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.res-keys .btn .ico{width:18px;height:18px}.res-keys .btn .btn-state{flex:none;margin-left:auto;overflow:visible}.res-keys .btn .btn-state+.kbd{margin-left:4px}@container res (width<=365px){.res-row .btn .ico,.res-main .btn .ico{display:none}.res-keys{grid-template-columns:minmax(0,1fr)}}@container res (width>365px) and (width<=416px){:root:not(.yp-ts125) .yp:lang(ja) .res-keys .kbd{display:none}}@container res (width<=340px){.yp[data-short="1"] .res-slots{display:none}}@container res (width<=479px){.yp-ts125 .res-keys{grid-template-columns:minmax(0,1fr)}}.ribbon--muted{background:var(--ink-2)}.res-time--fail{padding-right:64px}.res-time .res-fail-title{font-family:var(--font-head);font-size:2.4rem;white-space:nowrap;font-size:clamp(1.5rem,11cqi,2.4rem)}.res-fail-cause{border:2px solid var(--ink);background:var(--card-2);font:800 1rem/1.35 var(--font-head);border-radius:14px;align-items:center;gap:10px;margin:14px 0;padding:12px 14px;display:flex}.res-fail-cause .ico{width:26px;height:26px;color:var(--danger);flex:none}.center-wrap{padding:calc(var(--safe-t) + 16px) calc(var(--safe-r) + 12px) calc(var(--safe-b) + 16px) calc(var(--safe-l) + 12px);flex:auto;justify-content:center;align-items:center;min-width:0;display:flex}.card{flex-direction:column;width:100%;max-width:520px;max-height:100%;display:flex;overflow:hidden}.card-body{overscroll-behavior:contain;touch-action:pan-y;padding:20px 20px 16px;overflow-y:auto}.card-foot{border-top:1.5px dashed var(--line-2);gap:10px;padding:12px 16px 16px;display:grid}.pause-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.pause-grid .btn{text-align:left;justify-content:flex-start;min-height:56px;padding:8px 12px}.pause-grid .btn--wide{grid-column:1/-1}.pause-grid .btn-stack .btn-state{align-self:flex-start;margin:3px 0 0}.pause-grid .btn-state{font:800 .72rem/1 var(--font-head);background:var(--card-2);border:1.5px solid var(--line-2);white-space:nowrap;border-radius:6px;margin-left:auto;padding:4px 7px}.btn .btn-state{font:800 .7rem/1 var(--font-head);background:var(--card-2);border:1.5px solid var(--line-2);white-space:nowrap;border-radius:6px;padding:3px 7px}.btn-state.is-on{background:var(--goal);color:#fff;border-color:var(--ink)}.brief-fig{border:2px solid var(--ink);background:var(--paper-1);border-radius:14px;margin:12px 0 10px;position:relative;overflow:hidden}.brief-fig canvas{width:100%;height:auto;display:block}.brief-cap{font:800 .7rem/1 var(--font-head);color:var(--ink-2);background:#f3eee4e6;border-radius:6px;padding:3px 6px;position:absolute;top:8px;left:10px}.facts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0;display:grid}.fact{border:1.5px solid var(--line-2);background:var(--card-2);border-radius:12px;padding:8px 10px}.fact-label{font:800 .66rem/1.2 var(--font-head);color:var(--ink-2)}.fact-val{font:800 1.05rem/1.25 var(--font-num)}.medal-times{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.mt{background:var(--card-2);border:1.5px solid var(--line-2);font:800 .8rem/1.1 var(--font-num);border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 2px;display:flex}.mt .coin,.mt .crown{width:28px;height:28px}.mt small{font:800 .62rem/1 var(--font-head);color:var(--ink-2)}.pump-line{font:800 .95rem/1.3 var(--font-head);align-items:center;gap:8px;display:flex}.pump-line .ico{width:22px;height:22px;color:var(--ai-lip)}.rules{gap:8px;margin:12px 0;padding:0;list-style:none;display:grid}.rules li{border:1.5px solid var(--line-2);font:800 .9rem/1.35 var(--font-head);background:#e9f8ff;border-radius:12px;align-items:flex-start;gap:10px;padding:9px 12px;display:flex}.rules li:before{content:"";background:var(--ai);border:1.5px solid var(--ink);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);flex:none;width:16px;height:14px;margin-top:3px}.closing{font:800 1.08rem/1.45 var(--font-head);border-left:5px solid var(--ball);background:var(--card-2);border-radius:0 12px 12px 0;padding:12px 14px}.demo{pointer-events:none;position:absolute;inset:0}.demo-top{top:calc(var(--safe-t) + 10px);left:calc(var(--safe-l) + 10px);right:calc(var(--safe-r) + 10px);align-items:center;gap:8px;display:flex;position:absolute}.demo-top .btn{pointer-events:auto;margin-left:auto}.demo-title{border:2px solid var(--ink);background:var(--ai);font:800 .95rem/1 var(--font-head);box-shadow:0 3px 0 var(--ink);border-radius:999px;align-items:center;gap:8px;padding:8px 14px;display:inline-flex}.demo-panel{pointer-events:auto;position:absolute;bottom:0;left:0;right:0}.yp[data-layout=tall] .demo-panel{min-height:var(--deck-h);max-height:calc(var(--deck-h) + var(--bench-h,0px) - 16px);padding:10px calc(var(--safe-r) + 16px) calc(var(--safe-b) + 10px) calc(var(--safe-l) + 16px);background:var(--card-2);border-top:2px solid var(--ink);flex-direction:column;justify-content:center;gap:6px;display:flex;overflow:hidden}.yp[data-layout=wide] .demo-panel{bottom:max(4px, calc(var(--safe-b) - 14px));width:min(720px, calc(100% - var(--safe-l) - var(--safe-r) - 20px));border:1.5px solid var(--line-2);background:var(--card);border-radius:12px;grid-template-columns:auto minmax(40%,1fr) auto;align-items:center;column-gap:12px;margin:0 auto;padding:3px 12px;display:grid}.demo-graph{flex:0 auto;width:100%;height:clamp(56px,11vh,96px);display:block}.yp[data-layout=tall] .demo-graph{min-height:40px}.yp[data-layout=wide] .demo-graph{height:30px}.yp[data-layout=wide][data-short="0"] .demo-graph{height:44px}.demo-stats{font:800 .75rem/1.25 var(--font-head);color:var(--ink-2);gap:4px;display:grid}.yp[data-layout=wide] .demo-stats{gap:0;font-size:.68rem;line-height:1.1}.demo-row{flex-wrap:wrap;align-items:center;gap:2px 12px;display:flex}.yp[data-layout=wide] .demo-row{gap:0 10px}.yp[data-layout=wide] .demo-row>span{white-space:nowrap}.yp[data-short="1"] .demo-nums,.yp-ts125 .yp[data-short="1"] .demo-range{display:none}@media (max-width:559px){.yp[data-layout=wide] .demo-hint{display:none}}.demo-stats .num{color:var(--ink);font-size:.82rem;line-height:1}.yp[data-layout=wide] .demo-stats .num{font-size:.74rem}.demo-stats .demo-range{color:var(--ink-2)}.demo-legend{align-items:center;gap:5px;display:inline-flex}.demo-legend i{border-radius:2px;width:14px;height:3px;display:inline-block}.demo-panel .demo-hint{color:var(--ink-2);text-align:right;font-size:.72rem;line-height:1.25}.yp[data-layout=wide] .demo-hint{word-break:keep-all;max-width:7.5em;line-height:1.1}.board{border-collapse:separate;border-spacing:0 4px;width:100%;font-size:.88rem}.board th{text-align:left;font:800 .68rem/1 var(--font-head);color:var(--ink-2);padding:4px 8px}.board td{background:var(--card);border-top:1.5px solid var(--line);border-bottom:1.5px solid var(--line);white-space:nowrap;padding:8px}.board td:first-child{border-left:1.5px solid var(--line);text-align:center;width:3em;font:800 .9rem/1 var(--font-num);border-radius:10px 0 0 10px}.board td:last-child{border-right:1.5px solid var(--line);border-radius:0 10px 10px 0}.board .ico{width:18px;height:18px;color:var(--gold-edge)}.board .b-name{text-overflow:ellipsis;width:100%;max-width:0;font-weight:800;overflow:hidden}.board .b-num{text-align:right;font:800 .88rem/1 var(--font-num)}.board tr.is-me td{border-color:var(--ink);background:#fff3c4}.board tr.is-ai td{border-color:var(--ai-lip);background:#e6f8ff}.board tr[data-rank="1"] td:first-child{color:var(--gold-edge)}.board tr[data-rank="2"] td:first-child{color:#7d8795}.board tr[data-rank="3"] td:first-child{color:#8e5427}.board-sum{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.empty{color:var(--ink-2);text-align:center;text-wrap:balance;flex-direction:column;align-items:center;gap:10px;padding:36px 16px;font-weight:800;display:flex}.empty .ico{width:36px;height:36px}.skel{background:linear-gradient(90deg, var(--card-2), var(--card), var(--card-2));background-size:200% 100%;border-radius:10px;height:36px;margin-bottom:6px;animation:1.1s linear infinite yp-skel}@keyframes yp-skel{to{background-position:-200% 0}}.daily-grid{grid-template-columns:minmax(0,1fr);gap:12px;display:grid}.yp[data-layout=wide] .daily-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.daily-card{padding:16px}@media (max-width:359px){.daily-card{padding:12px}.daily-card .board td{padding:8px 5px}.daily-card .board td:first-child{width:2em}}.yp[data-short="1"] .daily-card .btnrow{z-index:1;background:var(--card);margin:-10px 0 -12px;padding:10px 0 12px;position:sticky;bottom:-28px}.yp[data-short="1"] .daily-card:before{z-index:2}.daily-card{container:daily/inline-size}@container daily (width<=380px){.yp[data-layout=wide] .daily-card .board .b-name{white-space:normal;word-break:keep-all;overflow-wrap:anywhere}.yp[data-layout=wide] .daily-card .board .b-tag:before{content:"​"}}@container daily (width<=340px){.yp[data-layout=wide] .daily-card .board th:nth-child(4),.yp[data-layout=wide] .daily-card .board td:nth-child(4){display:none}.yp[data-layout=wide] .daily-card .board td:nth-child(3){border-right:1.5px solid var(--line);border-radius:0 10px 10px 0}.yp[data-layout=wide] .daily-card .board tr.is-me td:nth-child(3){border-right:2px solid var(--ink)}.yp[data-layout=wide] .daily-card .board tr.is-ai td:nth-child(3){border-right-color:var(--ai-lip)}}.daily-mini{border:2px solid var(--ink);background:var(--paper-1);border-radius:12px;margin:10px 0 8px;overflow:hidden}.daily-mini canvas{width:100%;height:auto;display:block}.bigrack{justify-content:center;gap:8px;margin:8px 0 12px;display:flex}.bigrack .rball{width:50px;height:50px;color:var(--ink-3)}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.stat{border:1.5px solid var(--line-2);background:var(--card-2);border-radius:12px;padding:9px 11px}.stat-label{font:800 .66rem/1.2 var(--font-head);color:var(--ink-2)}.stat-val{font:800 1.15rem/1.25 var(--font-num)}.stat-val small{font-family:var(--font-head);color:var(--ink-2);white-space:nowrap;margin-left:4px;font-size:.7em;display:inline-block}.btnrow{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.note{color:var(--ink-2);font-size:.8rem;line-height:1.5}.note,.rules li,.res-fail-cause>span{line-break:strict}@supports (word-break:auto-phrase){.note:lang(ja),.rules li:lang(ja),.res-fail-cause>span:lang(ja){text-wrap:pretty}}.set-section{margin-bottom:16px;padding:6px 16px 10px}.set-section h2{font:800 .78rem/1 var(--font-head);letter-spacing:.12em;color:var(--ink-2);margin:8px 0 4px}.set-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 0;display:flex}.set-row:first-of-type{border-top:none}.set-label{min-width:0;font:800 .95rem/1.3 var(--font-head);flex:150px}.set-label .note{margin-top:2px;font-weight:500;display:block}.seg{border:2px solid var(--ink);background:var(--card);border-radius:12px;flex:none;max-width:100%;display:inline-flex;overflow:hidden}.seg button{border:none;border-left:1.5px solid var(--ink);min-width:56px;min-height:44px;color:var(--ink);font:800 .85rem/1 var(--font-head);cursor:pointer;background:0 0;padding:0 12px}.seg button:first-child{border-left:none}.seg button[aria-checked=true]{background:var(--ink);color:var(--card)}.range{flex:200px;align-items:center;gap:10px;display:flex}.range input{height:44px;accent-color:var(--ball);flex:auto}.range .num{text-align:right;width:3ch;font-weight:800}.legend{flex-wrap:wrap;gap:8px;display:flex}.legend span{border:1.5px solid var(--line-2);background:var(--card-2);font:800 .8rem/1 var(--font-head);border-radius:999px;align-items:center;gap:6px;padding:6px 10px 6px 6px;display:inline-flex}.gshape{width:20px;height:20px}.namebox{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.namebox b{font:800 1.05rem/1.2 var(--font-head);border:1.5px dashed var(--line-2);background:var(--card-2);border-radius:10px;padding:8px 12px}.warnbox{background:var(--ink);color:var(--card);border-radius:12px;align-items:center;gap:10px;margin-bottom:14px;padding:10px 14px;font-size:.85rem;font-weight:800;display:flex}.about{text-align:center;max-width:560px;margin:8vh auto 0;padding:28px 24px 24px}.about .logo{font-size:2.3rem}.about-credit{font:800 1.25rem/1.3 var(--font-head);margin:22px 0 18px}.about-credit span{color:var(--ink-2);letter-spacing:.1em;margin-right:.6em;font-size:.7em}.about a{color:var(--ahead);text-underline-offset:3px;font-weight:800}.about p{margin:0 0 14px;font-size:.9rem;line-height:1.7}.about-fine{color:var(--ink-2);border-top:1px dashed var(--line-2);padding-top:14px;font-size:.8rem!important}.ntabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.ntabs .wtab{flex:1 0 58px}.notepage{background:linear-gradient(90deg, transparent 38px, #e0312b59 38px, #e0312b59 40px, transparent 40px), repeating-linear-gradient(180deg, transparent 0 29px, #2f6bd824 29px 30px), var(--card);max-width:720px;margin:0 auto;padding:22px 22px 20px}.notepage h2{font:800 1.45rem/1.25 var(--font-head);margin:4px 0 12px 30px}.notepage p{margin:0 0 16px 30px;font-size:.95rem;line-height:30px}.formula{border:2px solid var(--ink);background:var(--paper-1);text-align:center;white-space:nowrap;border-radius:12px;margin:4px 0 16px 30px;padding:14px 16px;font:italic 500 1.3rem/1.3 Times New Roman,Hiragino Mincho ProN,Noto Serif JP,serif;overflow-x:auto}.notefig{border:1.5px solid var(--line-2);background:#fffdf8;border-radius:12px;margin:0 0 4px 30px;padding:8px}.notefig svg{width:100%;height:auto;max-height:200px;display:block}.notefig figcaption{color:var(--ink-2);text-align:center;margin-top:4px;font-size:.78rem}.lockpage{color:var(--ink-2);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:50px 20px;font-weight:800;display:flex}.lockpage .ico{width:40px;height:40px}.share-prev{border:2px solid var(--ink);background:var(--paper-1);border-radius:12px;margin:12px 0;overflow:hidden}.share-prev img,.share-prev canvas{width:100%;height:auto;display:block}.share-text{resize:none;border:1.5px solid var(--line-2);background:var(--card-2);width:100%;min-height:92px;color:var(--ink);font:500 .85rem/1.5 var(--font-body);border-radius:12px;padding:10px 12px}.yp--reduce *,.yp--reduce :before,.yp--reduce :after{transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important;animation-delay:0s!important}.yp--reduce .pop--stamp .pop-in{animation:.3s both yp-fade!important}.yp--reduce .pop-in{animation-name:yp-fade-hold!important;animation-duration:.9s!important}@keyframes yp-fade{0%{opacity:0;transform:translate(-50%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes yp-fade-hold{0%{opacity:0;transform:translate(-50%,-50%)}20%,80%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-50%)}}.yp--still *,.yp--still :before,.yp--still :after{animation-delay:var(--still-at,-10s)!important;transition:none!important;animation-play-state:paused!important}.yp--still .pop,.yp--still .toast{--still-at:-.4s}.yp--still .pop--split{--still-at:-.3s}.yp--still .pop--banner{--still-at:-.5s}.demo-title,.demo-top .btn{white-space:nowrap}.demo-level{text-overflow:ellipsis;min-width:0;overflow:hidden}.page-head{z-index:1;border-bottom:1.5px dashed #0000;position:relative}.page-body{border-top:1.5px dashed var(--line)}.board th{white-space:nowrap}.me-chip{background:var(--ink);color:var(--card);font:800 .66rem/1.2 var(--font-head);vertical-align:1px;border-radius:6px;margin-left:6px;padding:2px 6px;display:inline-block}.b-name-wrap{align-items:center;min-width:0;display:flex}.b-name-wrap span:first-child{text-overflow:ellipsis;min-width:0;overflow:hidden}.set-section{padding:14px 20px 12px}.ntabs .wtab{min-height:48px;font-size:.8rem}.yp:not([data-screen=hud]) .hud-chips,.yp:not([data-screen=hud]) .hud-force,.yp:not([data-screen=hud]) .hud-hint{display:none!important}.page-head{width:100%;max-width:988px;margin:0 auto}.about .about-credit{border:2px solid var(--ink);font:800 1.1rem/1.2 var(--font-head);border-radius:10px;align-items:stretch;margin:24px auto 20px;display:inline-flex;overflow:hidden}.about-credit span{letter-spacing:.1em;color:var(--card);background:var(--ink);place-items:center;margin:0;padding:8px 12px;font-size:.8rem;display:grid}.about-credit b{letter-spacing:.08em;padding:8px 16px}.about .notefig{margin:4px 0 14px}.brief-grid{gap:4px 18px;display:grid}.yp[data-layout=wide] .brief-card{max-width:980px!important}.yp[data-layout=wide] .brief-grid{grid-template-columns:1.35fr 1fr;align-items:start}.yp[data-layout=wide] .brief-grid .brief-fig{margin-top:4px}.tagline{white-space:normal;text-align:center;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;max-width:min(100vw - 32px,560px)}.yp[data-layout=tall] .wtab{text-align:center;white-space:normal;flex:1 1 0;min-width:0;padding:4px;font-size:.64rem;line-height:1.05}@media (max-width:429px){.yp-ts125 .yp[data-layout=tall] .wtab{padding-inline:2px;font-size:.6rem}}@media (max-width:359px){.yp-ts125 .yp[data-layout=tall] .wtab{font-size:.55rem}}.btnrow .btn{white-space:nowrap;padding:0 10px}.fbar-aitrack{pointer-events:none;will-change:transform;position:absolute;inset:0}.fbar-aitrack .fbar-ai{will-change:auto}.hud-force{overflow:visible}.hud-force .fbar{border-radius:6px}.stamp{white-space:nowrap;font-size:38px}.stamp--sm{font-size:15px}.stamp--fail{font-size:32px}.yp-ts125 .res-row .btn .ico{display:none}.title-play{isolation:isolate;animation:none}.title-play:before{content:"";border:3px solid var(--ball);z-index:-1;pointer-events:none;border-radius:24px;animation:1.3s ease-out infinite yp-halo;position:absolute;inset:-3px}.title-play .ico{animation:1.3s ease-in-out infinite yp-nudge}@keyframes yp-halo{0%{opacity:.85;transform:scale(1)}70%,to{opacity:0;transform:scale(1.18,1.45)}}@keyframes yp-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}.yp[data-layout=wide] .yp-toasts{top:calc(var(--safe-t) + 92px);flex-direction:column;bottom:auto}.yp[data-short="1"][data-screen=hud] .yp-toasts,.yp[data-layout=wide][data-screen=hud] .yp-toasts,.yp[data-layout=wide][data-screen=demo] .yp-toasts{align-items:flex-end}.yp[data-short="1"][data-screen=hud] .toast,.yp[data-layout=tall][data-screen=hud] .toast,.yp[data-short="1"][data-screen=demo] .toast{border-radius:12px;gap:6px;padding:6px 10px;font-size:.78rem;line-height:1.25}.yp[data-short="1"][data-screen=hud] .toast .ico,.yp[data-layout=tall][data-screen=hud] .toast .ico,.yp[data-short="1"][data-screen=demo] .toast .ico{width:16px;height:16px}.deck-hand{opacity:1;width:auto;height:72px;margin:-36px 0 0;animation:none;left:0;right:0}.deck-hand-track{border-top:3px dashed #1e2a4459;width:180px;height:0;margin-left:-90px;position:absolute;top:50%;left:50%}.deck-hand-track:before,.deck-hand-track:after{content:"";border-top:3px solid #1e2a4459;border-right:3px solid #1e2a4459;width:10px;height:10px;position:absolute;top:-8px}.deck-hand-track:before{display:none}.deck-hand-track:after{right:-2px;transform:rotate(45deg)}.deck-hand-finger{width:64px;height:64px;color:var(--ink);margin:-12px 0 0 -26px;animation:1.8s ease-in-out infinite yp-swipe;position:absolute;top:50%;left:50%}.deck-hand-finger .ico{fill:#ffffffeb;filter:drop-shadow(0 3px #1e2a4440);width:100%;height:100%}.yp--reduce .deck-hand-finger{opacity:1}.stamp{background:#fbf8f19e}.hud-btn--pause .ico-menu{display:none}.hud-btn--pause[data-menu] .ico-menu{display:block}.hud-btn--pause[data-menu] .ico-pause{display:none}@media (max-width:359px){.pause-grid{gap:8px}.pause-grid .btn{letter-spacing:0;gap:6px;padding:8px;font-size:.9rem}.pause-grid .btn>.ico{flex:none;width:18px;height:18px}.pause-grid .btn-stack{min-width:0}.pause-grid .btn-state{white-space:normal;word-break:keep-all;max-width:100%;padding:3px 5px;font-size:.66rem;line-height:1.15}.pause-grid .kbd{display:none}}@media (max-width:411px){.yp:lang(ja) .pause-grid .kbd{display:none}}@media (max-width:429px){.yp-ts125 .pause-grid .btn:not(.btn--wide){gap:6px;padding:8px;font-size:.9rem}.yp-ts125 .pause-grid .btn:not(.btn--wide)>.ico{width:18px;height:18px}.yp-ts125 .pause-grid .btn:not(.btn--wide) .kbd{display:none}.yp-ts125 .pause-grid .btn:not(.btn--wide)>span:not([class]){word-break:keep-all}}.daily-name{word-break:keep-all;overflow-wrap:anywhere}.res-rank{min-height:26px;font:800 1rem/1.25 var(--font-head);color:var(--ink);flex-wrap:wrap;align-items:center;gap:2px 7px;margin:2px 0 4px;display:flex}.res-rank>.ico{width:18px;height:18px;color:var(--gold-edge);flex:none}.res-rank-main{white-space:nowrap}.res-rank-main.is-quiet{color:var(--ink-2);white-space:normal;word-break:keep-all;overflow-wrap:anywhere;font-size:.9rem}.res-rank-sub{font:800 .78rem/1.25 var(--font-head);color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere}.res-rank-pre{font:800 .78rem/1.25 var(--font-head);white-space:nowrap}.res-rank--muted,.res-rank--muted>.ico{color:var(--ink-2)}.res-rank--muted .res-rank-main{font-size:.92rem}.res-rank--wait>.ico{color:var(--ink-3)}.res-rank--stamp{flex-wrap:nowrap;column-gap:14px;margin:8px 0 8px 4px}.yp[data-layout=wide]:not([data-short="1"]) .res-rank--room:not(.res-rank--stamp){min-height:62px;margin-block:8px}.res-rank-side{flex-direction:column;align-items:flex-start;gap:3px;min-width:0;display:flex}.res-rank-side .rank-up{margin-bottom:2px}.stamp.stamp--rank{border:3.5px solid var(--stamp);width:auto;min-width:92px;height:auto;box-shadow:inset 0 0 0 2px var(--card), inset 0 0 0 3.5px var(--stamp);filter:none;opacity:1;letter-spacing:0;white-space:nowrap;border-radius:12px;flex:none;place-items:center;gap:1px;padding:5px 12px 6px;font-size:14px;line-height:1.1;display:inline-grid;transform:rotate(-5deg)}.stamp--rank .stamp-word{font:800 14px/1.15 var(--font-head)}.stamp--rank .stamp-num{font:800 28px/1 var(--font-num);letter-spacing:-.03em}.stamp--wr{--stamp:var(--wr);color:var(--wr-lip)}.rank-up{color:var(--ahead-lip);font:800 .95rem/1.1 var(--font-num);white-space:nowrap;background:#eaf1ff;border-radius:999px;align-items:center;padding:3px 9px;display:inline-flex}.rank-up--muted{padding:2px 7px;font-size:.74rem}.stamp--rank.is-new{animation:yp-stamp-press .45s cubic-bezier(.3, 1.7, .5, 1) var(--rank-delay,0s) both}.rank-up.is-new{animation:yp-rise .35s ease-out var(--rank-delay,0s) both}.res-rank-sub.is-new{animation:yp-fade-in .3s ease var(--rank-delay,0s) both}@keyframes yp-stamp-press{0%{opacity:0;transform:rotate(-5deg)scale(1.9)}45%{opacity:1;transform:rotate(-5deg)scale(.94)}75%{opacity:1;transform:rotate(-5deg)scale(1.03)}to{opacity:1;transform:rotate(-5deg)scale(1)}}@keyframes yp-fade-in{0%{opacity:0}}.yp--reduce .stamp--rank.is-new,.yp--reduce .rank-up.is-new,.yp--reduce .res-rank-sub.is-new{animation:.3s both yp-fade-in!important;animation-delay:var(--rank-delay,0s)!important}.yp--still .stamp--rank.is-new,.yp--still .rank-up.is-new,.yp--still .res-rank-sub.is-new{animation:none!important}.board tr.is-me td{border-top-width:2px;border-bottom-width:2px}.board tr.is-me td:first-child{box-shadow:inset 5px 0 0 var(--ball);border-left-width:2px}.board tr.is-me td:last-child{border-right-width:2px}.board tr.is-me.is-flash td{animation:yp-me-flash 1.4s ease-out var(--flash-delay,0s) both}@keyframes yp-me-flash{0%{background:var(--pb-solid)}to{background:#fff3c4}}.board tr.is-gap td{box-shadow:none;color:var(--ink-3);font:800 1rem/1 var(--font-num);text-align:center;background:0 0;border:0;padding:0 0 2px}.board-pin{z-index:2;border:2px solid var(--ink);box-shadow:inset 5px 0 0 var(--ball), 0 3px 0 var(--ink);color:var(--ink);background:#fff3c4;border-radius:10px;align-items:center;gap:8px;margin-top:6px;padding:7px 12px 7px 8px;font-size:.88rem;display:flex;position:sticky;bottom:-18px}.board-pin-rank{text-align:center;min-width:3em;font:800 .9rem/1 var(--font-num);white-space:nowrap;flex:none;padding-left:4px}.board-pin-who{flex-direction:column;flex:auto;align-items:flex-start;gap:4px;min-width:0;display:flex}.board-pin-who .me-chip{margin-left:0}.board-pin-line{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.board-pin-sub{font:800 .72rem/1.2 var(--font-head);color:var(--ink-2);word-break:keep-all}.board-pin-tag{border:1.5px solid var(--ink-2);color:var(--ink-2);font:800 .66rem/1.2 var(--font-head);white-space:nowrap;border-radius:6px;padding:1px 6px;display:inline-block}.board-pin-time{font:800 .88rem/1 var(--font-num);flex:none}.board-partial{color:var(--ink-2);font:800 .78rem/1.3 var(--font-head);justify-content:center;align-items:center;gap:6px;margin:6px 0 2px;display:flex}.board-partial .ico{width:16px;height:16px}.board-wr-slot:empty{display:none}.yp[data-layout=tall] .board-head{flex-wrap:wrap;row-gap:8px}.yp[data-layout=tall] .board-wr-slot{flex:1 0 100%;min-width:0}.yp[data-layout=wide] .board-wr-slot{flex:0 auto;min-width:0;max-width:45%}.board-wr{text-align:left;justify-content:flex-start;gap:10px;width:100%;min-height:52px;padding:6px 16px;display:flex}.board-wr .btn-stack{min-width:0}.board-wr .btn-stack>span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.board-wr .btn-sub{opacity:.92;margin-top:2px;font-weight:700}.board-wr .board-wr-sub{display:flex}.board-wr-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.board-wr-time{white-space:pre;flex:none}.board-wr-short,.board-wr .board-wr-subtime{display:none}@media (max-width:699px){.yp[data-layout=wide] .board-wr-long,.yp[data-layout=wide] .board-wr .board-wr-sub{display:none}.yp[data-layout=wide] .board-wr-short{display:inline}.yp[data-layout=wide] .board-wr .board-wr-subtime{display:block}}.board--play td{padding-left:5px;padding-right:5px}.board--play td:first-child{width:2.5em}.board .b-play{text-align:center;width:31px;padding:0 3px 0 0}.board--play th.b-play{padding:0}.board tr.is-watch{cursor:pointer}.board tr.is-watch:hover td{background:#fffdf7}.board tr.is-me.is-watch:hover td{background:#fff3c4}.b-play-btn{border:1.5px solid var(--line-2);background:var(--card);width:28px;height:28px;color:var(--ink-2);cursor:pointer;vertical-align:middle;border-radius:999px;place-items:center;padding:0;display:inline-grid}.board .b-play-btn .ico{width:13px;height:13px;color:inherit;margin-left:2px}.board tr.is-watch:hover .b-play-btn,.b-play-btn:hover{border-color:var(--ink);color:var(--ink)}.b-play-btn .ico-wait,.board-wr>.ico-wait,.b-play-btn.is-busy .ico,.board-wr.is-busy>.ico{display:none}.board .b-play-btn .ico-wait{width:15px;height:15px;margin:0}.b-play-btn.is-busy:after,.board-wr.is-busy:before{content:"";border:2px solid;border-right-color:#0000;border-radius:999px;width:14px;height:14px;animation:.8s linear infinite yp-spin}.board-wr.is-busy:before{flex:none;width:18px;height:18px;margin:2px}@keyframes yp-spin{to{transform:rotate(1turn)}}.yp--reduce .b-play-btn.is-busy:after,.yp--still .b-play-btn.is-busy:after,.yp--reduce .board-wr.is-busy:before,.yp--still .board-wr.is-busy:before{content:none}.yp--reduce .b-play-btn.is-busy .ico-wait,.yp--still .b-play-btn.is-busy .ico-wait,.yp--reduce .board-wr.is-busy>.ico-wait,.yp--still .board-wr.is-busy>.ico-wait{display:block}.demo-top--replay .btn,.demo-top--replay .demo-title{flex:none;margin-left:0}.demo-top-gap{flex:auto}.demo-title--replay{background:var(--card)}.demo-title--replay .ico{width:18px;height:18px}.demo-title--replay.is-wr .ico{color:var(--wr-lip)}.demo-title--replay.is-rival .ico{color:var(--rival-lip)}.demo-title--replay .num{color:var(--ink-2)}.demo-who{gap:0;min-width:0;overflow:hidden}.demo-who-name{text-overflow:ellipsis;min-width:0;overflow:hidden}.demo-who-time{flex:none}.demo-race-short,.demo-top--replay.is-race-short .demo-race-full,.demo-title-short,.demo-top--replay.is-tight .demo-title-text,.demo-top--replay.is-tighter .demo-speed{display:none}.demo-top--replay.is-race-short .demo-race-short,.demo-top--replay.is-tight .demo-title-short{display:inline}.yp[data-layout=tall] .demo-top--replay{gap:6px}.yp[data-layout=tall] .demo-top--replay .demo-title{gap:6px;padding:8px 12px}.yp[data-layout=tall] .demo-top--replay .btn{padding:0 14px}.yp[data-layout=tall] .demo-back,.demo-top--replay.is-back-icon .demo-back{width:48px;padding:0}.yp[data-layout=tall] .demo-back-label,.demo-top--replay.is-back-icon .demo-back-label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.demo-race.is-done{animation:.3s ease-out both yp-race-pop}@keyframes yp-race-pop{0%{transform:scale(1)}45%{transform:scale(1.08)}to{transform:scale(1)}}.yp--reduce .demo-race.is-done,.yp--still .demo-race.is-done{animation:none!important}.demo-line{stroke-width:1.5px;opacity:.8}.demo-line--wr{stroke:var(--wr-lip);stroke-width:2px;opacity:1}.demo-line--rival{stroke:var(--rival-lip);stroke-width:2px;opacity:1}.demo-line--ai{stroke:#19c3ff}.demo-line--you{stroke:#c99700}.demo-sw--wr{background:var(--wr-lip)}.demo-sw--rival{background:var(--rival-lip)}.demo-sw--ai{background:#19c3ff}.demo-sw--you{background:#c99700}.demo-clock{min-width:3.6em;display:inline-block}.demo-owner{color:var(--ink)}.yp[data-short="1"] .demo--replay .demo-nums{display:flex}.yp[data-short="1"] .demo--replay .demo-hint,.yp[data-short="1"] .demo--replay .demo-time-label,.yp-ts125 .yp[data-short="1"] .demo--replay .demo-peak{display:none}.skins{--skins-w:min(380px, 46%);flex:auto;min-width:0;position:relative}.skins-sheet{flex-direction:column;padding:12px 14px 8px;display:flex;position:absolute;overflow:hidden}.yp[data-layout=tall] .skins-sheet{left:calc(var(--safe-l) + 8px);right:calc(var(--safe-r) + 8px);bottom:calc(var(--safe-b) + 8px);height:min(62%, max(calc(var(--deck-h) + var(--bench-h) - 8px - var(--safe-b)), 22.5rem))}.yp[data-layout=wide] .skins-sheet{top:calc(var(--safe-t) + 12px);bottom:calc(var(--safe-b) + 12px);width:var(--skins-w)}.yp[data-layout=wide] .skins[data-side=left] .skins-sheet{left:calc(var(--safe-l) + 12px)}.yp[data-layout=wide] .skins[data-side=right] .skins-sheet{right:calc(var(--safe-r) + 12px)}.skins-head{flex-wrap:wrap;flex:none;align-items:center;gap:0 10px;padding:0 0 8px 4px;display:flex}.skins-titles{flex:auto;min-width:0}.skins-head .sheet-title{align-items:center;gap:8px;display:flex}.skins-head .sheet-title .ico{width:24px;height:24px;color:var(--ball-lip)}.skins-note{font:800 .74rem/1.35 var(--font-head);color:var(--ink-2);word-break:keep-all;overflow-wrap:anywhere;flex:1 0 100%;margin:0}.skins-tabs{flex:none;gap:6px;padding:2px 0 10px;display:flex}.skins-tab{flex:1 1 0;gap:3px;min-width:0;min-height:48px;padding:4px;position:relative}.skins-tab-label{text-align:center;word-break:keep-all;overflow-wrap:anywhere;max-width:100%}.skins-tab b{font:800 .74rem/1 var(--font-num);opacity:.8}.skins-tab .skin-dot{position:absolute;top:-5px;right:-5px}.skins-panel{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;touch-action:pan-y;outline:none;flex:auto;min-height:0;margin:0 -8px;padding:2px 8px 10px;overflow:hidden auto}.skins-list{flex-direction:column;gap:8px;display:flex}.skins-egg,.skins-hint{font:800 .72rem/1.4 var(--font-head);color:var(--ink-2);text-align:center;margin:12px 2px 2px}.skins-egg{margin-top:6px}.skins-egg .ico{vertical-align:-.2em;width:15px;height:15px;margin-right:4px}.skin-card{border:2px solid var(--ink);background:var(--card);width:100%;min-height:76px;color:var(--ink);box-shadow:0 3px 0 var(--ink);font:inherit;text-align:left;cursor:pointer;touch-action:manipulation;border-radius:14px;align-items:center;gap:12px;padding:8px 10px 8px 9px;transition:transform 60ms,box-shadow 60ms,background-color .12s;display:flex;position:relative}.skin-card:hover{background:#fffdf7}.skin-card:active{box-shadow:0 1px 0 var(--ink);transform:translateY(2px)}.skin-card.is-on{background:#fffdf7;border-width:3px;padding:7px 9px 7px 8px}.skin-card.is-locked{border-color:var(--line-2);box-shadow:0 3px 0 var(--line-2);background:var(--card-2)}.skin-card.is-trying{border:2px dashed var(--stamp);box-shadow:0 3px 0 var(--stamp);background:var(--card)}.skin-card:focus-visible{outline-offset:3px}.skin-thumb{border:1.5px solid var(--line-2);background:var(--paper-1);border-radius:10px;flex:none;width:60px;height:60px;position:relative}.skin-svg{border-radius:8.5px;width:100%;height:100%;display:block}.skin-badge{border:2px solid var(--card);border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;bottom:-7px;right:-7px}.skin-badge .ico{stroke-width:3.2px;width:13px;height:13px}.skin-badge--on{background:var(--ink);color:var(--card)}.skin-badge--lock{background:var(--ink-2);color:var(--card)}.skin-main{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.skin-set{font:800 .64rem/1.2 var(--font-head);letter-spacing:.1em;color:var(--ink-2);align-items:center;gap:6px;display:flex}.skin-set:before{content:"";background:currentColor;width:10px;height:2px}.skin-stamp{border:1.5px solid var(--stamp);color:var(--stamp);letter-spacing:.04em;border-radius:5px;padding:1px 5px;transform:rotate(-3deg)}.skin-name{font:800 1rem/1.25 var(--font-head);flex-wrap:wrap;align-items:center;gap:3px 6px;display:flex}.skin-name .newdot{margin-left:0}.skin-on{background:var(--ink);color:var(--card);font:800 .64rem/1.2 var(--font-head);white-space:nowrap;border-radius:6px;padding:2px 6px}.skin-on--try{background:var(--stamp)}.skin-blurb{font:500 .75rem/1.4 var(--font-body);color:var(--ink-2)}.skin-cond{font:800 .75rem/1.35 var(--font-head);color:var(--ink-2)}.skin-bar{background:var(--line);border-radius:3px;height:6px;margin-top:3px;display:block;overflow:hidden}.skin-bar i{background:var(--ink-2);border-radius:3px;height:100%;display:block}.skins-try{z-index:1;border:2px dashed var(--stamp);background:var(--card);width:-moz-fit-content;width:fit-content;max-width:calc(100% - 24px);box-shadow:0 3px 0 var(--ink);color:var(--ink);border-radius:16px;align-items:center;gap:8px;margin:0 auto;padding:4px 4px 4px 12px;display:flex;position:absolute}.skins-try[hidden]{display:none}.skins-try>.ico{width:20px;height:20px;color:var(--stamp)}.skins-try-text{min-width:0;font:800 .78rem/1.3 var(--font-head);flex-direction:column;display:flex}.skins-try-text b{color:var(--stamp)}.skins-try-long>span{white-space:nowrap}.skins-try-text>span{color:var(--ink-2);font-size:.72rem}.skins-try-short,.yp[data-short="1"] .skins-try-long{display:none}.yp[data-short="1"] .skins-try-short{display:inline}.yp[data-short="1"] .skins-try-cond{display:none}.skins-try-stop{width:44px;min-width:44px;min-height:44px;box-shadow:none;background:0 0;border-color:#0000;flex:none}.yp[data-layout=tall] .skins-try{top:calc(var(--safe-t) + 10px);left:12px;right:12px}.yp[data-layout=tall] .skins[data-high="1"] .skins-try-cond{display:none}.yp[data-layout=wide] .skins-try{top:calc(var(--safe-t) + 12px);max-width:none}.yp[data-layout=wide] .skins[data-side=left] .skins-try{left:calc(var(--safe-l) + var(--skins-w) + 24px);right:calc(var(--safe-r) + 12px)}.yp[data-layout=wide] .skins[data-side=right] .skins-try{left:calc(var(--safe-l) + 12px);right:calc(var(--safe-r) + var(--skins-w) + 24px)}.skin-dot{border:2px solid var(--card);background:var(--ball);box-sizing:content-box;border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.title-skins,.set-skins,.has-skin-dot{position:relative}.title-skins .skin-dot,.set-skins .skin-dot,.has-skin-dot .skin-dot{position:absolute;top:-5px;right:-5px}.title-float{left:calc(var(--safe-l) + 12px);position:absolute;bottom:calc(100% + 12px)}.title-corner--left{left:calc(var(--safe-l) + 12px);right:auto}.title-skins--pill{min-height:44px;box-shadow:0 3px 0 var(--ink);white-space:nowrap;border-radius:999px;padding:0 16px 0 12px;font-size:.9rem}.title-skins--pill .ico{width:20px;height:20px}.yp[data-short="1"] .skins{--skins-w:min(380px, 50%)}.yp[data-short="1"] .skins-tabs{gap:4px}.yp[data-short="1"] .skins-tab{padding:4px 2px;font-size:.64rem}.yp[data-short="1"] .skins-sheet{padding:8px 12px 6px}.yp[data-short="1"] .skins-note{display:none}.yp[data-short="1"] .skins-tabs{padding-bottom:8px}.yp[data-short="1"] .skins-tab b{font-size:.7rem}.yp[data-short="1"] .skin-card{min-height:64px;padding-top:6px;padding-bottom:6px}.yp[data-short="1"] .skin-thumb{width:52px;height:52px}.toast>span{white-space:pre-line}.res-skins .badge{background:var(--card)}.res-skins .badge-dot{color:var(--ball-lip)}.res-skins .badge-dot .ico{width:12px;height:12px}