.rhythm-shogi{--board-wood:#c49a61;--board-wood-light:#dfbf87;--board-wood-dark:#6a4320;--board-wood-shadow:#301d0c38;--board-frame-top:#3a3e47;--board-frame-bottom:#2e3139;--board-surface-top:#d3aa6b;--board-surface-bottom:#c99a5d;--board-sheen:#fff1cf1a;--board-grain-light:#fff4d61a;--board-grain-dark:#6c48220d;--board-grid:#462b129e;--board-ink:#24170f;--board-accent:#ef5b37;--board-accent-soft:#ef5b3733;--board-ivory:#f3e2bf;--piece-face-top:#f8edd0;--piece-face-bottom:#ddb47a;--piece-rim:#563719c7;--piece-shadow:#1c110824;--board-panel:#2e3139f0;--board-panel-strong:#3a3e47f5;--board-panel-border:#787e8a61;--board-panel-ink:#f4ecdf;--board-panel-muted:#c9bcac;--board-frame-width:100vw;--cell-size:clamp(32px, 6vw, 54px);--piece-face-inset-x:clamp(3px, calc(var(--cell-size) * .12), 6px);--piece-face-inset-top:clamp(3px, calc(var(--cell-size) * .12), 6px);--piece-face-inset-bottom:clamp(4px, calc(var(--cell-size) * .16), 8px);--captured-face-inset-x:clamp(3px, calc(var(--cell-size) * .1), 5px);--captured-face-inset-top:clamp(3px, calc(var(--cell-size) * .1), 5px);--captured-face-inset-bottom:clamp(4px, calc(var(--cell-size) * .14), 6px);--rh-energy:0;--rh-jump:0;--rh-shake:0;--rh-tilt:0;--rh-viz-1:18%;--rh-viz-2:18%;--rh-viz-3:18%;--rh-viz-4:18%;--rh-viz-5:18%;color:var(--board-ink);width:100%;font-family:Zen Old Mincho,Shippori Mincho,Hiragino Mincho ProN,Yu Mincho,serif}.rhythm-shogi *,.rhythm-shogi :before,.rhythm-shogi :after{box-sizing:border-box}.rhythm-shogi .board-row{display:flex}.rhythm-shogi .game-info{grid-template-columns:auto 1fr auto;place-items:center;gap:16px;width:100%;display:grid}.rhythm-shogi .game{flex-direction:column;gap:10px;width:100%;font-size:clamp(16px,2.3vw,22px);display:flex}.rhythm-shogi .game .game{flex-direction:row;justify-content:center;align-items:flex-start;gap:12px;width:100%}.rhythm-shogi .game.white{transform-origin:50%;transform:rotate(180deg)}.rhythm-shogi .game-sub{flex-direction:column;gap:10px;display:flex}.rhythm-shogi .rhythm-legend{border:1px solid var(--board-panel-border);background:var(--board-panel);border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:10px;padding:10px 16px;display:inline-flex;box-shadow:0 10px 22px #13161d14}.rhythm-shogi .legend-side{letter-spacing:.08em;color:var(--board-panel-ink);border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:clamp(12px,1.9vw,16px);display:inline-flex}.rhythm-shogi .legend-mark{color:#f4bc62;font-weight:800}.rhythm-shogi .legend-name{font-weight:700}.rhythm-shogi .legend-side.black{background:#ef5b3724;border:1px solid #ef5b3738}.rhythm-shogi .legend-side.white{background:#f0b24f24;border:1px solid #f0b24f38}.rhythm-shogi .legend-beat{background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;justify-content:center;align-items:flex-end;gap:3px;width:42px;height:24px;padding:4px 5px;display:inline-flex;box-shadow:inset 0 1px #ffffff0f}.rhythm-shogi .legend-beat span{background:linear-gradient(#3b82f6eb,#38bdf8eb 45%,#f97316f0);border-radius:999px;width:4px;min-height:4px;transition:height 90ms linear,opacity 90ms linear;box-shadow:0 0 8px #38bdf824}.rhythm-shogi .legend-beat span:first-child{height:var(--rh-viz-1);opacity:.7}.rhythm-shogi .legend-beat span:nth-child(2){height:var(--rh-viz-2);opacity:.8}.rhythm-shogi .legend-beat span:nth-child(3){height:var(--rh-viz-3);opacity:.92}.rhythm-shogi .legend-beat span:nth-child(4){height:var(--rh-viz-4);opacity:.8}.rhythm-shogi .legend-beat span:nth-child(5){height:var(--rh-viz-5);opacity:.7}.rhythm-shogi .rhythm-move-bar{border:1px solid var(--board-panel-border);background:var(--board-panel);border-radius:999px;justify-content:center;align-self:center;align-items:center;gap:8px;padding:10px 14px;display:inline-flex}.rhythm-shogi .move-count{text-align:center;letter-spacing:.08em;min-width:84px;color:var(--board-panel-muted);font-size:clamp(12px,2vw,16px);font-weight:700}.rhythm-shogi .center{text-align:center;letter-spacing:.08em;font-weight:600}.rhythm-shogi .bold{font-weight:700}.rhythm-shogi .game-info-white,.rhythm-shogi .game-info-black{border:1px solid var(--board-panel-border);background:var(--board-panel);color:var(--board-panel-ink);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:10px 8px;display:flex;box-shadow:0 10px 22px #13161d14}.rhythm-shogi .game-board{background:linear-gradient(180deg, var(--board-frame-top), var(--board-frame-bottom));border:1px solid #787e8a85;border-radius:16px;width:fit-content;max-width:100%;padding:12px;box-shadow:0 10px 20px #13161d29}.rhythm-shogi .mobile-game-board{justify-content:center;width:100%;display:flex}.rhythm-shogi .game-board>div,.rhythm-shogi .mobile-game-board>div{background:linear-gradient(180deg, var(--board-surface-top), var(--board-surface-bottom));width:fit-content;max-width:100%;box-shadow:inset 0 1px 0 var(--board-sheen), inset 0 0 0 1px #6c48222e;position:relative}.rhythm-shogi .game-board>div:before,.rhythm-shogi .mobile-game-board>div:before{content:"";background:repeating-linear-gradient(90deg, var(--board-grain-light) 0, var(--board-grain-light) 2px, transparent 2px, transparent 15px, var(--board-grain-dark) 15px, var(--board-grain-dark) 17px, transparent 17px, transparent 34px);pointer-events:none;position:absolute;inset:0}.rhythm-shogi .mobile-game-board>div{box-shadow:0 0 0 10px #3a3e47f5, inset 0 1px 0 var(--board-sheen), inset 0 0 0 1px #6c48222e}.rhythm-shogi .mobile-game-info-white,.rhythm-shogi .mobile-game-info-black{border:1px solid var(--board-panel-border);background:var(--board-panel);width:100%;min-width:0;color:var(--board-panel-ink);border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:8px 10px;display:flex;box-shadow:0 10px 18px #13161d14}.rhythm-shogi .mobile-game-info-white>:first-child,.rhythm-shogi .mobile-game-info-black>:first-child{flex:none;font-weight:700}.rhythm-shogi .mobile-game-info-white>:last-child,.rhythm-shogi .mobile-game-info-black>:last-child{flex-wrap:wrap;justify-content:center;gap:4px;min-width:0;display:flex}.rhythm-shogi .mobile-game-info-white>:last-child .board-row,.rhythm-shogi .mobile-game-info-black>:last-child .board-row{margin:0}.rhythm-shogi .square,.rhythm-shogi .mobile-square,.rhythm-shogi .captured,.rhythm-shogi .mobile-captured{border:1px solid var(--board-grid);color:var(--board-ink);text-align:center;cursor:pointer;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff5db05;margin-top:-1px;margin-right:-1px;padding:0;font-weight:700;line-height:1;transition:box-shadow .2s,background .2s;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff7e00a}.rhythm-shogi .square,.rhythm-shogi .mobile-square{width:var(--cell-size);height:var(--cell-size);font-size:clamp(14px, calc(var(--cell-size) * .52), 22px);justify-content:center;align-items:center;display:inline-flex}.rhythm-shogi .captured,.rhythm-shogi .mobile-captured{width:calc(var(--cell-size) - 12px);height:calc(var(--cell-size) - 12px);font-size:clamp(12px, calc(var(--cell-size) * .44), 18px);color:var(--board-ink);background:linear-gradient(#eeddbcfa,#d5b784f5);border:1px solid #5b3c1d66;justify-content:center;align-items:center;display:inline-flex;position:relative;box-shadow:inset 0 1px #fff8e629}.rhythm-shogi .piece-wrap{pointer-events:none;z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.rhythm-shogi .piece-body{justify-content:center;align-items:center;width:100%;height:100%;display:inline-flex;position:relative}.rhythm-shogi .piece-wrap[data-has-piece=true] .piece-body:before{content:"";inset:var(--piece-face-inset-top) var(--piece-face-inset-x) var(--piece-face-inset-bottom);background:linear-gradient(180deg, var(--piece-face-top), var(--piece-face-bottom)), linear-gradient(90deg, #ffffff0d, transparent 42%, #54381b0a);box-shadow:inset 0 0 0 1px var(--piece-rim), inset 0 1px 0 #fffbef4d, 0 3px 5px var(--piece-shadow);clip-path:polygon(50% 4%,92% 18%,82% 96%,18% 96%,8% 18%);position:absolute}.rhythm-shogi .captured .piece-wrap[data-has-piece=true] .piece-body:before{inset:var(--captured-face-inset-top) var(--captured-face-inset-x) var(--captured-face-inset-bottom)}.rhythm-shogi .piece-text{z-index:1;text-shadow:0 1px 2px #2c1c0e24;justify-content:center;align-items:center;width:100%;height:100%;font-size:1em;line-height:1;display:inline-flex;position:relative}.rhythm-shogi .piece-wrap[data-promoted=true] .piece-text{color:#b91c1c;text-shadow:0 2px 4px #7f1d1d59}.rhythm-shogi .square.white .piece-body,.rhythm-shogi .captured.white .piece-body,.rhythm-shogi .mobile-square.white .piece-body,.rhythm-shogi .mobile-captured.white .piece-body{transform:rotate(180deg)}.rhythm-shogi .rythm-piece{will-change:transform;transform-origin:50%;transform:translateX(calc(var(--rh-shake) * var(--piece-shake-px,3px))) translateY(calc(var(--rh-jump) * var(--piece-jump-px,4px))) rotate(calc(var(--rh-tilt) * var(--piece-tilt-deg,6deg)));transition:none}.rhythm-shogi .rythm-piece[data-has-piece=true] .piece-body{filter:drop-shadow(0 3px 4px #00000024)}.rhythm-shogi .attack{box-shadow:inset 0 0 0 2px var(--board-accent), 0 0 0 4px var(--board-accent-soft);background:#eec28d57}.rhythm-shogi .final{box-shadow:inset 0 0 0 2px #f0b24f,0 6px 16px #f0b24f47}.rhythm-shogi .click{box-shadow:inset 0 0 0 2px #ef5b37,0 0 0 4px #ef5b3733}.rhythm-shogi .number{width:calc(var(--cell-size) - 18px);height:calc(var(--cell-size) - 18px);color:var(--board-panel-muted);background:#ffffff14;border:1px solid #ffffff1f;border-radius:8px;margin-top:4px;font-size:clamp(11px,1.8vw,15px);font-weight:600}.rhythm-shogi .button,.rhythm-shogi .mobile-button{justify-content:center;display:flex}.rhythm-shogi .action-button{color:var(--board-panel-ink);letter-spacing:.06em;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;font-weight:700;box-shadow:0 10px 18px #13161d14}.rhythm-shogi .action-button.resign{color:#fff;background:linear-gradient(#f97316,#ea580c);border-color:#b4530980}.rhythm-shogi .kifu-button{color:var(--board-panel-muted);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px}.rhythm-shogi button:focus-visible{outline-offset:2px;outline:3px solid #ef5b376b}@media (max-width:959px){.rhythm-shogi{--cell-size:clamp(22px, calc((var(--board-frame-width) - 28px) / 9), 54px)}.rhythm-shogi .game-info{grid-template-columns:1fr;justify-items:stretch}.rhythm-shogi .game{align-items:stretch;gap:12px}.rhythm-shogi .game .game{flex-direction:column;align-items:stretch;gap:12px}.rhythm-shogi .game-info-white,.rhythm-shogi .game-info-black{flex-direction:row;justify-content:center;width:100%}.rhythm-shogi .game-board,.rhythm-shogi .mobile-game-board{padding:0}.rhythm-shogi .game-board{width:100%;box-shadow:none;justify-content:center;display:flex}.rhythm-shogi .rhythm-legend,.rhythm-shogi .rhythm-move-bar{width:100%;max-width:100%}.rhythm-shogi .move-count{min-width:0}}@media (prefers-reduced-motion:reduce){.rhythm-shogi .square,.rhythm-shogi .captured,.rhythm-shogi .legend-beat span{transition:none}}