@keyframes _1pwzvex0{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes _1pwzvex1{0%{transform:translate(0,0)}to{transform:translateY(-22px)}}
._1pwzvex2{--sp-ink:#1f2a33;--sp-muted:#5a6875;--sp-accent:#c56b3c;--sp-accent-soft:#c56b3c2e;--sp-teal:#2f7a7b;--sp-card:#ffffffe0;--sp-border:#1f2a331f;--sp-shadow:0 24px 60px #18232a24;min-height:100vh;color:var(--sp-ink);background:radial-gradient(900px 520px at 6% 10%,#c56b3c2e,#0000 65%),radial-gradient(900px 600px at 92% 20%,#2f7a7b29,#0000 60%),linear-gradient(160deg,#fbf3e6 0%,#f0ece0 55%,#f7f4ee 100%);flex-direction:column;font-family:Zen Kaku Gothic New,Hiragino Kaku Gothic ProN,Yu Gothic,sans-serif;display:flex;position:relative;overflow:hidden visible}
._1pwzvex2:before{content:"";opacity:.45;pointer-events:none;background-image:radial-gradient(#1f2a3314 1px,#0000 1px),radial-gradient(#1f2a330d 1px,#0000 1px);background-position:20px 30px,80px 120px;background-size:140px 140px,220px 220px;position:absolute;inset:0}
._1pwzvex2:after{content:"";filter:blur(2px);opacity:.6;pointer-events:none;background:conic-gradient(from 120deg at 40% 20%,#0000 0deg,#2f7a7b2e 80deg,#0000 160deg);animation:9s ease-in-out infinite alternate _1pwzvex1;position:absolute;inset:0}
._1pwzvex3{z-index:1;flex-direction:column;flex:1;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px 16px 40px;display:flex;position:relative}
._1pwzvex4{gap:12px;animation:.7s both _1pwzvex0;display:grid}
._1pwzvex5{border:1px solid var(--sp-border);letter-spacing:.12em;text-transform:uppercase;background:#ffffffb3;border-radius:999px;align-self:flex-start;padding:6px 12px;font-size:12px;font-weight:700}
._1pwzvex6{letter-spacing:.04em;font-size:clamp(20px,2.2vw,32px);font-weight:800;line-height:1.15}
._1pwzvex7{max-width:720px;color:var(--sp-muted);font-size:15px;line-height:1.7}
._1pwzvex8{grid-template-columns:1fr;align-items:start;gap:18px;display:grid}
._1pwzvex9{flex-direction:column;gap:10px;display:flex}
._1pwzvexa{flex-direction:column;gap:16px;display:flex}
._1pwzvexb{background:var(--sp-card);box-shadow:var(--sp-shadow);border:1px solid #1f2a3329;border-radius:14px;gap:8px;padding:10px;animation:.8s both _1pwzvex0;display:grid}
._1pwzvexc{letter-spacing:.06em;font-size:12px;font-weight:700}
._1pwzvexd{gap:3px;display:grid}
._1pwzvexe{color:var(--sp-muted);letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}
._1pwzvexf{border:1px solid var(--sp-border);width:100%;color:var(--sp-ink);background:#ffffffe6;border-radius:9px;outline:none;padding:6px 8px;font-size:12px;transition:border-color .2s,box-shadow .2s}
._1pwzvexf:focus{border-color:var(--sp-accent);box-shadow:0 0 0 3px var(--sp-accent-soft)}
._1pwzvexh{width:100%}
._1pwzvexi{flex-wrap:wrap;gap:8px;display:flex}
._1pwzvexj{background:linear-gradient(120deg, var(--sp-accent), #e3a27a);color:#fff;letter-spacing:.05em;cursor:pointer;border:none;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;box-shadow:0 14px 28px #c56b3c4d}
._1pwzvexk{border:1px solid var(--sp-border);color:var(--sp-ink);letter-spacing:.05em;cursor:pointer;background:#ffffffb3;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}
._1pwzvexl{border:1px solid var(--sp-border);cursor:pointer;background:#fffc;border-radius:9px;padding:6px 8px;font-size:11px;font-weight:600}
._1pwzvexl[data-active=true]{border-color:var(--sp-teal);background:#d7f5f4d9;box-shadow:0 0 0 3px #2f7a7b2e}
._1pwzvexm{color:var(--sp-muted);font-size:10px;line-height:1.45}
._1pwzvexn{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;display:grid}
._1pwzvexo{border:1px solid var(--sp-border);background:#fff9;border-radius:9px;gap:3px;padding:6px;display:grid}
._1pwzvexp{border:1px solid var(--sp-border);background:#fff;border-radius:7px;width:100%;height:26px;padding:0}
._1pwzvexq{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}
._1pwzvexr{background:#ffffffbf;border:1px dashed #1f2a3333;border-radius:10px;gap:6px;padding:8px;display:grid}
._1pwzvexs{background:#fff8ebe6;border-color:#c56b3cb3;box-shadow:0 10px 22px #c56b3c2e}
._1pwzvext{letter-spacing:.06em;color:var(--sp-muted);font-size:10px;font-weight:700}
._1pwzvexu{width:100%;font-size:10px}
._1pwzvexv{aspect-ratio:16/9;width:100%;color:var(--sp-muted);background:linear-gradient(140deg,#ffffffe6,#e5ded2b3);border:1px solid #1f2a331f;border-radius:10px;justify-content:center;align-items:center;font-size:10px;display:flex;overflow:hidden}
._1pwzvexw{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}
._1pwzvexx{border:1px solid var(--sp-border);cursor:pointer;background:#ffffffd9;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:600}
._1pwzvexy{gap:6px;display:grid}
._1pwzvexz{color:var(--sp-muted);letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:9px;display:flex}
._1pwzvex10{border:1px solid var(--sp-border);background:#ffffffb3;border-radius:10px;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;padding:6px;display:grid}
._1pwzvex11{aspect-ratio:1;width:100%;color:var(--sp-muted);cursor:pointer;background:#ffffffe6;border:1px solid #1f2a332e;border-radius:6px;justify-content:center;align-items:center;font-size:9px;font-weight:700;transition:background .2s,border-color .2s,color .2s,transform .2s;display:flex}
._1pwzvex11[data-center=true]{color:var(--sp-ink);cursor:default;background:#2f7a7b1f;border-color:#2f7a7b73}
._1pwzvex11[data-active=true]{border-color:var(--sp-accent);color:var(--sp-ink);background:#c56b3c38;transform:translateY(-1px);box-shadow:0 6px 12px #c56b3c2e}
._1pwzvex12{grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;display:grid}
._1pwzvex13{border:1px solid var(--sp-border);cursor:pointer;background:#ffffffbf;border-radius:8px;padding:4px;font-size:10px;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s}
._1pwzvex13[data-active=true]{border-color:var(--sp-accent);transform:translateY(-1px);box-shadow:0 8px 18px #c56b3c33}
._1pwzvex14{border:1px solid var(--sp-border);width:100%;box-shadow:var(--sp-shadow);background:#ffffffe6;border-radius:18px;gap:10px;padding:16px;animation:.9s both _1pwzvex0;display:grid}
._1pwzvex15{align-self:stretch;position:sticky;top:88px}
._1pwzvex16{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}
._1pwzvex17{letter-spacing:.04em;font-size:20px;font-weight:800}
._1pwzvex18{color:var(--sp-muted);font-size:12px}
._1pwzvex19{flex-wrap:wrap;gap:8px;display:flex}
._1pwzvex1a{border:1px solid var(--sp-border);background:#ffffffd9;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600}
._1pwzvex1b{background:linear-gradient(140deg,#ffffffe6,#ece6dcb3);border:1px solid #1f2a3326;border-radius:18px;justify-content:center;align-items:center;max-width:100%;padding:12px;display:flex;overflow:hidden}
._1pwzvex1c{flex-wrap:wrap;gap:8px;display:flex}
._1pwzvex1d{border:1px solid var(--sp-border);background:#ffffffd9;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:600}
@supports (height:100dvh){._1pwzvex2{min-height:100dvh}}
@media (min-width:900px){._1pwzvex3{padding:32px 28px 52px}}
@media (min-width:1100px){._1pwzvex8{grid-template-columns:minmax(0,1.5fr) minmax(0,.7fr)}._1pwzvex9{width:100%;max-width:420px;height:var(--right-panel-height,auto);max-height:var(--right-panel-height,calc(100dvh - 160px));scrollbar-width:thin;scrollbar-color:#5a687573 transparent;background:#ffffffb3;border:1px solid #1f2a3329;border-radius:18px;place-self:start end;padding:10px 12px 8px 10px;overflow:hidden auto;box-shadow:0 16px 36px #1f2a3314}._1pwzvex15{align-self:start}}
@media (max-width:959px){._1pwzvex14{gap:8px;padding:12px}._1pwzvex15{align-self:stretch;top:72px}._1pwzvex1b{padding:8px}}
.custom-shogi{--board-wood:#e1bd86;--board-wood-dark:#c78953;--board-grid:#8b6236;--board-ink:#2c1b12;--board-accent:#c06a3a;--board-accent-soft:#c06a3a33;--board-ivory:#fbf4e7;--cell-size-base:clamp(30px, 6vw, 54px);--board-scale:1;--cell-size:calc(var(--cell-size-base) * var(--board-scale));--piece-surface:#fff4df;--piece-surface-deep:#e8cca0;--piece-border:#52352099;--piece-text:#2b1b10;--piece-text-white:#2b1b10;--piece-font:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--piece-clip:polygon(50% 6%, 92% 20%, 82% 95%, 18% 95%, 8% 20%);--piece-shadow:0 4px 10px #32201433;--piece-image-black:none;--piece-image-white:none;--piece-font-scale:1;--piece-motion-duration:.7s;--piece-motion-intensity:.2;color:var(--board-ink)}.custom-shogi *,.custom-shogi :before,.custom-shogi :after{box-sizing:border-box}.custom-shogi .board-row{display:flex}.custom-shogi .game-info{flex-wrap:wrap;align-items:flex-start;gap:16px;display:flex}.custom-shogi .game-info.space{flex-wrap:nowrap;justify-content:center;align-items:stretch;width:100%}.custom-shogi .game{flex-direction:column;gap:10px;font-size:clamp(15px,2.2vw,21px);display:flex}.custom-shogi .game .game{flex-direction:row;align-items:flex-start;gap:12px}.custom-shogi .game.white{transform-origin:50%;transform:rotate(180deg)}.custom-shogi .game-sub{flex-direction:column;gap:10px;display:flex}.custom-shogi .center{text-align:center;letter-spacing:.08em;font-weight:600}.custom-shogi .bold{font-weight:700}.custom-shogi .legend{width:fit-content;max-width:100%;font-weight:700;font-family:var(--piece-font);letter-spacing:.04em;background:#ffffffc7;border:1px solid #a87a4a47;border-radius:999px;align-self:center;padding:6px 14px;line-height:1.35;box-shadow:0 10px 22px #472c191f}.custom-shogi .move-row{letter-spacing:.04em;background:#ffffffe6;border:1px solid #1f2a331f;border-radius:16px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:10px;max-width:100%;padding:6px 10px;display:flex;box-shadow:0 6px 16px #1f2a3314}.custom-shogi .move-count{min-width:64px;color:var(--board-ink);letter-spacing:.04em;background:#c56b3c1f;border:1px solid #c56b3c2e;border-radius:999px;justify-content:center;align-items:center;padding:4px 10px;font-weight:700;line-height:1.2;display:inline-flex}.custom-shogi .result-banner{letter-spacing:.04em;text-align:center;background:#ffffffe6;border:1px solid #a87a4a40;border-radius:12px;flex-wrap:wrap;justify-content:center;align-self:center;align-items:center;gap:8px;max-width:100%;padding:8px 12px;font-weight:700;display:flex;box-shadow:0 10px 20px #472c191f}.custom-shogi .result-banner-text{font-size:14px}.custom-shogi .result-banner-button{color:var(--board-ink);cursor:pointer;background:#ffffffe6;border:1px solid #a87a4a59;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 8px 16px #472c191f}.custom-shogi .result-banner-button:hover{transform:translateY(-1px);box-shadow:0 10px 18px #472c1929}.custom-shogi .turn-badge{width:32px;height:32px;color:var(--board-ink);font-weight:700;font-family:var(--piece-font);letter-spacing:0;background:#ffffffd9;border:1px solid #a87a4a4d;border-radius:999px;flex:none;place-items:center;font-size:15px;line-height:1;display:grid;box-shadow:0 6px 14px #472c191f}.custom-shogi .game-info-white,.custom-shogi .game-info-black,.custom-shogi .mobile-game-info-white,.custom-shogi .mobile-game-info-black{background:#fff9;border:1px solid #a87a4a40;border-radius:10px;flex-direction:column;align-items:center;gap:6px;padding:6px;display:flex;box-shadow:0 8px 16px #472c191a}.custom-shogi .game-info.space .game-info-black{justify-content:flex-end;align-self:stretch;align-items:flex-end}.custom-shogi .game-info.space .game-info-black .turn-badge{order:2;align-self:center}.custom-shogi .game-info.space .game-info-black .captured-list{flex-direction:column-reverse;order:1;align-items:flex-end;display:flex}.custom-shogi .game-board{background:linear-gradient(145deg,#ffffffc7,#ffffff6b);border:1px solid #b68c5459;border-radius:14px;width:fit-content;padding:8px;box-shadow:0 22px 46px #34231029}.custom-shogi .square,.custom-shogi .captured,.custom-shogi .mobile-square,.custom-shogi .mobile-captured{border:1px solid var(--board-grid);background:linear-gradient(180deg, var(--board-wood), var(--board-wood-dark));color:var(--board-ink);text-align:center;cursor:pointer;touch-action:manipulation;margin-top:-1px;margin-right:-1px;padding:0;font-weight:700;line-height:1;transition:box-shadow .2s,background .2s;position:relative;overflow:hidden}.custom-shogi .square,.custom-shogi .mobile-square{width:var(--cell-size);height:var(--cell-size);justify-content:center;align-items:center;font-size:clamp(14px,2.1vw,22px);display:inline-flex}.custom-shogi .captured,.custom-shogi .mobile-captured{width:calc(var(--cell-size) - 12px);height:calc(var(--cell-size) - 12px);background:linear-gradient(#f7eedcfa,#e7d6b4f2);background:linear-gradient(180deg, color-mix(in srgb, var(--board-wood) 72%, var(--board-ivory)), color-mix(in srgb, var(--board-wood-dark) 70%, var(--board-ivory)));justify-content:center;align-items:center;font-size:clamp(12px,1.9vw,18px);display:inline-flex}.custom-shogi .captured[data-count]:after,.custom-shogi .mobile-captured[data-count]:after{content:attr(data-count);min-width:18px;height:18px;color:var(--board-ink);pointer-events:none;background:#ffffffd9;border:1px solid #5a3a1e4d;border-radius:999px;justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:700;line-height:1;display:inline-flex;position:absolute;bottom:4px;right:4px;box-shadow:0 4px 10px #472c1933}.custom-shogi .piece-wrap{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.custom-shogi .piece-body{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.custom-shogi .piece-wrap[data-has-piece=true] .piece-body:before{content:"";background-image:var(--piece-image-black), linear-gradient(180deg, var(--piece-surface), var(--piece-surface-deep));background-blend-mode:normal;box-shadow:inset 0 0 0 1px var(--piece-border), var(--piece-shadow);clip-path:var(--piece-clip);background-position:50%;background-size:cover;position:absolute;inset:6px 6px 8px}.custom-shogi .square.white .piece-wrap[data-has-piece=true] .piece-body:before,.custom-shogi .mobile-square.white .piece-wrap[data-has-piece=true] .piece-body:before,.custom-shogi .captured.white .piece-wrap[data-has-piece=true] .piece-body:before,.custom-shogi .mobile-captured.white .piece-wrap[data-has-piece=true] .piece-body:before{background-image:var(--piece-image-white), linear-gradient(180deg, var(--piece-surface), var(--piece-surface-deep))}.custom-shogi .captured .piece-wrap[data-has-piece=true] .piece-body:before{inset:5px 5px 6px}.custom-shogi .piece-text{z-index:1;width:100%;height:100%;font-family:var(--piece-font);transform:scale(var(--piece-font-scale));text-shadow:0 2px 3px #2c1c0e33;justify-content:center;align-items:center;display:inline-flex;position:relative}.custom-shogi .square.white .piece-text,.custom-shogi .mobile-square.white .piece-text,.custom-shogi .captured.white .piece-text,.custom-shogi .mobile-captured.white .piece-text{color:var(--piece-text-white);text-shadow:0 2px 4px #2c1c0e40}.custom-shogi .piece-text{color:var(--piece-text)}.custom-shogi .square.white .piece-body,.custom-shogi .captured.white .piece-body,.custom-shogi .mobile-square.white .piece-body,.custom-shogi .mobile-captured.white .piece-body{transform:rotate(180deg)}.custom-shogi .attack{box-shadow:inset 0 0 0 2px var(--board-accent), 0 0 0 4px var(--board-accent-soft);background:linear-gradient(#fee7d2f2,#eec69ff2)}.custom-shogi .final{box-shadow:inset 0 0 0 2px #b45309,0 6px 16px #b4530947}.custom-shogi .click{box-shadow:inset 0 0 0 2px #b45309,0 0 0 4px #fcd34d59}.custom-shogi .number{width:calc(var(--cell-size) - 18px);height:calc(var(--cell-size) - 18px);color:#3e2814cc;background:#ffffffd9;border:1px solid #5a3a1e59;border-radius:8px;margin-top:4px;font-size:clamp(11px,1.8vw,15px);font-weight:600}.custom-shogi .button,.custom-shogi .mobile-button{justify-content:center;display:flex}.custom-shogi .MuiButton-root{text-transform:none;letter-spacing:.06em;border:1px solid #0000;border-radius:999px;font-family:inherit;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 22px #472c191f}.custom-shogi .MuiButton-root:not(.Mui-disabled):hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 12px 24px #472c1929}.custom-shogi .MuiButton-root:focus-visible{box-shadow:0 0 0 3px #c56b3c40,0 10px 22px #472c191f}.custom-shogi .MuiButton-contained{color:var(--board-ink);background:linear-gradient(#fffffff2,#e9d6bae6);border-color:#a87a4a59}.custom-shogi .MuiButton-containedPrimary{color:#fff;background:linear-gradient(160deg,#d88352,#b56332);border-color:#833f1680;box-shadow:0 12px 24px #c56b3c5c}.custom-shogi .MuiButton-containedSecondary{color:#fff;background:linear-gradient(160deg,#8b5e3c,#6a3f25);border-color:#3c24148c;box-shadow:0 12px 24px #54362059}.custom-shogi .MuiButton-containedInherit{color:var(--board-ink);background:linear-gradient(#fffffff5,#e7d6bbe6);border-color:#a87a4a59}.custom-shogi .MuiButton-contained.Mui-disabled{color:#2a1b1273;box-shadow:none;background:#efe5d6e6;border-color:#a87a4a33}.custom-shogi .move-row .MuiButton-root,.custom-shogi .move-row .mantine-Button-root{letter-spacing:0;color:#3b2f24;width:34px;min-width:34px;height:34px;box-shadow:none;background:#fffffff2;border:1px solid #1f2a331f;border-radius:14px;padding:0;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s}.custom-shogi .move-row .MuiButton-root:not(.Mui-disabled):hover,.custom-shogi .move-row .mantine-Button-root:not(:disabled):hover{background:#fff;border-color:#1f2a3333;transform:none;box-shadow:0 4px 10px #1f2a331f}.custom-shogi .move-row .MuiButton-root:focus-visible,.custom-shogi .move-row .mantine-Button-root:focus-visible{box-shadow:0 0 0 3px #2f7a7b33}.custom-shogi .move-row .MuiButton-root.Mui-disabled,.custom-shogi .move-row .mantine-Button-root:disabled,.custom-shogi .move-row .mantine-Button-root[data-disabled]{color:#2a1b124d;box-shadow:none;background:#fff9;border-color:#1f2a3314}.custom-shogi .custom-shogi-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#1a100a8c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.custom-shogi .custom-shogi-modal{background:linear-gradient(155deg,#fff8ecfa,#ebd7baf5);border:1px solid #a87a4a66;border-radius:18px;gap:12px;width:min(420px,92vw);padding:18px 20px 16px;display:grid;box-shadow:0 28px 60px #29180c47}.custom-shogi .custom-shogi-modal-title{letter-spacing:.06em;color:#2a1b12;text-align:center;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:17px;font-weight:700;line-height:1.5}.custom-shogi .custom-shogi-modal-text{color:#322115e6;text-align:center;white-space:pre-line;overflow-wrap:anywhere;margin:0;font-family:inherit;font-size:14px;line-height:1.7}.custom-shogi .custom-shogi-modal-text-strong{letter-spacing:.06em;font-size:16px;font-weight:700}.custom-shogi .custom-shogi-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.custom-shogi .custom-shogi-modal-actions-center{justify-content:center}.custom-shogi .custom-shogi-modal-button{letter-spacing:.06em;text-transform:none;color:#2a1b12;cursor:pointer;background:#ffffffe6;border:1px solid #a87a4a59;border-radius:999px;padding:8px 16px;font-family:inherit;font-weight:700;transition:transform .2s,box-shadow .2s,filter .2s;box-shadow:0 10px 20px #472c191f}.custom-shogi .custom-shogi-modal-button:hover{filter:brightness(.98);transform:translateY(-1px);box-shadow:0 12px 24px #472c1929}.custom-shogi .custom-shogi-modal-button:focus-visible{box-shadow:0 0 0 3px #c56b3c40,0 10px 20px #472c191f}.custom-shogi .custom-shogi-modal-button-primary{color:#fff;background:linear-gradient(160deg,#d88352,#b56332);border-color:#833f1680;box-shadow:0 12px 24px #c56b3c52}.custom-shogi .custom-shogi-modal-button-ghost{color:#322115e6;background:#ffffffbf}.custom-shogi button:focus{outline:none}@keyframes piece-pop{0%{transform:scale(1)}40%{transform:scale(calc(1 + var(--piece-motion-intensity)))}to{transform:scale(1)}}@keyframes piece-glide{0%{transform:translateY(calc(var(--piece-motion-intensity) * -24px));opacity:.7}to{opacity:1;transform:translateY(0)}}@keyframes piece-swing{0%{transform:rotate(0)}35%{transform:rotate(calc(var(--piece-motion-intensity) * 14deg))}70%{transform:rotate(calc(var(--piece-motion-intensity) * -10deg))}to{transform:rotate(0)}}@keyframes piece-flip{0%{transform:rotateY(0)}60%{transform:rotateY(calc(var(--piece-motion-intensity) * 160deg))}to{transform:rotateY(0)}}.custom-shogi[data-motion=pop] .final .piece-wrap[data-has-piece=true],.custom-shogi[data-motion=pop] .click .piece-wrap[data-has-piece=true]{animation:piece-pop var(--piece-motion-duration) ease}.custom-shogi[data-motion=glide] .final .piece-wrap[data-has-piece=true],.custom-shogi[data-motion=glide] .click .piece-wrap[data-has-piece=true]{animation:piece-glide var(--piece-motion-duration) ease}.custom-shogi[data-motion=swing] .final .piece-wrap[data-has-piece=true],.custom-shogi[data-motion=swing] .click .piece-wrap[data-has-piece=true]{animation:piece-swing var(--piece-motion-duration) ease-in-out;transform-origin:50% 70%}.custom-shogi[data-motion=flip] .final .piece-wrap[data-has-piece=true],.custom-shogi[data-motion=flip] .click .piece-wrap[data-has-piece=true]{animation:piece-flip var(--piece-motion-duration) ease;transform-origin:50%}@media (prefers-reduced-motion:reduce){.custom-shogi .piece-wrap{animation:none!important}}@media (max-width:959px){.custom-shogi .game-info{flex-direction:column;align-items:stretch}.custom-shogi .game-info.space{flex-flow:row;justify-content:center;align-items:stretch}}@media (max-width:640px){.custom-shogi{--cell-size-base:clamp(28px, 7.2vw, 46px)}.custom-shogi .game-info.space{flex-flow:column wrap;align-items:center}.custom-shogi .game-info.space .game-info-black{justify-content:center;align-self:auto;align-items:center}.custom-shogi .game-info.space .game-info-black .turn-badge{order:0}.custom-shogi .game-info.space .game-info-black .captured-list{order:0;display:block}.custom-shogi .game .game{flex-direction:column;align-items:center}.custom-shogi .game-info-white,.custom-shogi .game-info-black,.custom-shogi .mobile-game-info-white,.custom-shogi .mobile-game-info-black{flex-direction:row;justify-content:center;width:100%}.custom-shogi .game-board{border-radius:12px;padding:6px}.custom-shogi .legend{padding:5px 12px}.custom-shogi .move-row{flex-wrap:nowrap;gap:4px;padding:4px 8px}.custom-shogi .move-count{letter-spacing:.03em;white-space:nowrap;min-width:52px;padding:3px 6px;font-size:11px}.custom-shogi .result-banner{gap:6px;padding:6px 10px}.custom-shogi .result-banner-text{font-size:12px}.custom-shogi .result-banner-button{padding:5px 10px;font-size:11px}.custom-shogi .move-row .MuiButton-root,.custom-shogi .move-row .mantine-Button-root{border-radius:8px;width:30px;min-width:30px;height:30px}.custom-shogi .move-row .MuiButton-root svg,.custom-shogi .move-row .mantine-Button-root svg{width:16px;height:16px}.custom-shogi .turn-badge{width:28px;height:28px;font-size:13px}}