@import"https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap";:root{--ui-ground: #f8fafc;--ui-ink: #303743;--ui-ink-meta: #81868d;--ui-key-from: #c45b55;--ui-key-to: #b84f49;--ui-key-ink: #ffffff;--ui-piece-from: #e2eff7;--ui-piece-to: #cfe1ed;--ui-piece-ink: #2f4657;--ui-plain-from: #f1f1f2;--ui-plain-to: #eaeaec;--ui-plain-ink: #55575d;--ui-wood: #f5d5aa;--ui-wood-edge: #a89274;--ui-wood-ink: #282416;--ui-promoted: #b12d24;--ui-line: #dfe3e8;--ui-field-bg: #ffffff;--ui-grid-origin: #76685342;--ui-grid-ground: #f3dfc3;--ui-board-edge: #9b856e;--ui-board-line: #b5a18b;--ui-target: #bed9eab0;--ui-selected: #d6e7f1;--ui-grid-line: #b5a18b66;--ui-jump: #a85873;--ui-slide: #31556d;--ui-anchor: #514938;--ui-anchor-ring: #ffffffcc;--ui-focus: #4f718f;--ui-warn: #9a5a12;--ui-error: #a33d36;--ui-remove: color-mix(in srgb, var(--ui-error) 18%, transparent);--ui-blocked: color-mix(in srgb, var(--ui-error) 40%, transparent);--ui-shadow-overlay: 0 8px 24px color-mix(in srgb, var(--ui-ink) 18%, transparent);--ui-column-title: 370px;--ui-column-menu: 370px;--ui-column-list: 560px;--ui-column-wide: 720px;--ui-column-split: 880px;--ui-column-stage: 1252px;--ui-gap-row: 12px;--ui-gap-item: 16px;--ui-gap-block: 28px;--ui-gap-section: 48px;--ui-pill-height: 56px;--ui-pill-height-key: 64px;--ui-pill-height-small: 52px;--ui-type-hero: clamp(2.7rem, 7vw, 5.5rem);--ui-type-title: clamp(1.8rem, 4vw, 2.6rem);--ui-type-key: 1.4rem;--ui-type-label: 1.15rem;--ui-type-label-small: 1.05rem;--ui-type-meta: .8rem;--ui-track-hero: .08em;--ui-track-title: .06em;--ui-track-label: .06em;--ui-track-meta: .14em;--ui-font-ui: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", "Meiryo", sans-serif;--ui-font-piece: "Yuji Syuku", "HG行書体", "Hiragino Mincho ProN", "Yu Mincho", serif;--ui-radius-pill: 999px;--ui-radius-row: 12px;--ui-radius-field: 12px;--ui-motion: .16s;--ui-shade-hover: color-mix(in srgb, #000 4%, transparent);--ui-shade-active: color-mix(in srgb, #000 7%, transparent);--ui-shade-key-hover: color-mix(in srgb, #000 12%, transparent);--ui-shade-key-active: color-mix(in srgb, #000 18%, transparent);--ui-ink-meta-hover: color-mix(in srgb, var(--ui-ink-meta) 96%, #000);--ui-ink-meta-active: color-mix(in srgb, var(--ui-ink-meta) 93%, #000)}.ui-screen{display:grid;min-height:100svh;justify-items:center;padding:clamp(16px,5vh,48px) clamp(16px,3.5vw,40px) calc(clamp(16px,5vh,48px) + env(safe-area-inset-bottom));padding-right:max(clamp(16px,3.5vw,40px),env(safe-area-inset-right));padding-left:max(clamp(16px,3.5vw,40px),env(safe-area-inset-left));color:var(--ui-ink);background:var(--ui-ground);font-family:var(--ui-font-ui)}.ui-screen[data-width=title]{--ui-column: 100%;align-content:center;text-align:center}.ui-screen[data-width=menu]{--ui-column: var(--ui-column-menu)}.ui-screen[data-width=list]{--ui-column: var(--ui-column-list)}.ui-screen[data-width=wide]{--ui-column: var(--ui-column-wide)}.ui-screen[data-width=split]{--ui-column: var(--ui-column-split)}.ui-screen[data-width=stage]{--ui-column: var(--ui-column-stage)}.ui-screen-column{display:grid;width:min(100%,var(--ui-column, var(--ui-column-list)));align-content:start;gap:var(--ui-gap-block)}.ui-screen[data-fill=true]{height:100svh;min-height:0;box-sizing:border-box;overflow:hidden}.ui-screen[data-fill=true] .ui-screen-column{display:flex;height:100%;min-height:0;flex-direction:column}.ui-screen[data-fill=true] .ui-scroll{min-height:0;flex:1}.ui-tabs{display:none}.ui-tabpanel{display:grid;min-width:0;align-content:start;gap:var(--ui-gap-row)}@media(max-width:760px){.ui-tabs{display:block}.ui-tabpanel[data-active=false]{display:none}}.ui-split{display:grid;min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:var(--ui-gap-section)}.ui-split>*{display:grid;align-content:start;gap:var(--ui-gap-row)}@media(max-width:760px){.ui-split{grid-template-columns:minmax(0,1fr);gap:var(--ui-gap-block)}}.ui-scroll{display:grid;align-content:start;gap:var(--ui-gap-block);overflow-y:auto;overscroll-behavior:contain;margin:-6px -12px -6px -6px;padding:6px;scrollbar-gutter:stable}.ui-scroll .ui-scroll{margin-right:-6px;scrollbar-gutter:auto}.ui-scroll::-webkit-scrollbar,.ui-log::-webkit-scrollbar{width:6px}.ui-scroll::-webkit-scrollbar-thumb,.ui-log::-webkit-scrollbar-thumb{border-radius:var(--ui-radius-pill);background:var(--ui-ink-meta)}@media(min-width:761px){.ui-scroll[data-stretch=true]{grid-template-rows:100%;padding-right:12px;scrollbar-gutter:auto}.ui-scroll[data-stretch=true] .ui-split{grid-template-rows:100%;max-height:100%;align-items:stretch}.ui-scroll[data-stretch=true] .ui-split>*,.ui-scroll[data-stretch=true] .ui-tabpanel{display:flex;max-height:100%;flex-direction:column}.ui-scroll[data-stretch=true] .ui-split>*>*,.ui-scroll[data-stretch=true] .ui-tabpanel>*{flex:none}.ui-scroll[data-stretch=true] .ui-scroll{min-height:0;flex:1 1 auto;margin-right:-12px;scrollbar-gutter:stable}}.ui-screen[data-width=title] .ui-group{width:min(100%,var(--ui-column-title));margin-inline:auto}.ui-title-lockup{display:grid;gap:10px;text-align:center}.ui-title-row{display:grid;grid-template-columns:minmax(max-content,1fr) auto minmax(max-content,1fr);align-items:center;gap:16px}.ui-title-row>.ui-pill{grid-column:1}.ui-title{grid-column:2;margin:0;font-size:var(--ui-type-title);font-weight:700;letter-spacing:var(--ui-track-title);line-height:1.3}.ui-title[data-hero=true]{font-family:var(--ui-font-piece);font-size:var(--ui-type-hero);font-weight:400;letter-spacing:var(--ui-track-hero);line-height:1.35}.ui-meta{margin:0;color:var(--ui-ink-meta);font-size:var(--ui-type-meta);letter-spacing:var(--ui-track-meta);line-height:1.6}.ui-meta[data-heading=true]{color:var(--ui-ink);font-size:var(--ui-type-label);font-weight:700;letter-spacing:var(--ui-track-label)}.ui-meta[data-tone=warn]{color:var(--ui-warn)}.ui-meta[data-tone=error]{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:6px;align-items:baseline;color:var(--ui-error)}.material-symbol.ui-meta-alert{position:relative;top:.245em;width:1.25em;height:1.25em;align-self:baseline}.ui-meta-body{min-width:0;white-space:pre-line}.ui-meta-title{display:block;font-weight:700}.ui-metric{display:grid;grid-template-columns:max-content max-content 7ch;align-items:baseline;justify-content:start;gap:8px 12px;color:var(--ui-ink);font-weight:700}.ui-metric-label{font-size:var(--ui-type-label);letter-spacing:var(--ui-track-label)}.ui-metric-value{font-size:var(--ui-type-key);font-variant-numeric:tabular-nums;letter-spacing:var(--ui-track-label);white-space:nowrap;animation:ui-metric-change var(--ui-motion) ease}.ui-metric-delta{min-width:7ch;color:var(--ui-focus);font-size:var(--ui-type-label);font-variant-numeric:tabular-nums;letter-spacing:var(--ui-track-label);text-align:right;white-space:nowrap}.ui-metric-delta[data-visible=false]{visibility:hidden}@keyframes ui-metric-change{0%{color:var(--ui-focus)}to{color:var(--ui-ink)}}.ui-group{display:grid;margin:0;padding:0;gap:var(--ui-gap-item);list-style:none}.ui-group[data-density=row]{gap:var(--ui-gap-row)}.ui-group>li{min-width:0}.ui-row{position:relative}.ui-row>.ui-pill{border-radius:var(--ui-radius-row)}.ui-row>.ui-pill[data-layout=row]{padding-right:60px}.ui-row-delete .ui-pill:hover:not(:disabled),.ui-row-delete .ui-pill:focus-visible:not([data-focus-ring=hidden]){color:var(--ui-error)}.ui-row-delete{display:flex;position:absolute;top:0;right:8px;bottom:0;align-items:center}.ui-pill{display:grid;position:relative;isolation:isolate;width:100%;min-width:0;min-height:var(--ui-pill-height);align-items:center;padding:10px 24px;border:0;border-radius:var(--ui-radius-pill);color:var(--ui-plain-ink);background:linear-gradient(120deg,var(--ui-plain-from),var(--ui-plain-to));font:inherit;font-size:var(--ui-type-label);font-weight:700;letter-spacing:var(--ui-track-label);text-align:center;cursor:pointer;touch-action:manipulation}.ui-pill:before{position:absolute;z-index:-1;inset:0;border-radius:inherit;background-color:transparent;content:"";pointer-events:none;transition:background-color var(--ui-motion) ease}.ui-pill[data-layout=row]{grid-template-columns:auto minmax(0,1fr) auto;gap:14px;padding-left:12px;text-align:left}.ui-pill[data-rank=key]{min-height:var(--ui-pill-height-key);color:var(--ui-key-ink);background:linear-gradient(120deg,var(--ui-key-from),var(--ui-key-to));font-size:var(--ui-type-key)}.ui-pill[data-rank=piece]{color:var(--ui-piece-ink);background:linear-gradient(120deg,var(--ui-piece-from),var(--ui-piece-to))}.ui-pill[data-tone=error]{color:var(--ui-error)}.ui-pill[data-rank=ghost]{display:inline-flex;width:auto;min-height:48px;justify-self:start;gap:8px;padding:8px 12px;color:var(--ui-ink-meta);background:none;transition:color var(--ui-motion) ease}.ui-pill[data-rank=ghost]:before{content:none}.ui-pill:hover:not(:disabled):before{background-color:var(--ui-shade-hover)}.ui-pill:active:not(:disabled):before{background-color:var(--ui-shade-active)}.ui-pill[data-rank=key]:hover:not(:disabled):before{background-color:var(--ui-shade-key-hover)}.ui-pill[data-rank=key]:active:not(:disabled):before{background-color:var(--ui-shade-key-active)}.ui-pill[data-rank=ghost]:where(:hover:not(:disabled)){color:var(--ui-ink-meta-hover)}.ui-pill[data-rank=ghost]:where(:active:not(:disabled)){color:var(--ui-ink-meta-active)}.ui-pill:disabled{cursor:default;opacity:.45}.ui-pill[data-rank=ghost][data-layout=icon]{width:44px;min-width:44px;height:44px;min-height:44px;padding:0}.ui-pill[data-rank=ghost] .ui-pill-icon{width:20px;height:20px}.ui-pill:focus-visible:not([data-focus-ring=hidden]){outline:3px solid var(--ui-focus);outline-offset:3px}.ui-pill[data-focus-ring=hidden]:focus{outline:none}.ui-pill[aria-pressed=true]{color:var(--ui-piece-ink);background:linear-gradient(120deg,var(--ui-piece-from),var(--ui-piece-to))}.ui-pill-lead{display:flex;width:44px;height:44px;align-items:center;justify-content:center}.ui-pill-lead:has(>.ui-board){width:min(120px,28vw);height:auto}.ui-pill[data-rank=ghost] .ui-pill-lead{width:28px;height:28px}.ui-icon{width:100%;height:100%}.material-symbol{display:block;width:1em;height:1em;flex:0 0 auto;background-color:currentColor;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-size:contain}.ui-pill-label{min-width:0;overflow-wrap:anywhere}.ui-pill-meta{color:inherit;font-size:var(--ui-type-meta);font-variant-numeric:tabular-nums;letter-spacing:var(--ui-track-label);opacity:.72;white-space:nowrap}.ui-pill-value{text-box:trim-both cap alphabetic}.ui-pill[data-tone=error] .ui-pill-meta{display:inline-flex;align-items:center;gap:6px;opacity:1}.ui-pill-alert{width:1.25em;height:1.25em}.ui-field{display:grid;gap:6px;text-align:left}.ui-field-label{font-size:var(--ui-type-meta);font-weight:700;letter-spacing:var(--ui-track-label)}.ui-field-control{min-height:48px;padding:12px 14px;border:1px solid var(--ui-line);border-radius:var(--ui-radius-field);color:var(--ui-ink);background:var(--ui-field-bg);font:inherit}.ui-field-control:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-field-control:disabled{cursor:not-allowed;opacity:.5}@media(max-width:480px){.ui-pill{min-height:var(--ui-pill-height-small);padding-right:18px;padding-left:18px;font-size:var(--ui-type-label-small)}.ui-pill[data-layout=row]{padding-left:10px}}@media(prefers-reduced-motion:reduce){.ui-pill,.ui-pill:before,.ui-metric-value{animation:none;transition:none}}.piece{display:flex;position:relative;align-items:center;justify-content:center;container-type:size;color:var(--ui-wood-ink);font-family:var(--ui-font-piece);font-weight:700;pointer-events:none}.piece-surface{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);overflow:visible}.piece-surface polygon{fill:var(--ui-wood);stroke:var(--ui-wood-edge);stroke-width:2px;stroke-linejoin:miter}.piece-label{display:grid;position:relative;z-index:1;margin-top:8cqh;justify-items:center;column-gap:.1em;line-height:1;text-align:center}.piece-label>span{display:grid;width:1em;height:1em;place-items:center;overflow:clip}.piece-label[data-writing=vertical]>span{font-feature-settings:"vert" 1}@container board (max-width: 240px){.piece-label{display:none}}.promoted{color:var(--ui-promoted)}.ui-pill[data-layout=icon]{width:48px;min-width:48px;height:48px;min-height:48px;justify-content:center;padding:0;place-items:center}.ui-pill-icon{display:grid;width:24px;height:24px;place-items:center}.ui-group[data-direction=row]{grid-auto-flow:column;justify-content:start;gap:8px}.ui-disclosure{position:relative}.ui-disclosure[data-align=end] .ui-disclosure-body{right:0;left:auto}.ui-disclosure>summary{display:grid;width:48px;height:48px;place-items:center;border-radius:var(--ui-radius-pill);background:linear-gradient(120deg,var(--ui-plain-from),var(--ui-plain-to));color:var(--ui-plain-ink);font-weight:800;list-style:none;cursor:pointer}.ui-disclosure>summary::-webkit-details-marker{display:none}.ui-disclosure>summary:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-disclosure-body:before{content:"";position:absolute;top:-4px;right:0;left:0;height:4px}.ui-disclosure-body[data-side=above]:before{top:auto;bottom:-4px}.ui-disclosure-body{position:absolute;z-index:10;top:52px;left:0;width:min(300px,78vw);padding:12px 16px;color:var(--ui-plain-ink);font-size:var(--ui-type-meta);line-height:1.7}.ui-overlay-surface{border-radius:var(--ui-radius-field);background:var(--ui-ground);box-shadow:var(--ui-shadow-overlay)}.ui-slider,.ui-valuebar{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px}.ui-slider-control{grid-column:1 / -1;width:100%;padding:0;border:0;border-radius:0;background:none;accent-color:var(--ui-focus)}.ui-checkbox{display:flex;width:fit-content;min-height:44px;align-items:center;gap:12px;cursor:pointer}.ui-checkbox-control{width:20px;height:20px;flex:none;margin:0;accent-color:var(--ui-focus);cursor:inherit}.ui-checkbox-control:focus-visible{outline:3px solid var(--ui-focus);outline-offset:3px}.ui-checkbox:has(>.ui-checkbox-control:disabled){cursor:not-allowed;opacity:.5}.ui-slider-value,.ui-valuebar-value{color:var(--ui-ink-meta);font-size:var(--ui-type-meta);font-variant-numeric:tabular-nums;letter-spacing:var(--ui-track-label);text-align:right;white-space:nowrap}.ui-slider>.ui-field-label,.ui-valuebar>.ui-field-label{min-width:0}.ui-valuebar-track{display:block;grid-column:1 / -1;height:10px;border-radius:var(--ui-radius-pill);background:linear-gradient(120deg,var(--ui-plain-from),var(--ui-plain-to))}.ui-valuebar-fill{display:block;height:100%;border-radius:var(--ui-radius-pill);background:linear-gradient(120deg,var(--ui-piece-from),var(--ui-piece-to))}.ui-valuebar[data-over=true] .ui-valuebar-fill{background:linear-gradient(120deg,var(--ui-key-from),var(--ui-key-to))}.ui-valuebar[data-over=true] .ui-valuebar-value{color:var(--ui-error)}.ui-clock{display:grid;padding:10px 20px;justify-items:center;gap:2px;border-radius:var(--ui-radius-pill);background:linear-gradient(120deg,var(--ui-plain-from),var(--ui-plain-to));color:var(--ui-plain-ink)}.ui-clock[data-active=true]{background:linear-gradient(120deg,var(--ui-piece-from),var(--ui-piece-to));color:var(--ui-piece-ink)}.ui-clock-label{font-size:var(--ui-type-meta);letter-spacing:var(--ui-track-meta)}.ui-clock-time{font-size:var(--ui-type-key);font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:var(--ui-track-label)}.ui-clock[data-low=true] .ui-clock-time{color:var(--ui-error)}.ui-log{display:grid;max-height:260px;margin:0;padding:0;overflow-y:auto;scrollbar-gutter:stable;gap:2px;list-style:none}.ui-log>li{display:grid;grid-template-columns:2.5em 1fr;gap:8px;font-size:var(--ui-type-meta);line-height:1.9}.ui-log-index,.ui-log-empty{color:var(--ui-ink-meta);font-variant-numeric:tabular-nums;text-align:right}.ui-log-empty{margin:0;font-size:var(--ui-type-meta);text-align:left}.ui-overlay{display:grid;position:absolute;z-index:20;box-sizing:border-box;top:calc(100% + 4px);width:fit-content;max-width:min(calc(100vw - 16px),320px);gap:8px;padding:12px}.ui-overlay[data-placement=under]{right:8px}.ui-overlay[data-placement=board]{left:0;width:max-content}.ui-overlay .ui-group[data-direction=row]{grid-auto-columns:1fr}.ui-overlay-layer{display:grid;position:fixed;z-index:100;inset:0;box-sizing:border-box;place-items:center;padding:max(var(--ui-gap-item),env(safe-area-inset-top)) max(var(--ui-gap-item),env(safe-area-inset-right)) max(var(--ui-gap-item),env(safe-area-inset-bottom)) max(var(--ui-gap-item),env(safe-area-inset-left));background:color-mix(in srgb,var(--ui-ink) 18%,transparent)}.ui-overlay[data-placement=center]{position:relative;top:auto;width:fit-content;max-width:100%}.ui-overlay>.ui-overlay-title{margin:0;color:var(--ui-ink-meta);font-size:var(--ui-type-meta);font-weight:400;letter-spacing:var(--ui-track-meta);line-height:1.6}:root{color:var(--ui-ink);background:var(--ui-ground);font-family:var(--ui-font-ui);font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{color:inherit;font:inherit}button{cursor:pointer;touch-action:manipulation}.piece-editor{min-width:0}.piece-editor-header{display:grid;gap:var(--ui-gap-row)}.piece-editor-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:24px}.piece-editor-moves,.piece-editor-settings,.piece-editor-sliders,.piece-editor-validation,.piece-editor-actions{display:grid;min-width:0;align-content:start;gap:var(--ui-gap-item)}.piece-editor-moves{padding:var(--ui-gap-item)}.piece-editor-face-tools{display:flex;align-items:center;gap:8px}.piece-editor-face-tools[data-visible=false]{visibility:hidden}.piece-editor-names{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-gap-item)}.piece-editor-names .ui-field-control{box-sizing:border-box;inline-size:100%}.piece-editor .ui-field-label{margin:0}.piece-editor-settings{position:sticky;top:0}.piece-editor-preview{display:flex;width:min(100%,248px);aspect-ratio:1;align-items:center;justify-content:center;margin-inline:auto}.piece-editor-preview-footprint{display:flex;align-items:center;justify-content:center}.piece-editor-validation,.formation-editor-validation{min-block-size:calc(var(--ui-pill-height) + var(--ui-gap-item));white-space:pre-line}@media(max-width:760px){.piece-editor-layout{grid-template-columns:minmax(0,1fr);gap:var(--ui-gap-block)}.piece-editor-settings{position:static}}@media(max-width:480px){.piece-editor-moves{padding-inline:0}}.battle-formation-choice{display:grid;min-width:0;align-content:start;gap:var(--ui-gap-row)}@media(min-width:761px){.ui-scroll[data-stretch=true]>.battle-formation-choice{display:flex;max-height:100%;flex-direction:column}.ui-scroll[data-stretch=true]>.battle-formation-choice>*{flex:none}}.formation-editor-layout{display:grid;grid-template-rows:100%;grid-template-columns:minmax(0,1fr) minmax(280px,320px);align-items:start;gap:24px}.formation-editor-work{display:grid;min-width:0;align-content:start;gap:var(--ui-gap-item)}.formation-editor-controls{display:flex;position:sticky;top:0;flex-direction:column;min-width:0;max-height:100%;gap:var(--ui-gap-item)}@media(max-width:760px){.formation-editor-layout{grid-template-rows:auto;grid-template-columns:minmax(0,1fr);gap:var(--ui-gap-block)}.formation-editor-controls{position:static;max-height:none}}.matchmaking-content{display:grid;min-height:0;flex:1;align-content:center;justify-items:stretch;gap:var(--ui-gap-block);text-align:center}.matchmaking-signal{display:grid;width:var(--ui-pill-height-key);height:var(--ui-pill-height-key);place-items:center;justify-self:center;color:var(--ui-focus);animation:matchmaking-pulse 1.8s ease-in-out infinite}.matchmaking-signal .material-symbol{width:100%;height:100%}@keyframes matchmaking-pulse{50%{opacity:.55}}.match-connection,.match-playfield,.match-actions,.match-section{display:grid;min-width:0;align-content:start}.match-connection{gap:4px}.match-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--ui-gap-block)}.match-playfield{grid-template-columns:auto minmax(0,min(680px,var(--match-board, 680px))) auto;justify-content:center;gap:10px;--match-kifu: 160px}.match-clocks{display:grid;grid-column:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--ui-gap-row)}.match-status{display:grid;grid-column:2}.match-status>*{grid-area:1 / 1}.match-status-reserve{visibility:hidden}.match-board-stage{position:relative}.match-hand{display:grid;min-width:0;align-self:start}.match-hand[data-side=far]{grid-column:1}.match-hand[data-side=near]{align-self:end}.match-actions,.match-kifu{grid-column:1 / -1;width:min(100%,560px);justify-self:center}.match-actions{margin-top:calc(var(--ui-gap-block) - 10px)}.match-section{gap:var(--ui-gap-row)}@media(min-width:1332px){.match-playfield{grid-template-columns:var(--match-kifu) auto minmax(0,min(680px,var(--match-board, 680px))) auto var(--match-kifu)}.match-clocks,.match-status{grid-column:3}.match-hand[data-side=far]{grid-column:2}.match-kifu{grid-row:3;grid-column:5;width:auto}}@media(max-width:760px){.match-playfield{grid-template-columns:minmax(0,1fr)}.match-clocks,.match-status,.match-hand[data-side=far]{grid-column:auto}.match-hand,.match-hand[data-side=near]{align-self:auto}}@media(prefers-reduced-motion:reduce){.matchmaking-signal{animation:none}}