.fr{grid-template-columns:minmax(0,1fr);gap:16px;max-width:1200px;margin:0 auto;padding:6px 8px 0;display:grid}.fr__play{flex-direction:column;align-items:center;gap:8px;min-width:0;display:flex}.fr-shell{--board-ratio:calc(7 / 6.6)}.fr-frame{width:100%;margin:0 auto}.fr--online .fr-frame{max-width:min(100%,540px,106.061dvh - 16.9697px)}.fr-board{touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;width:100%;display:flex;position:relative}.fr-grid{aspect-ratio:7/6;background-color:var(--paper);border-inline-start:2.5px solid var(--ink);border-inline-end:2.5px solid var(--ink);border-bottom:5px solid var(--ink);border-radius:2px 2px 3px 3px;grid-template-columns:repeat(7,minmax(0,1fr));width:100%;display:grid;position:relative;overflow:hidden}.fr-col{appearance:none;min-width:0;color:inherit;font:inherit;cursor:default;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:0;grid-template-rows:repeat(6,minmax(0,1fr));margin:0;padding:0;display:grid;position:relative}.fr-col+.fr-col{border-inline-start:1.5px dashed var(--board-line)}.fr-col.is-playable{cursor:pointer}.fr-col.is-full{cursor:not-allowed}.fr-col:focus-visible{outline:3px solid var(--focus);outline-offset:-3px;z-index:2}.fr-cell{border-bottom:1.5px solid var(--board-line);min-height:0;display:block;position:relative}.fr-cell:last-child{border-bottom:0}.fr-cell.is-last{background:#ffe45cbf}.fr-cell.is-win{background:var(--marker-win)}.fr-piece{pointer-events:none;position:absolute;inset:0}.fr-piece:before,.fr-mark:before{content:"";border-radius:50% 47% 52% 49%/49% 52% 47% 51%;position:absolute;inset:11%}.fr-mark{width:100%;height:100%;display:block;position:relative}.fr-mark:before{inset:0}[data-piece=a] .fr-piece:before,.fr-mark--a:before{background:repeating-linear-gradient(-38deg, var(--x) 0 2.6px, #6d8ef0 2.6px 4.4px);border:2.5px solid #16357f}[data-piece=b] .fr-piece:before,.fr-mark--b:before{background:var(--paper);border:4.5px solid var(--o);box-shadow:inset 0 0 0 3px var(--paper), inset 0 0 0 5px #d3263f66}.fr-mark--b:before{box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3.5px #d3263f66}.fr-piece.is-dropping{animation:fr-fall calc(90ms + var(--fall,1) * 38ms) cubic-bezier(.55, 0, 1, .6)}.fr-piece.is-dropping:before{animation:fr-land .14s ease-out calc(90ms + var(--fall,1) * 38ms)}@keyframes fr-fall{0%{transform:translateY(calc(var(--fall,1) * -100%))}}@keyframes fr-land{40%{transform:scale(1.06,.9)translateY(4%)}}.fr-cell.is-win .fr-piece:before{animation:.9s ease-in-out .45s 2 fr-win}@keyframes fr-win{50%{transform:scale(1.1)}}.fr-lines{top:0;aspect-ratio:7/6;pointer-events:none;width:calc(100% - 5px);height:auto;position:absolute;inset-inline-start:2.5px;overflow:visible}.fr-lines line{stroke:var(--ink);stroke-width:.1px;stroke-linecap:round;opacity:.8}.fr-lines line.is-drawing{stroke-dasharray:calc(var(--length) * 1px + 1px);animation:.38s ease-out .26s both fr-strike}@keyframes fr-strike{0%{stroke-dashoffset:calc(var(--length) * 1px + 1px)}to{stroke-dashoffset:0}}.fr-cell.is-landing:after{content:"";border:2.5px dashed var(--ink-soft);opacity:0;pointer-events:none;border-radius:50%;position:absolute;inset:13%}.fr-board[data-turn=a] .fr-cell.is-landing:after{border-color:var(--x)}.fr-board[data-turn=b] .fr-cell.is-landing:after{border-color:var(--o)}.fr-col.is-playable:focus-visible .fr-cell.is-landing:after{opacity:.85}@media (hover:hover) and (pointer:fine){.fr-col.is-playable:hover{background:#1b23400b}.fr-col.is-playable:hover .fr-cell.is-landing:after{opacity:.85}}.fr-numbers{aspect-ratio:7/.6;font-family:var(--font-hand);text-align:center;color:var(--ink-soft);grid-template-columns:repeat(7,minmax(0,1fr));align-items:center;padding:0 2.5px;font-size:1.1rem;line-height:1;display:grid}.fr-numbers span{cursor:pointer}.fr-numbers span.is-full{color:var(--rule);cursor:not-allowed;position:relative}.fr-numbers span.is-full:after{content:"";background:var(--o);border-radius:2px;width:1.5em;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-28deg)}@media (prefers-reduced-motion:reduce){.fr-piece.is-dropping,.fr-piece.is-dropping:before,.fr-cell.is-win .fr-piece:before,.fr-lines line.is-drawing{animation:none}}@media (max-width:380px){.fr-chip{gap:3px;padding:3px 5px 3px 3px}.fr-chip.shell-chip--end{padding:3px 3px 3px 5px}.fr-chip .shell-chip__mark{width:18px;height:18px}.fr-chip .shell-chip__name{font-size:.82rem}}@media (max-width:360px){.fr-status.is-result{font-size:1rem}}@media (min-width:900px),(min-width:640px) and (max-height:500px){.fr{padding:16px var(--gutter) 0}}@media (min-width:900px) and (min-height:501px){.fr--online .fr-frame{max-width:min(100%,540px,max(330px,106.061dvh - 360.606px))}}