.tile{--w:var(--tile-w,32px);--depth:calc(var(--w) * .12);--ring:0 0 0 0 transparent;width:var(--w);aspect-ratio:3/4;margin-bottom:var(--depth);border-radius:calc(var(--w) * .14);background:linear-gradient(172deg, var(--color-tile-face) 0%, var(--color-tile-face) 58%, var(--color-tile-face-shade) 100%);box-shadow:var(--ring), inset 0 calc(var(--w) * -.035) 0 var(--color-tile-edge), 0 var(--depth) 0 var(--color-tile-back), 0 calc(var(--depth) + var(--w) * .06) calc(var(--w) * .16) #00000061;flex:none;display:inline-block;position:relative}.tile>svg{width:94%;height:94%;position:absolute;inset:3%;overflow:visible}.tile--back{background:var(--tile-back-artwork,none) center / 52% 52% no-repeat, repeating-linear-gradient(45deg, #ffffff12 0 2px, transparent 2px calc(var(--w) * .16)), linear-gradient(172deg, var(--color-tile-back) 55%, var(--color-tile-back-deep));box-shadow:var(--ring), inset 0 0 0 calc(var(--w) * .07) var(--color-tile-back), inset 0 0 0 calc(var(--w) * .1) #ffffff38, 0 var(--depth) 0 var(--color-tile-face-shade), 0 calc(var(--depth) + var(--w) * .06) calc(var(--w) * .16) #00000061}.tile--highlight{--ring:0 0 0 max(2px, calc(var(--w) * .08)) var(--color-gold)}.tile--dimmed{filter:brightness(.6)saturate(.5)}.s-blue,.s-green,.s-leaf,.s-brown,.s-sky,.s-face{fill:none;stroke-linecap:round;stroke-linejoin:round}.s-blue{stroke:var(--color-glyph-blue)}.s-green{stroke:var(--color-glyph-green)}.s-leaf{stroke:var(--color-glyph-leaf)}.s-brown{stroke:var(--color-glyph-brown)}.s-sky{stroke:var(--color-glyph-sky)}.s-face{stroke:var(--color-tile-face)}.melds{flex-wrap:wrap;justify-content:center;align-items:flex-end;gap:4px;display:flex}.meld{align-items:flex-end;display:flex}.melds--rows{flex-direction:column;align-items:center;gap:3px}.melds__row{align-items:flex-end;gap:4px;display:flex}.g-ink{fill:var(--color-glyph-ink)}.g-red{fill:var(--color-glyph-red)}.g-green{fill:var(--color-glyph-green)}.g-blue{fill:var(--color-glyph-blue)}.g-face{fill:var(--color-tile-face)}.g-pink{fill:var(--color-glyph-pink)}.g-pink-soft{fill:var(--color-glyph-pink-soft)}.g-purple{fill:var(--color-glyph-purple)}.g-purple-soft{fill:var(--color-glyph-purple-soft)}.g-gold{fill:var(--color-glyph-gold)}.g-orange{fill:var(--color-glyph-orange)}.g-brown{fill:var(--color-glyph-brown)}.g-leaf{fill:var(--color-glyph-leaf)}.g-sky{fill:var(--color-glyph-sky)}.petal{stroke:var(--color-tile-face);stroke-width:.6px}.cjk{font-family:var(--font-cjk);font-weight:700}.latin{font-family:var(--font-sans);font-weight:700}.avatar-face{background:radial-gradient(circle at 50% 28%, var(--face-light), var(--face-deep) 96%);border-radius:50%;position:absolute;inset:0;overflow:hidden}.avatar-face:after{content:"";border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #00000024,inset 0 -.08em .3em #0000001f}.avatar-face__portrait{top:calc(50% + var(--fit-y) * 100%);left:calc(50% + var(--fit-x) * 100%);width:calc(var(--fit-scale) * 100%);pointer-events:none;height:auto;position:absolute;transform:translate(-50%,-50%)}.avatar-face__tile{width:100%;height:100%;position:absolute;inset:0}.seat-avatar:has(>.avatar-face){position:relative}.art-layer{position:absolute}.art-drawing{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.border-stage{z-index:19;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.border-stage canvas{display:block;position:absolute}.border-stage__probe{visibility:hidden;pointer-events:none;width:0;height:0;position:absolute}.border-stage__probe[data-corner="0"]{top:0;left:0}.border-stage__probe[data-corner="1"]{top:0;right:0}.border-stage__probe[data-corner="2"]{bottom:0;left:0}.border-stage__probe[data-corner="3"]{bottom:0;right:0}.player-border[data-staged]:where(:not([data-staged=moving])) .art-layer{animation-play-state:paused}.player-border[data-staged=drawn]{opacity:.001}.border-stage__lamp{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.player-border{z-index:1;pointer-events:none;filter:drop-shadow(0 2px 2px #0006);width:166%;height:166%;position:absolute;inset:-33%;overflow:visible}.player-border__embroidery{animation:7s ease-in-out infinite border-enamel}.player-border__petals{animation:7s ease-in-out infinite border-petals}.player-border__glint{animation:12s linear infinite border-orbit}.player-border[data-border=moonlit-koi] .player-border__glint{opacity:.8;animation-duration:24s}.koi-border__aura{opacity:.14;animation:6s ease-in-out infinite koi-border-aura}.koi-border__currents{opacity:.6;animation:36s linear infinite reverse border-orbit}.koi-border__caustics{opacity:.45;animation:7s ease-in-out infinite koi-border-caustics}.koi-border__tide{animation:11s linear infinite reverse border-orbit}.koi-border__swim{animation:18s infinite koi-border-orbit}.koi-border__body{animation:3.6s ease-in-out infinite koi-border-body}.koi-border__tail-root{animation:1.8s ease-in-out infinite alternate koi-border-tail-root}.koi-border__silk-tail{animation:1.8s ease-in-out -.4s infinite alternate border-tail}.koi-border__fin-left{animation:2.8s ease-in-out infinite alternate koi-border-fin}.koi-border__fin-right{animation:2.8s ease-in-out -1.4s infinite alternate-reverse koi-border-fin}.koi-border__ribbons{animation:3.6s ease-in-out infinite koi-border-wake}.koi-border__droplets{animation:3.6s ease-out infinite koi-border-drops}.koi-border__glaze{animation:5s ease-in-out infinite koi-border-glaze}.koi-border__pearl{animation:6s ease-in-out infinite koi-border-glaze}.koi-border__pair[data-fish="1"] .koi-border__body,.koi-border__pair[data-fish="1"] .koi-border__tail-root,.koi-border__pair[data-fish="1"] .koi-border__ribbons,.koi-border__pair[data-fish="1"] .koi-border__droplets,.koi-border__pair[data-fish="1"] .koi-border__glaze{animation-delay:-1.8s}.player-border[data-border=one-table]{container:one-table/size}.one-table-border__glow{opacity:.7}.one-table-border__glyph{display:none}@container one-table (width>=70px){.one-table-border__glyph{display:inline}}@container one-table (width>=54px){.one-table-border__glow{animation:4s ease-in-out infinite one-table-glow}.one-table-border__thread{animation:48s linear infinite border-orbit}.one-table-border__light{animation:4s linear infinite reverse border-orbit}.one-table-border__tile{animation:4s ease-in-out infinite one-table-lift}.one-table-border__tile[data-wind=S]{animation-delay:-3s}.one-table-border__tile[data-wind=W]{animation-delay:-2s}.one-table-border__tile[data-wind=N]{animation-delay:-1s}}.avatar:has(>.player-border):before{z-index:2;filter:drop-shadow(0 0 2px #071b16);inset:-2px}.avatar:has(>.player-border){margin:9px 8px}.table[data-landscape=true] .card--across .avatar:has(>.player-border){margin:8px}.avatar:has(>.player-border) .wind{z-index:3}.avatar:has(>.player-border) .avatar__offline{z-index:3}.seat-avatar:has(>.player-border){position:relative}.me__portrait{flex:none;order:-2;margin:7px 5px 7px 3px;line-height:0}.me__portrait .seat-avatar{width:26px;height:26px;font-size:12px}.player-border[data-paused] .art-layer,[data-border-paused=true] .player-border .art-layer,.card[data-offline=true] .player-border .art-layer{animation-play-state:paused!important}[data-border-still=true] .player-border .art-layer{animation:none!important}.sheet[data-behind] .player-border .art-layer{animation-play-state:paused}@keyframes border-orbit{to{transform:rotate(360deg)}}@keyframes border-tail{0%{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@keyframes border-enamel{0%,to{opacity:.8}50%{opacity:1}}@keyframes border-petals{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes one-table-lift{0%,to{transform:scale(1.16)}11%,89%{transform:scale(1)}}@keyframes one-table-glow{0%,to{opacity:.45;transform:scale(.97)}50%{opacity:1;transform:scale(1.02)}}@keyframes koi-border-orbit{0%{animation-timing-function:cubic-bezier(.45,.3,.55,.7);transform:rotate(0)}25%{animation-timing-function:cubic-bezier(.3,.45,.7,.55);transform:rotate(90deg)}50%{animation-timing-function:cubic-bezier(.45,.3,.55,.7);transform:rotate(180deg)}75%{animation-timing-function:cubic-bezier(.3,.45,.7,.55);transform:rotate(270deg)}to{transform:rotate(360deg)}}@keyframes koi-border-body{0%,to{transform:rotate(-3deg)}50%{transform:rotate(3deg)}}@keyframes koi-border-tail-root{0%{transform:rotate(-7deg)}to{transform:rotate(8deg)}}@keyframes koi-border-fin{0%{transform:rotate(-8deg)scaleY(.92)}to{transform:rotate(12deg)scaleY(1.05)}}@keyframes koi-border-wake{0%,to{opacity:.45}50%{opacity:.95}}@keyframes koi-border-drops{0%,to{opacity:.15}35%{opacity:.85}70%{opacity:.3}}@keyframes koi-border-glaze{0%,to{opacity:.45}50%{opacity:1}}@keyframes koi-border-aura{0%,to{opacity:.1}50%{opacity:.24}}@keyframes koi-border-caustics{0%,to{opacity:.2}50%{opacity:.65}}@media (prefers-reduced-motion:reduce){.player-border .art-layer{animation:none!important}}