.sound-toggle{background:var(--btn,#00000040);width:36px;min-width:36px;height:36px;color:var(--ink,#fff);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:inline-grid}.sound-toggle svg{width:20px;height:20px}.sound-toggle[aria-pressed=true]{opacity:.7}.sound-toggle:focus-visible{outline:3px solid var(--focus,#ffd54a);outline-offset:2px}:root{--ink:#f3f5f8;--btn:#ffffff1f;--btn-on:#ffd54a;--btn-on-ink:#2b2100;--focus:#ffd54a;--dialog:#fdfdfb;--dialog-ink:#16181a;--bg-a:#1b2a3f;--bg-b:#0c1320;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:radial-gradient(ellipse 90% 70% at 50% 35%, var(--bg-a), var(--bg-b));color:var(--ink);-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;font:14px/1.3 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overflow:hidden}#app.duel{flex-direction:column;align-items:center;gap:6px;height:100dvh;padding:8px 12px 10px;display:flex}.duel-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;display:flex}.group{gap:3px;display:flex}.btn{font:inherit;color:var(--ink);background:var(--btn);cursor:pointer;border:0;border-radius:9px;min-height:34px;padding:7px 12px;box-shadow:inset 0 1px #ffffff1f,0 2px 6px #0000004d}.btn:disabled{opacity:.45;cursor:default}.btn[aria-pressed=true]{background:var(--btn-on);color:var(--btn-on-ink);font-weight:700}.btn:focus-visible,.duel-cell:focus-visible{outline:3px solid var(--focus);outline-offset:1px}.sound-toggle{width:34px;height:34px}.duel-status{text-align:center;text-shadow:0 1px 2px #00000080;min-height:1.4em;margin:0;font-size:15px;font-weight:700}#app.thinking .duel-status:after{content:"";background:var(--btn-on);border-radius:50%;width:10px;height:10px;margin-left:8px;animation:.8s ease-in-out infinite alternate duel-blink;display:inline-block}@keyframes duel-blink{to{opacity:.2;transform:scale(.6)}}.duel-stage{perspective:1400px;flex:1;grid-auto-rows:max-content;align-content:center;place-items:center;row-gap:4px;width:100%;min-height:0;display:grid}.duel-board{--cell:56px;grid-template-columns:repeat(var(--cols), var(--cell));grid-template-rows:repeat(var(--rows), var(--cell));transform-origin:50% 70%;border-radius:12px;display:grid;position:relative;transform:rotateX(14deg)}.duel-cell{width:var(--cell);height:var(--cell);cursor:pointer;background:0 0;border:0;place-items:center;margin:0;padding:0;display:grid;position:relative}.piece{pointer-events:none;border-radius:50%;width:82%;height:82%;display:block;position:relative}.piece.ghost{position:absolute;top:9%;left:9%}.duel-cell.target:after{content:"";pointer-events:none;background:#ffd54acc;border-radius:50%;width:28%;height:28%;position:absolute;box-shadow:0 0 10px #ffd54ae6}.duel-cell.selected .piece,.duel-cell.hint .piece{outline-offset:2px;outline:3px solid #ffd54a;box-shadow:0 0 18px #ffd54ae6}.duel-cell.hint{animation:.7s ease-in-out infinite alternate duel-hint;box-shadow:inset 0 0 0 3px #ffd54acc}@keyframes duel-hint{to{box-shadow:inset 0 0 0 1px #ffd54a66}}.duel-cell.win .piece{animation:.6s ease-in-out infinite alternate duel-win}@keyframes duel-win{to{filter:brightness(1.35);transform:scale(1.08)}}.duel-four .duel-board{padding:calc(var(--cell) * .12);background:linear-gradient(#2f6fe0,#1b4db3);border-radius:18px;transform:none;box-shadow:inset 0 3px #ffffff59,inset 0 -6px #00000040,0 16px 40px #0000008c}.duel-four .duel-cell:before{content:"";background:radial-gradient(circle at 50% 30%,#0b1f4d,#13306e);border-radius:50%;position:absolute;inset:9%;box-shadow:inset 0 4px 8px #0009}.duel-four .disc{z-index:1;box-shadow:inset 0 -5px #00000040,inset 0 3px #ffffff59,0 2px 4px #0006}.duel-four .disc.p1{background:radial-gradient(circle at 38% 32%,#ff8a80,#e53935 55%,#a31515)}.duel-four .disc.p2{background:radial-gradient(circle at 38% 32%,#fff59d,#fbc02d 55%,#c48a00)}.duel-four .disc:after{content:"";border:2px solid #00000024;border-radius:50%;position:absolute;inset:22%}.duel-four .duel-cell.last:before{box-shadow:inset 0 4px 8px #0009,0 0 0 3px #ffffff80}.duel-reversi .duel-board{border:calc(var(--cell) * .18) solid #5b3a1e;background:radial-gradient(at 50% 30%,#2e9a5a,#1a6b3c);border-radius:10px;box-shadow:inset 0 0 20px #00000059,0 18px 40px #0000008c,0 0 0 2px #2d1b0c}.duel-reversi .stone{box-shadow:0 4px #00000059,0 6px 10px #00000059}.duel-reversi .stone.black{background:radial-gradient(circle at 38% 30%,#6b6b6b,#1a1a1a 55%,#000)}.duel-reversi .stone.white{background:radial-gradient(circle at 38% 30%,#fff,#e8e8e8 55%,#b5b5b5)}.duel-reversi .duel-cell.last .stone{outline-offset:-3px;outline:2px solid #ff3c3cd9}.duel-reversi .duel-cell.target:after{box-shadow:none;background:#00000059;width:22%;height:22%}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .duel-board{border:calc(var(--cell) * .2) solid #4a2b12;border-radius:10px;box-shadow:0 18px 40px #0000008c,inset 0 0 0 2px #2c1809}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .square.light{background:linear-gradient(135deg,#f0d9b5,#e3c08f)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .square.dark{background:linear-gradient(135deg,#8b5a2b,#6b4220)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .square.light{cursor:default}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker{box-shadow:0 4px 0 color-mix(in srgb, var(--pc,#7f1212) 70%, black), 0 6px 0 #00000059, 0 10px 14px #00000073, inset 0 2px 0 #ffffff59, inset 0 -2px 3px #00000059}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker:before{content:"";pointer-events:none;background:repeating-conic-gradient(#00000038 0 4deg, transparent 4deg 10deg);border-radius:50%;position:absolute;inset:3%;-webkit-mask:radial-gradient(circle,#0000 66%,#000 67%);mask:radial-gradient(circle,#0000 66%,#000 67%)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker:after{content:"";border-radius:50%;position:absolute;inset:20%;box-shadow:inset 0 2px 3px #00000073,0 1px #ffffff40}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.p1{--pc:#7f1212}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.p2{--pc:#0a0a0a}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.p1{background:radial-gradient(circle at 38% 30%,#ff7b6b,#c62828 60%,#7f1212)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.p2{background:radial-gradient(circle at 38% 30%,#7a7a7a,#262626 60%,#0a0a0a)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.king{box-shadow:0 4px 0 color-mix(in srgb, var(--pc) 70%, black), 0 5px 0 #00000080, 0 9px 0 color-mix(in srgb, var(--pc) 85%, white 5%), 0 11px 0 #00000059, 0 15px 16px #00000073, inset 0 2px 0 #ffffff59;transform:translateY(-5px)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .checker.king:after{content:"♛";font-size:calc(var(--cell) * .4);color:#f7d36b;text-shadow:0 1px #8a6a1a,0 -1px #ffffff80,0 2px 3px #0009;place-items:center;line-height:1;display:grid}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .duel-cell.movable{box-shadow:inset 0 0 0 2px #ffd54a73}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .duel-cell.last{box-shadow:inset 0 0 0 3px #78c8ffe6,inset 0 0 14px #78c8ff8c}.overlay{z-index:20;background:linear-gradient(#0000001f,#0000008c);place-items:end center;padding:16px 16px 28px;display:grid;position:fixed;inset:0}.overlay[hidden]{display:none}.overlay.later{animation:1.1s step-end both duel-later}@keyframes duel-later{0%{visibility:hidden}}.dialog{background:var(--dialog);color:var(--dialog-ink);text-align:center;border-radius:14px;flex-direction:column;gap:10px;max-width:340px;padding:20px 24px;display:flex;box-shadow:0 10px 40px #00000073}.dialog h2{margin:0;font-size:22px}.dialog p{margin:0}.dialog .btn{color:#fff;background:#1d4ed8}@media (max-height:480px){#app.duel{gap:2px;padding:4px 8px}.btn{min-height:28px;padding:4px 9px}.duel-board{transform:none}}@media (max-height:300px) and (min-aspect-ratio:1){#app.duel{grid-template-rows:auto minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);align-items:stretch;gap:2px 6px;padding:4px 6px;display:grid}.duel-bar{flex-flow:column;grid-area:1/1/3;align-self:center;align-items:stretch;gap:2px}.duel-bar .group{flex-direction:column;gap:2px}.duel-bar .btn{min-height:20px;padding:1px 8px;font-size:11px}.duel-bar .sound-toggle{align-self:center;width:22px;height:22px}.duel-status{grid-area:1/2;min-height:0;font-size:12px}.duel-stage{grid-area:2/2}}@media (prefers-reduced-motion:reduce){.duel-cell.hint,.duel-cell.win .piece,#app.thinking .duel-status:after,.overlay.later{animation:none}}.dialog .btn.secondary{color:var(--dialog-ink);background:0 0;box-shadow:inset 0 0 0 1px #0003}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .duel-board,.duel-reversi .duel-board{padding:calc(var(--cell) * .6154);background:url(./checkers-board-V7L-2qkJ.webp) 50%/100% 100% no-repeat;border:0;border-radius:2%;box-shadow:0 22px 44px #0009,0 6px 12px #0006}.duel-reversi .duel-board{background-image:url(./reversi-board-BGLT3RgH.webp)}:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .square.light,:is(.duel-checkers,.duel-dama,.duel-chess,.duel-draughts) .square.dark{background:0 0}.duel-reversi .duel-cell{box-shadow:none}:is(body:has(.duel-checkers),body:has(.duel-dama),body:has(.duel-chess),body:has(.duel-draughts),body:has(.duel-reversi)){background:radial-gradient(70% 55% at 50% 45%,#fff4d624,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#2b1d14,#1a110b)}.duel-dama .square.light{cursor:pointer}.duel-dama .checker.p1{--pc:#8a7d64;background:radial-gradient(circle at 38% 30%,#fff,#efe6d2 58%,#b9a888)}.duel-dama .checker.p1:before{border-color:#78644673}.duel-mangala .duel-board{padding:calc(var(--cell) * .22);border-radius:calc(var(--cell) * .7);grid-template-rows:repeat(2, calc(var(--cell) * 1.2));gap:calc(var(--cell) * .06);background:radial-gradient(80% 60% at 50% 20%,#ffdcaa2e,#0000 70%),repeating-linear-gradient(92deg,#00000012 0 2px,#0000 2px 9px,#ffffff0a 9px 11px,#0000 11px 17px),linear-gradient(#9a6532,#7a4a22 55%,#5e3718);transform:rotateX(10deg);box-shadow:inset 0 2px #ffe6be59,inset 0 -5px #0000004d,0 22px 44px #0009,0 6px 12px #0006}.duel-mangala .duel-cell{height:100%}.duel-mangala .void{display:none}.duel-mangala .store.s1{grid-area:1/1/span 2}.duel-mangala .store.s0{grid-area:1/8/span 2}.duel-mangala .duel-cell:before{content:"";background:radial-gradient(at 50% 65%,#6b3f1b,#3e220c 75%);border-radius:50%;position:absolute;inset:7% 8%;box-shadow:inset 0 7px 12px #000000b3,inset 0 -2px 3px #ffd29640,0 1px #ffe6be40}.duel-mangala .store:before{border-radius:45%/22%;inset:4% 10%}.duel-mangala .piece{border-radius:50%;width:auto;height:auto;position:absolute;inset:7% 8%}.duel-mangala .store .piece{border-radius:45%/22%;inset:4% 10%}.duel-mangala .stone{width:calc(var(--cell) * .2);height:calc(var(--cell) * .2);background:radial-gradient(circle at 35% 30%, #fff 0 8%, var(--sc) 30%, color-mix(in srgb, var(--sc), #000 45%));border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 2px 2px #0000008c,inset 0 -1px 2px #00000059}.duel-mangala .stone.c0{--sc:#e53935}.duel-mangala .stone.c1{--sc:#1e88e5}.duel-mangala .stone.c2{--sc:#43a047}.duel-mangala .stone.c3{--sc:#fdd835}.duel-mangala .stone.c4{--sc:#8e24aa}.duel-mangala .stone.c5{--sc:#fb8c00}.duel-mangala .count{min-width:1.6em;font-size:max(10px, calc(var(--cell) * .2));text-align:center;color:#fff4dc;background:#1e0e04c7;border-radius:9px;padding:0 5px;line-height:1.3;position:absolute;bottom:-9%;left:50%;transform:translate(-50%)}.duel-mangala .store .count{font-size:max(13px, calc(var(--cell) * .32));bottom:2%}.duel-mangala .duel-cell.target:after{display:none}.duel-mangala .duel-cell.target:before{box-shadow:inset 0 7px 12px #000000b3,0 0 0 2px #ffd54abf,0 0 12px #ffd54a73}.duel-mangala .duel-cell.last:before{box-shadow:inset 0 7px 12px #000000b3,0 0 0 3px #78c8ffe6}.duel-mangala .duel-cell.hint .piece{outline:none;box-shadow:0 0 0 3px #ffd54a,0 0 18px #ffd54ae6}.duel-mangala .p1,.duel-mangala .s1{cursor:default}body:has(.duel-mangala){background:radial-gradient(70% 55% at 50% 45%,#fff4d61f,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#23402f,#12241a)}.duel-mangala .duel-board.portrait{grid-template-columns:repeat(2, calc(var(--cell) * 1.25));grid-template-rows:repeat(8, var(--cell));padding:calc(var(--cell) * .2);border-radius:calc(var(--cell) * .6);background:radial-gradient(60% 80% at 30%,#ffdcaa29,#0000 70%),repeating-linear-gradient(2deg,#00000012 0 2px,#0000 2px 9px,#ffffff0a 9px 11px,#0000 11px 17px),linear-gradient(90deg,#9a6532,#7a4a22 55%,#5e3718);transform:none}.duel-mangala .portrait .store.s0{grid-area:1/1/auto/span 2}.duel-mangala .portrait .store.s1{grid-area:8/1/auto/span 2}.duel-mangala .portrait .store:before,.duel-mangala .portrait .store .piece{border-radius:24%/45%;inset:8% 5%}.duel-mangala .portrait .k7{grid-area:2/1}.duel-mangala .portrait .k8{grid-area:3/1}.duel-mangala .portrait .k9{grid-area:4/1}.duel-mangala .portrait .k10{grid-area:5/1}.duel-mangala .portrait .k11{grid-area:6/1}.duel-mangala .portrait .k12{grid-area:7/1}.duel-mangala .portrait .k5{grid-area:2/2}.duel-mangala .portrait .k4{grid-area:3/2}.duel-mangala .portrait .k3{grid-area:4/2}.duel-mangala .portrait .k2{grid-area:5/2}.duel-mangala .portrait .k1{grid-area:6/2}.duel-mangala .portrait .k0{grid-area:7/2}.duel-mangala.toguz .duel-board{padding:calc(var(--cell) * .1);gap:calc(var(--cell) * .02);transform:rotateX(6deg)}.duel-mangala.toguz .store.s0{grid-column:11}.duel-mangala.toguz .stone{width:calc(var(--cell) * .17);height:calc(var(--cell) * .17)}.duel-mangala.toguz .tuz:after{content:"✕";font-size:calc(var(--cell) * .55);place-items:center;font-weight:900;display:grid;position:absolute;inset:0}.duel-mangala.toguz .tuz0:after{color:#ffe082}.duel-mangala.toguz .tuz1:after{color:#ef9a9a}.duel-mangala.toguz .duel-board.portrait{grid-template-rows:repeat(11, var(--cell))}.duel-mangala.toguz .portrait .store{width:100%}.duel-mangala.toguz .portrait .store.s0{grid-area:1/1/auto/span 2}.duel-mangala.toguz .portrait .store.s1{grid-area:11/1/auto/span 2}.duel-mangala.toguz .portrait .t10{grid-area:2/1}.duel-mangala.toguz .portrait .t8{grid-area:2/2}.duel-mangala.toguz .portrait .t11{grid-area:3/1}.duel-mangala.toguz .portrait .t7{grid-area:3/2}.duel-mangala.toguz .portrait .t12{grid-area:4/1}.duel-mangala.toguz .portrait .t6{grid-area:4/2}.duel-mangala.toguz .portrait .t13{grid-area:5/1}.duel-mangala.toguz .portrait .t5{grid-area:5/2}.duel-mangala.toguz .portrait .t14{grid-area:6/1}.duel-mangala.toguz .portrait .t4{grid-area:6/2}.duel-mangala.toguz .portrait .t15{grid-area:7/1}.duel-mangala.toguz .portrait .t3{grid-area:7/2}.duel-mangala.toguz .portrait .t16{grid-area:8/1}.duel-mangala.toguz .portrait .t2{grid-area:8/2}.duel-mangala.toguz .portrait .t17{grid-area:9/1}.duel-mangala.toguz .portrait .t1{grid-area:9/2}.duel-mangala.toguz .portrait .t18{grid-area:10/1}.duel-mangala.toguz .portrait .t0{grid-area:10/2}.duel-morris .duel-board{border:calc(var(--cell) * .35) solid #5a3417;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'><g fill='none' stroke='%233b2410' stroke-width='0.07' stroke-linecap='round'><rect x='0.5' y='0.5' width='6' height='6'/><rect x='1.5' y='1.5' width='4' height='4'/><rect x='2.5' y='2.5' width='2' height='2'/><path d='M3.5 0.5V2.5M3.5 4.5V6.5M0.5 3.5H2.5M4.5 3.5H6.5'/></g></svg>") 50%/100% 100% no-repeat,radial-gradient(80% 70% at 50% 35%,#fff0d240,#0000 70%),repeating-linear-gradient(94deg,#0000000d 0 2px,#0000 2px 9px,#ffffff0d 9px 11px,#0000 11px 19px),linear-gradient(160deg,#e2bd84,#c89a5c 60%,#b0824a);border-radius:12px;transform:rotateX(12deg);box-shadow:inset 0 0 0 2px #00000040,0 20px 40px #0000008c,0 0 0 2px #2c1809}.duel-morris.twelve .duel-board{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'><g fill='none' stroke='%233b2410' stroke-width='0.07' stroke-linecap='round'><rect x='0.5' y='0.5' width='6' height='6'/><rect x='1.5' y='1.5' width='4' height='4'/><rect x='2.5' y='2.5' width='2' height='2'/><path d='M3.5 0.5V2.5M3.5 4.5V6.5M0.5 3.5H2.5M4.5 3.5H6.5M0.5 0.5L2.5 2.5M6.5 0.5L4.5 2.5M0.5 6.5L2.5 4.5M6.5 6.5L4.5 4.5'/></g></svg>"),radial-gradient(80% 70% at 50% 35%,#fff0d240,#0000 70%),repeating-linear-gradient(94deg,#0000000d 0 2px,#0000 2px 9px,#ffffff0d 9px 11px,#0000 11px 19px),linear-gradient(160deg,#e2bd84,#c89a5c 60%,#b0824a)}.duel-morris.three .duel-board{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><g fill='none' stroke='%233b2410' stroke-width='0.045' stroke-linecap='round'><rect x='0.5' y='0.5' width='2' height='2'/><path d='M1.5 0.5V2.5M0.5 1.5H2.5M0.5 0.5L2.5 2.5M2.5 0.5L0.5 2.5'/></g></svg>"),radial-gradient(80% 70% at 50% 35%,#fff0d240,#0000 70%),repeating-linear-gradient(94deg,#0000000d 0 2px,#0000 2px 9px,#ffffff0d 9px 11px,#0000 11px 19px),linear-gradient(160deg,#e2bd84,#c89a5c 60%,#b0824a)}.duel-morris .void{pointer-events:none}.duel-morris .point:before{content:"";background:radial-gradient(circle at 40% 35%,#6b4220,#2c1809);border-radius:50%;width:22%;height:22%;position:absolute;box-shadow:0 1px #ffebc880}.duel-morris .stone{z-index:1;width:70%;height:70%;box-shadow:0 4px #0000004d,0 7px 12px #00000059}.duel-morris .stone:after{content:"";border:2px solid #0000001f;border-radius:50%;position:absolute;inset:20%}.duel-morris .stone.white{background:radial-gradient(circle at 38% 30%,#fff,#efe6d2 58%,#b9a888)}.duel-morris .stone.black{background:radial-gradient(circle at 38% 30%,#7a7a7a,#262626 60%,#0a0a0a)}.duel-morris .stone.black:after{border-color:#ffffff1a}.duel-morris .duel-cell.movable .stone{box-shadow:0 0 0 2px #ffd54a8c,0 4px #0000004d}.duel-morris .duel-cell.last:before{background:#78c8ffd9;width:34%;height:34%;box-shadow:0 0 10px #78c8ffcc}.duel-morris .duel-cell.target:after{width:26%;height:26%}body:has(.duel-morris){background:radial-gradient(70% 55% at 50% 45%,#fff4d624,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#2e3b2a,#151d13)}.duel-morris .duel-cell.target .stone{outline-offset:2px;outline:3px solid #ff5a4f;animation:.7s ease-in-out infinite alternate duel-hint;box-shadow:0 0 14px #ff5a4fcc,0 4px #0000004d}.duel-morris .duel-cell.pending:after{content:"";opacity:.6;z-index:2;background:radial-gradient(circle at 38% 30%,#fff,#efe6d2 58%,#b9a888);border-radius:50%;width:70%;height:70%;position:absolute}.duel-chess .square.light{cursor:pointer}.duel-cell{background-size:100% 100%}.piece.chess{filter:drop-shadow(0 3px 2px #00000073);background:50%/contain no-repeat;border-radius:0;width:90%;height:90%}.piece.chess.ghost{top:5%;left:5%}.piece.chess.wP{background-image:var(--chess-wP)}.piece.chess.bP{background-image:var(--chess-bP)}.piece.chess.wN{background-image:var(--chess-wN)}.piece.chess.bN{background-image:var(--chess-bN)}.piece.chess.wB{background-image:var(--chess-wB)}.piece.chess.bB{background-image:var(--chess-bB)}.piece.chess.wR{background-image:var(--chess-wR)}.piece.chess.bR{background-image:var(--chess-bR)}.piece.chess.wQ{background-image:var(--chess-wQ)}.piece.chess.bQ{background-image:var(--chess-bQ)}.piece.chess.wK{background-image:var(--chess-wK)}.piece.chess.bK{background-image:var(--chess-bK)}.duel-chess .duel-cell.selected .piece,.duel-chess .duel-cell.hint .piece{box-shadow:none;filter:drop-shadow(0 0 6px #ffd54a)drop-shadow(0 3px 2px #00000073);outline:0}.duel-chess .duel-cell.selected{box-shadow:inset 0 0 0 3px #ffd54a}.duel-chess .duel-cell.target:has(.piece:not(.ghost)):after{width:86%;height:86%;box-shadow:none;background:0 0;border:4px solid #ffd54ad9}.duel-cell.alert{box-shadow:inset 0 0 18px 6px #e61e1ed9}.duel-cell.alert .piece{animation:.9s ease-in-out infinite alternate duel-alert}@keyframes duel-alert{to{filter:drop-shadow(0 0 8px #ff3b3b)drop-shadow(0 3px 2px #00000073)}}.duel-stage{position:relative}.duel-choose{z-index:15;background:var(--dialog);border-radius:14px;gap:6px;padding:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 10px 30px #0000008c}.duel-choose[hidden]{display:none}.duel-choice{cursor:pointer;background:#e9dcc3;border:0;border-radius:10px;place-items:center;width:min(18vw,72px);height:min(18vw,72px);padding:0;display:grid}.duel-choice:hover,.duel-choice:focus-visible{background:#ffd54a;outline:0}.duel-choice .piece{width:88%;height:88%}.dialog .note{font-weight:700}@media (prefers-reduced-motion:reduce){.duel-cell.alert .piece{animation:none}}.duel-gomoku .duel-board{--grid:#341e08c7;padding:calc(var(--cell) * .45);box-shadow:inset 0 0 0 2px #ffecbe59, 0 calc(var(--cell) * .3) 0 #8a5a24, 0 calc(var(--cell) * .3 + 2px) 0 #4a2c10, 0 24px 44px #0000008c;background:radial-gradient(80% 70% at 45% 35%,#fff6dc4d,#0000 70%),repeating-linear-gradient(93deg,#78461412 0 3px,#0000 3px 11px,#ffffff0f 11px 13px,#0000 13px 23px),linear-gradient(160deg,#ecc983,#d9ad62 55%,#c4934a);border-radius:10px;transform:rotateX(8deg)}.duel-gomoku .point{--hs:100%;--hp:center;--vs:100%;--vp:center;background:linear-gradient(var(--grid), var(--grid)) var(--hp) / var(--hs) 1.5px no-repeat, linear-gradient(var(--grid), var(--grid)) var(--vp) / 1.5px var(--vs) no-repeat}.duel-gomoku .point.left{--hs:50%;--hp:right center}.duel-gomoku .point.right{--hs:50%;--hp:left center}.duel-gomoku .point.top{--vs:50%;--vp:center bottom}.duel-gomoku .point.bottom{--vs:50%;--vp:center top}.duel-gomoku .point.star:before{content:"";background:#341e08d9;border-radius:50%;width:22%;height:22%;position:absolute}.duel-gomoku .stone{z-index:1;width:90%;height:90%;box-shadow:0 calc(var(--cell) * .06) calc(var(--cell) * .08) #00000073}.duel-gomoku .stone.black{background:radial-gradient(circle at 36% 30%,#6e6e6e,#262626 45%,#050505 80%)}.duel-gomoku .stone.white{background:radial-gradient(circle at 36% 30%,#fff,#f1efe8 50%,#c9c4b6 85%)}.duel-gomoku .duel-cell.last .stone:after{content:"";background:#e53935;border-radius:50%;width:24%;height:24%;position:absolute;top:38%;left:38%;box-shadow:0 0 4px #e53935cc}.duel-gomoku .duel-cell.target:after{display:none}@media (hover:hover){.duel-gomoku .duel-cell.target:hover:after{width:86%;height:86%;box-shadow:none;background:#0a0a0a73;display:block}#app.duel-gomoku[data-turn="1"] .duel-cell.target:hover:after{background:#fff9}}.duel-gomoku .duel-cell.hint{box-shadow:none}.duel-gomoku .duel-cell.hint:after{background:#ffd54ad9;width:70%;height:70%;animation:.6s ease-in-out infinite alternate duel-blink;box-shadow:0 0 12px #ffd54ae6;display:block!important}body:has(.duel-gomoku){background:radial-gradient(70% 55% at 50% 42%,#ffeec81f,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#24332e,#111a17)}.duel-gomoku .duel-cell.win .stone{box-shadow:0 0 0 calc(var(--cell) * .08) #ffd54a, 0 0 calc(var(--cell) * .4) #ffd54ad9}.duel-ultimate .duel-board{--ink-x:#d32f2f;--ink-o:#1e5bc6;--rule:#1e5aaa47;--thick:#2b2d42;padding:calc(var(--cell) * .32);background:linear-gradient(90deg, transparent calc(var(--cell) * .12), #e5393559 calc(var(--cell) * .12), #e5393559 calc(var(--cell) * .14), transparent calc(var(--cell) * .14)), radial-gradient(ellipse 90% 80% at 40% 30%, #ffffff80, transparent 70%), linear-gradient(#fbf8ef, #f1ead6);border-radius:4px;transform:rotateX(6deg)rotate(-.6deg);box-shadow:0 1px #d9d0b8,0 3px #ebe3cc,0 5px #d6ccb1,0 22px 40px #00000080}.duel-ultimate .ucell{box-shadow:inset -1px -1px 0 var(--rule);transition:background-color .2s}.duel-ultimate .ucell.sb-r{border-right:calc(var(--cell) * .08) solid var(--thick)}.duel-ultimate .ucell.sb-b{border-bottom:calc(var(--cell) * .08) solid var(--thick)}.duel-ultimate .duel-cell.target{background-color:#ffd54a52}.duel-ultimate .duel-cell.target:after{display:none}.duel-ultimate .duel-cell.target:hover{background-color:#ffd54a99}.duel-ultimate .duel-cell:has(.won-x){background-color:#d32f2f21}.duel-ultimate .duel-cell:has(.won-o){background-color:#1e5bc621}.duel-ultimate .duel-cell:has(.won-d){background-color:#3c3c3c1a}.duel-ultimate .piece{border-radius:0}.duel-ultimate .fill{visibility:hidden}.duel-ultimate .mark.x{width:70%;height:70%}.duel-ultimate .mark.x:before,.duel-ultimate .mark.x:after{content:"";background:var(--ink-x);border-radius:40% 40% 50% 50%;width:13%;height:112%;position:absolute;top:-6%;left:44%}.duel-ultimate .mark.x:before{transform:rotate(45deg)}.duel-ultimate .mark.x:after{transform:rotate(-45deg)}.duel-ultimate .mark.o{border:calc(var(--cell) * .085) solid var(--ink-o);box-sizing:border-box;border-radius:50%;width:62%;height:62%}.duel-ultimate .duel-cell.last .mark{filter:drop-shadow(0 0 3px #ffaa00e6)}.duel-ultimate .center{visibility:visible;overflow:visible}.duel-ultimate .center.won-x,.duel-ultimate .center.won-o{position:relative}.duel-ultimate .piece.center.won-x:after,.duel-ultimate .piece.center.won-o:after,.duel-ultimate .piece.center.won-x:before{pointer-events:none}.duel-ultimate .duel-cell:has(.center.won-x):before{content:"";z-index:3;pointer-events:none;opacity:.55;background:50%/78% 78% no-repeat;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.duel-ultimate .duel-cell:has(.center.won-o):before{content:"";z-index:3;pointer-events:none;opacity:.55;background:50%/78% 78% no-repeat;width:300%;height:300%;position:absolute;top:-100%;left:-100%}.duel-ultimate .duel-cell:has(.center.won-x):before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><path d='M1.5 1.5L8.5 8.5M8.5 1.5L1.5 8.5' stroke='%23d32f2f' stroke-width='1.3' stroke-linecap='round'/></svg>")}.duel-ultimate .duel-cell:has(.center.won-o):before{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><circle cx='5' cy='5' r='3.6' fill='none' stroke='%231e5bc6' stroke-width='1.1'/></svg>")}.duel-ultimate .duel-cell.win{background-color:#ffd54a59}.duel-ultimate .duel-cell.hint{box-shadow:inset 0 0 0 3px #ffaa00e6}body:has(.duel-ultimate){background:radial-gradient(70% 55% at 50% 42%,#ffecc829,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),repeating-linear-gradient(96deg,#0000000f 0 3px,#0000 3px 14px),linear-gradient(#5a3a22,#2e1c10)}.duel-breakthrough .duel-board{border:calc(var(--cell) * .3) solid #3b2414;box-shadow:inset 0 0 0 2px #00000059, 0 0 0 2px #1d110a, 0 calc(var(--cell) * .18) 0 #24150c, 0 26px 44px #0000008c;border-radius:10px;transform:rotateX(12deg)}.duel-breakthrough .square.light{background:radial-gradient(120% 90% at 30% 20%,#ffffff59,#0000 60%),linear-gradient(135deg,#ece4cf,#d9cfb4)}.duel-breakthrough .square.dark{background:radial-gradient(120% 90% at 30% 20%,#ffffff1f,#0000 60%),linear-gradient(135deg,#6f8a67,#556e50)}.duel-breakthrough .bt{z-index:1;width:74%;height:74%;box-shadow:0 calc(var(--cell) * .07) 0 #00000059, 0 calc(var(--cell) * .1) calc(var(--cell) * .14) #0006}.duel-breakthrough .bt:after{content:"";border-radius:50%;position:absolute;inset:22%}.duel-breakthrough .bt.p1{background:radial-gradient(circle at 36% 30%,#fff,#f0e8d6 50%,#bfae8c)}.duel-breakthrough .bt.p1:after{border:calc(var(--cell) * .04) solid #9678468c;box-shadow:inset 0 1px 2px #00000040}.duel-breakthrough .bt.p2{background:radial-gradient(circle at 36% 30%,#6a6a72,#24242a 50%,#08080a)}.duel-breakthrough .bt.p2:after{border:calc(var(--cell) * .04) solid #d4aa50b3}.duel-breakthrough .duel-cell.movable .bt{box-shadow:0 0 0 2px #ffd54a8c, 0 calc(var(--cell) * .07) 0 #00000059}.duel-breakthrough .duel-cell.last{box-shadow:inset 0 0 0 calc(var(--cell) * .05) #78c8ffb3}.duel-breakthrough .duel-cell.target:has(.piece:not(.ghost)):after{z-index:2;background:0 0;border:4px solid #ff5a4fe6;width:86%;height:86%;box-shadow:0 0 10px #ff5a4fb3}body:has(.duel-breakthrough){background:radial-gradient(70% 55% at 50% 42%,#fff0d21f,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#2b2a33,#131217)}.duel-breakthrough .duel-cell.win{box-shadow:inset 0 0 0 calc(var(--cell) * .07) #ffd54a, inset 0 0 calc(var(--cell) * .4) #ffd54ab3}.duel-foxgeese .duel-board{padding:calc(var(--cell) * .2);box-shadow:inset 0 0 0 2px #fff0d266, 0 calc(var(--cell) * .16) 0 #8f6a3c, 0 calc(var(--cell) * .16 + 2px) 0 #4e3418, 0 24px 44px #00000080;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7'><path d='M2.5 0.5H4.5M2.5 1.5H4.5M0.5 2.5H6.5M0.5 3.5H6.5M0.5 4.5H6.5M2.5 5.5H4.5M2.5 6.5H4.5M0.5 2.5V4.5M1.5 2.5V4.5M2.5 0.5V6.5M3.5 0.5V6.5M4.5 0.5V6.5M5.5 2.5V4.5M6.5 2.5V4.5' fill='none' stroke='%235a3b1c' stroke-width='0.06' stroke-linecap='round'/></svg>") 50%/100% 100% no-repeat content-box content-box,radial-gradient(80% 70% at 40% 30%,#fffaeb66,#0000 70%),repeating-linear-gradient(88deg,#78501e0f 0 2px,#0000 2px 10px,#ffffff12 10px 12px,#0000 12px 21px),linear-gradient(160deg,#f1dfba,#dcc08e 60%,#c9a86f);border-radius:18px;transform:rotateX(12deg)}.duel-foxgeese .void{pointer-events:none}.duel-foxgeese .point:before{content:"";background:radial-gradient(circle at 50% 35%,#3a2512,#6b4a26);border-radius:50%;width:26%;height:26%;position:absolute;box-shadow:inset 0 2px 3px #0009,0 1px #fff5dc99}.duel-foxgeese .goose,.duel-foxgeese .fox{z-index:1;width:78%;height:78%;filter:drop-shadow(0 calc(var(--cell) * .06) calc(var(--cell) * .05) #00000073);background:50%/contain no-repeat;border-radius:50%}.duel-foxgeese .goose{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><defs><radialGradient id='g' cx='38%25' cy='32%25' r='70%25'><stop offset='0' stop-color='%23ffffff'/><stop offset='0.6' stop-color='%23eef0f2'/><stop offset='1' stop-color='%23b9bec6'/></radialGradient></defs><circle cx='20' cy='20' r='18' fill='url(%23g)'/><path d='M20 31 L16.5 37 L23.5 37 Z' fill='%23f39c12' stroke='%23c77c06' stroke-width='0.8'/><circle cx='14.5' cy='22' r='2.1' fill='%23222'/><circle cx='25.5' cy='22' r='2.1' fill='%23222'/><path d='M11 13 Q20 7 29 13' fill='none' stroke='%23d6dade' stroke-width='2'/></svg>")}.duel-foxgeese .fox{background-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><defs><radialGradient id='f' cx='40%25' cy='30%25' r='75%25'><stop offset='0' stop-color='%23ff9a4a'/><stop offset='0.6' stop-color='%23e0661d'/><stop offset='1' stop-color='%23a5400c'/></radialGradient></defs><path d='M6 4 L15 12 L8 16 Z M34 4 L25 12 L32 16 Z' fill='%23a5400c'/><path d='M8 6 L13 12 L9 14 Z M32 6 L27 12 L31 14 Z' fill='%23302018'/><circle cx='20' cy='21' r='16' fill='url(%23f)'/><path d='M6 24 Q12 36 20 37 Q28 36 34 24 Q27 30 20 30 Q13 30 6 24 Z' fill='%23fff7ee'/><circle cx='14' cy='19' r='2' fill='%23221510'/><circle cx='26' cy='19' r='2' fill='%23221510'/><ellipse cx='20' cy='29' rx='2.6' ry='2' fill='%23221510'/></svg>");width:90%;height:90%}.duel-foxgeese .duel-cell.selected .piece,.duel-foxgeese .duel-cell.hint .piece{box-shadow:none;filter:drop-shadow(0 0 6px #ffd54a)drop-shadow(0 3px 2px #00000073);outline:0}.duel-foxgeese .duel-cell.movable .piece{filter:drop-shadow(0 0 3px #ffd54acc)drop-shadow(0 3px 2px #00000073)}.duel-foxgeese .duel-cell.last:before{background:#78c8ffd9;box-shadow:0 0 10px #78c8ffcc}.duel-foxgeese .duel-cell.win .fox{animation:.9s ease-in-out infinite alternate duel-alert}.duel-foxgeese .duel-cell.pending:after{content:"";border:3px dashed #ffd54a;border-radius:50%;width:40%;height:40%;position:absolute}body:has(.duel-foxgeese){background:radial-gradient(70% 55% at 50% 42%,#ebf5ff29,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#00000080),linear-gradient(#3b4a5a,#1b2430)}.duel-tablut .duel-board{border:calc(var(--cell) * .32) solid #3a2515;box-shadow:inset 0 0 0 2px #00000059, 0 0 0 2px #1c1009, 0 calc(var(--cell) * .16) 0 #24160c, 0 26px 44px #0000008c;background:radial-gradient(80% 70% at 40% 30%,#ffecc82e,#0000 70%),repeating-linear-gradient(91deg,#00000012 0 3px,#0000 3px 13px,#ffffff0d 13px 15px,#0000 15px 26px),linear-gradient(160deg,#b48a5a,#9a7044 55%,#84603a);border-radius:8px;transform:rotateX(12deg)}.duel-tablut .tsq{box-shadow:inset -1px -1px #2816088c,inset 1px 1px #ffe6be1f}.duel-tablut .tsq.edge{background-color:#1e100629}.duel-tablut .throne{background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'><circle cx='5' cy='5' r='3.9' fill='none' stroke='%233a2412' stroke-width='0.35'/><path d='M5 1.6V8.4M2.1 3.3L7.9 6.7M7.9 3.3L2.1 6.7' stroke='%233a2412' stroke-width='0.3' stroke-linecap='round'/></svg>") 50%/92% 92% no-repeat,#3c1e0a40}.duel-tablut .tp{z-index:1;width:72%;height:72%;box-shadow:0 calc(var(--cell) * .06) 0 #0006, 0 calc(var(--cell) * .09) calc(var(--cell) * .12) #0006}.duel-tablut .tp:after{content:"";border-radius:50%;position:absolute;inset:20%}.duel-tablut .tp.def{background:radial-gradient(circle at 36% 30%,#fffaf0,#e9dcc0 55%,#b9a37a)}.duel-tablut .tp.def:after{border:calc(var(--cell) * .045) solid #3d6fb5}.duel-tablut .tp.att{background:radial-gradient(circle at 36% 30%,#7d746c,#3c3530 55%,#1c1815)}.duel-tablut .tp.att:after{border:calc(var(--cell) * .045) solid #b8382c}.duel-tablut .tp.king{width:86%;height:86%;box-shadow:0 0 0 calc(var(--cell) * .05) #c99a12, 0 calc(var(--cell) * .07) 0 #0006, 0 calc(var(--cell) * .1) calc(var(--cell) * .14) #00000073;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path d='M9 27 L7 13 L14 19 L20 9 L26 19 L33 13 L31 27 Z' fill='%23e8b923' stroke='%237a5a08' stroke-width='1.4' stroke-linejoin='round'/><rect x='9' y='27' width='22' height='4.5' rx='1.5' fill='%23c99a12' stroke='%237a5a08' stroke-width='1.2'/><circle cx='20' cy='9' r='2' fill='%23d93a3a'/><circle cx='7' cy='13' r='1.6' fill='%233a7bd9'/><circle cx='33' cy='13' r='1.6' fill='%233a7bd9'/></svg>") 50%/70% 70% no-repeat,radial-gradient(circle at 36% 30%,#fffaf0,#eadbb8 55%,#b39a64)}.duel-tablut .tp.king:after{display:none}.duel-tablut .duel-cell.movable .tp{box-shadow:0 0 0 2px #ffd54a99, 0 calc(var(--cell) * .06) 0 #0006}.duel-tablut .duel-cell.last{box-shadow:inset 0 0 0 calc(var(--cell) * .05) #78c8ffb3}.duel-tablut .duel-cell.win{box-shadow:inset 0 0 0 calc(var(--cell) * .07) #ffd54a, inset 0 0 calc(var(--cell) * .4) #ffd54ab3}.duel-tablut .duel-cell.target:has(.piece:not(.ghost)):after{display:none}body:has(.duel-tablut){background:radial-gradient(70% 55% at 50% 42%,#ffdcaa24,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#26312f,#101614)}.duel-dots .duel-board{--t:calc(var(--cell) * .3);grid-template-columns:repeat(5, var(--t) var(--cell)) var(--t);grid-template-rows:repeat(5, var(--t) var(--cell)) var(--t);padding:calc(var(--cell) * .3);background:radial-gradient(90% 80% at 40% 30%,#ffffff8c,#0000 70%),linear-gradient(#fdfaf2,#f1e9d6);border-radius:6px;transform:rotateX(6deg)rotate(.5deg);box-shadow:0 1px #ddd3bb,0 3px #ece4cf,0 5px #d8ceb4,0 22px 40px #00000080}.duel-dots .duel-cell{width:auto;height:auto}.duel-dots .dot:before{content:"";background:radial-gradient(circle at 40% 35%,#4a4f63,#1b1e2b);border-radius:50%;width:130%;height:130%;position:absolute}.duel-dots .edge:before{content:"";background:#28325a1a;border-radius:3px;position:absolute}.duel-dots .edge.h:before{height:22%;left:4%;right:4%}.duel-dots .edge.v:before{width:22%;top:4%;bottom:4%}.duel-dots .duel-cell.target:after{display:none}@media (hover:hover){.duel-dots .edge.target:hover:before{background:#fa09}}.duel-dots .line{background:linear-gradient(#2d3a7a,#1d275a);border-radius:4px;width:auto;height:auto;position:absolute;box-shadow:0 1px 2px #00000059}.duel-dots .edge.h .line{inset:30% -8%}.duel-dots .edge.v .line{inset:-8% 30%}.duel-dots .duel-cell.last .line{background:linear-gradient(#ff9d2e,#e07800);box-shadow:0 0 8px #ff961ecc}.duel-dots .owned{border-radius:4px;width:auto;height:auto;position:absolute;inset:8%}.duel-dots .owned.p1{background:repeating-linear-gradient(45deg,#d32f2f8c 0 4px,#d32f2f59 4px 8px)}.duel-dots .owned.p2{background:repeating-linear-gradient(-45deg,#1e5bc68c 0 4px,#1e5bc659 4px 8px)}.duel-dots .duel-cell.hint:before{background:#ffd54af2!important}.duel-dots .duel-cell.hint{box-shadow:none}body:has(.duel-dots){background:radial-gradient(70% 55% at 50% 42%,#ffecc829,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#2c3b52,#141c29)}.duel-hex .duel-board{grid-template-rows:repeat(11, calc(var(--cell) * .866));padding:calc(var(--cell) * .35) calc(var(--cell) * 5.35) calc(var(--cell) * .6) calc(var(--cell) * .35);background:radial-gradient(80% 70% at 40% 30%,#ffffff12,#0000 70%),linear-gradient(160deg,#2b3340,#1a1f28);border-radius:16px;transform:rotateX(8deg);box-shadow:inset 0 0 0 2px #ffffff0f,0 24px 44px #0000008c}.duel-hex .duel-cell{height:calc(var(--cell) * 1.155);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:#11151c;align-self:start}.duel-hex .r1{left:calc(var(--cell) * .5)}.duel-hex .r2{left:calc(var(--cell) * 1)}.duel-hex .r3{left:calc(var(--cell) * 1.5)}.duel-hex .r4{left:calc(var(--cell) * 2)}.duel-hex .r5{left:calc(var(--cell) * 2.5)}.duel-hex .r6{left:calc(var(--cell) * 3)}.duel-hex .r7{left:calc(var(--cell) * 3.5)}.duel-hex .r8{left:calc(var(--cell) * 4)}.duel-hex .r9{left:calc(var(--cell) * 4.5)}.duel-hex .r10{left:calc(var(--cell) * 5)}.duel-hex .hexc:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 40% 30%,#f3ecdc,#ddd1b8);position:absolute;inset:5%}.duel-hex .hexc.er:before{background:radial-gradient(circle at 40% 30%,#f6d6d2,#e2aaa3)}.duel-hex .hexc.eb:before{background:radial-gradient(circle at 40% 30%,#d6e2f6,#a7bde2)}.duel-hex .hexc.er.eb:before{background:linear-gradient(135deg,#e2aaa3 50%,#a7bde2 50%)}.duel-hex .duel-cell.target:after{display:none}@media (hover:hover){.duel-hex .hexc.target:hover:before{background:#ffe082}}.duel-hex .hs{z-index:1;width:72%;height:62%;box-shadow:0 calc(var(--cell) * .05) calc(var(--cell) * .08) #00000073}.duel-hex .hs.red{background:radial-gradient(circle at 36% 30%,#ff8a80,#d32f2f 55%,#8e1414)}.duel-hex .hs.blue{background:radial-gradient(circle at 36% 30%,#90caf9,#1e5bc6 55%,#0d2f73)}.duel-hex .duel-cell.last .hs{outline:calc(var(--cell) * .05) solid #ffe082f2;outline-offset:calc(var(--cell) * -.02)}.duel-hex .duel-cell.win .hs{box-shadow:0 0 0 calc(var(--cell) * .06) #ffd54a, 0 0 calc(var(--cell) * .35) #ffd54ae6}.duel-hex .duel-cell.hint{box-shadow:none;animation:none}.duel-hex .duel-cell.hint:before{animation:.6s ease-in-out infinite alternate duel-blink;background:#ffd54a!important}body:has(.duel-hex){background:radial-gradient(70% 55% at 50% 42%,#c8dcff1a,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#262b33,#101318)}.duel-hex .duel-board.rot{transform-origin:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(90deg)}.duel-amazons .duel-board{border:calc(var(--cell) * .28) solid #3b2a14;box-shadow:inset 0 0 0 2px #d4aa508c, 0 0 0 2px #1c1209, 0 calc(var(--cell) * .16) 0 #241608, 0 26px 44px #0000008c;border-radius:10px;transform:rotateX(12deg)}.duel-amazons .square.light{background:radial-gradient(120% 90% at 30% 20%,#ffffff4d,#0000 60%),linear-gradient(135deg,#efe7d2,#ddd2b6)}.duel-amazons .square.dark{background:radial-gradient(120% 90% at 30% 20%,#ffffff1f,#0000 60%),linear-gradient(135deg,#3f7f6a,#2c6250)}.duel-amazons .arrow{width:100%;height:100%;box-shadow:inset 0 0 calc(var(--cell) * .2) #0009;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'><path d='M8 32 L32 8' stroke='%235a3a1a' stroke-width='3' stroke-linecap='round'/><path d='M32 8 L24 9 L31 16 Z' fill='%23c0c4cc' stroke='%23585c66' stroke-width='1'/><path d='M8 32 L6 26 L11 29 Z M8 32 L14 34 L11 29 Z' fill='%23d64545'/></svg>") 50%/72% 72% no-repeat,radial-gradient(circle,#281408bf,#190c04e6);border-radius:0;animation:.35s ease-out duel-arrow}@keyframes duel-arrow{0%{opacity:0;transform:scale(1.6)rotate(-20deg)}}.duel-amazons .duel-cell.last .arrow{box-shadow:inset 0 0 0 calc(var(--cell) * .05) #ff8c28e6, inset 0 0 calc(var(--cell) * .3) #ff781e99}.duel-amazons .duel-cell.last .amazon{filter:drop-shadow(0 0 5px #78c8ffe6)drop-shadow(0 3px 2px #00000073)}.duel-amazons .duel-cell.movable .amazon{filter:drop-shadow(0 0 4px #ffd54ae6)drop-shadow(0 3px 2px #00000073)}.duel-amazons .duel-cell.pending{box-shadow:inset 0 0 0 calc(var(--cell) * .07) #ffd54a}.duel-amazons .duel-cell.selected .piece,.duel-amazons .duel-cell.hint .piece{box-shadow:none;filter:drop-shadow(0 0 6px #ffd54a)drop-shadow(0 3px 2px #00000073);outline:0}body:has(.duel-amazons){background:radial-gradient(70% 55% at 50% 42%,#dcffeb1a,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#1f2e2a,#0e1514)}@media (prefers-reduced-motion:reduce){.duel-amazons .arrow{animation:none}}.duel-xiangqi .duel-board{border:calc(var(--cell) * .3) solid #5b3417;box-shadow:inset 0 0 0 2px #0003, 0 0 0 2px #2f1a0b, 0 calc(var(--cell) * .16) 0 #3a2210, 0 26px 44px #0000008c;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'><path d='M0.5 0.5H8.5M0.5 1.5H8.5M0.5 2.5H8.5M0.5 3.5H8.5M0.5 4.5H8.5M0.5 5.5H8.5M0.5 6.5H8.5M0.5 7.5H8.5M0.5 8.5H8.5M0.5 9.5H8.5M0.5 0.5V9.5M1.5 0.5V4.5M1.5 5.5V9.5M2.5 0.5V4.5M2.5 5.5V9.5M3.5 0.5V4.5M3.5 5.5V9.5M4.5 0.5V4.5M4.5 5.5V9.5M5.5 0.5V4.5M5.5 5.5V9.5M6.5 0.5V4.5M6.5 5.5V9.5M7.5 0.5V4.5M7.5 5.5V9.5M8.5 0.5V9.5M3.5 0.5L5.5 2.5M5.5 0.5L3.5 2.5M3.5 7.5L5.5 9.5M5.5 7.5L3.5 9.5' fill='none' stroke='%235a3418' stroke-width='0.05' stroke-linecap='round'/><text x='2.5' y='5.16' font-size='0.55' text-anchor='middle' fill='%235a3418' font-family='serif'>楚 河</text><text x='6.5' y='5.16' font-size='0.55' text-anchor='middle' fill='%235a3418' font-family='serif'>漢 界</text></svg>") 50%/100% 100% no-repeat,radial-gradient(80% 70% at 45% 35%,#fff6dc4d,#0000 70%),repeating-linear-gradient(92deg,#7846140f 0 3px,#0000 3px 12px,#ffffff0f 12px 14px,#0000 14px 24px),linear-gradient(160deg,#f0cf8f,#ddb26a 55%,#cb9a52);border-radius:10px;transform:rotateX(10deg)}.duel-xiangqi .xq{z-index:1;width:86%;height:86%;box-shadow:inset 0 0 0 calc(var(--cell) * .04) #a87a3c, 0 calc(var(--cell) * .06) 0 #7a5424, 0 calc(var(--cell) * .1) calc(var(--cell) * .12) #00000073;background:radial-gradient(circle at 38% 30%,#fff8e6,#f1dcae 55%,#c9a466);place-items:center;display:grid}.duel-xiangqi .xq:before{content:"";border:calc(var(--cell) * .025) solid currentColor;opacity:.7;border-radius:50%;position:absolute;inset:11%}.duel-xiangqi .xq:after{font:700 calc(var(--cell) * .5) / 1 "Kaiti", "KaiTi", "STKaiti", "Noto Serif CJK SC", "Source Han Serif", "Microsoft YaHei", "PingFang SC", serif}.duel-xiangqi .xq.red{color:#b3261e}.duel-xiangqi .xq.black{color:#1e1e24}.duel-xiangqi .xq.red.general:after{content:"帥"}.duel-xiangqi .xq.red.advisor:after{content:"仕"}.duel-xiangqi .xq.red.elephant:after{content:"相"}.duel-xiangqi .xq.red.horse:after{content:"傌"}.duel-xiangqi .xq.red.chariot:after{content:"俥"}.duel-xiangqi .xq.red.cannon:after{content:"炮"}.duel-xiangqi .xq.red.soldier:after{content:"兵"}.duel-xiangqi .xq.black.general:after{content:"將"}.duel-xiangqi .xq.black.advisor:after{content:"士"}.duel-xiangqi .xq.black.elephant:after{content:"象"}.duel-xiangqi .xq.black.horse:after{content:"馬"}.duel-xiangqi .xq.black.chariot:after{content:"車"}.duel-xiangqi .xq.black.cannon:after{content:"砲"}.duel-xiangqi .xq.black.soldier:after{content:"卒"}.duel-xiangqi .duel-cell.movable .xq{box-shadow:0 0 0 2px #ffd54ab3, inset 0 0 0 calc(var(--cell) * .04) #a87a3c, 0 calc(var(--cell) * .06) 0 #7a5424}.duel-xiangqi .duel-cell.last:before{content:"";width:96%;height:96%;box-shadow:0 0 0 calc(var(--cell) * .04) #3c8ce6bf;border-radius:50%;position:absolute}.duel-xiangqi .duel-cell.target:has(.piece:not(.ghost)):after{width:96%;height:96%;box-shadow:none;z-index:2;background:0 0;border:3px solid #dc3228d9}.duel-xiangqi .duel-cell.alert{box-shadow:none}.duel-xiangqi .duel-cell.alert .xq{box-shadow:0 0 0 calc(var(--cell) * .06) #e53935, 0 0 calc(var(--cell) * .4) #e53935e6}body:has(.duel-xiangqi){background:radial-gradient(70% 55% at 50% 42%,#ffdcaa24,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0000008c),linear-gradient(#3a1c18,#170c0a)}.duel-go .duel-board{--grid:#281606d9;padding:calc(var(--cell) * .5);box-shadow:inset 0 0 0 2px #ffe6b44d, 0 calc(var(--cell) * .35) 0 #7a4c1e, 0 calc(var(--cell) * .35 + 2px) 0 #3e240c, 0 26px 46px #0009;background:radial-gradient(80% 70% at 45% 35%,#fff0c838,#0000 70%),repeating-linear-gradient(90deg,#6e3c0f14 0 2px,#0000 2px 9px,#ffffff0d 9px 10px,#0000 10px 19px),linear-gradient(160deg,#deb46c,#c9984f 55%,#b5843e);border-radius:8px;transform:rotateX(9deg)}.duel-go .point{--hs:100%;--hp:center;--vs:100%;--vp:center;background:linear-gradient(var(--grid), var(--grid)) var(--hp) / var(--hs) 1.5px no-repeat, linear-gradient(var(--grid), var(--grid)) var(--vp) / 1.5px var(--vs) no-repeat}.duel-go .point.left{--hs:50%;--hp:right center}.duel-go .point.right{--hs:50%;--hp:left center}.duel-go .point.top{--vs:50%;--vp:center bottom}.duel-go .point.bottom{--vs:50%;--vp:center top}.duel-go .point.star:before{content:"";background:#281606e6;border-radius:50%;width:16%;height:16%;position:absolute}.duel-go .stone{z-index:1;width:92%;height:92%;box-shadow:0 calc(var(--cell) * .05) calc(var(--cell) * .08) #00000080}.duel-go .stone.black{background:radial-gradient(circle at 35% 28%,#5d6168,#23262b 45%,#0b0c0e 80%)}.duel-go .stone.white{background:radial-gradient(circle at 35% 28%,#fff,#f2f0ea 45%,#cfcabd 85%),repeating-linear-gradient(20deg,#00000008 0 2px,#0000 2px 5px)}.duel-go .duel-cell.last .stone:after{content:"";border:calc(var(--cell) * .05) solid #e53935;box-sizing:border-box;border-radius:50%;width:40%;height:40%;position:absolute;top:30%;left:30%}.duel-go .duel-cell.target:after{display:none}@media (hover:hover){.duel-go .duel-cell.target:hover:after{width:88%;height:88%;box-shadow:none;background:#0a0a0a66;display:block}#app.duel-go[data-turn="1"] .duel-cell.target:hover:after{background:#fff9}}.duel-go .duel-cell.hint{box-shadow:none}.duel-go .duel-cell.hint:after{background:#ffd54ae6;width:60%;height:60%;animation:.6s ease-in-out infinite alternate duel-blink;box-shadow:0 0 12px #ffd54ae6;display:block!important}body:has(.duel-go){background:radial-gradient(70% 55% at 50% 42%,#ffe6be1f,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2a2620,#12100c)}.duel-seat{--cell:22px;color:#fff;text-shadow:0 1px 2px #00000080;opacity:.5;border-radius:999px;justify-content:center;align-items:center;gap:8px;min-height:28px;padding:2px 14px;font-size:14px;font-weight:700;transition:opacity .25s,box-shadow .25s,background-color .25s;display:flex}.duel-seat.active{opacity:1;background:#ffd54a24;box-shadow:inset 0 0 0 2px #ffd54a,0 0 14px #ffd54a59}.duel-seat.winner{opacity:1;background:#ffd54a40;box-shadow:inset 0 0 0 2px #ffd54a}.duel-seat .piece{flex:none;width:22px;height:22px;position:relative;inset:auto}.duel-seat .piece.chess{filter:drop-shadow(0 0 2px #ffffffbf)drop-shadow(0 1px 1px #0009)}.duel-seat.bottom{margin-top:12px}.duel-seat .seat-name{white-space:nowrap}.duel-dots .duel-seat .ds{border-radius:50%;box-shadow:0 1px 3px #0006}.duel-dots .duel-seat .ds.p1{background:linear-gradient(#ef5350,#c62828)}.duel-dots .duel-seat .ds.p2{background:linear-gradient(#64b5f6,#1e5bc6)}.duel-ultimate .duel-seat .mark{width:18px;height:18px}@media (pointer:coarse) and (orientation:portrait){.friend .duel-seat.top{transform:rotate(180deg)}}@media (max-height:480px){.duel-seat{display:none}}.rot-board .duel-seat{display:none}.duel-seat .seat-hand{gap:4px;margin-left:4px;display:flex}.duel-seat .seat-hand:empty{display:none}.hand-chip{color:#fff;font:inherit;cursor:pointer;background:#ffffff1f;border:0;border-radius:8px;align-items:center;gap:2px;padding:1px 5px 1px 2px;font-size:12px;font-weight:700;display:inline-flex}.hand-chip:disabled{cursor:default;opacity:.8}.hand-chip.selected{background:#ffd54a59;box-shadow:inset 0 0 0 2px #ffd54a}.hand-chip .piece{width:20px;height:20px}.friend .duel-seat.top .hand-chip .piece.sg.white{transform:none}.duel-minishogi .duel-board{padding:calc(var(--cell) * .22);box-shadow:inset 0 0 0 2px #0003, 0 0 0 2px #2f1a0b, 0 calc(var(--cell) * .18) 0 #3a2210, 0 26px 44px #0000008c;background:radial-gradient(80% 70% at 45% 35%,#fff6dc4d,#0000 70%),repeating-linear-gradient(92deg,#78461412 0 3px,#0000 3px 12px,#ffffff0f 12px 14px,#0000 14px 24px),linear-gradient(160deg,#f1d79b,#dcb46c 55%,#c9984f);border-radius:8px;transform:rotateX(9deg)}.duel-minishogi .sgc{background:#fffaeb14;box-shadow:inset 0 0 0 1px #3c230abf}.duel-minishogi .duel-cell.target:after{width:26%;height:26%}.duel-minishogi .sg{clip-path:polygon(50% 0,93% 24%,84% 100%,16% 100%,7% 24%);filter:drop-shadow(0 2px 2px #00000073);background:linear-gradient(#fff2c9,#f0cf86 70%,#d9ab5a);border-radius:0;place-items:center;width:78%;height:84%;display:grid;position:relative}.duel-minishogi .sg:after{font:700 calc(var(--cell) * .42) / 1 "Yu Mincho", "Hiragino Mincho ProN", "MS Mincho", "Noto Serif CJK JP", "Noto Serif JP", serif;color:#1c1409;padding-top:calc(var(--cell) * .12)}.duel-minishogi .sg.white{transform:rotate(180deg)}.duel-minishogi .sg.promoted:after{color:#b3261e}.duel-minishogi .sg.black.king:after{content:"王"}.duel-minishogi .sg.white.king:after{content:"玉"}.duel-minishogi .sg.gold:after{content:"金"}.duel-minishogi .sg.silver:after{content:"銀"}.duel-minishogi .sg.bishop:after{content:"角"}.duel-minishogi .sg.rook:after{content:"飛"}.duel-minishogi .sg.pawn:after{content:"歩"}.duel-minishogi .sg.psilver:after{content:"全"}.duel-minishogi .sg.horse:after{content:"馬"}.duel-minishogi .sg.dragon:after{content:"龍"}.duel-minishogi .sg.tokin:after{content:"と"}.duel-minishogi .duel-cell.selected .sg,.duel-minishogi .duel-cell.hint .sg{box-shadow:none;filter:drop-shadow(0 0 6px #ffd54a)drop-shadow(0 2px 2px #00000073);outline:0}.duel-minishogi .duel-cell.movable .sg{filter:drop-shadow(0 0 3px #ffd54acc)drop-shadow(0 2px 2px #00000073)}.duel-minishogi .duel-cell.alert .sg{filter:drop-shadow(0 0 7px #e53935)drop-shadow(0 2px 2px #00000073)}.duel-minishogi .duel-cell.last{background:#ffd54a38}.duel-minishogi .duel-choice .sg{width:70%;height:76%}.duel-seat .piece.sg,.hand-chip .piece.sg{width:18px;height:20px}body:has(.duel-minishogi){background:radial-gradient(70% 55% at 50% 42%,#ffe6be1a,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2b2320,#15100d)}.duel-halma .duel-board{padding:calc(var(--cell) * .2);box-shadow:inset 0 0 0 2px #00000059, 0 0 0 2px #1d1008, 0 calc(var(--cell) * .16) 0 #241408, 0 26px 44px #0000008c;background:radial-gradient(80% 70% at 45% 35%,#ffe6c81f,#0000 70%),linear-gradient(160deg,#5a3a22,#3f2716 60%,#2d1a0e);border-radius:10px;gap:1px;transform:rotateX(10deg)}.duel-halma .hq{border-radius:3px}.duel-halma .hq.l{background:#ffeccd2e}.duel-halma .hq.d{background:#ffeccd1a}.duel-halma .hq.camp0{background:#ef53504d;box-shadow:inset 0 0 0 1px #ff8a8059}.duel-halma .hq.camp1{background:#42a5f54d;box-shadow:inset 0 0 0 1px #90caf959}.duel-halma .hm{z-index:1;width:76%;height:76%;box-shadow:0 calc(var(--cell) * .06) calc(var(--cell) * .08) #00000080, inset 0 -3px 5px #00000040}.duel-halma .hm.p1{background:radial-gradient(circle at 36% 30%,#ffb3ad,#e53935 55%,#8e1414)}.duel-halma .hm.p2{background:radial-gradient(circle at 36% 30%,#bbdefb,#1e88e5 55%,#0d3f7a)}.duel-halma .duel-cell.last{box-shadow:inset 0 0 0 2px #ffd54acc}.duel-halma .duel-cell.target:after{width:30%;height:30%}.duel-halma .duel-cell.win .hm{box-shadow:0 0 0 calc(var(--cell) * .06) #ffd54a, 0 0 calc(var(--cell) * .35) #ffd54ae6}.duel-seat .piece.hm,.hand-chip .piece.hm{width:18px;height:18px}@media (max-height:480px){.duel-halma .duel-board{transform:none}}body:has(.duel-halma){background:radial-gradient(70% 55% at 50% 42%,#ffdcb414,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#262018,#110d09)}.duel-draughts .checker{width:84%;height:84%}.duel-draughts .duel-board{border:calc(var(--cell) * .3) solid #4a2b12;background:linear-gradient(160deg,#6a4324,#4a2b12 60%,#3a2110);border-radius:8px;gap:0;padding:0;box-shadow:inset 0 0 0 2px #2c1809,0 22px 44px #0009,0 6px 12px #0006}.duel-draughts .square.light{background:radial-gradient(120% 90% at 30% 20%,#ffffff4d,#0000 60%),linear-gradient(135deg,#f0d9b5,#e3c08f)}.duel-draughts .square.dark{background:radial-gradient(120% 90% at 30% 20%,#ffffff1a,#0000 60%),linear-gradient(135deg,#8b5a2b,#6b4220)}.duel-twist .duel-board{padding:calc(var(--cell) * .22);box-shadow:inset 0 0 0 2px #00000059, 0 0 0 2px #0f1326, 0 calc(var(--cell) * .16) 0 #121731, 0 26px 44px #0000008c;background:radial-gradient(80% 70% at 45% 35%,#fff0dc24,#0000 70%),linear-gradient(160deg,#35406b,#222a4a 60%,#171c33);border-radius:12px;gap:0;transform:rotateX(8deg)}.duel-twist .tq{background:linear-gradient(160deg,#6b7bb8,#4e5c94) padding-box content-box;box-shadow:inset 0 0 0 1px #00000040}.duel-twist .tq.qtl,.duel-twist .tq.qbr{background:linear-gradient(160deg,#7a8bc9,#5a68a5) padding-box content-box}.duel-twist .tq.qtr,.duel-twist .tq.qbl{margin-left:0}.duel-twist .duel-cell:nth-child(6n+4){margin-left:calc(var(--cell) * .12)}.duel-twist .duel-cell:nth-child(n+19):nth-child(-n+24){margin-top:calc(var(--cell) * .12)}.duel-twist .duel-board{grid-template-columns:repeat(3, var(--cell)) calc(var(--cell) * 1.12) repeat(2, var(--cell));grid-template-rows:repeat(3, var(--cell)) calc(var(--cell) * 1.12) repeat(2, var(--cell))}.duel-twist .duel-cell:nth-child(6n+4){width:calc(var(--cell) * 1.12);padding-left:calc(var(--cell) * .12);box-sizing:border-box;margin-left:0}.duel-twist .duel-cell:nth-child(n+19):nth-child(-n+24){height:calc(var(--cell) * 1.12);padding-top:calc(var(--cell) * .12);box-sizing:border-box;margin-top:0}.duel-twist .stone{z-index:1;width:78%;height:78%;box-shadow:0 calc(var(--cell) * .06) calc(var(--cell) * .08) #00000080}.duel-twist .stone.black{background:radial-gradient(circle at 36% 30%,#6e6e6e,#262626 45%,#050505 80%)}.duel-twist .stone.white{background:radial-gradient(circle at 36% 30%,#fff,#f1efe8 50%,#c9c4b6 85%)}.duel-twist .duel-cell.target:after{display:none}.duel-twist .duel-cell.target:hover{box-shadow:inset 0 0 0 2px #ffd54a99}.duel-twist .duel-cell.last .stone{outline:calc(var(--cell) * .05) solid #ffe082f2;outline-offset:calc(var(--cell) * -.02)}.duel-twist .duel-cell.win .stone{box-shadow:0 0 0 calc(var(--cell) * .06) #ffd54a, 0 0 calc(var(--cell) * .35) #ffd54ae6}.duel-twist .duel-choose{grid-template-columns:repeat(4,auto);gap:6px;display:grid;top:auto;bottom:2%;transform:translate(-50%)}.duel-twist .duel-choose[hidden]{display:none}.duel-twist .duel-choice{width:min(16vw,64px);height:min(16vw,64px)}.piece.twist{background:0 0;border-radius:6px;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:2px;width:80%;height:80%;display:grid;position:relative}.piece.twist:before{content:"";background:repeating-linear-gradient(0deg,#0000 0 46%,#00000040 46% 54%,#0000 54% 100%),repeating-linear-gradient(90deg,#0000 0 46%,#00000040 46% 54%,#0000 54% 100%),#cfd6ee;border-radius:6px;grid-area:1/1/3/3}.piece.twist:after{content:"↻";color:#1d2446;background:#ffd54a;border-radius:4px;place-items:center;width:50%;height:50%;font:900 20px/1 system-ui,sans-serif;display:grid;position:absolute}.piece.twist.ccw:after{content:"↺"}.piece.twist.tl:after{top:0;left:0}.piece.twist.tr:after{top:0;right:0}.piece.twist.bl:after{bottom:0;left:0}.piece.twist.br:after{bottom:0;right:0}.piece.twist.none:after{content:"★";top:25%;left:25%}body:has(.duel-twist){background:radial-gradient(70% 55% at 50% 42%,#788ce61f,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#1b2038,#0c0f1c)}.duel-twist .duel-cell.pending:before{content:"";opacity:.55;background:radial-gradient(circle at 36% 30%,#6e6e6e,#262626 45%,#050505 80%);border-radius:50%;width:78%;height:78%;position:absolute;box-shadow:0 0 0 3px #ffd54a}.duel-twist[data-turn="1"] .duel-cell.pending:before{background:radial-gradient(circle at 36% 30%,#fff,#f1efe8 50%,#c9c4b6 85%)}.duel-wall .duel-board{--t:calc(var(--cell) * .3);grid-template-columns:repeat(8, var(--cell) var(--t)) var(--cell);grid-template-rows:repeat(8, var(--cell) var(--t)) var(--cell);padding:calc(var(--cell) * .28);box-shadow:inset 0 0 0 2px #00000040, 0 0 0 2px #3a2410, 0 calc(var(--cell) * .16) 0 #4a2f16, 0 26px 44px #0000008c;background:radial-gradient(80% 70% at 45% 35%,#fff6dc40,#0000 70%),repeating-linear-gradient(92deg,#78461412 0 3px,#0000 3px 12px,#ffffff0f 12px 14px,#0000 14px 24px),linear-gradient(160deg,#caa06a,#ad8552 60%,#91683b);border-radius:10px;transform:rotateX(8deg)}.duel-wall .duel-cell{width:auto;height:auto}.duel-wall .sq{background:radial-gradient(120% 90% at 30% 20%,#ffffff4d,#0000 60%),linear-gradient(135deg,#e7c48f,#d2a86c);border-radius:4px;box-shadow:inset 0 0 0 1px #502d0a59,0 1px #ffffff40}.duel-wall .gh,.duel-wall .gv,.duel-wall .gx{background:#3c230a38}.duel-wall .duel-cell.target:after{display:none}.duel-wall .sq.target:after{width:32%;height:32%;display:block}@media (hover:hover){.duel-wall .gx.target:hover{background:#ffd54ab3}}.duel-wall .wall{background:linear-gradient(#6b3f1d,#4a2a12);border-radius:3px;width:auto;height:auto;position:absolute;box-shadow:0 2px 3px #00000073,inset 0 1px #ffdcb44d}.duel-wall .wall.h{inset:14% -4%}.duel-wall .wall.v{inset:-4% 14%}.duel-wall .wall.x.h{left:-20%;right:-20%}.duel-wall .wall.x.v{top:-20%;bottom:-20%}.duel-wall .duel-cell.last .wall{background:linear-gradient(#ffb74d,#ef8f12)}.duel-wall .wp{z-index:2;width:76%;height:76%;box-shadow:0 calc(var(--cell) * .06) calc(var(--cell) * .08) #00000080, inset 0 -3px 5px #00000040}.duel-wall .wp.p1{background:radial-gradient(circle at 36% 30%,#ffb3ad,#e53935 55%,#8e1414)}.duel-wall .wp.p2{background:radial-gradient(circle at 36% 30%,#bbdefb,#1e88e5 55%,#0d3f7a)}.duel-wall .duel-cell.win .wp{box-shadow:0 0 0 calc(var(--cell) * .06) #ffd54a, 0 0 calc(var(--cell) * .35) #ffd54ae6}.duel-wall .duel-cell.pending{background:#ffd54ad9}.duel-wall .duel-choose{top:auto;bottom:2%;transform:translate(-50%)}.piece.wallpick{background:#cfd6ee;border-radius:6px;width:80%;height:80%;position:relative}.piece.wallpick:after{content:"";background:linear-gradient(#6b3f1d,#4a2a12);border-radius:3px;position:absolute}.piece.wallpick.h:after{inset:42% 8%}.piece.wallpick.v:after{inset:8% 42%}.duel-seat .piece.wp{width:18px;height:18px}body:has(.duel-wall){background:radial-gradient(70% 55% at 50% 42%,#ffe6be1a,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2a2420,#14100c)}.duel-marble .duel-board{grid-template-rows:repeat(9, calc(var(--cell) * .866));padding:calc(var(--cell) * .35) calc(var(--cell) * .35) calc(var(--cell) * .6);background:radial-gradient(80% 70% at 40% 30%,#ffffff12,#0000 70%),linear-gradient(160deg,#3a2f2a,#221b18);border-radius:50%/18%;overflow:hidden;transform:rotateX(8deg);box-shadow:inset 0 0 0 2px #ffffff0f,0 24px 44px #0000008c}.duel-marble .duel-cell{height:calc(var(--cell) * 1.155);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:0 0;align-self:start}.duel-marble .void{opacity:0;pointer-events:none}.duel-marble .r0{left:calc(var(--cell) * -2)}.duel-marble .r1{left:calc(var(--cell) * -1.5)}.duel-marble .r2{left:calc(var(--cell) * -1)}.duel-marble .r3{left:calc(var(--cell) * -.5)}.duel-marble .r4{left:calc(var(--cell) * 0)}.duel-marble .r5{left:calc(var(--cell) * .5)}.duel-marble .r6{left:calc(var(--cell) * 1)}.duel-marble .r7{left:calc(var(--cell) * 1.5)}.duel-marble .r8{left:calc(var(--cell) * 2)}.duel-marble .hexc:before{content:"";clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);background:radial-gradient(circle at 50% 60%,#2a2321,#4a3d36 70%,#5b4c43);position:absolute;inset:6%}.duel-marble .duel-cell.target:after{display:none}.duel-marble .hexc.target:before{background:radial-gradient(circle at 50% 60%,#8a6a1a,#e0b53c 70%,#ffd54a)}.duel-marble .hexc.pending:before{background:#ffd54a}.duel-marble .mb{z-index:1;width:74%;height:64%;box-shadow:0 calc(var(--cell) * .05) calc(var(--cell) * .08) #00000080, inset 0 -3px 5px #0000004d}.duel-marble .mb.black{background:radial-gradient(circle at 36% 30%,#6e6e6e,#262626 45%,#050505 80%)}.duel-marble .mb.white{background:radial-gradient(circle at 36% 30%,#fff,#f1efe8 50%,#c9c4b6 85%)}.duel-marble .duel-cell.movable .mb{box-shadow:0 0 0 2px #ffd54a73, 0 calc(var(--cell) * .05) calc(var(--cell) * .08) #00000080}.duel-marble .duel-cell.selected .mb,.duel-marble .duel-cell.hint .mb{outline:0;box-shadow:0 0 0 3px #ffd54a,0 0 14px #ffd54ae6}.duel-marble .duel-cell.last .mb{outline:calc(var(--cell) * .05) solid #ffe082f2;outline-offset:calc(var(--cell) * -.02)}.duel-marble .mb.ghost{position:absolute;top:18%;left:13%}.duel-marble .duel-cell.hint{box-shadow:none;animation:none}.duel-seat .piece.mb{width:18px;height:16px}body:has(.duel-marble){background:radial-gradient(70% 55% at 50% 42%,#ffdcbe14,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#262120,#110e0d)}.duel-loa .duel-board{border:calc(var(--cell) * .3) solid #2e1f14;box-shadow:inset 0 0 0 2px #00000059, 0 0 0 2px #15100a, 0 calc(var(--cell) * .18) 0 #1c130c, 0 26px 44px #0000008c;border-radius:10px;transform:rotateX(12deg)}.duel-loa .square.light{background:radial-gradient(120% 90% at 30% 20%,#ffffff59,#0000 60%),linear-gradient(135deg,#efe3cc,#dccbaa)}.duel-loa .square.dark{background:radial-gradient(120% 90% at 30% 20%,#ffffff1f,#0000 60%),linear-gradient(135deg,#8a3b3b,#6a2a2a)}.duel-loa .lo{z-index:1;width:74%;height:74%;box-shadow:0 calc(var(--cell) * .07) 0 #00000059, 0 calc(var(--cell) * .1) calc(var(--cell) * .14) #0006}.duel-loa .lo.p1{background:radial-gradient(circle at 36% 30%,#6a6a72,#24242a 50%,#08080a)}.duel-loa .lo.p2{background:radial-gradient(circle at 36% 30%,#fff,#f0e8d6 50%,#bfae8c)}.duel-loa .duel-cell.movable .lo{box-shadow:0 0 0 2px #ffd54a8c, 0 calc(var(--cell) * .07) 0 #00000059}.duel-loa .duel-cell.last{box-shadow:inset 0 0 0 calc(var(--cell) * .05) #78c8ffb3}.duel-loa .duel-cell.target:has(.piece:not(.ghost)):after{z-index:2;background:0 0;border:4px solid #ff5a4fe6;width:86%;height:86%;box-shadow:0 0 10px #ff5a4fb3}.duel-loa .duel-cell.win .lo{box-shadow:0 0 0 calc(var(--cell) * .06) #ffd54a, 0 0 calc(var(--cell) * .35) #ffd54ae6}.duel-seat .piece.lo{width:18px;height:18px}body:has(.duel-loa){background:radial-gradient(70% 55% at 50% 42%,#ffdcc81a,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2a1d1a,#120c0b)}.duel-nim .duel-board{grid-template-rows:repeat(4, calc(var(--cell) * 1.3));padding:calc(var(--cell) * .3);background:radial-gradient(80% 70% at 45% 35%,#fff6dc33,#0000 70%),repeating-linear-gradient(92deg,#78461412 0 3px,#0000 3px 12px,#ffffff0d 12px 14px,#0000 14px 24px),linear-gradient(160deg,#b07a46,#8e5f33 60%,#744b27);border-radius:12px;gap:0;transform:none;box-shadow:inset 0 0 0 2px #00000040,0 0 0 2px #2f1a0b,0 14px 30px #00000080}.duel-nim .duel-cell{height:calc(var(--cell) * 1.3)}.duel-nim .slot.void{visibility:hidden;pointer-events:none}.duel-nim .duel-cell.target:after{display:none}.duel-nim .match{background:linear-gradient(90deg,#f3dfb6,#d9bf8a);border-radius:3px;width:18%;height:86%;position:relative;box-shadow:0 2px 3px #0006}.duel-nim .match:before{content:"";background:radial-gradient(circle at 40% 35%,#ff8a65,#b71c1c 70%);border-radius:50%;width:190%;height:22%;position:absolute;top:-2%;left:-45%;box-shadow:0 1px 2px #0006}.duel-nim .duel-cell:hover .match{transform:translateY(-4px)}.duel-nim .duel-cell.last{border-radius:6px;box-shadow:inset 0 0 0 2px #ffd54a80}.duel-nim .duel-cell.hint{border-radius:6px;box-shadow:inset 0 0 0 3px #ffd54ae6}.duel-seat .piece.match{width:6px;height:18px}body:has(.duel-nim){background:radial-gradient(70% 55% at 50% 42%,#ffe6be14,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2a2420,#14100c)}.duel-chomp .duel-board{padding:calc(var(--cell) * .25);box-shadow:inset 0 0 0 2px #00000040, 0 0 0 2px #3a3a42, 0 calc(var(--cell) * .14) 0 #4a4a52, 0 22px 40px #00000080;background:linear-gradient(160deg,#cfcfd6,#9e9ea8 60%,#7d7d87);border-radius:10px;gap:2px;transform:rotateX(8deg)}.duel-chomp .cq{background:repeating-linear-gradient(45deg,#ffffff1f 0 2px,#0000 2px 6px),#b9b9c2;border-radius:3px}.duel-chomp .duel-cell.target:after{display:none}.duel-chomp .choc{background:linear-gradient(160deg,#6b3f23,#4a2a12 60%,#3a2010);border-radius:4px;width:96%;height:96%;position:relative;box-shadow:inset 0 0 0 2px #ffdcb426,inset 0 -4px 6px #00000059,0 2px 2px #0006}.duel-chomp .choc:before{content:"";background:linear-gradient(160deg,#7e4d2b,#5a3418);border-radius:3px;position:absolute;inset:22%;box-shadow:inset 0 1px #ffdcb433}.duel-chomp .choc.poison{background:linear-gradient(160deg,#4caf50,#2e7d32 60%,#1b5e20)}.duel-chomp .choc.poison:before{background:radial-gradient(circle at 50% 45%,#c8e6c9,#66bb6a 70%)}.duel-chomp .choc.poison:after{content:"☠";font-size:calc(var(--cell) * .5);color:#1b3a1c;place-items:center;display:grid;position:absolute;inset:0}.duel-chomp .duel-cell:hover .choc.square{filter:brightness(1.2)}.duel-chomp .duel-cell.last{box-shadow:inset 0 0 0 2px #ffd54ab3}.duel-chomp .duel-cell.hint .choc{box-shadow:0 0 0 3px #ffd54a}.duel-seat .piece.choc{width:18px;height:18px}body:has(.duel-chomp){background:radial-gradient(70% 55% at 50% 42%,#ffc8a014,#0000 70%),radial-gradient(120% 95% at 50% 45%,#0000 55%,#0009),linear-gradient(#2b1f1a,#130d0b)}