.fs-flip,.ff-band{--ff-paper:var(--paper,#e9e6dd);--ff-rule:var(--rule,#ffffff1f);--ff-soft:var(--soft,#f5ede0a6);--ff-ink:var(--ink,#f5ede0);--ff-spot:var(--spot,#8b1d2c);--ff-on-spot:var(--on-spot,#f6eee9);--ff-sans:var(--sans,var(--font-body,system-ui,sans-serif))}.ff-item .plate{border:1px solid var(--plate-line,#cfc9bd);justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.ff-item .plate.dark{background:var(--plate-dark,#221f1c)}.ff-item .plate.light{background:var(--plate-light,#fbfaf6)}.ff-item .plate .word{font-family:var(--serif,Georgia,serif);color:#2a2622;text-align:center;padding-inline:10px;font-weight:600;line-height:1.1}.ff-band{--ff-plate:44px;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex}@media (min-width:640px){.ff-band{--ff-plate:50px;gap:10px}}@media (min-width:1024px){.ff-band{--ff-plate:54px}}.ff-band .ff-item{width:calc(var(--ff-plate) * 1.7);flex:none}.ff-band .ff-item .plate{border-radius:8px}.ff-swap{place-items:center;min-width:0;display:grid}.ff-swap>.ff-band{grid-area:1/1}.ff-swap .ff-band.off{pointer-events:none}.ff-swap.fade .ff-band{transition:opacity .4s ease-in-out}.ff-swap.fade .ff-band.on{opacity:1}.ff-swap.fade .ff-band.off{opacity:0}.ff-swap.turn{perspective:1100px}.ff-swap.turn .ff-item{transform-style:preserve-3d;backface-visibility:hidden}.ff-swap.turn .ff-band.on .ff-item{animation:.6s ease-in-out both ff-in;animation-delay:var(--d,0s)}.ff-swap.turn .ff-band.off .ff-item{animation:.6s ease-in-out both ff-out;animation-delay:var(--d,0s)}.ff-swap.pre .ff-item{animation:none}.ff-swap.pre .ff-band.off{opacity:0}@media (prefers-reduced-motion:reduce){.ff-swap .ff-item{animation:none!important}}.fs-flip{z-index:120;background:var(--ff-paper);border-bottom:1px solid var(--rule);padding-block:10px 12px;position:sticky;top:0}html:has(.fs-flip){scroll-padding-top:190px}.fs-flip.stuck{padding-block:6px;box-shadow:0 2px 10px #0000001a}.fs-flip .kick{text-align:center;color:var(--ff-soft);white-space:nowrap;margin:0 0 8px;font-size:11px;display:block}.fs-flip{--ff-plate:110px}@media (min-width:768px){.fs-flip{--ff-plate:120px}}.ff-row{height:calc(var(--ff-plate) + 22px);position:relative}.ff-layer{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid;position:absolute;inset:0}.ff-cell:nth-child(n+3){display:none}@media (min-width:768px){.ff-layer{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.ff-cell:nth-child(n+3){display:block}.ff-cell:nth-child(n+5){display:none}}@media (min-width:1100px){.ff-layer{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.ff-cell:nth-child(n+5){display:block}}.ff-layer.is-wide{grid-template-columns:1fr}.ff-cell{grid-column:span var(--span,1)}.ff-row{perspective:1100px}.ff-cell{transform-style:preserve-3d;backface-visibility:hidden}@keyframes ff-in{0%{transform:rotateY(-180deg)}to{transform:rotateY(0)}}@keyframes ff-out{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}.ff-layer.on .ff-cell{animation:.6s ease-in-out both ff-in;animation-delay:var(--d,0s)}.ff-layer.off .ff-cell{animation:.6s ease-in-out both ff-out;animation-delay:var(--d,0s)}.ff-row.pre .ff-cell{animation:none}.ff-row.pre .ff-layer.off{opacity:0}.ff-layer.off{pointer-events:none}.ff-item{flex-direction:column;align-items:stretch;gap:4px;height:100%;text-decoration:none;display:flex}.ff-item .plate{height:var(--ff-plate);width:min(100%, calc(var(--ff-plate) * 1.7));border-radius:10px;margin-inline:auto}.ff-item .plate img{max-width:96%;max-height:min(96%,calc(94% * var(--mark-scale,1)))}.ff-item .plate .word{color:var(--ff-spot);font-size:clamp(14px,1.4vw,19px)}.fs-flip .sname{font:600 12px/1.2 var(--sans);color:var(--ff-soft);text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.ff-item:focus-visible{outline:2px solid var(--ink);outline-offset:2px;border-radius:12px}.ff-thanks,.ff-notice{background:var(--ff-spot);height:100%;color:var(--ff-on-spot);font-family:var(--sans);text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:12px;padding-inline:14px;display:flex}.ff-thanks{font:600 15px/1.3 var(--sans)}.ff-notice{flex-wrap:wrap}.ff-notice p{font:600 16px/1.35 var(--sans);margin:0}.ff-cta{border:1px solid var(--on-spot);font:700 14px/1 var(--sans);color:var(--on-spot);border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 16px;text-decoration:none;display:inline-flex}.ff-cta:hover{background:var(--on-spot);color:var(--ff-spot)}.ff-cta:focus-visible{outline:2px solid var(--on-spot);outline-offset:2px}@media (max-width:560px){.ff-notice p{font-size:13px}.ff-cta{padding:5px 12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.ff-cell{animation:none!important}.ff-layer.off{visibility:hidden}}@media (max-width:767px) and (max-height:639px),(max-height:450px){.fs-flip{--ff-plate:90px;padding-block:6px}.fs-flip.stuck{padding-block:6px}.fs-flip .kick{margin-bottom:4px;font-size:10px}.fs-flip .sname{display:none}.ff-row{height:calc(var(--ff-plate) + 2px)}.ff-item{gap:0}html:has(.fs-flip){scroll-padding-top:130px}.ff-notice{flex-wrap:nowrap;gap:10px;padding-inline:10px}.ff-notice p{font-size:12px;line-height:1.25}.ff-cta{padding:4px 10px;font-size:11px}.ff-thanks{font-size:13px}}@media (max-height:450px){.fs-flip{--ff-plate:64px}}.fs-flip .ff-kick{justify-content:center;align-items:center;gap:2px;display:flex}.ff-arrow{cursor:pointer;font:400 24px/0 var(--serif,Georgia,serif);color:var(--ff-spot);background:0 0;border:0;justify-content:center;align-items:center;margin-block:-9px;padding:9px 12px;display:inline-flex}.ff-arrow span{line-height:11px;display:block}.ff-arrow:hover{color:var(--ff-ink)}.ff-arrow:focus-visible{outline:2px solid var(--ff-ink);outline-offset:-4px;border-radius:6px}.ff-progress{background:var(--ff-paper);gap:3px;height:3px;display:flex;position:absolute;bottom:-1px;left:0;right:0}.ff-seg{background:color-mix(in srgb,var(--ff-ink) 16%,var(--ff-paper));flex:1;position:relative;overflow:hidden}.ff-seg.done{background:color-mix(in srgb,var(--ff-spot) 45%,var(--ff-paper))}.ff-seg i{background:var(--ff-spot);transform-origin:0;animation:linear both ff-fill;position:absolute;inset:0}@keyframes ff-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.ff-seg i{animation:none;transform:none}}@media (max-width:767px) and (max-height:639px),(max-height:450px){.ff-arrow{margin-block:-7px;padding:7px 12px;font-size:18px}}