.has-hint{-webkit-text-decoration:underline dotted;text-decoration:underline dotted;-webkit-text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-decoration-color:color-mix(in srgb, currentColor 55%, transparent);text-underline-offset:3px;cursor:help;transition:color .16s var(--ease), text-decoration-color .16s var(--ease);border-radius:4px;text-decoration-thickness:1.5px}.has-hint[aria-expanded=true]{color:var(--fg);text-decoration-color:currentColor}@media (hover:hover) and (pointer:fine){.has-hint:hover{color:var(--fg);text-decoration-color:currentColor}}.has-hint:focus-visible{outline:2px solid color-mix(in srgb, var(--accent) 50%, transparent);outline-offset:3px}.hint{--hint-face:color-mix(in srgb, var(--sheet), var(--fg) 3%);z-index:70;background:var(--glass-face-sheen) padding-box, linear-gradient(var(--hint-face), var(--hint-face)) padding-box, var(--glass-face-ring) border-box;width:max-content;max-width:min(300px,100vw - 16px);box-shadow:var(--glass-face-edge), 0 24px 56px -24px #0006;color:var(--fg);font:500 14px/19px var(--font);letter-spacing:-.005em;pointer-events:none;opacity:0;filter:blur(4px);transition:opacity .16s var(--ease), filter .24s var(--ease), transform .44s var(--spring);border:1px solid #0000;border-radius:20px;padding:14px 16px;position:fixed;transform:scale(.9)translateY(-6px)}.hint[data-side=above]{transform:scale(.9)translateY(6px)}.hint.on{opacity:1;filter:none;transform:none}.hint b{font:650 15px/20px var(--font);letter-spacing:-.012em;display:block}.hint b+br{display:none}.hint p{font:500 13px/18px var(--font);color:var(--muted);margin:3px 0 0}.hint-card{grid-template-columns:minmax(0,1fr);align-items:center;column-gap:14px;display:grid}.hint-card:has(>.hint-hero){grid-template-columns:auto minmax(0,1fr)}.hint-card>.hint-hero{place-items:center;display:grid}:is(.hint-card:has(>.hint-hero)>b,.hint-card:has(>.hint-hero)>p){grid-column:2}.hint-card:has(>.hint-hero):has(>b)>.hint-hero{grid-row:span 2}.hint-hero .pf-rank{letter-spacing:-.02em;gap:2px;height:42px;font-size:22px}.hint-hero .pf-rank .pf-laurel{width:12px;height:38px}.hint-card>a{grid-column:1/-1}.hint a{border-top:1px solid var(--line);color:var(--accent);font:600 14px/18px var(--font);transition:background-color .15s var(--ease);border-radius:0 0 20px 20px;justify-content:space-between;align-items:center;gap:12px;margin:12px -16px -14px;padding:11px 16px 12px;text-decoration:none;display:flex}.hint a:after{content:"›";font:500 20px/1 var(--font);transition:transform .2s var(--ease)}@media (hover:hover) and (pointer:fine){.hint a:hover{background:color-mix(in srgb, var(--accent) 7%, transparent)}.hint a:hover:after{transform:translate(2px)}}.hint.on:has(a){pointer-events:auto}@media (prefers-reduced-motion:reduce){.hint,.hint[data-side=above]{filter:none;transition:opacity .12s linear;transform:none}}.hint-sheet .fsheet-body{padding-top:8px}.hint-sheet .hint-card,.hint-sheet .hint-plain{text-align:center;grid-template-columns:minmax(0,1fr);justify-items:center;padding:18px 8px 4px;display:grid}.hint-sheet .hint-hero{margin-bottom:14px}.hint-sheet .hint-hero .pf-rank{gap:4px;height:64px;font-size:34px}.hint-sheet .hint-hero .pf-rank .pf-laurel{width:18px;height:58px}.hint-sheet b{font:700 22px/28px var(--display);letter-spacing:-.02em;display:block}.hint-sheet p{max-width:32ch;font:500 15px/21px var(--font);color:var(--muted);margin:6px auto 0}.hint-sheet .hint-go{width:100%;margin-top:22px}
