._1nugb0m0{--rh-bg:#f8f8f5;--rh-ink:#2f2218;--rh-muted:#7b6250;--rh-accent:#ed5b37;--rh-accent-soft:#ed5b3733;--rh-teal:#f0b24f;--rh-card:#fffcf7f5;--rh-border:#b079462e;--rh-panel:#ffffffc7;--rh-panel-strong:#f8f3ecf5;background:var(--rh-bg);min-height:100vh;color:var(--rh-ink);flex-direction:column;font-family:Avenir Next Condensed,BIZ UDPGothic,Hiragino Kaku Gothic ProN,sans-serif;display:flex}
._1nugb0m1{flex-direction:column;flex:1;gap:24px;width:100%;max-width:1280px;margin:0 auto;padding:24px 20px 64px;display:flex}
._1nugb0m2{grid-template-columns:1fr;align-items:start;gap:22px;display:grid}
._1nugb0m3{flex-direction:column;gap:16px;display:flex}
._1nugb0m4{background:var(--rh-card);border:1px solid var(--rh-border);color:var(--rh-ink);border-radius:24px;gap:14px;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:0 14px 28px #5f452814}
._1nugb0m4:before{content:"";background:linear-gradient(90deg,#ed5b37eb,#f0b24fb8,#0000);width:100%;height:3px;position:absolute;inset:0 auto auto 0}
._1nugb0m5{letter-spacing:.14em;text-transform:uppercase;color:#7f4b2e;font-size:15px;font-weight:800}
._1nugb0m6{gap:6px;display:grid}
._1nugb0m7{color:#8a6a52;text-transform:uppercase;letter-spacing:.12em;font-size:12px;font-weight:700}
._1nugb0m8{width:100%;color:var(--rh-ink);background:#ffffffeb;border:1px solid #b079462e;border-radius:14px;outline:none;padding:10px 12px;font-size:14px;transition:border-color .2s,box-shadow .2s,background-color .2s}
._1nugb0m8:focus{border-color:var(--rh-accent);box-shadow:0 0 0 3px var(--rh-accent-soft);background:#fff}
._1nugb0ma{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
._1nugb0mb{flex-wrap:wrap;align-items:center;gap:10px;display:flex}
._1nugb0mc{color:#402d21;letter-spacing:.04em;cursor:pointer;background:#ffffffeb;border:1px solid #b079462e;border-radius:999px;justify-content:center;align-items:center;min-height:42px;padding:10px 16px;font-size:13px;font-weight:700;transition:border-color .2s,background-color .2s,box-shadow .2s;display:inline-flex}
._1nugb0mc:hover{background:#fff;border-color:#ed5b3747;box-shadow:0 0 0 3px #ed5b3714}
._1nugb0md{min-width:0;min-height:42px;color:var(--rh-muted);white-space:nowrap;text-overflow:ellipsis;background:#ffffffb8;border:1px solid #b0794629;border-radius:14px;flex:180px;align-items:center;padding:10px 14px;font-size:13px;font-weight:500;line-height:1.4;display:inline-flex;overflow:hidden}
._1nugb0me{flex-wrap:wrap;gap:10px;display:flex}
._1nugb0mf{background:#ffffffb8;border:1px solid #b0794629;border-radius:16px;gap:10px;padding:12px;display:grid}
._1nugb0mg{color:#9c6130;letter-spacing:.06em;font-size:13px;font-weight:700}
._1nugb0mh{grid-template-columns:1fr;gap:10px;display:grid}
._1nugb0mi{color:#ffb4a5;cursor:pointer;background:#ef44441f;border:1px solid #ef444447;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:700}
._1nugb0mj{color:#fff;letter-spacing:.06em;cursor:pointer;background:linear-gradient(135deg,#ff7047,#d53f1f);border:none;border-radius:999px;padding:10px 18px;font-size:13px;font-weight:700;box-shadow:0 14px 28px #d53f1f3d}
._1nugb0mk{color:#402d21;letter-spacing:.04em;cursor:pointer;background:#fffc;border:1px solid #b079462e;border-radius:999px;padding:9px 15px;font-size:13px;font-weight:700}
._1nugb0ml{color:#3f2c1f;cursor:pointer;background:#ffffffd6;border:1px solid #b079462e;border-radius:14px;padding:10px 12px;font-weight:600}
._1nugb0ml[data-active=true]{background:#ed5b3724;border-color:#ed5b3747;box-shadow:0 0 0 3px #ed5b371a}
._1nugb0mm{letter-spacing:.04em;justify-content:center;align-items:center;gap:8px;min-width:128px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s,box-shadow .2s;display:inline-flex}
._1nugb0mm[data-active=true]{color:#7f2f15;box-shadow:none;background:#ed5b3724;border-color:#ed5b376b}
._1nugb0mm[data-active=false]{color:#3f2c1f;box-shadow:none;background:#ffffffd6;border-color:#b079462e}
._1nugb0mn{background:#6b7280;border-radius:999px;width:8px;height:8px}
._1nugb0mn[data-active=true]{background:var(--rh-accent);box-shadow:none}
._1nugb0mn[data-active=false]{box-shadow:none;background:#9ca3af}
._1nugb0mo{width:100%;accent-color:var(--rh-accent)}
._1nugb0mp{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}
._1nugb0mq{color:var(--rh-ink);cursor:pointer;text-align:left;background:#ffffffc7;border:1px solid #b0794629;border-radius:14px;gap:2px;padding:8px 10px;font-size:12px;font-weight:700;display:grid}
._1nugb0mq[data-active=true]{background:#ed5b371f;border-color:#ed5b3757;box-shadow:0 0 0 2px #ed5b371f}
._1nugb0mr{color:var(--rh-muted);font-size:11px;font-weight:500;line-height:1.35}
._1nugb0ms{grid-template-columns:1fr;gap:8px;display:grid}
._1nugb0mt{background:var(--rh-panel);border:1px solid #b0794629;border-radius:18px;width:100%;height:112px;padding:8px}
._1nugb0mu{background:#faf7f2f5;border-radius:12px;width:100%;height:100%;display:block}
._1nugb0mv{flex-wrap:wrap;gap:8px;display:flex}
._1nugb0mw{color:var(--rh-muted);background:#ffffffb8;border:1px solid #b0794629;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700}
._1nugb0mx{gap:16px;display:grid}
._1nugb0my{color:var(--rh-ink);background:#fffcf7f0;border:1px solid #b0794624;border-radius:28px;gap:16px;padding:20px;display:grid;box-shadow:0 14px 28px #5f452814}
._1nugb0mz{color:var(--rh-muted);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:12px;font-size:13px;display:flex}
._1nugb0m10{background:var(--rh-panel);color:var(--rh-ink);border:1px solid #b0794629;border-radius:18px;gap:12px;padding:14px;display:grid}
._1nugb0m11{justify-content:space-between;align-items:center;gap:12px;display:flex}
._1nugb0m12{gap:4px;display:grid}
._1nugb0m13{letter-spacing:.12em;text-transform:uppercase;color:#9c6130;font-size:11px;font-weight:700}
._1nugb0m14{font-size:17px;font-weight:800;line-height:1.25}
._1nugb0m15{color:#fff;letter-spacing:.04em;cursor:pointer;background:linear-gradient(135deg,#f26d4a,#ca3f1f);border:1px solid #ed5b375c;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:10px 18px 10px 12px;font-size:13px;font-weight:700;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s;display:inline-flex;box-shadow:0 12px 24px #ca3f1f2e}
._1nugb0m15:hover{transform:translateY(-1px);box-shadow:0 14px 28px #ca3f1f38}
._1nugb0m15[data-active=true]{background:linear-gradient(135deg,#f2b34f,#d58a1e);border-color:#f2b34f70;box-shadow:0 12px 26px #d58a1e3d}
._1nugb0m16{background:#ffffff38;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:11px;font-weight:800;line-height:1;display:inline-flex}
._1nugb0m17{line-height:1}
._1nugb0m18{letter-spacing:.03em;margin-left:auto;padding:8px 14px 8px 11px;font-size:12px}
._1nugb0m19{gap:8px;display:grid}
._1nugb0m1a{appearance:none;cursor:pointer;background:0 0;width:100%;height:28px;margin:0;padding:0}
._1nugb0m1a::-webkit-slider-runnable-track{background:#5f4b3b24;border-radius:999px;height:6px}
._1nugb0m1a::-webkit-slider-thumb{-webkit-appearance:none;background:var(--rh-accent);border:2px solid #fff;border-radius:999px;width:16px;height:16px;margin-top:-5px;box-shadow:0 4px 12px #e16b4340}
._1nugb0m1a::-moz-range-track{background:#5f4b3b24;border-radius:999px;height:6px}
._1nugb0m1a::-moz-range-progress{background:#e16b4366;border-radius:999px;height:6px}
._1nugb0m1a::-moz-range-thumb{background:var(--rh-accent);border:2px solid #fff;border-radius:999px;width:16px;height:16px;box-shadow:0 4px 12px #e16b4340}
._1nugb0m1a:disabled{cursor:default;opacity:.45}
._1nugb0m1b{color:#9c6130;font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}
._1nugb0m1c{flex-wrap:wrap;gap:8px;display:flex}
._1nugb0m1d{color:var(--rh-muted);letter-spacing:.04em;background:#ffffffb8;border:1px solid #b0794629;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}
._1nugb0m1e{display:none}
._1nugb0m1f{color:var(--rh-muted);font-size:12px;line-height:1.5}
@media (min-width:960px){._1nugb0m2{grid-template-columns:minmax(320px,420px) minmax(0,1fr)}}
@media (min-width:560px){._1nugb0mh,._1nugb0ms{grid-template-columns:1fr 1fr}}
@media (min-width:520px){._1nugb0mp{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:959px){._1nugb0mx{order:-1}._1nugb0my{padding:14px 12px}}
@media (max-width:479px){._1nugb0m11{flex-direction:column;align-items:stretch}}
@media (max-width:640px){._1nugb0m18{margin-left:0}}
.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{border:1px solid var(--board-grid);color:var(--board-ink);text-align:center;cursor:pointer;width:var(--cell-size);height:var(--cell-size);font-weight:700;line-height:1;font-size:clamp(14px, calc(var(--cell-size) * .52), 22px);background:#fff5db05;justify-content:center;align-items:center;margin-top:-1px;margin-right:-1px;padding:0;transition:box-shadow .2s,background .2s;display:inline-flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #fff7e00a}.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);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{outline:none}@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}}