.board-frame{position:relative;width:min(78vh,92vw,560px);aspect-ratio:1 / 1;border-radius:10px;padding:10px;background:var(--frame-fill, linear-gradient(160deg, #1b1e24, #101216));box-shadow:var( --frame-shadow, 0 24px 60px rgba(0, 0, 0, .55), inset 0 0 0 1px rgba(224, 176, 92, .16), inset 0 0 0 6px rgba(0, 0, 0, .35) )}[data-theme=light]{--frame-fill: linear-gradient(160deg, #ffffff, #e9edf6);--frame-shadow: 0 18px 44px rgba(20, 26, 40, .16), inset 0 0 0 1px rgba(20, 26, 40, .1), inset 0 0 0 6px rgba(255, 255, 255, .85)}@media(prefers-color-scheme:light){:root:not([data-theme]){--frame-fill: linear-gradient(160deg, #ffffff, #e9edf6);--frame-shadow: 0 18px 44px rgba(20, 26, 40, .16), inset 0 0 0 1px rgba(20, 26, 40, .1), inset 0 0 0 6px rgba(255, 255, 255, .85)}}.board-frame .cg-wrap{width:100%;height:100%;border-radius:4px;overflow:hidden}:root{--sq-mark: 255, 255, 255}[data-theme=light]{--sq-mark: 20, 26, 40}@media(prefers-color-scheme:light){:root:not([data-theme]){--sq-mark: 20, 26, 40}}cg-board square.move-dest{background:radial-gradient(rgba(var(--sq-mark),.22) 20%,rgba(var(--sq-mark),0) 22%)}cg-board square.oc.move-dest{background:radial-gradient(transparent 0%,transparent 78%,rgba(224,72,61,.55) 78%,rgba(224,72,61,0) 100%)}cg-board square.move-dest:hover{background:#e0b05c38}cg-board square.last-move{background-color:#e0b05c42}cg-board square.selected{background-color:#e0b05c61}cg-board square.check{background:radial-gradient(ellipse at center,#e82a2af2,#c80000b3 26%,#a0000000 72%)}cg-board square.premove-dest{background:radial-gradient(#e0483d66 20%,#e0483d00 22%)}cg-board square.current-premove{background-color:#e0483d66}.cg-wrap coords{font-family:var(--font-ui, system-ui, sans-serif);font-size:8px;font-weight:700;opacity:.65}.cg-wrap coords.side{top:0;left:2px;height:100%;width:10px;flex-direction:column-reverse;justify-content:space-around;align-items:flex-start}.cg-wrap coords.side.black{flex-direction:column}.cg-wrap coords.bottom{left:0;bottom:1px;width:100%;height:10px;flex-direction:row;justify-content:space-around;align-items:flex-end}.cg-wrap coords.bottom.black{flex-direction:row-reverse}.cg-wrap coords coord{flex:0 0 auto;line-height:1;color:var(--coord-ink, #cdd2da);text-shadow:var(--coord-shadow, 0 1px 2px rgba(0, 0, 0, .75))}[data-theme=light]{--coord-ink: #46506a;--coord-shadow: 0 1px 1px rgba(255, 255, 255, .9)}@media(prefers-color-scheme:light){:root:not([data-theme]){--coord-ink: #46506a;--coord-shadow: 0 1px 1px rgba(255, 255, 255, .9)}}[data-theme=light]{--board-lift: 0 18px 44px rgba(20, 26, 40, .16), 0 0 0 1px rgba(20, 26, 40, .08)}@media(prefers-color-scheme:light){:root:not([data-theme]){--board-lift: 0 18px 44px rgba(20, 26, 40, .16), 0 0 0 1px rgba(20, 26, 40, .08)}}.cg-wrap piece{background-image:var(--art),var(--ped, none);background-repeat:no-repeat,no-repeat;background-position:center,center;background-size:cover,cover}.cg-wrap piece.p-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(122,139,160, .9) 0%, rgba(122,139,160, .35) 42%, rgba(122,139,160, 0) 74%)}.cg-wrap piece.n-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(227,154,59, .9) 0%, rgba(227,154,59, .35) 42%, rgba(227,154,59, 0) 74%)}.cg-wrap piece.b-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(63,176,163, .9) 0%, rgba(63,176,163, .35) 42%, rgba(63,176,163, 0) 74%)}.cg-wrap piece.r-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(210,75,75, .9) 0%, rgba(210,75,75, .35) 42%, rgba(210,75,75, 0) 74%)}.cg-wrap piece.q-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(181,111,216, .9) 0%, rgba(181,111,216, .35) 42%, rgba(181,111,216, 0) 74%)}.cg-wrap piece.k-piece{--ped: radial-gradient(ellipse 60% 30% at 50% 83%, rgba(230,207,87, .9) 0%, rgba(230,207,87, .35) 42%, rgba(230,207,87, 0) 74%)}.cc-off .cg-wrap piece{--ped: none}.pset-celtic .cg-wrap piece.p-piece.white{--art: url(/piece-sets/celtic/wP.svg)}.pset-celtic .cg-wrap piece.n-piece.white{--art: url(/piece-sets/celtic/wN.svg)}.pset-celtic .cg-wrap piece.b-piece.white{--art: url(/piece-sets/celtic/wB.svg)}.pset-celtic .cg-wrap piece.r-piece.white{--art: url(/piece-sets/celtic/wR.svg)}.pset-celtic .cg-wrap piece.q-piece.white{--art: url(/piece-sets/celtic/wQ.svg)}.pset-celtic .cg-wrap piece.k-piece.white{--art: url(/piece-sets/celtic/wK.svg)}.pset-celtic .cg-wrap piece.p-piece.black{--art: url(/piece-sets/celtic/bP.svg)}.pset-celtic .cg-wrap piece.n-piece.black{--art: url(/piece-sets/celtic/bN.svg)}.pset-celtic .cg-wrap piece.b-piece.black{--art: url(/piece-sets/celtic/bB.svg)}.pset-celtic .cg-wrap piece.r-piece.black{--art: url(/piece-sets/celtic/bR.svg)}.pset-celtic .cg-wrap piece.q-piece.black{--art: url(/piece-sets/celtic/bQ.svg)}.pset-celtic .cg-wrap piece.k-piece.black{--art: url(/piece-sets/celtic/bK.svg)}.pset-chessnut .cg-wrap piece.p-piece.white{--art: url(/piece-sets/chessnut/wP.svg)}.pset-chessnut .cg-wrap piece.n-piece.white{--art: url(/piece-sets/chessnut/wN.svg)}.pset-chessnut .cg-wrap piece.b-piece.white{--art: url(/piece-sets/chessnut/wB.svg)}.pset-chessnut .cg-wrap piece.r-piece.white{--art: url(/piece-sets/chessnut/wR.svg)}.pset-chessnut .cg-wrap piece.q-piece.white{--art: url(/piece-sets/chessnut/wQ.svg)}.pset-chessnut .cg-wrap piece.k-piece.white{--art: url(/piece-sets/chessnut/wK.svg)}.pset-chessnut .cg-wrap piece.p-piece.black{--art: url(/piece-sets/chessnut/bP.svg)}.pset-chessnut .cg-wrap piece.n-piece.black{--art: url(/piece-sets/chessnut/bN.svg)}.pset-chessnut .cg-wrap piece.b-piece.black{--art: url(/piece-sets/chessnut/bB.svg)}.pset-chessnut .cg-wrap piece.r-piece.black{--art: url(/piece-sets/chessnut/bR.svg)}.pset-chessnut .cg-wrap piece.q-piece.black{--art: url(/piece-sets/chessnut/bQ.svg)}.pset-chessnut .cg-wrap piece.k-piece.black{--art: url(/piece-sets/chessnut/bK.svg)}.pset-fantasy .cg-wrap piece.p-piece.white{--art: url(/piece-sets/fantasy/wP.svg)}.pset-fantasy .cg-wrap piece.n-piece.white{--art: url(/piece-sets/fantasy/wN.svg)}.pset-fantasy .cg-wrap piece.b-piece.white{--art: url(/piece-sets/fantasy/wB.svg)}.pset-fantasy .cg-wrap piece.r-piece.white{--art: url(/piece-sets/fantasy/wR.svg)}.pset-fantasy .cg-wrap piece.q-piece.white{--art: url(/piece-sets/fantasy/wQ.svg)}.pset-fantasy .cg-wrap piece.k-piece.white{--art: url(/piece-sets/fantasy/wK.svg)}.pset-fantasy .cg-wrap piece.p-piece.black{--art: url(/piece-sets/fantasy/bP.svg)}.pset-fantasy .cg-wrap piece.n-piece.black{--art: url(/piece-sets/fantasy/bN.svg)}.pset-fantasy .cg-wrap piece.b-piece.black{--art: url(/piece-sets/fantasy/bB.svg)}.pset-fantasy .cg-wrap piece.r-piece.black{--art: url(/piece-sets/fantasy/bR.svg)}.pset-fantasy .cg-wrap piece.q-piece.black{--art: url(/piece-sets/fantasy/bQ.svg)}.pset-fantasy .cg-wrap piece.k-piece.black{--art: url(/piece-sets/fantasy/bK.svg)}.pset-kiwen-suwi .cg-wrap piece.p-piece.white{--art: url(/piece-sets/kiwen-suwi/wP.svg)}.pset-kiwen-suwi .cg-wrap piece.n-piece.white{--art: url(/piece-sets/kiwen-suwi/wN.svg)}.pset-kiwen-suwi .cg-wrap piece.b-piece.white{--art: url(/piece-sets/kiwen-suwi/wB.svg)}.pset-kiwen-suwi .cg-wrap piece.r-piece.white{--art: url(/piece-sets/kiwen-suwi/wR.svg)}.pset-kiwen-suwi .cg-wrap piece.q-piece.white{--art: url(/piece-sets/kiwen-suwi/wQ.svg)}.pset-kiwen-suwi .cg-wrap piece.k-piece.white{--art: url(/piece-sets/kiwen-suwi/wK.svg)}.pset-kiwen-suwi .cg-wrap piece.p-piece.black{--art: url(/piece-sets/kiwen-suwi/bP.svg)}.pset-kiwen-suwi .cg-wrap piece.n-piece.black{--art: url(/piece-sets/kiwen-suwi/bN.svg)}.pset-kiwen-suwi .cg-wrap piece.b-piece.black{--art: url(/piece-sets/kiwen-suwi/bB.svg)}.pset-kiwen-suwi .cg-wrap piece.r-piece.black{--art: url(/piece-sets/kiwen-suwi/bR.svg)}.pset-kiwen-suwi .cg-wrap piece.q-piece.black{--art: url(/piece-sets/kiwen-suwi/bQ.svg)}.pset-kiwen-suwi .cg-wrap piece.k-piece.black{--art: url(/piece-sets/kiwen-suwi/bK.svg)}.pset-kosal .cg-wrap piece.p-piece.white{--art: url(/piece-sets/kosal/wP.svg)}.pset-kosal .cg-wrap piece.n-piece.white{--art: url(/piece-sets/kosal/wN.svg)}.pset-kosal .cg-wrap piece.b-piece.white{--art: url(/piece-sets/kosal/wB.svg)}.pset-kosal .cg-wrap piece.r-piece.white{--art: url(/piece-sets/kosal/wR.svg)}.pset-kosal .cg-wrap piece.q-piece.white{--art: url(/piece-sets/kosal/wQ.svg)}.pset-kosal .cg-wrap piece.k-piece.white{--art: url(/piece-sets/kosal/wK.svg)}.pset-kosal .cg-wrap piece.p-piece.black{--art: url(/piece-sets/kosal/bP.svg)}.pset-kosal .cg-wrap piece.n-piece.black{--art: url(/piece-sets/kosal/bN.svg)}.pset-kosal .cg-wrap piece.b-piece.black{--art: url(/piece-sets/kosal/bB.svg)}.pset-kosal .cg-wrap piece.r-piece.black{--art: url(/piece-sets/kosal/bR.svg)}.pset-kosal .cg-wrap piece.q-piece.black{--art: url(/piece-sets/kosal/bQ.svg)}.pset-kosal .cg-wrap piece.k-piece.black{--art: url(/piece-sets/kosal/bK.svg)}.pset-papercut .cg-wrap piece.p-piece.white{--art: url(/piece-sets/papercut/wP.svg)}.pset-papercut .cg-wrap piece.n-piece.white{--art: url(/piece-sets/papercut/wN.svg)}.pset-papercut .cg-wrap piece.b-piece.white{--art: url(/piece-sets/papercut/wB.svg)}.pset-papercut .cg-wrap piece.r-piece.white{--art: url(/piece-sets/papercut/wR.svg)}.pset-papercut .cg-wrap piece.q-piece.white{--art: url(/piece-sets/papercut/wQ.svg)}.pset-papercut .cg-wrap piece.k-piece.white{--art: url(/piece-sets/papercut/wK.svg)}.pset-papercut .cg-wrap piece.p-piece.black{--art: url(/piece-sets/papercut/bP.svg)}.pset-papercut .cg-wrap piece.n-piece.black{--art: url(/piece-sets/papercut/bN.svg)}.pset-papercut .cg-wrap piece.b-piece.black{--art: url(/piece-sets/papercut/bB.svg)}.pset-papercut .cg-wrap piece.r-piece.black{--art: url(/piece-sets/papercut/bR.svg)}.pset-papercut .cg-wrap piece.q-piece.black{--art: url(/piece-sets/papercut/bQ.svg)}.pset-papercut .cg-wrap piece.k-piece.black{--art: url(/piece-sets/papercut/bK.svg)}.pset-spatial .cg-wrap piece.p-piece.white{--art: url(/piece-sets/spatial/wP.svg)}.pset-spatial .cg-wrap piece.n-piece.white{--art: url(/piece-sets/spatial/wN.svg)}.pset-spatial .cg-wrap piece.b-piece.white{--art: url(/piece-sets/spatial/wB.svg)}.pset-spatial .cg-wrap piece.r-piece.white{--art: url(/piece-sets/spatial/wR.svg)}.pset-spatial .cg-wrap piece.q-piece.white{--art: url(/piece-sets/spatial/wQ.svg)}.pset-spatial .cg-wrap piece.k-piece.white{--art: url(/piece-sets/spatial/wK.svg)}.pset-spatial .cg-wrap piece.p-piece.black{--art: url(/piece-sets/spatial/bP.svg)}.pset-spatial .cg-wrap piece.n-piece.black{--art: url(/piece-sets/spatial/bN.svg)}.pset-spatial .cg-wrap piece.b-piece.black{--art: url(/piece-sets/spatial/bB.svg)}.pset-spatial .cg-wrap piece.r-piece.black{--art: url(/piece-sets/spatial/bR.svg)}.pset-spatial .cg-wrap piece.q-piece.black{--art: url(/piece-sets/spatial/bQ.svg)}.pset-spatial .cg-wrap piece.k-piece.black{--art: url(/piece-sets/spatial/bK.svg)}.pset-totoy .cg-wrap piece.p-piece.white{--art: url(/piece-sets/totoy/wP.svg)}.pset-totoy .cg-wrap piece.n-piece.white{--art: url(/piece-sets/totoy/wN.svg)}.pset-totoy .cg-wrap piece.b-piece.white{--art: url(/piece-sets/totoy/wB.svg)}.pset-totoy .cg-wrap piece.r-piece.white{--art: url(/piece-sets/totoy/wR.svg)}.pset-totoy .cg-wrap piece.q-piece.white{--art: url(/piece-sets/totoy/wQ.svg)}.pset-totoy .cg-wrap piece.k-piece.white{--art: url(/piece-sets/totoy/wK.svg)}.pset-totoy .cg-wrap piece.p-piece.black{--art: url(/piece-sets/totoy/bP.svg)}.pset-totoy .cg-wrap piece.n-piece.black{--art: url(/piece-sets/totoy/bN.svg)}.pset-totoy .cg-wrap piece.b-piece.black{--art: url(/piece-sets/totoy/bB.svg)}.pset-totoy .cg-wrap piece.r-piece.black{--art: url(/piece-sets/totoy/bR.svg)}.pset-totoy .cg-wrap piece.q-piece.black{--art: url(/piece-sets/totoy/bQ.svg)}.pset-totoy .cg-wrap piece.k-piece.black{--art: url(/piece-sets/totoy/bK.svg)}.pset-boxers .cg-wrap piece.p-piece.white{--art: url(/pieces/boxers/wP.webp)}.pset-boxers .cg-wrap piece.n-piece.white{--art: url(/pieces/boxers/wN.webp)}.pset-boxers .cg-wrap piece.b-piece.white{--art: url(/pieces/boxers/wB.webp)}.pset-boxers .cg-wrap piece.r-piece.white{--art: url(/pieces/boxers/wR.webp)}.pset-boxers .cg-wrap piece.q-piece.white{--art: url(/pieces/boxers/wQ.webp)}.pset-boxers .cg-wrap piece.k-piece.white{--art: url(/pieces/boxers/wK.webp)}.pset-boxers .cg-wrap piece.p-piece.black{--art: url(/pieces/boxers/bP.webp)}.pset-boxers .cg-wrap piece.n-piece.black{--art: url(/pieces/boxers/bN.webp)}.pset-boxers .cg-wrap piece.b-piece.black{--art: url(/pieces/boxers/bB.webp)}.pset-boxers .cg-wrap piece.r-piece.black{--art: url(/pieces/boxers/bR.webp)}.pset-boxers .cg-wrap piece.q-piece.black{--art: url(/pieces/boxers/bQ.webp)}.pset-boxers .cg-wrap piece.k-piece.black{--art: url(/pieces/boxers/bK.webp)}.pset-boxers .cg-wrap piece{--ped: none;background-size:contain}.ko-piece.p-piece.white{background-image:url(/piece-sets/kosal/wP.svg);background-size:cover}.ko-piece.n-piece.white{background-image:url(/piece-sets/kosal/wN.svg);background-size:cover}.ko-piece.b-piece.white{background-image:url(/piece-sets/kosal/wB.svg);background-size:cover}.ko-piece.r-piece.white{background-image:url(/piece-sets/kosal/wR.svg);background-size:cover}.ko-piece.q-piece.white{background-image:url(/piece-sets/kosal/wQ.svg);background-size:cover}.ko-piece.k-piece.white{background-image:url(/piece-sets/kosal/wK.svg);background-size:cover}.ko-piece.p-piece.black{background-image:url(/piece-sets/kosal/bP.svg);background-size:cover}.ko-piece.n-piece.black{background-image:url(/piece-sets/kosal/bN.svg);background-size:cover}.ko-piece.b-piece.black{background-image:url(/piece-sets/kosal/bB.svg);background-size:cover}.ko-piece.r-piece.black{background-image:url(/piece-sets/kosal/bR.svg);background-size:cover}.ko-piece.q-piece.black{background-image:url(/piece-sets/kosal/bQ.svg);background-size:cover}.ko-piece.k-piece.black{background-image:url(/piece-sets/kosal/bK.svg);background-size:cover}cg-board{background-size:25% 25%;background-color:#3c424d}.board-slate cg-board{background-color:#3c424d;background-image:conic-gradient(#262a31 90deg,transparent 90deg 180deg,#262a31 180deg 270deg,transparent 270deg)}.board-walnut cg-board{background-color:#b08662;background-image:conic-gradient(#7a5334 90deg,transparent 90deg 180deg,#7a5334 180deg 270deg,transparent 270deg)}.board-midnight cg-board{background-color:#2b2f3a;background-image:conic-gradient(#171a21 90deg,transparent 90deg 180deg,#171a21 180deg 270deg,transparent 270deg)}.board-neon cg-board{background-color:#2b2145;background-image:conic-gradient(#170f2b 90deg,transparent 90deg 180deg,#170f2b 180deg 270deg,transparent 270deg)}.board-crimson cg-board{background-color:#5a2b2b;background-image:conic-gradient(#38181b 90deg,transparent 90deg 180deg,#38181b 180deg 270deg,transparent 270deg)}.board-boardroom cg-board{background-color:#414a4f;background-image:conic-gradient(#272d31 90deg,transparent 90deg 180deg,#272d31 180deg 270deg,transparent 270deg)}.board-moss cg-board{background-color:#3f5140;background-image:conic-gradient(#243026 90deg,transparent 90deg 180deg,#243026 180deg 270deg,transparent 270deg)}.board-canvas cg-board{background-color:#4a4a55;background-image:conic-gradient(#2e2e37 90deg,transparent 90deg 180deg,#2e2e37 180deg 270deg,transparent 270deg)}.board-sunrise cg-board{background-color:#6a4a35;background-image:conic-gradient(#452c21 90deg,transparent 90deg 180deg,#452c21 180deg 270deg,transparent 270deg)}.board-ocean cg-board{background-color:#1b4a63;background-image:conic-gradient(#0d2c3d 90deg,transparent 90deg 180deg,#0d2c3d 180deg 270deg,transparent 270deg)}[data-theme=light] .board-slate cg-board{background-color:#e6ebf4;background-image:conic-gradient(#a9b6cc 90deg,transparent 90deg 180deg,#a9b6cc 180deg 270deg,transparent 270deg)}[data-theme=light] .board-walnut cg-board{background-color:#f0dcc4;background-image:conic-gradient(#c39a6f 90deg,transparent 90deg 180deg,#c39a6f 180deg 270deg,transparent 270deg)}[data-theme=light] .board-midnight cg-board{background-color:#dfe3ee;background-image:conic-gradient(#9aa3bd 90deg,transparent 90deg 180deg,#9aa3bd 180deg 270deg,transparent 270deg)}[data-theme=light] .board-neon cg-board{background-color:#e7e0ff;background-image:conic-gradient(#b3a2e8 90deg,transparent 90deg 180deg,#b3a2e8 180deg 270deg,transparent 270deg)}[data-theme=light] .board-crimson cg-board{background-color:#f6dcdc;background-image:conic-gradient(#cf9a9a 90deg,transparent 90deg 180deg,#cf9a9a 180deg 270deg,transparent 270deg)}[data-theme=light] .board-boardroom cg-board{background-color:#e8edee;background-image:conic-gradient(#adbabd 90deg,transparent 90deg 180deg,#adbabd 180deg 270deg,transparent 270deg)}[data-theme=light] .board-moss cg-board{background-color:#e2ecdd;background-image:conic-gradient(#a3bda1 90deg,transparent 90deg 180deg,#a3bda1 180deg 270deg,transparent 270deg)}[data-theme=light] .board-canvas cg-board{background-color:#eeeae2;background-image:conic-gradient(#bdb3a3 90deg,transparent 90deg 180deg,#bdb3a3 180deg 270deg,transparent 270deg)}[data-theme=light] .board-sunrise cg-board{background-color:#ffe9d2;background-image:conic-gradient(#e0ae82 90deg,transparent 90deg 180deg,#e0ae82 180deg 270deg,transparent 270deg)}[data-theme=light] .board-ocean cg-board{background-color:#d8ecf4;background-image:conic-gradient(#8fb9cc 90deg,transparent 90deg 180deg,#8fb9cc 180deg 270deg,transparent 270deg)}@media(prefers-color-scheme:light){:root:not([data-theme]) .board-slate cg-board{background-color:#e6ebf4;background-image:conic-gradient(#a9b6cc 90deg,transparent 90deg 180deg,#a9b6cc 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-walnut cg-board{background-color:#f0dcc4;background-image:conic-gradient(#c39a6f 90deg,transparent 90deg 180deg,#c39a6f 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-midnight cg-board{background-color:#dfe3ee;background-image:conic-gradient(#9aa3bd 90deg,transparent 90deg 180deg,#9aa3bd 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-neon cg-board{background-color:#e7e0ff;background-image:conic-gradient(#b3a2e8 90deg,transparent 90deg 180deg,#b3a2e8 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-crimson cg-board{background-color:#f6dcdc;background-image:conic-gradient(#cf9a9a 90deg,transparent 90deg 180deg,#cf9a9a 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-boardroom cg-board{background-color:#e8edee;background-image:conic-gradient(#adbabd 90deg,transparent 90deg 180deg,#adbabd 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-moss cg-board{background-color:#e2ecdd;background-image:conic-gradient(#a3bda1 90deg,transparent 90deg 180deg,#a3bda1 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-canvas cg-board{background-color:#eeeae2;background-image:conic-gradient(#bdb3a3 90deg,transparent 90deg 180deg,#bdb3a3 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-sunrise cg-board{background-color:#ffe9d2;background-image:conic-gradient(#e0ae82 90deg,transparent 90deg 180deg,#e0ae82 180deg 270deg,transparent 270deg)}:root:not([data-theme]) .board-ocean cg-board{background-color:#d8ecf4;background-image:conic-gradient(#8fb9cc 90deg,transparent 90deg 180deg,#8fb9cc 180deg 270deg,transparent 270deg)}}@font-face{font-family:Anton;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/anton.woff2) format("woff2")}@font-face{font-family:Archivo;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/archivo.woff2) format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(/fonts/jetbrains-mono.woff2) format("woff2")}:root{--ink-950: #0b0c0f;--ink-900: #121419;--ink-850: #15171d;--ink-800: #1a1d24;--ink-700: #262b34;--ink-600: #3a414d;--paper-0: #fffcf4;--paper-50: #f4ecda;--paper-100: #fbf5e7;--paper-300: #dccfb4;--paper-500: #b9a886;--azure-300: #35c4ff;--azure-400: #4d97ff;--azure-500: #2e86ff;--azure-600: #1e6bff;--azure-700: #1a5ce0;--azure-800: #1447b8;--gold-300: #ffe9a8;--gold-400: #f5c542;--gold-500: #e0b05c;--gold-600: #c8941e;--gold-700: #8a6d12;--red-400: #f0484a;--red-600: #dc2626;--green-400: #34d399;--green-600: #059669;--amber-400: #f5a623;--bg: var(--ink-950);--surface: var(--ink-850);--surface-raised: var(--ink-800);--border: var(--ink-700);--border-strong: var(--ink-600);--text: #f2f5fa;--text-muted: #a8b2c1;--text-subtle: #6b7688;--primary: var(--azure-500);--primary-hover: var(--azure-400);--primary-ink: #05080f;--primary-grad: linear-gradient(135deg, var(--azure-600) 0%, var(--azure-500) 55%, var(--azure-300) 100%);--accent: var(--gold-400);--accent-strong: var(--gold-600);--accent-ink: #231704;--accent-grad: linear-gradient(180deg, var(--gold-300) 0%, var(--gold-400) 50%, var(--gold-600) 100%);--info: var(--azure-300);--success: var(--green-400);--warning: var(--amber-400);--danger: var(--red-400);--neon: var(--azure-300);--focus: var(--azure-400);--corner-gold-500: #f0b93d;--corner-gold-350: #ffd668;--corner-gold-700: #b5871c;--you: var(--azure-500);--you-hot: var(--azure-300);--you-deep: var(--azure-600);--them: var(--corner-gold-500);--them-hot: var(--corner-gold-350);--them-deep: var(--corner-gold-700);--steel: linear-gradient(180deg, #eaf2ff 0%, #b8cfff 34%, #6f9fe8 62%, #2e5db8 100%);--fill-you: linear-gradient(180deg, #bfe0ff 0%, #4d97ff 48%, #1a5ce0 100%);--fill-them: linear-gradient(180deg, #fff3c4 0%, #ffd668 42%, #b5871c 100%);--fill-gold: linear-gradient(180deg, #fff8e1 0%, #ffe9a8 24%, #f5c542 55%, #c8941e 100%);--cut: cubic-bezier(.2, 1.4, .4, 1);--hairline: color-mix(in srgb, var(--text) 12%, transparent);--scrim: color-mix(in srgb, var(--ink-950) 72%, transparent);--glass-fill: linear-gradient(180deg, color-mix(in srgb, #fff 8%, transparent), color-mix(in srgb, #fff 3%, transparent));--glass-border: color-mix(in srgb, #fff 14%, transparent);--grain-opacity: .05;--bg-2: var(--ink-900);--panel: var(--surface);--panel-2: var(--surface-raised);--line: var(--border);--muted: var(--text-muted);--muted-2: var(--text-subtle);--gold: var(--accent);--gold-dim: var(--accent-strong);--hot: var(--danger);--win: var(--success);--font-ui: "Archivo", system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-display: "Anton", "Arial Narrow", "Helvetica Neue", var(--font-ui);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 999px;--shadow-1: 0 1px 2px rgb(0 0 0 / .4);--shadow-2: 0 10px 28px rgb(0 0 0 / .5);--glow-primary: 0 0 0 1px color-mix(in srgb, var(--neon) 40%, transparent), 0 8px 30px color-mix(in srgb, var(--primary) 42%, transparent);--glow-accent: 0 0 26px -4px color-mix(in srgb, var(--accent) 55%, transparent);--squad-glow-you: inset 0 0 0 2px color-mix(in srgb, var(--you) 70%, transparent), 0 0 26px color-mix(in srgb, var(--you) 28%, transparent);--squad-glow-them: inset 0 0 0 2px color-mix(in srgb, var(--them) 70%, transparent), 0 0 26px color-mix(in srgb, var(--them) 28%, transparent);--dur-fast: .12s;--dur-mid: .3s;--dur-slow: .6s;--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:dark}[data-theme=dark]{color-scheme:dark}.app{--panel: var(--surface);--panel-2: var(--surface-raised);--line: var(--border);--muted: var(--text-muted);--muted-2: var(--text-subtle);--gold: var(--accent);--gold-dim: var(--accent-strong);--hot: var(--danger);--win: var(--success)}[data-theme=light]{--bg: var(--paper-50);--surface: var(--paper-100);--surface-raised: var(--paper-0);--border: var(--paper-300);--border-strong: var(--paper-500);--text: #1b3a6b;--text-muted: #4e6489;--text-subtle: #8496af;--primary: #2e5fa3;--primary-hover: #1f4a86;--primary-ink: #ffffff;--primary-grad: linear-gradient(135deg, var(--azure-800) 0%, var(--azure-700) 55%, var(--azure-500) 100%);--accent: #f5c02c;--accent-strong: #c79412;--accent-ink: #2a2100;--accent-grad: linear-gradient(180deg, #ffe08a 0%, #f5c02c 50%, #c79412 100%);--info: #0284c7;--success: #059669;--warning: #c2740a;--danger: #dc2626;--neon: #1ea9e0;--focus: #2e5fa3;--you: #2e5fa3;--you-hot: #1f4a86;--you-deep: #16305e;--them: #a8781a;--them-hot: #8a6212;--them-deep: #6b4e0b;--bg-2: var(--paper-0);--steel: linear-gradient(180deg, #4c74b8 0%, #2e5fa3 50%, #16305e 100%);--fill-you: linear-gradient(180deg, #4c74b8 0%, #2e5fa3 55%, #16305e 100%);--fill-them: linear-gradient(180deg, #f5c02c 0%, #c79412 55%, #8a6212 100%);--fill-gold: linear-gradient(180deg, #ffe08a 0%, #f5c02c 45%, #c79412 100%);--hairline: color-mix(in srgb, var(--text) 14%, transparent);--scrim: color-mix(in srgb, var(--paper-50) 72%, transparent);--glass-fill: linear-gradient(180deg, color-mix(in srgb, #fff 93%, transparent), color-mix(in srgb, var(--paper-100) 80%, transparent));--glass-border: color-mix(in srgb, #000 17%, transparent);--grain-opacity: .035;--glow-primary: 0 0 0 1px color-mix(in srgb, var(--primary) 55%, transparent), 0 6px 16px rgba(20, 26, 40, .18);--glow-accent: 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 6px 16px rgba(20, 26, 40, .16);--squad-glow-you: inset 0 0 0 2px color-mix(in srgb, var(--you) 85%, transparent), 0 6px 18px rgba(20, 26, 40, .16);--squad-glow-them: inset 0 0 0 2px color-mix(in srgb, var(--them) 85%, transparent), 0 6px 18px rgba(20, 26, 40, .16);--chip-lift: 0 4px 10px rgba(20, 26, 40, .18);--toast-bg: rgba(255, 252, 244, .97);--split-bg: linear-gradient(180deg, #fffcf4, #f4ecda);--display-glow: none;--shadow-1: 0 1px 2px rgba(20, 26, 40, .1);--shadow-2: 0 12px 30px rgba(20, 26, 40, .14);color-scheme:light}@media(prefers-color-scheme:light){:root:not([data-theme]){--bg: var(--paper-50);--surface: var(--paper-100);--surface-raised: var(--paper-0);--border: var(--paper-300);--border-strong: var(--paper-500);--text: #1b3a6b;--text-muted: #4e6489;--text-subtle: #8496af;--primary: #2e5fa3;--primary-hover: #1f4a86;--primary-ink: #ffffff;--primary-grad: linear-gradient(135deg, var(--azure-800) 0%, var(--azure-700) 55%, var(--azure-500) 100%);--accent: #f5c02c;--accent-strong: #c79412;--accent-ink: #2a2100;--accent-grad: linear-gradient(180deg, #ffe08a 0%, #f5c02c 50%, #c79412 100%);--info: #0284c7;--success: #059669;--warning: #c2740a;--danger: #dc2626;--neon: #1ea9e0;--focus: #2e5fa3;--you: #2e5fa3;--you-hot: #1f4a86;--you-deep: #16305e;--them: #a8781a;--them-hot: #8a6212;--them-deep: #6b4e0b;--bg-2: var(--paper-0);--steel: linear-gradient(180deg, #4c74b8 0%, #2e5fa3 50%, #16305e 100%);--fill-you: linear-gradient(180deg, #4c74b8 0%, #2e5fa3 55%, #16305e 100%);--fill-them: linear-gradient(180deg, #f5c02c 0%, #c79412 55%, #8a6212 100%);--fill-gold: linear-gradient(180deg, #ffe08a 0%, #f5c02c 45%, #c79412 100%);--glow-primary: 0 0 0 1px color-mix(in srgb, var(--primary) 55%, transparent), 0 6px 16px rgba(20, 26, 40, .18);--glow-accent: 0 0 0 1px color-mix(in srgb, var(--accent) 55%, transparent), 0 6px 16px rgba(20, 26, 40, .16);--squad-glow-you: inset 0 0 0 2px color-mix(in srgb, var(--you) 85%, transparent), 0 6px 18px rgba(20, 26, 40, .16);--squad-glow-them: inset 0 0 0 2px color-mix(in srgb, var(--them) 85%, transparent), 0 6px 18px rgba(20, 26, 40, .16);--chip-lift: 0 4px 10px rgba(20, 26, 40, .18);--toast-bg: rgba(255, 252, 244, .97);--split-bg: linear-gradient(180deg, #fffcf4, #f4ecda);--display-glow: none;--hairline: color-mix(in srgb, var(--text) 14%, transparent);--scrim: color-mix(in srgb, var(--paper-50) 72%, transparent);--glass-fill: linear-gradient(180deg, color-mix(in srgb, #fff 93%, transparent), color-mix(in srgb, var(--paper-100) 80%, transparent));--glass-border: color-mix(in srgb, #000 17%, transparent);--grain-opacity: .035;color-scheme:light}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:radial-gradient(ellipse 90% 60% at 50% -12%,color-mix(in srgb,var(--primary) 12%,transparent) 0%,transparent 60%),radial-gradient(ellipse 70% 50% at 50% 112%,color-mix(in srgb,var(--accent) 7%,transparent) 0%,transparent 55%),var(--bg);color:var(--text);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast) var(--ease-standard)}.app{min-height:100%;display:flex;flex-direction:column;align-items:center;padding:clamp(.75rem,2vw,1.75rem);gap:clamp(.75rem,2vw,1.5rem);max-width:1500px;margin:0 auto;width:100%}.wordmark{text-align:center;line-height:.9;-webkit-user-select:none;user-select:none}.wordmark .k{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,7vw,3.6rem);letter-spacing:-.03em;text-transform:uppercase;background-image:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent}.wordmark .c{font-family:var(--font-display);font-weight:900;font-size:clamp(2rem,7vw,3.6rem);letter-spacing:.14em;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.4px var(--gold-dim);margin-left:.14em}.wordmark .sub{margin-top:.5rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-subtle)}.panel{background:var(--panel-fill, linear-gradient(180deg, var(--panel-2), var(--panel)));border:var(--panel-border, 1px solid var(--line));border-radius:var(--radius-lg);box-shadow:var(--shadow-1)}.btn{font-family:var(--font-ui);font-weight:700;font-size:.82rem;letter-spacing:.02em;color:var(--text);background:var(--btn-fill, var(--panel-2));border:var(--btn-border, 1px solid var(--line));border-radius:var(--radius-md);padding:.55rem .9rem;cursor:pointer;transition:transform .06s ease,border-color .12s ease,background .12s ease}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{position:relative;overflow:hidden;isolation:isolate;background-image:var(--primary-grad);color:var(--primary-ink);border-color:transparent;font-weight:800;text-transform:uppercase;letter-spacing:.06em;box-shadow:var(--glow-primary)}.btn.primary:hover{border-color:transparent;filter:brightness(1.06)}.btn.primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(105deg,transparent 40%,color-mix(in srgb,#fff 55%,transparent) 50%,transparent 60%);transform:translate(-160%);transition:transform var(--dur-slow) var(--ease-standard)}.btn.primary:hover:after,.btn.primary:focus-visible:after{transform:translate(160%)}.btn.hot{border-color:color-mix(in srgb,var(--danger) 55%,transparent);color:color-mix(in srgb,var(--danger) 62%,var(--text))}.btn.hot:hover{border-color:var(--danger)}.setup{width:min(440px,100%);padding:clamp(1.1rem,3vw,1.6rem);display:flex;flex-direction:column;gap:1.35rem}.setup h2{margin:0;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:700}.field{display:flex;flex-direction:column;gap:.6rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem}.chip{-webkit-appearance:none;-moz-appearance:none;appearance:none;font-family:var(--font-ui);flex:1 1 auto;min-width:2.4rem;min-height:40px;text-align:center;padding:.5rem .4rem;border-radius:8px;border:1px solid var(--line);background:var(--panel);color:var(--muted);font-weight:700;font-size:.85rem;cursor:pointer;transition:all .12s ease}.chip:hover{color:var(--text);border-color:var(--gold-dim)}.chip.on{background:linear-gradient(180deg,#e0b05c38,#e0b05c14);border-color:var(--gold);color:var(--text)}.note{font-size:.72rem;color:var(--muted-2);line-height:1.5}.appearance{display:flex;flex-direction:column;gap:.55rem}.appearance h2{margin:0;font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--muted);font-weight:700}.mode-list{display:flex;flex-direction:column;gap:.6rem}.mode-card{display:flex;flex-direction:column;gap:.3rem;text-align:left;padding:.9rem 1rem;border-radius:12px;border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-2),var(--panel));color:var(--text);cursor:pointer;font-family:var(--font-ui);transition:all .12s ease}.mode-card:hover{border-color:var(--gold);transform:translateY(-1px)}.text-input{width:100%;padding:.55rem .7rem;border-radius:8px;border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-family:var(--font-ui);font-size:.85rem}.text-input:focus{outline:none;border-color:var(--gold-dim)}.text-input.code{font-family:var(--font-display);font-weight:900;letter-spacing:.3em;text-align:center;text-transform:uppercase}.note.error{color:var(--danger)}.status .variants{display:flex;gap:.35rem;flex-wrap:wrap}.board-col{position:relative;flex:0 0 auto;display:flex;flex-direction:column;gap:.6rem}.board-status,.board-info{display:flex;flex-direction:column;gap:.5rem}.status{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem}.status .who{font-weight:700;font-size:.85rem}.status.over{justify-content:center;border-color:var(--gold);background:linear-gradient(180deg,#e0b05c29,#e0b05c0a)}.status.over .result{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.04em;font-size:1.02rem;color:var(--gold)}.status .thinking{margin-left:auto;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.35}50%{opacity:1}}.waiting-card{text-align:center;padding:1.4rem 1.6rem;display:flex;flex-direction:column;align-items:center;gap:.6rem}.waiting-title{font-weight:800;font-size:.95rem;color:var(--text)}.waiting-hint{font-size:.75rem;color:var(--muted)}.room-code-banner{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:.7rem 1.4rem;border-radius:12px;border:1px solid var(--gold);background:linear-gradient(180deg,#e0b05c2e,#e0b05c0d);cursor:pointer;transition:transform .06s ease,border-color .12s ease}.room-code-banner:hover{border-color:var(--gold);transform:translateY(-1px)}.room-code-banner:active{transform:translateY(1px)}.room-code-banner .rc-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:700}.room-code-banner .rc-code{font-family:var(--font-display);font-weight:900;font-size:clamp(2.2rem,8vw,3rem);letter-spacing:.14em;color:var(--gold);line-height:1}.room-code-banner .rc-hint{font-size:.68rem;font-weight:700;color:var(--muted-2)}.room-code-banner .rc-hint.ok{color:var(--win)}.room-code-chip{margin-left:auto;font-family:var(--font-ui);font-weight:800;font-size:.74rem;letter-spacing:.06em;padding:.32rem .6rem;border-radius:7px;border:1px solid var(--line);background:var(--panel);color:var(--gold);cursor:pointer;transition:border-color .12s ease,color .12s ease}.room-code-chip:hover{border-color:var(--gold-dim)}.momentum{padding:.55rem .7rem;display:flex;flex-direction:column;gap:.35rem}.mo-head{display:flex;justify-content:space-between;font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;font-weight:900;color:var(--muted-2)}.mo-head .mo-you{color:var(--you-hot)}.mo-head .mo-them{color:var(--them-hot)}.mo-head .mo-pct{color:var(--gold)}.mo-track{position:relative;height:10px;overflow:hidden;transform:skew(-6deg);border:1px solid var(--border);background:linear-gradient(90deg,color-mix(in srgb,var(--them) 80%,transparent),color-mix(in srgb,var(--them) 30%,transparent))}.mo-fill{height:100%;background:linear-gradient(90deg,var(--you-deep),var(--you));box-shadow:0 0 10px color-mix(in srgb,var(--you) 45%,transparent);transition:width .45s cubic-bezier(.3,.8,.3,1)}.mo-chin{height:4px;border-radius:3px;overflow:hidden;background:color-mix(in srgb,var(--text) 10%,transparent)}.mo-chin-fill{height:100%;background:linear-gradient(90deg,#b23222,var(--hot));transition:width .3s ease}.judgment-fx{position:absolute;top:0;right:0;bottom:0;left:0;z-index:26;pointer-events:none;border-radius:10px;opacity:0}.judgment-fx.flash-hurt{animation:jflash .44s ease-out;--jflash: rgba(224, 72, 61, .7)}.judgment-fx.flash-chance{animation:jflash .44s ease-out;--jflash: rgba(224, 176, 92, .6)}@keyframes jflash{0%{opacity:0;box-shadow:inset 0 0 0 0 var(--jflash)}22%{opacity:1;box-shadow:inset 0 0 90px 24px var(--jflash)}to{opacity:0;box-shadow:inset 0 0 0 0 var(--jflash)}}.judgment-label{position:absolute;left:50%;top:40%;z-index:27;pointer-events:none;font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.6rem,6vw,2.7rem);white-space:nowrap;animation:jlabel .95s cubic-bezier(.2,.9,.3,1.2) both}.judgment-label.hurt{color:var(--hot);text-shadow:0 0 24px rgba(224,72,61,.6),0 2px 6px #000}.judgment-label.chance{color:var(--gold);text-shadow:0 0 24px rgba(224,176,92,.6),0 2px 6px #000}@keyframes jlabel{0%{opacity:0;transform:translate(-50%,-50%) scale(.6) rotate(-4deg)}16%{opacity:1;transform:translate(-50%,-50%) scale(1.12) rotate(-2deg)}70%{opacity:1;transform:translate(-50%,-52%) scale(1) rotate(0)}to{opacity:0;transform:translate(-50%,-62%) scale(1) rotate(0)}}.movelist{flex:1 1 auto;overflow-y:auto;padding:.5rem;font-variant-numeric:tabular-nums;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.movelist table{width:100%;border-collapse:collapse;font-size:.85rem}.movelist td{padding:.2rem .45rem}.movelist .num{color:var(--muted-2);width:2rem;text-align:right}.movelist .san{cursor:default;color:var(--text);border-radius:4px}.movelist .san.cap{color:var(--gold)}.movelist .empty{color:var(--muted-2);font-size:.78rem;padding:.6rem}.movelist.compact{flex:0 0 auto;max-height:62px;padding:.25rem .4rem}.movelist.compact table{font-size:.72rem}.movelist.compact td{padding:.08rem .32rem}.movelist .mpiece{display:inline-block;width:.9em;margin-right:.12em;color:var(--muted);opacity:.8}.movelist .san.cap .mpiece{color:var(--gold);opacity:1}.controls{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}.controls .btn{width:100%}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:70}.overlay.dim{background:#060709b8;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.promo{display:flex;gap:.5rem;padding:.7rem}.promo button{width:64px;height:64px;font-size:2.4rem;line-height:1;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid var(--line);background:var(--panel-2);cursor:pointer;transition:all .1s ease}.promo button:hover{border-color:var(--gold);transform:translateY(-2px)}.promo button.white{color:#f4f2ee;text-shadow:0 1px 2px #000}.promo button.black{color:#14161b;text-shadow:0 1px 0 #4a4e57}.split-banner{max-width:min(94vw,520px);flex-wrap:wrap;justify-content:center;position:absolute;left:50%;top:14px;transform:translate(-50%);z-index:25;display:flex;align-items:center;gap:.6rem;padding:.45rem .6rem .45rem .5rem;border-radius:10px;border:1px solid var(--gold);background:var(--split-bg, linear-gradient(180deg, rgba(30, 26, 16, .96), rgba(18, 16, 12, .96)));box-shadow:0 10px 30px #00000080;white-space:nowrap}.split-banner .half{font-weight:900;font-size:1.1rem;color:#1a1206;background:var(--gold);border-radius:6px;padding:.05rem .4rem}.split-banner .msg{font-size:.78rem;font-weight:700;color:var(--text)}.split-banner .btn{padding:.3rem .55rem;font-size:.72rem}.ko{text-align:center;padding:1.6rem 1.8rem}.ko .verdict{font-family:var(--font-display);font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:clamp(1.8rem,6vw,2.8rem);color:var(--gold);line-height:.95}.ko .detail{margin-top:.4rem;color:var(--muted);font-size:.85rem;letter-spacing:.04em}.ko .ko-actions{margin-top:1.2rem;display:flex;gap:.6rem;justify-content:center}.toast{position:absolute;top:10px;left:50%;transform:translate(-50%);z-index:40;max-width:92%;padding:.45rem .9rem;border-radius:999px;font-size:.8rem;font-weight:800;letter-spacing:.01em;color:var(--text);background:var(--toast-bg, rgba(18, 20, 26, .94));border:1px solid var(--line);box-shadow:0 10px 28px #00000080;animation:toast-in .2s ease-out;pointer-events:none;text-align:center}.toast.alert{color:#ffd7d2;background:#341414f0;border-color:#e0483d99}.toast.good{color:#ffe9c2;background:#2e2614f0;border-color:#e0b05c99}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.resign-confirm{grid-column:1 / -1;display:flex;gap:.5rem}.resign-confirm .btn{flex:1 1 0}.btn.ghost{background:transparent;border-color:var(--line);color:var(--muted)}.btn.ghost:hover{color:var(--text)}.field-note{font-size:.7rem;color:var(--muted-2);line-height:1.4}.squad-row{display:grid;grid-template-columns:1fr;gap:.6rem}.squad-card{position:relative;overflow:hidden;min-height:54px;border:1px solid var(--line);border-radius:10px;background:var(--panel-2);color:var(--text);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:.5rem;font-family:var(--font-ui);transition:border-color .12s ease,transform .12s ease}.squad-card:hover,.squad-card.on{border-color:var(--gold)}.squad-card .squad-art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:0;transition:opacity .16s ease,transform .22s var(--cut);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 7%,#000 93%,transparent 100%)}.squad-label{position:relative;z-index:1;font-weight:800;font-size:.85rem;letter-spacing:.02em}.squad-card.white{--sq-corner: var(--you)}.squad-card.black{--sq-corner: var(--them)}.squad-card.white.on{box-shadow:inset 0 0 0 1px #78aaff80}.squad-card.black.on{box-shadow:inset 0 0 0 1px #e0b05c80}.opponent-card{display:flex;align-items:center;gap:.7rem;margin-top:.6rem;padding:.6rem .7rem;border:1px solid var(--line);border-radius:10px;background:var(--panel-2)}@media(max-width:980px){.board-col{width:100%;max-width:min(92vw,560px)}}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.mo-head .mo-pct{font-family:var(--font-mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.foil{background-image:var(--accent-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}@keyframes foil-run{to{background-position:-250% 0}}@property --kc-beam{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.kc-beam{position:relative;isolation:isolate}.kc-beam:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:conic-gradient(from var(--kc-beam),transparent 0 60%,var(--accent) 74%,var(--gold-300) 82%,var(--accent) 90%,transparent 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:kc-beam-spin 4.5s linear infinite;pointer-events:none}@keyframes kc-beam-spin{to{--kc-beam: 360deg}}.kc-grain:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;border-radius:inherit;opacity:var(--grain-opacity);mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.kc-glow-accent{box-shadow:var(--glow-accent)}@media(prefers-reduced-motion:reduce){:root{--dur-fast: 0ms;--dur-mid: 0ms;--dur-slow: 0ms}.btn.primary:after,.kc-beam:before{animation:none}}.lab{font-weight:800;font-size:.68rem;letter-spacing:.18em;text-transform:uppercase}.gi{display:inline-grid;place-items:center}.gi svg{width:100%;height:100%;display:block}.app.no-pad{padding:0;gap:0}.poster{min-height:100svh;min-height:100dvh;width:100%;display:grid;grid-template-rows:auto 1fr auto;position:relative;overflow:hidden;--p-ground: var(--bg);--p-panel: var(--surface);--p-panel-2: var(--surface-raised);--p-text: var(--text);--p-dim: var(--text-muted);--p-line: var(--hairline);--p-vig: rgba(0, 0, 0, .6);--p-wash-you: 16%;--p-wash-them: 15%;--p-top-light: rgba(240, 246, 255, .1);background:linear-gradient(104deg,color-mix(in srgb,var(--you) var(--p-wash-you),transparent) 0 34%,transparent 40% 60%,color-mix(in srgb,var(--them) var(--p-wash-them),transparent) 66%),radial-gradient(58% 40% at 50% 0%,var(--p-top-light),transparent 65%),radial-gradient(120% 90% at 50% 55%,transparent 50%,var(--p-vig) 100%),var(--p-ground);color:var(--p-text)}[data-theme=light] .poster{--p-vig: rgba(20, 26, 40, .1);--p-wash-you: 7%;--p-wash-them: 6%;--p-top-light: rgba(20, 26, 40, .04)}@media(prefers-color-scheme:light){:root:not([data-theme]) .poster{--p-vig: rgba(20, 26, 40, .1);--p-wash-you: 7%;--p-wash-them: 6%;--p-top-light: rgba(20, 26, 40, .04)}}.poster .motes,.poster .motes:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.poster .motes{background:none}.poster .motes:before,.poster .motes:after{content:"";position:absolute;left:0;top:0;width:4px;height:4px;border-radius:50%;background:transparent;box-shadow:12vw 82vh color-mix(in srgb,var(--you) 55%,transparent),28vw 64vh 0 1px color-mix(in srgb,var(--gold-400) 45%,transparent),46vw 88vh color-mix(in srgb,var(--them) 45%,transparent),64vw 70vh 0 1px color-mix(in srgb,var(--you) 40%,transparent),82vw 84vh color-mix(in srgb,var(--gold-400) 40%,transparent),92vw 60vh color-mix(in srgb,var(--them) 35%,transparent);opacity:0;animation:kc-motes 16s linear infinite}.poster .motes:after{box-shadow:8vw 70vh color-mix(in srgb,var(--gold-400) 40%,transparent),36vw 92vh 0 1px color-mix(in srgb,var(--them) 40%,transparent),56vw 76vh color-mix(in srgb,var(--you) 45%,transparent),74vw 90vh color-mix(in srgb,var(--gold-400) 35%,transparent);animation-delay:8s;animation-duration:19s}@keyframes kc-motes{0%{transform:translateY(4vh);opacity:0}12%{opacity:.9}80%{opacity:.5}to{transform:translateY(-64vh);opacity:0}}.poster .rays{position:absolute;top:-20%;right:-10%;bottom:-20%;left:-10%;pointer-events:none;will-change:transform;animation:kc-rays 26s ease-in-out infinite alternate;background:conic-gradient(from 168deg at 8% -4%,transparent 0 8deg,rgba(120,170,255,.06) 8deg 12deg,transparent 12deg 22deg,rgba(120,170,255,.05) 22deg 25deg,transparent 25deg),conic-gradient(from 148deg at 92% -4%,transparent 0 8deg,rgba(255,110,130,.06) 8deg 12deg,transparent 12deg 22deg,rgba(255,110,130,.05) 22deg 25deg,transparent 25deg)}@keyframes kc-rays{0%{transform:rotate(-1.4deg)}to{transform:rotate(1.4deg)}}@keyframes kc-drop{0%{opacity:0;transform:translateY(-16px)}}@keyframes kc-blink{50%{opacity:.15}}.p-mid{position:relative;display:grid;place-content:center;justify-items:center;text-align:center;padding:26px 20px 10px}@keyframes kc-attract{0%{transform:translate(-140%) rotate(4deg)}13%{transform:translate(440%) rotate(4deg)}to{transform:translate(440%) rotate(4deg)}}@keyframes kc-boom{0%{opacity:0;transform:translate(-50%) scale(.5)}35%{opacity:.9}to{opacity:0;transform:translate(-50%) scale(1.35)}}.boot-gate{min-height:100svh;min-height:100dvh;display:grid;place-items:center;align-content:center;gap:18px;padding:24px 16px;text-align:center}.boot-play{margin-top:18px;width:104px;height:104px;border-radius:50%;border:2px solid color-mix(in srgb,var(--gold) 70%,transparent);background-image:var(--primary-grad);color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 34px #00000073,0 0 color-mix(in srgb,var(--primary) 55%,transparent);animation:kc-slam1 .42s var(--cut) .7s backwards,boot-pulse 1.8s ease-out 1.2s infinite;transition:transform var(--dur-fast) var(--ease-spring)}.boot-play svg{width:46px;height:46px;margin-left:6px}.boot-play:hover{transform:scale(1.05)}.boot-play:active{transform:scale(.94)}.boot-play:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@keyframes boot-pulse{0%{box-shadow:0 10px 34px #00000073,0 0 color-mix(in srgb,var(--primary) 55%,transparent)}to{box-shadow:0 10px 34px #00000073,0 0 0 26px transparent}}.boot-hint{color:var(--text-muted);animation:kc-wipe .3s var(--cut) .9s backwards}@media(prefers-reduced-motion:reduce){.boot-play,.boot-hint{animation:none}}.lockup{margin:0;line-height:.85;-webkit-user-select:none;user-select:none}.lockup .l1{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(3rem,10.5vw,6.6rem);letter-spacing:.005em;transform:skew(-6deg);background-image:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent;filter:var(--display-glow, drop-shadow(0 10px 30px rgba(20, 40, 90, .65)) drop-shadow(0 0 40px rgba(46, 134, 255, .18)));animation:kc-slam1 .42s var(--cut) .14s backwards}@keyframes kc-slam1{0%{opacity:0;transform:skew(-6deg) scale(1.5)}}.lockup .l2{display:block;font-family:var(--font-display);text-transform:uppercase;font-size:clamp(1.8rem,6vw,3.9rem);letter-spacing:.3em;margin-top:.06em;transform:skew(-6deg);background-image:var(--fill-gold);-webkit-background-clip:text;background-clip:text;color:transparent;filter:var(--display-glow, drop-shadow(0 0 30px rgba(245, 197, 66, .25)));animation:kc-slam2 .36s var(--cut) .32s backwards}@keyframes kc-slam2{0%{opacity:0;transform:skew(-6deg) translate(110px)}}.belt-rule{width:min(380px,64vw);height:7px;margin:20px 0 4px;transform:skew(-6deg);background:linear-gradient(90deg,transparent,var(--gold-600) 18%,var(--gold-400) 50%,var(--gold-600) 82%,transparent);position:relative;animation:kc-wipe .3s var(--cut) .56s backwards}@keyframes kc-wipe{0%{opacity:0;transform:skew(-6deg) scaleX(0)}}.belt-rule:after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%) rotate(45deg);background:linear-gradient(135deg,var(--gold-300),var(--gold-400) 55%,var(--gold-600));box-shadow:0 0 20px #f5c5428c}@keyframes kc-punch-l{0%{opacity:0;transform:translate(-110px)}}@keyframes kc-punch-r{0%{opacity:0;transform:translate(110px)}}@keyframes kc-bob{0%{transform:translateY(2px)}to{transform:translateY(-5px)}}@keyframes kc-breathe{0%{opacity:.35}to{opacity:1}}@keyframes kc-vs{0%{opacity:0;transform:skew(-6deg) rotate(-4deg) scale(2.6)}}.p-bouts{padding:8px 0 0}.p-bouts .bout{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;color:inherit;font:inherit;text-align:left;width:100%;border:0;border-top:1px solid var(--p-line);display:grid;grid-template-columns:10px minmax(0,1fr) auto;align-items:center;gap:18px;padding:14px 26px;cursor:pointer;transition:background 90ms ease-out,transform 90ms var(--cut);animation:kc-cutin .2s var(--cut) backwards}.p-bouts .bout:nth-child(1){animation-delay:1.06s}.p-bouts .bout:nth-child(2){animation-delay:1.15s}.p-bouts .bout:nth-child(3){animation-delay:1.24s}@keyframes kc-cutin{0%{opacity:0;transform:translate(-34px)}}.p-bouts .bout:hover,.p-bouts .bout:focus-visible{background:color-mix(in srgb,var(--bc, var(--you)) 8%,transparent);transform:translate(6px)}.p-bouts .bout:active{transform:translate(6px) scale(.99)}.bout .slab{width:10px;height:54px;transform:skew(-6deg);background:linear-gradient(180deg,var(--bc, var(--you)),color-mix(in srgb,var(--bc, var(--you)) 40%,transparent));transition:filter 90ms}.bout:hover .slab{filter:brightness(1.6)}.bout .lab{color:var(--bh, var(--you-hot));margin-bottom:2px;display:block}.bout h3{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:clamp(1.4rem,4.4vw,2.3rem);line-height:.95;letter-spacing:.02em;margin:0;display:inline-block;transform:skew(-6deg);background-image:var(--bf, var(--fill-you));-webkit-background-clip:text;background-clip:text;color:transparent;filter:var(--display-glow, drop-shadow(0 4px 14px color-mix(in srgb, var(--bc, var(--you)) 30%, transparent)))}.bout p{margin:3px 0 0;color:var(--p-dim);font-size:.84rem;font-weight:500}.bout .gi{width:42px;height:42px;color:var(--bc, var(--you));opacity:.9;transition:transform 90ms var(--cut)}.bout:hover .gi{transform:scale(1.18) rotate(-5deg)}.bout.them{--bc: var(--them);--bh: var(--them-hot);--bf: var(--fill-them)}.bout.belt{--bc: var(--accent);--bh: var(--accent-strong);--bf: var(--fill-gold);cursor:default}.bout.belt:hover{background:none;transform:none}.bout.belt:hover .slab{filter:none}.bout.belt:hover .gi{transform:none}.tape-setup{width:100%;max-width:860px}.fighter{position:relative;border:1px solid var(--border);background:linear-gradient(180deg,var(--surface-raised),var(--surface));padding:46px 18px 18px;overflow:hidden}.portrait{height:170px;display:grid;place-items:center;position:relative}.portrait .ring{position:absolute;top:4px;right:18%;bottom:4px;left:18%;border-radius:50% 50% 8px 8px/60% 60% 8px 8px;background:radial-gradient(70% 58% at 50% 30%,color-mix(in srgb,var(--pc, var(--you)) 30%,transparent),transparent 72%),linear-gradient(180deg,rgba(255,255,255,.05),transparent);border:1px solid color-mix(in srgb,var(--pc, var(--you)) 30%,var(--border))}.portrait .gi{width:96px;height:96px;position:relative;filter:drop-shadow(0 14px 22px rgba(0,0,0,.5))}.roster{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px 8px;justify-content:center}.stk{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-height:40px;font-family:var(--font-ui);font-weight:900;font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--text);background:var(--surface-raised);border:1px solid var(--border);border-bottom:3px solid var(--border-strong);padding:8px 12px 7px;transform:rotate(var(--tilt, -2deg));transition:transform 90ms var(--cut),border-color 90ms;cursor:pointer}.stk:nth-child(2n){--tilt: 2deg}.stk:hover{transform:rotate(var(--tilt, -2deg)) translateY(-3px);border-bottom-color:var(--them)}.stk .lv{color:var(--text-subtle);margin-right:.35em}.stk.on{background:linear-gradient(180deg,var(--them),var(--them-deep));border-color:var(--them-deep);color:#fff;box-shadow:var(--chip-lift, 0 8px 20px color-mix(in srgb, var(--them) 35%, transparent))}.stk.on .lv{color:#ffffffb3}.btn.mega{font-family:var(--font-display);font-weight:400;font-size:1.25rem;letter-spacing:.1em;padding:.8rem 1.2rem;transform:skew(-6deg)}.btn.mega:active{transform:skew(-6deg) translateY(1px)}.chyron{position:relative;overflow:hidden;background:linear-gradient(90deg,var(--you) 0%,var(--you-deep) 60%,color-mix(in srgb,var(--you-deep) 30%,transparent) 100%);padding:9px 18px;transform:skew(var(--chyron-skew, -6deg));border-radius:var(--radius-sm)}.chyron .in{transform:skew(6deg);display:flex;align-items:center;gap:14px;min-width:0}.chyron .round{font-family:var(--font-display);font-weight:400;text-transform:uppercase;font-size:1.05rem;letter-spacing:.05em;color:#051020;white-space:nowrap}.chyron .tick{font-weight:800;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:#eaf3ff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.chyron.them{background:linear-gradient(90deg,var(--them) 0%,var(--them-deep) 60%,color-mix(in srgb,var(--them-deep) 30%,transparent) 100%)}.chyron.them .round,.chyron.them .tick{color:#1c1405}.chyron.gold{background:linear-gradient(90deg,var(--gold-400) 0%,var(--gold-600) 70%,color-mix(in srgb,var(--gold-600) 30%,transparent) 100%)}.chyron.gold .round,.chyron.gold .tick{color:#231704}.screen-cut{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;pointer-events:none;background:linear-gradient(104deg,var(--you) 0 46%,#fff 46% 54%,var(--them) 54%);transform-origin:center;animation:kc-screen-cut .42s var(--ease-standard) forwards}@keyframes kc-screen-cut{0%{opacity:0;transform:scaleY(.02)}22%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1) translateY(-102%)}}.screen-cut.out{animation-name:kc-screen-cut-out}@keyframes kc-screen-cut-out{0%{opacity:0;transform:scaleY(.02)}22%{opacity:1;transform:scaleY(1)}to{opacity:0;transform:scaleY(1) translateY(102%)}}.mode-slot{display:contents}.chyron{animation:kc-chyron-cut .19s var(--cut) backwards}@keyframes kc-chyron-cut{0%{opacity:0;transform:skew(-6deg) translate(-26px)}}.chyron.check{background:linear-gradient(90deg,#ff2e4d,#d1173a 60%,#d1173a4d);animation:kc-alarm 1s ease-in-out infinite}.chyron.check .round{color:#1c040a}.chyron.check .tick{color:#ffe9ec}@keyframes kc-alarm{50%{filter:brightness(1.35)}}.ko-parts{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.ko-card .flash{position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 30px 10px #ffffff80;animation:kc-pop 2.6s ease-in-out infinite;opacity:0;pointer-events:none}.ko-card .flash.f1{left:68%;top:64%}.ko-card .flash.f2{left:14%;top:26%;animation-delay:.9s}.ko-card .flash.f3{right:12%;top:18%;animation-delay:1.7s}@keyframes kc-pop{0%,92%,to{opacity:0}94%{opacity:1}97%{opacity:.2}}.ko-belt-chip{margin:.7rem auto 0;display:inline-flex;align-items:center;gap:10px;transform:skew(-6deg);background:linear-gradient(180deg,var(--gold-300),var(--gold-400) 55%,var(--gold-600));color:#231704;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.09em;font-size:.95rem;padding:8px 20px;box-shadow:0 0 30px #f5c54266}.ko-belt-chip .gi{width:18px;height:18px;transform:skew(6deg)}@media(max-width:600px){.p-mid{padding:14px 14px 6px}.belt-rule{margin:14px 0 2px;height:5px}.p-bouts .bout{padding:11px 16px;gap:12px;grid-template-columns:7px minmax(0,1fr) auto}.bout .slab{width:7px;height:40px}.bout p{display:none}.bout .gi{width:30px;height:30px}.chyron{padding:8px 14px}.chyron .round{font-size:.95rem}.chyron .tick{font-size:.7rem;letter-spacing:.08em}.ko-dismiss{min-height:40px;padding:.5rem;font-size:.8rem}.ko-actions button{min-height:42px}.text-input{min-height:44px;font-size:16px}.movelist{overscroll-behavior:contain}}@media(max-width:600px)and (max-height:720px){.lockup .l1{font-size:clamp(2.3rem,13vw,3.4rem)}.lockup .l2{font-size:clamp(1.3rem,7vw,2rem)}.p-bouts .bout{padding:9px 16px}}@media(prefers-reduced-motion:reduce){.lockup .l1,.lockup .l2,.belt-rule,.p-bouts .bout,.poster .rays,.poster .motes:before,.poster .motes:after,.chyron.check,.ko-card .flash{animation:none}.p-bouts .bout,.stk,.bout .gi,.bout .slab{transition:none}}[data-theme=light] .chyron,[data-theme=light] .turnbar{background:var(--you-deep);border-color:var(--you-deep);color:var(--accent)}[data-theme=light] .chyron .round,[data-theme=light] .turnbar .tb-state{color:var(--accent)}[data-theme=light] .chyron .tick,[data-theme=light] .turnbar .tb-detail{color:color-mix(in srgb,var(--accent) 72%,#fff)}[data-theme=light] .turnbar .tb-clk{background:color-mix(in srgb,#000 22%,transparent);color:color-mix(in srgb,var(--accent) 80%,#fff)}[data-theme=light] .chyron.check,[data-theme=light] .turnbar.t-alert{background:#b3261e;border-color:#b3261e}[data-theme=light] .chyron.check .round,[data-theme=light] .chyron.check .tick,[data-theme=light] .turnbar.t-alert .tb-state,[data-theme=light] .turnbar.t-alert .tb-detail{color:#fff6f5}[data-theme=light] .panel{box-shadow:none;border-color:color-mix(in srgb,var(--text) 18%,transparent)}@media(prefers-color-scheme:light){:root:not([data-theme]) .chyron,:root:not([data-theme]) .turnbar{background:var(--you-deep);border-color:var(--you-deep);color:var(--accent)}:root:not([data-theme]) .chyron .round,:root:not([data-theme]) .turnbar .tb-state{color:var(--accent)}:root:not([data-theme]) .chyron .tick,:root:not([data-theme]) .turnbar .tb-detail{color:color-mix(in srgb,var(--accent) 72%,#fff)}:root:not([data-theme]) .turnbar .tb-clk{background:color-mix(in srgb,#000 22%,transparent);color:color-mix(in srgb,var(--accent) 80%,#fff)}:root:not([data-theme]) .chyron.check,:root:not([data-theme]) .turnbar.t-alert{background:#b3261e;border-color:#b3261e}:root:not([data-theme]) .chyron.check .round,:root:not([data-theme]) .chyron.check .tick,:root:not([data-theme]) .turnbar.t-alert .tb-state,:root:not([data-theme]) .turnbar.t-alert .tb-detail{color:#fff6f5}:root:not([data-theme]) .panel{box-shadow:none;border-color:color-mix(in srgb,var(--text) 18%,transparent)}}.screen-cut.ko{background:none;animation:none;overflow:hidden}.screen-cut.ko:before,.screen-cut.ko:after{content:"";position:absolute;left:50%;top:50%;width:160vmax;height:160vmax;margin:-80vmax 0 0 -80vmax;border-radius:50%;will-change:transform,opacity}.screen-cut.ko:before{background:repeating-conic-gradient(from 0deg,color-mix(in srgb,var(--you) 85%,transparent) 0deg 6deg,transparent 6deg 12deg);animation:kc-tunnel .46s cubic-bezier(.2,.8,.2,1) forwards}.screen-cut.ko:after{background:repeating-conic-gradient(from 4deg,color-mix(in srgb,var(--them) 80%,transparent) 0deg 4deg,transparent 4deg 14deg);animation:kc-tunnel-rev .46s cubic-bezier(.2,.8,.2,1) forwards}@keyframes kc-tunnel{0%{transform:scale(.02) rotate(0);opacity:0}28%{opacity:1}to{transform:scale(1.5) rotate(38deg);opacity:0}}@keyframes kc-tunnel-rev{0%{transform:scale(.02) rotate(0);opacity:0}28%{opacity:.85}to{transform:scale(1.5) rotate(-46deg);opacity:0}}@media(prefers-reduced-motion:reduce){.screen-cut.ko:before,.screen-cut.ko:after{animation:none;display:none}}.board-stage{position:relative;display:inline-block;overflow:clip}.board-pan{will-change:transform}.ko-layer{position:absolute;top:10px;right:10px;bottom:10px;left:10px;pointer-events:none;z-index:30;overflow:visible}.ko-particles{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ko-flash{position:absolute;width:12.5%;height:12.5%;opacity:0;border-radius:50%;background:radial-gradient(circle,#fffffff2,#fff0c880 45%,#ffc87800 70%);will-change:transform,opacity}.ko-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#0a0b0e;border-radius:4px;opacity:0;pointer-events:none;z-index:29;transition:opacity .16s ease}.ko-video.show{opacity:1}.ko-video.mode-full{box-shadow:inset 0 0 0 2px #e0b05c59,inset 0 60px 60px -40px #000,inset 0 -60px 60px -40px #000}.ko-video.mode-corner{inset:auto;right:-2%;bottom:6%;width:34%;height:46%;border:2px solid rgba(224,176,92,.6);box-shadow:0 12px 34px #000000a6}.ko-layer{container-type:inline-size}.ko-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;border-radius:4px;background:radial-gradient(120% 90% at 50% 30%,#1a2236,#07090d 70%);box-shadow:inset 0 0 0 2px #f5c54273;opacity:0;pointer-events:none}.ko-scene.prime{opacity:.001}.ko-scene.show{opacity:1}.ko-still{position:absolute;left:9%;top:15%;width:82%;height:82%;object-fit:cover;border-radius:6px;box-shadow:0 0 0 2px #f5c5428c,0 10px 30px #0009}.ko-still:not([src]){display:none}.ko-scene.show .ko-still{animation:ko-still-drift var(--ko-hold, 2.6s) .14s cubic-bezier(.25,.1,.25,1) both}@keyframes ko-still-drift{0%{transform:scale(1.03)}to{transform:scale(1)}}.ko-letters{position:absolute;left:0;right:0;top:1%;height:13%;display:flex;align-items:center;justify-content:center;gap:.4cqw;font:700 12.5cqw/1 var(--font-display, "Anton", Impact, sans-serif);letter-spacing:.02em;transform:skew(-6deg);color:#f5c542;-webkit-text-stroke:.5cqw #120c02;paint-order:stroke fill;text-shadow:0 .6cqw 0 #000,0 0 3cqw rgba(245,197,66,.45)}.ko-letters span{display:inline-block}.ko-scene.show .ko-k{animation:ko-from-left .24s .3s cubic-bezier(.2,1.4,.4,1) both}.ko-scene.show .ko-o{animation:ko-from-right .24s .35s cubic-bezier(.2,1.4,.4,1) both}.ko-scene.show .ko-dot{animation:ko-pop .18s .56s ease-out both}@keyframes ko-from-left{0%{opacity:0;transform:translate(-60cqw)}}@keyframes ko-from-right{0%{opacity:0;transform:translate(60cqw)}}@keyframes ko-pop{0%{opacity:0;transform:scale(2.2)}}.ko-wipe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:31;border-radius:4px;pointer-events:none;opacity:0;background:linear-gradient(104deg,var(--you, #2e86ff) 0 46%,#fff 46% 54%,var(--them, #f5c542) 54%)}.ko-wipe.in{animation:ko-wipe-in .44s cubic-bezier(.65,0,.35,1) forwards}.ko-wipe.out{animation:ko-wipe-out .46s cubic-bezier(.65,0,.35,1) forwards}@keyframes ko-wipe-in{0%{opacity:0;transform:scaleY(.02)}30%{opacity:1;transform:scaleY(1)}to{opacity:1;transform:translateY(-102%)}}@keyframes ko-wipe-out{0%{opacity:1;transform:translateY(-102%)}56%{opacity:1;transform:translateY(0) scaleY(1)}to{opacity:0;transform:translateY(0) scaleY(.02)}}.ko-wipe-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:31;overflow:hidden;border-radius:4px;pointer-events:none}.ko-flash.pop{animation:ko-flash-pop .24s ease-out}@keyframes ko-flash-pop{0%{opacity:.95;transform:translate(-50%,-50%) scale(.5)}to{opacity:0;transform:translate(-50%,-50%) scale(2.4)}}.ko-piece{position:absolute;width:12.5%;height:12.5%;opacity:0;background-size:cover;background-repeat:no-repeat;will-change:transform,opacity;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5))}.ko-vignette{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0;will-change:opacity}.ko-vignette .bar{position:absolute;left:0;right:0;height:13%;background:linear-gradient(180deg,#05060a,#0b0d12);box-shadow:0 0 30px #000c}.ko-vignette .bar.top{top:0;border-bottom:2px solid rgba(224,176,92,.5)}.ko-vignette .bar.bottom{bottom:0;border-top:2px solid rgba(224,176,92,.5)}.ko-ringside{position:absolute;right:-2%;top:12%;width:30%;height:66%;opacity:0;will-change:transform,opacity;display:flex;align-items:flex-end;justify-content:center}.ringside-fig{width:100%;height:100%;filter:drop-shadow(0 10px 18px rgba(0,0,0,.6))}.ringside-fig .kiss-dot{opacity:0;transition:opacity .15s ease}.ringside-fig.state-kiss .kiss-dot{opacity:1}.ringside-fig .arm{transform-origin:60px 66px;transition:transform .25s ease}.ringside-fig.state-kiss .arm{transform:rotate(-12deg)}.ko-card .verdict{font-family:var(--font-display);font-weight:900;text-transform:uppercase;font-size:clamp(2.2rem,8vw,3.4rem);line-height:.9;letter-spacing:-.01em;background:linear-gradient(180deg,#fff 0%,var(--gold) 60%,var(--gold-dim) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.ko-dismiss{margin-top:.85rem;background:none;border:none;color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;cursor:pointer;transition:color .12s ease}.ko-dismiss:hover{color:var(--gold)}.ko-stats{margin-top:.9rem;display:flex;gap:1.2rem;justify-content:center;font-variant-numeric:tabular-nums}.ko-stats .stat{display:flex;flex-direction:column;gap:.15rem}.ko-stats .stat b{font-size:1.3rem;color:var(--text)}.ko-stats .stat span{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-2)}.ko-gag{margin-top:1rem;display:flex;flex-direction:column;align-items:center;gap:.35rem}.ko-gag .fallen{position:static;opacity:1;width:54px;height:54px;background-size:cover;transform:rotate(88deg) translateY(4px);filter:drop-shadow(0 4px 8px rgba(0,0,0,.6));animation:ko-bend .7s cubic-bezier(.2,.9,.3,1.3) both}@keyframes ko-bend{0%{transform:rotate(0)}to{transform:rotate(88deg) translateY(4px)}}.ko-gag .domain{font-family:var(--font-display);font-weight:900;letter-spacing:.06em;text-transform:uppercase;font-size:clamp(.85rem,3vw,1.15rem);color:var(--hot);text-shadow:0 0 18px rgba(224,72,61,.5)}@media(prefers-reduced-motion:reduce){.ko-layer{display:none}}:root[data-ko-scene] .toast{opacity:0;transition:opacity .12s}.ko-strip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:29;pointer-events:none;opacity:.001;will-change:opacity}.ko-strip.roll{opacity:1}.ko-strip.roll *{animation-duration:1.5s;animation-fill-mode:both}.kc-frame{position:absolute;left:7%;top:14%;width:86%;height:86%;opacity:0;will-change:transform,opacity}.ko-strip-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.kc-shine{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.kc-shine:after{content:"";position:absolute;top:-10%;bottom:-10%;left:-45%;width:32%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(0)}.ko-strip-ko{position:absolute;left:50%;top:7%;font:700 clamp(26px,11cqw,64px) / 1 var(--font-display, "Anton", Impact, sans-serif);color:#f5c542;-webkit-text-stroke:3px #120c02;paint-order:stroke fill;text-shadow:0 3px 0 #000;opacity:0;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}.kc-impact{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;background:#fff;opacity:0}@keyframes kc-stamp{0%{opacity:0;transform:translate(-50%,-50%) scale(2.2) rotate(-8deg)}8%{opacity:1;transform:translate(-50%,-50%) scale(.94) rotate(-8deg)}11%{transform:translate(-50%,-50%) scale(1) rotate(-8deg)}75%{opacity:1}85%,to{opacity:0;transform:translate(-50%,-50%) scale(1) rotate(-8deg)}}@keyframes kc-shine-pass{0%{transform:translate(0)}to{transform:translate(560%)}}.ko-slash .kc-frame{opacity:1;clip-path:polygon(0 0,0 0,-30% 100%,0 100%)}.ko-slash.roll .kc-frame{animation-name:kc-a-frame;animation-timing-function:linear}@keyframes kc-a-frame{0%{clip-path:polygon(0 0,0 0,-30% 100%,0 100%);transform:scale(1.15);animation-timing-function:cubic-bezier(.16,1,.3,1)}12%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%);transform:scale(.98);animation-timing-function:ease-out}20%{transform:scale(1)}77%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%);transform:scale(1.02);animation-timing-function:cubic-bezier(.7,0,.84,0)}to{clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%);transform:scale(1.03)}}.ko-slash.roll .kc-impact{animation-name:kc-flash-start}@keyframes kc-flash-start{0%{opacity:.9}4%,to{opacity:0}}.ko-slash.roll .ko-strip-ko{animation-name:kc-stamp;animation-delay:.25s;animation-duration:1.25s}.ko-slash.roll .kc-shine:after{animation:kc-shine-pass .35s .4s ease-in-out both}.ko-strip.out.fast{animation:ko-strip-whip .16s ease-in forwards!important}@keyframes ko-strip-whip{to{opacity:.001;transform:translate(-30%)}}.ko-strip.prime:not(.roll) *{animation:none}.venue-mitts{--you-deep: #2c5f8f;--chyron-skew: -6deg;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--bg: #17120e;--surface: #241c15;--surface-raised: #2e241b;--border: #3d3025;--text: #f6efe6;--text-muted: #c3b3a1;--text-subtle: #8b7c6c;--you: #6fb1e8;--you-hot: #a8d4ff;--them: #e8b366;--them-hot: #ffd79a;--accent: #e8b366;--shadow-1: 0 2px 6px rgb(0 0 0 / .3);--shadow-2: 0 14px 34px rgb(0 0 0 / .4);--display-glow: none}.venue-ping{--you-deep: #005f7a;--chyron-skew: 0deg;--radius-sm: 0px;--radius-md: 2px;--radius-lg: 3px;--radius-xl: 4px;--font-ui: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--bg: #0a0616;--surface: #150e2b;--surface-raised: #1d1440;--border: #3b2a72;--border-strong: #5b3fb0;--text: #eae3ff;--text-muted: #a794e0;--text-subtle: #6f5fa8;--you: #00e5ff;--you-hot: #7ef7ff;--them: #c86bff;--them-hot: #e5a8ff;--accent: #00e5ff;--neon: #00e5ff;--display-glow: 0 0 18px color-mix(in srgb, #00e5ff 55%, transparent);--shadow-1: 0 0 0 1px color-mix(in srgb, #00e5ff 18%, transparent);--shadow-2: 0 0 28px color-mix(in srgb, #7a3cff 35%, transparent)}.app.venue-ping:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,color-mix(in srgb,#00e5ff 4%,transparent) 0 1px,transparent 1px 3px)}.venue-chomp{--you-deep: #8f2f14;--chyron-skew: -6deg;--radius-sm: 0px;--radius-md: 0px;--radius-lg: 0px;--radius-xl: 0px;--font-ui: "Anton", "Arial Narrow", var(--font-display);--bg: #150808;--surface: #24100f;--surface-raised: #331715;--border: #6b2320;--border-strong: #a33028;--text: #ffecea;--text-muted: #d19a94;--text-subtle: #8f635e;--you: #ff7a45;--you-hot: #ffb08a;--them: #e03a2f;--them-hot: #ff6b5a;--accent: #ff7a45;--shadow-1: 0 2px 0 #6b2320;--shadow-2: 0 8px 0 #4a1614;--display-glow: none}.venue-boss{--you-deep: #153b47;--chyron-skew: 0deg;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 4px;--radius-xl: 6px;--bg: #14181a;--surface: #1c2225;--surface-raised: #232a2e;--border: #2f383d;--border-strong: #3f4a50;--text: #e8eef0;--text-muted: #9aa8ae;--text-subtle: #66757c;--you: #4a90a4;--you-hot: #6fb5c9;--them: #b0bcc2;--them-hot: #d6e0e4;--accent: #4a90a4;--shadow-1: none;--shadow-2: 0 2px 8px rgb(0 0 0 / .35);--display-glow: none;--grain-opacity: 0}.venue-nigel{--you-deep: #3a5a3f;--chyron-skew: 0deg;--radius-sm: 2px;--radius-md: 3px;--radius-lg: 4px;--radius-xl: 6px;--bg: #0e1410;--surface: #161e18;--surface-raised: #1d2720;--border: #2c3a2f;--border-strong: #46614b;--text: #edf3ec;--text-muted: #9fb3a3;--text-subtle: #6b7d6f;--you: #7fae86;--you-hot: #b0d6b5;--them: #c9a961;--them-hot: #e8cf95;--accent: #c9a961;--shadow-1: 0 1px 2px rgb(0 0 0 / .5);--shadow-2: 0 16px 40px rgb(0 0 0 / .55);--display-glow: none}.venue-nigel .ab-label,.venue-nigel .tb-state{letter-spacing:.28em;font-weight:500}.venue-coach{--you-deep: #1447b8;--chyron-skew: -4deg;--radius-sm: 3px;--radius-md: 5px;--radius-lg: 6px;--radius-xl: 8px;--bg: #150909;--surface: #221010;--surface-raised: #2d1515;--border: #4c2222;--border-strong: #6b2b2b;--text: #f6efe9;--text-muted: #c4aaa4;--text-subtle: #8a6b66;--you: #4d97ff;--you-hot: #8dbcff;--them: #ff6b5e;--them-hot: #ffa59c;--accent: #e0483d;--shadow-1: 0 2px 0 rgb(0 0 0 / .5);--shadow-2: 0 10px 24px rgb(0 0 0 / .5);--display-glow: none}.venue-coach .btn,.venue-coach .ab-btn,.venue-coach .qc-btn{border-width:2px;text-transform:uppercase;letter-spacing:.06em}.venue-sunny{--you-deep: #b5642c;--chyron-skew: -2deg;--radius-sm: 14px;--radius-md: 20px;--radius-lg: 26px;--radius-xl: 32px;--bg: #1b1310;--surface: #2a1e18;--surface-raised: #362720;--border: #4a382e;--border-strong: #6b5343;--text: #fff1e6;--text-muted: #d6b9a4;--text-subtle: #9b8071;--you: #ffb27a;--you-hot: #ffd0ad;--them: #f2d0a4;--them-hot: #ffe9cd;--accent: #ffb27a;--shadow-1: 0 2px 10px rgb(0 0 0 / .22);--shadow-2: 0 18px 44px rgb(0 0 0 / .32);--display-glow: none}.venue-sunny .btn,.venue-sunny .ab-btn,.venue-sunny .qc-btn{border-width:0;font-weight:600;letter-spacing:.01em;text-transform:none}.venue-reaper{--you-deep: #3a3a41;--chyron-skew: 0deg;--radius-sm: 0px;--radius-md: 1px;--radius-lg: 1px;--radius-xl: 2px;--bg: #000000;--surface: #08080a;--surface-raised: #0e0e11;--border: #262629;--border-strong: #4a4a50;--text: #ffffff;--text-muted: #8e8e96;--text-subtle: #55555c;--you: #ffffff;--you-hot: #ffffff;--them: #8e8e96;--them-hot: #c8c8d0;--accent: #ffffff;--shadow-1: none;--shadow-2: none;--display-glow: none;--grain-opacity: 0}.venue-reaper .btn,.venue-reaper .ab-btn,.venue-reaper .qc-btn,.venue-reaper .panel{border-width:1px;box-shadow:none}[data-theme=light] .app[class*=venue-]{--bg: var(--paper-100);--surface: var(--paper-0);--surface-raised: var(--paper-50);--border: var(--paper-300);--border-strong: var(--paper-500);--text: #10141c;--text-muted: #4b5568;--text-subtle: #78839a;--glass-fill: linear-gradient(180deg, rgb(0 0 0 / .03), rgb(0 0 0 / .01));--glass-border: rgb(0 0 0 / .1)}@media(prefers-color-scheme:light){:root:not([data-theme]) .app[class*=venue-]{--bg: var(--paper-100);--surface: var(--paper-0);--surface-raised: var(--paper-50);--border: var(--paper-300);--border-strong: var(--paper-500);--text: #10141c;--text-muted: #4b5568;--text-subtle: #78839a;--glass-fill: linear-gradient(180deg, rgb(0 0 0 / .03), rgb(0 0 0 / .01));--glass-border: rgb(0 0 0 / .1)}}[data-theme=light] .venue-mitts{--you: #2f6f9e;--you-hot: #1d5580;--them: #9a6a1e;--them-hot: #7a5214;--accent: #9a6a1e}[data-theme=light] .venue-ping{--you: #0079a8;--you-hot: #005b80;--them: #7c2fb8;--them-hot: #5e2290;--accent: #0079a8;--neon: #0079a8;--display-glow: none}[data-theme=light] .venue-chomp{--you: #b8431a;--you-hot: #8f3413;--them: #b32319;--them-hot: #8a1a12;--accent: #b8431a}[data-theme=light] .venue-boss{--you: #1f6377;--you-hot: #144a5a;--them: #556169;--them-hot: #3b464d;--accent: #1f6377}[data-theme=light] .venue-nigel{--you: #3d7245;--you-hot: #2b5531;--them: #8a6b1f;--them-hot: #6b5216;--accent: #8a6b1f}[data-theme=light] .venue-coach{--you: #1e6bff;--you-hot: #1447b8;--them: #6b6355;--them-hot: #4d473c;--accent: #a37a09}[data-theme=light] .venue-sunny{--you: #c4611c;--you-hot: #9c4b13;--them: #a8762c;--them-hot: #855b1e;--accent: #c4611c}[data-theme=light] .venue-reaper{--you: #101014;--you-hot: #000000;--them: #5b5b63;--them-hot: #3a3a41;--accent: #101014}@media(prefers-color-scheme:light){:root:not([data-theme]) .venue-mitts{--you: #2f6f9e;--you-hot: #1d5580;--them: #9a6a1e;--them-hot: #7a5214;--accent: #9a6a1e}:root:not([data-theme]) .venue-ping{--you: #0079a8;--you-hot: #005b80;--them: #7c2fb8;--them-hot: #5e2290;--accent: #0079a8;--neon: #0079a8;--display-glow: none}:root:not([data-theme]) .venue-chomp{--you: #b8431a;--you-hot: #8f3413;--them: #b32319;--them-hot: #8a1a12;--accent: #b8431a}:root:not([data-theme]) .venue-boss{--you: #1f6377;--you-hot: #144a5a;--them: #556169;--them-hot: #3b464d;--accent: #1f6377}:root:not([data-theme]) .venue-nigel{--you: #3d7245;--you-hot: #2b5531;--them: #8a6b1f;--them-hot: #6b5216;--accent: #8a6b1f}:root:not([data-theme]) .venue-coach{--you: #1e6bff;--you-hot: #1447b8;--them: #6b6355;--them-hot: #4d473c;--accent: #a37a09}:root:not([data-theme]) .venue-sunny{--you: #c4611c;--you-hot: #9c4b13;--them: #a8762c;--them-hot: #855b1e;--accent: #c4611c}:root:not([data-theme]) .venue-reaper{--you: #101014;--you-hot: #000000;--them: #5b5b63;--them-hot: #3a3a41;--accent: #101014}}@media(prefers-color-scheme:light){:root:not([data-theme]) .app.venue-ping:before{display:none}}[data-theme=light] .app.venue-ping:before{display:none}.venue-mitts{--panel-fill: linear-gradient(180deg, var(--surface-raised), var(--surface));--panel-border: 2px solid color-mix(in srgb, var(--them) 22%, transparent);--btn-border: 2px solid color-mix(in srgb, var(--them) 26%, transparent)}.app.venue-mitts:after{content:"";position:fixed;top:-20%;right:-20%;bottom:-20%;left:-20%;pointer-events:none;z-index:0;background:radial-gradient(50% 40% at 50% 22%,color-mix(in srgb,var(--them) 16%,transparent),transparent 70%)}.venue-mitts .panel,.venue-mitts .btn{animation:v-pop .32s var(--cut) backwards}@keyframes v-pop{0%{transform:scale(.96);opacity:0}}.venue-ping{--panel-fill: linear-gradient(180deg, color-mix(in srgb, var(--you) 6%, var(--surface-raised)), var(--surface));--panel-border: 1px solid color-mix(in srgb, var(--you) 40%, transparent);--btn-border: 1px solid color-mix(in srgb, var(--you) 45%, transparent)}.app.venue-ping:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(120% 90% at 50% 50%,transparent 55%,rgb(0 0 0 / .55) 100%)}.venue-ping .tb-state,.venue-ping .qc-btn,.venue-ping .ab-label{text-shadow:1px 0 0 color-mix(in srgb,#ff0044 55%,transparent),-1px 0 0 color-mix(in srgb,#00e5ff 55%,transparent)}.venue-ping .turnbar{animation:v-flicker 4s steps(1,end) infinite}@keyframes v-flicker{0%,96%,to{opacity:1}97%{opacity:.72}98%{opacity:1}99%{opacity:.85}}.venue-chomp{--panel-fill: var(--surface);--panel-border: 3px solid #0a0303;--btn-border: 3px solid #0a0303;--shadow-1: 5px 5px 0 #0a0303;--shadow-2: 10px 10px 0 #0a0303}.venue-chomp .btn,.venue-chomp .qc-btn,.venue-chomp .ab-btn{box-shadow:4px 4px #0a0303;transition:transform .05s ease,box-shadow .05s ease}.venue-chomp .btn:active,.venue-chomp .qc-btn:active,.venue-chomp .ab-btn:active{transform:translate(4px,4px);box-shadow:0 0 #0a0303}.venue-chomp .turnbar{box-shadow:6px 6px #0a0303}.venue-boss{--panel-fill: transparent;--panel-border: 1px solid var(--border);--btn-fill: transparent;--btn-border: 1px solid var(--border)}.venue-boss .panel{border-width:0 0 1px 0;border-radius:0}.venue-boss .btn,.venue-boss .ab-btn,.venue-boss .qc-btn{font-weight:500;letter-spacing:.02em;text-transform:none}.venue-boss .turnbar{border-width:0 0 2px 0;border-radius:0;background:none}.venue-boss .panel,.venue-boss .turnbar,.venue-boss .btn{animation:none}.venue-boss .chyron{background:none;border:0;border-bottom:2px solid var(--you);border-radius:0;padding-left:0}.venue-boss .chyron.them{background:none;border-bottom-color:var(--them)}.venue-boss .chyron.gold{background:none;border-bottom-color:var(--accent)}.venue-boss .chyron.check{border-bottom-color:var(--danger, #d9484f)}.app.venue-nigel:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(110% 80% at 50% 45%,transparent 45%,rgb(0 0 0 / .6) 100%),repeating-linear-gradient(0deg,rgb(255 255 255 / .008) 0 1px,transparent 1px 2px)}.venue-nigel{--panel-fill: linear-gradient(90deg, color-mix(in srgb, var(--them) 8%, var(--surface)), var(--surface) 40%);--panel-border: 1px solid var(--border)}.venue-nigel .panel,.venue-nigel .turnbar{border-left:3px solid var(--them)}.venue-nigel .panel,.venue-nigel .turnbar{animation:v-fade .7s ease backwards}@keyframes v-fade{0%{opacity:0}}.venue-coach{--panel-fill: linear-gradient(180deg, var(--surface-raised), var(--surface));--panel-border: 2px solid var(--border-strong);--btn-border: 2px solid var(--border-strong)}.app.venue-coach:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.5;background:repeating-linear-gradient(45deg,rgb(255 255 255 / .012) 0 2px,transparent 2px 4px),repeating-linear-gradient(-45deg,rgb(0 0 0 / .05) 0 2px,transparent 2px 4px)}.venue-coach .turnbar{border-top:3px solid var(--accent)}.venue-coach .btn:active,.venue-coach .ab-btn:active{transform:translateY(3px);box-shadow:none}.venue-sunny{--panel-fill: linear-gradient(180deg, var(--surface-raised), var(--surface));--panel-border: 0 solid transparent;--btn-border: 0 solid transparent;--btn-fill: var(--surface-raised)}.app.venue-sunny:after{content:"";position:fixed;top:-25%;right:-25%;bottom:-25%;left:-25%;pointer-events:none;z-index:0;background:radial-gradient(28% 24% at 22% 26%,color-mix(in srgb,var(--you) 22%,transparent),transparent 70%),radial-gradient(30% 26% at 78% 62%,color-mix(in srgb,var(--them) 20%,transparent),transparent 70%);animation:v-breathe 14s ease-in-out infinite}@keyframes v-breathe{50%{transform:scale(1.12) translateY(-2%)}}.venue-sunny .btn,.venue-sunny .qc-btn,.venue-sunny .ab-btn{border-radius:999px}.venue-sunny .panel,.venue-sunny .turnbar{animation:v-float .42s var(--cut) backwards}@keyframes v-float{0%{transform:translateY(10px);opacity:0}}.venue-reaper{--panel-fill: transparent;--panel-border: 1px solid var(--border-strong);--btn-fill: transparent;--btn-border: 1px solid var(--border-strong)}.app.venue-reaper:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(85% 65% at 50% 45%,transparent 30%,#000 100%)}.venue-reaper .turnbar{animation:v-pulse 3.2s ease-in-out infinite}@keyframes v-pulse{50%{border-color:#fff}}.venue-reaper .btn:hover,.venue-reaper .ab-btn:hover,.venue-reaper .qc-btn:hover{background:#fff;color:#000}.app[class*=venue-] .setup,.app[class*=venue-] .poster{position:relative;z-index:3}@media(prefers-reduced-motion:reduce){.app[class*=venue-] *,.app[class*=venue-]:after,.app[class*=venue-]:before{animation:none!important}}.movelist thead{display:none}.app[class*=venue-] .movelist thead{display:table-header-group}.app[class*=venue-] .movelist th{font-size:.56rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;text-align:left;padding:.2rem .4rem;position:sticky;top:0}.venue-mitts .movelist th{background:color-mix(in srgb,var(--them) 22%,var(--surface));color:var(--text);border-radius:8px}.venue-mitts .movelist tr+tr td{border-top:1px dashed color-mix(in srgb,var(--them) 28%,transparent)}.venue-mitts .field-note{background:color-mix(in srgb,var(--them) 12%,transparent);border-radius:16px;padding:.6rem .8rem}.venue-mitts .appearance h2{letter-spacing:.1em;text-transform:none;font-weight:800}.venue-ping .movelist th{background:var(--surface-raised);color:var(--you);border-bottom:1px solid var(--you)}.venue-ping .movelist td{border-right:1px solid color-mix(in srgb,var(--you) 18%,transparent)}.venue-ping .movelist tbody tr:last-child td{background:color-mix(in srgb,var(--you) 14%,transparent)}.venue-ping .movelist .num:after{content:" >";opacity:.5}.venue-ping .field-note{border-left:2px solid var(--you);padding-left:.6rem;font-family:var(--font-ui)}.venue-ping .field-note:before{content:"// ";color:var(--you)}.venue-ping .appearance h2{color:var(--you)}.venue-ping .appearance h2:before{content:"$ "}.venue-chomp .movelist th{background:#0a0303;color:var(--you);border:none}.venue-chomp .movelist td{border:2px solid #0a0303}.venue-chomp .field-note{background:var(--surface-raised);border:3px solid #0a0303;box-shadow:4px 4px #0a0303;padding:.6rem .7rem}.venue-chomp .appearance h2{background:#0a0303;color:var(--you);padding:.2rem .5rem;display:inline-block}.venue-boss .movelist th{background:var(--surface-raised);color:var(--text-muted);border-bottom:2px solid var(--border-strong);font-weight:600;letter-spacing:.06em}.venue-boss .movelist tbody tr:nth-child(2n) td{background:color-mix(in srgb,var(--text) 4%,transparent)}.venue-boss .movelist td{border-bottom:1px solid var(--border)}.venue-boss .field-note{border-left:3px solid var(--you);background:color-mix(in srgb,var(--you) 6%,transparent);padding:.5rem .7rem}.venue-boss .field-note:before{content:"NOTE";display:block;font-size:.54rem;font-weight:700;letter-spacing:.18em;color:var(--you);margin-bottom:.2rem}.venue-boss .appearance h2{font-weight:600;letter-spacing:.08em;border-bottom:1px solid var(--border);padding-bottom:.3rem}.venue-nigel .movelist th{background:transparent;color:var(--them);border-bottom:1px solid var(--them);letter-spacing:.3em;font-weight:500}.venue-nigel .movelist tr+tr td{border-top:1px solid color-mix(in srgb,var(--text) 10%,transparent)}.venue-nigel .movelist .num{color:var(--them)}.venue-nigel .field-note{font-style:italic;border-left:3px solid var(--them);padding-left:.7rem;line-height:1.7}.venue-nigel .appearance h2{letter-spacing:.34em;font-weight:400;color:var(--them)}.venue-coach .movelist th{background:var(--accent);color:#1a1a1a;border:none}.venue-coach .movelist tr+tr td{border-top:1px solid color-mix(in srgb,var(--text) 14%,transparent)}.venue-coach .field-note{background:color-mix(in srgb,var(--accent) 10%,transparent);border-top:2px solid var(--accent);border-bottom:2px solid var(--accent);padding:.55rem .7rem}.venue-coach .appearance h2{text-transform:uppercase;letter-spacing:.2em;border-left:4px solid var(--accent);padding-left:.5rem}.venue-sunny .movelist th{background:transparent;color:var(--text-subtle);font-weight:600;letter-spacing:.1em}.venue-sunny .movelist tbody tr:nth-child(odd) td{background:color-mix(in srgb,var(--you) 8%,transparent)}.venue-sunny .movelist td:first-child{border-radius:999px 0 0 999px}.venue-sunny .movelist td:last-child{border-radius:0 999px 999px 0}.venue-sunny .field-note{background:color-mix(in srgb,var(--you) 12%,transparent);border-radius:20px;padding:.7rem .9rem;line-height:1.6}.venue-sunny .appearance h2{text-transform:none;letter-spacing:.01em;font-weight:600}.venue-reaper .movelist th{background:transparent;color:var(--text-subtle);border-bottom:1px solid var(--border-strong);font-weight:400;letter-spacing:.24em}.venue-reaper .movelist tr+tr td{border-top:1px solid color-mix(in srgb,#fff 8%,transparent)}.venue-reaper .field-note{border-top:1px solid var(--border-strong);border-bottom:1px solid var(--border-strong);padding:.6rem 0}.venue-reaper .appearance h2{font-weight:400;letter-spacing:.3em;border-bottom:1px solid var(--border-strong);padding-bottom:.4rem}.venue-shader{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;display:block;opacity:0;transition:opacity .6s ease}.venue-shader.live{opacity:1}.fight-fx{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:45;display:block;opacity:0}.fight-fx.live{opacity:1}@media(prefers-reduced-motion:reduce){.fight-fx{display:none}}.venue-backdrop,.venue-backdrop canvas{position:fixed!important;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.venue-chomp{--bg: #06202e;--surface: #0b3145;--surface-raised: #124057;--border: #ffffff;--border-strong: #ffffff;--text: #ffffff;--text-muted: #b9dcea;--text-subtle: #9ccadb;--you: #7fe3ff;--you-hot: #b8f1ff;--you-deep: #0a4d6b;--them: #ffffff;--them-hot: #ffffff;--accent: #7fe3ff;--panel-fill: color-mix(in srgb, #06202e 78%, transparent);--panel-border: 2px solid #ffffff;--btn-fill: color-mix(in srgb, #06202e 70%, transparent);--btn-border: 2px solid #ffffff;--shadow-1: none;--shadow-2: none;--display-glow: none}.venue-chomp .btn,.venue-chomp .qc-btn,.venue-chomp .ab-btn,.venue-chomp .turnbar{box-shadow:none}.venue-chomp .btn:active,.venue-chomp .qc-btn:active,.venue-chomp .ab-btn:active{transform:none;background:color-mix(in srgb,#7fe3ff 22%,transparent)}.app.venue-chomp:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(180deg,#0e4a66,#06202e 55%,#020d14),repeating-linear-gradient(0deg,transparent 0 3px,rgb(255 255 255 / .012) 3px 4px)}@keyframes v-swell{0%{transform:translate3d(-3%,0,0) scale(1)}to{transform:translate3d(3%,2%,0) scale(1.1)}}.venue-chomp .movelist th{background:transparent;color:#fff;border-bottom:2px solid #ffffff}.venue-chomp .movelist td{border:none;border-bottom:1px solid rgb(255 255 255 / .25)}.venue-chomp .field-note{background:none;border:2px solid #ffffff;box-shadow:none}.venue-chomp .appearance h2{background:none;color:#fff;border-bottom:2px solid #ffffff;padding:0 0 .25rem;display:block}.venue-chomp .board-stage{outline:2px solid #ffffff;outline-offset:2px;border-radius:0}@media(prefers-reduced-motion:reduce){.app.venue-chomp:after{animation:none}}[data-theme=light] .chyron,[data-theme=light] .turnbar,:root:not([data-theme]) .chyron,:root:not([data-theme]) .turnbar{--slab: #16305c;--slab-ink: #ffd24a;--slab-ink-2: #ffe9a8}@media(prefers-color-scheme:dark){:root:not([data-theme]) .chyron,:root:not([data-theme]) .turnbar{--slab: unset}}[data-theme=light] .chyron,[data-theme=light] .turnbar{background:var(--slab);border-color:var(--slab);color:var(--slab-ink)}[data-theme=light] .chyron .round,[data-theme=light] .turnbar .tb-state{color:var(--slab-ink)}[data-theme=light] .chyron .tick,[data-theme=light] .turnbar .tb-detail{color:var(--slab-ink-2)}[data-theme=light] .turnbar .tb-clk{background:color-mix(in srgb,#000 30%,transparent);color:var(--slab-ink-2)}@media(prefers-color-scheme:light){:root:not([data-theme]) .chyron,:root:not([data-theme]) .turnbar{background:var(--slab);border-color:var(--slab);color:var(--slab-ink)}:root:not([data-theme]) .chyron .round,:root:not([data-theme]) .turnbar .tb-state{color:var(--slab-ink)}:root:not([data-theme]) .chyron .tick,:root:not([data-theme]) .turnbar .tb-detail{color:var(--slab-ink-2)}:root:not([data-theme]) .turnbar .tb-clk{background:color-mix(in srgb,#000 30%,transparent);color:var(--slab-ink-2)}}[data-theme=light] .turnbar.t-you,[data-theme=light] .turnbar.t-them,[data-theme=light] .turnbar.t-over,[data-theme=light] .turnbar.t-alert,[data-theme=light] .chyron.them,[data-theme=light] .chyron.gold{background:var(--slab);border-color:var(--slab);border-left:4px solid var(--tone, var(--you));color:var(--slab-ink)}[data-theme=light] .turnbar.t-you{--tone: var(--you)}[data-theme=light] .turnbar.t-them,[data-theme=light] .chyron.them{--tone: var(--them)}[data-theme=light] .turnbar.t-over,[data-theme=light] .chyron.gold{--tone: var(--accent)}[data-theme=light] .turnbar.t-alert{--tone: var(--danger, #d9484f)}[data-theme=light] .chyron.check,[data-theme=light] .turnbar.t-alert.t-alert{--slab-ink: #fff;--slab-ink-2: #ffe9ec}@media(prefers-color-scheme:light){:root:not([data-theme]) .turnbar.t-you,:root:not([data-theme]) .turnbar.t-them,:root:not([data-theme]) .turnbar.t-over,:root:not([data-theme]) .turnbar.t-alert,:root:not([data-theme]) .chyron.them,:root:not([data-theme]) .chyron.gold{background:var(--slab);border-color:var(--slab);border-left:4px solid var(--tone, var(--you));color:var(--slab-ink)}:root:not([data-theme]) .turnbar.t-you{--tone: var(--you)}:root:not([data-theme]) .turnbar.t-them,:root:not([data-theme]) .chyron.them{--tone: var(--them)}:root:not([data-theme]) .turnbar.t-over,:root:not([data-theme]) .chyron.gold{--tone: var(--accent)}:root:not([data-theme]) .turnbar.t-alert{--tone: var(--danger, #d9484f)}:root:not([data-theme]) .chyron.check,:root:not([data-theme]) .turnbar.t-alert.t-alert{--slab-ink: #fff;--slab-ink-2: #ffe9ec}}.app[class*=venue-] .movelist .san{color:var(--text)}.app[class*=venue-] .mo-head,.app[class*=venue-] .movelist .num{color:var(--text-muted)}.venue-reaper{--text-muted: #b9bec7;--text-subtle: #8e949e}.venue-chomp{--text-muted: #e0aaa4;--text-subtle: #b58680}.credit-list{list-style:none;margin:0;padding:0}.credit-list li{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap;padding:.3rem 0;border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);font-size:.82rem;color:var(--text)}.credit-list .cid{color:var(--muted-2);font-family:var(--font-mono);font-size:.7rem}.credit-list .lic{margin-left:auto;color:var(--muted);font-family:var(--font-mono);font-size:.7rem;white-space:nowrap}.panel{background:var(--panel-fill, linear-gradient(160deg, color-mix(in srgb, var(--surface-raised) 78%, transparent), color-mix(in srgb, var(--surface) 92%, transparent)));border:var(--panel-border, 1px solid color-mix(in srgb, var(--text) 11%, transparent))}.app[class*=venue-]:not(.venue-boss):not(.venue-reaper){--panel-fill: linear-gradient(160deg, color-mix(in srgb, var(--surface-raised) 76%, transparent), color-mix(in srgb, var(--surface) 90%, transparent));--panel-border: 1px solid color-mix(in srgb, var(--text) 12%, transparent)}.btn{min-height:46px;padding:.7rem 1.1rem;border:1px solid color-mix(in srgb,var(--text) 14%,transparent);background:color-mix(in srgb,var(--surface-raised) 72%,transparent);transition:transform .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1),background .18s cubic-bezier(.22,1,.36,1)}.btn:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--accent) 45%,transparent)}.btn:active:not(:disabled){transform:translateY(0)}.roster{display:flex;flex-direction:column;gap:0;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius-lg);overflow:clip}.roster .stk{display:grid;grid-template-columns:3.1rem 1fr auto;align-items:center;gap:.5rem;width:100%;min-height:52px;padding:0 .9rem;text-align:left;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent);border-left:3px solid transparent;border-radius:0;background:color-mix(in srgb,var(--surface) 40%,transparent);color:var(--muted);font-family:var(--font-ui);font-size:.98rem;font-weight:400;letter-spacing:0;text-transform:none;transition:background .18s cubic-bezier(.22,1,.36,1),color .18s cubic-bezier(.22,1,.36,1),border-color .18s cubic-bezier(.22,1,.36,1)}.roster .stk:last-child{border-bottom:none}.roster .stk .lv{font-family:var(--font-mono);font-size:.66rem;font-weight:700;letter-spacing:.1em;color:var(--muted-2)}.roster .stk:hover{background:color-mix(in srgb,var(--surface-raised) 65%,transparent);color:var(--text)}.roster .stk.on{border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));color:var(--text);font-weight:600}.roster .stk.on .lv{color:var(--accent)}.roster .stk:after{content:"Select ›";font-family:var(--font-mono);font-size:.6rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2);opacity:0;transition:opacity .18s ease}.roster .stk:hover:after{opacity:1}.roster .stk.on:after{content:"Fighting ✓";color:var(--accent);opacity:1}.roster .stk,.roster .stk:hover,.roster .stk.on{transform:none;box-shadow:none}.roster .stk.on{background:color-mix(in srgb,var(--accent) 10%,var(--surface-raised));border-color:transparent;border-left-color:var(--accent);border-bottom-color:color-mix(in srgb,var(--text) 8%,transparent);color:var(--text)}@media(min-width:721px){.board-info{display:flex;flex-direction:column;gap:0;border:1px solid color-mix(in srgb,var(--text) 10%,transparent);border-radius:var(--radius-lg);overflow:clip;background:color-mix(in srgb,var(--surface) 40%,transparent)}.board-info>*{border-bottom:1px solid color-mix(in srgb,var(--text) 8%,transparent)}.board-info>*:last-child{border-bottom:none}.board-info .appearance{border:none;border-radius:0;background:none;box-shadow:none;margin:0;padding:.6rem .85rem}}.movelist table{width:100%}.movelist .num{font-family:var(--font-mono);font-size:.66rem;color:var(--muted-2)}.movelist .empty{font-size:.8rem;color:var(--muted-2);padding:.9rem .85rem}@media(min-width:721px){.board-info .appearance{justify-content:flex-start}}.btn.primary{box-shadow:0 1px color-mix(in srgb,#fff 22%,transparent) inset,0 6px 22px -10px color-mix(in srgb,var(--primary) 70%,transparent)}.btn.primary:hover{filter:none;box-shadow:0 1px color-mix(in srgb,#fff 28%,transparent) inset,0 10px 26px -10px color-mix(in srgb,var(--primary) 85%,transparent)}.btn.primary:after{background:linear-gradient(105deg,transparent 42%,color-mix(in srgb,#fff 26%,transparent) 50%,transparent 58%)}.btn.mega{font-size:1.1rem;letter-spacing:.14em}.chyron{border:1px solid color-mix(in srgb,var(--text) 12%,transparent)}.chyron .tick{font-weight:700}@container (max-width: 700px){.variant-list>.variant-chip:last-child:nth-child(odd){grid-column:1 / -1;border-right:none}}.room-code-chip{margin-left:auto;font-family:var(--font-mono);font-size:.68rem;font-weight:700;letter-spacing:.14em;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--text) 16%,transparent);background:color-mix(in srgb,var(--surface-raised) 70%,transparent)}@media(min-width:1000px){.lobby-poster>.note{grid-area:5 / 1 / 6 / 2;margin-top:-.4rem}}.chyron{background:linear-gradient(90deg,color-mix(in srgb,var(--you) 62%,var(--surface)),color-mix(in srgb,var(--you-deep) 42%,var(--surface)) 42%,color-mix(in srgb,var(--surface) 92%,transparent))}.chyron.them{background:linear-gradient(90deg,color-mix(in srgb,var(--them) 55%,var(--surface)),color-mix(in srgb,var(--them-deep, var(--them)) 38%,var(--surface)) 42%,color-mix(in srgb,var(--surface) 92%,transparent))}.chyron.gold{background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 60%,var(--surface)),color-mix(in srgb,var(--accent) 34%,var(--surface)) 45%,color-mix(in srgb,var(--surface) 92%,transparent))}[data-theme=dark] .chyron .round,[data-theme=dark] .chyron .tick,[data-theme=dark] .chyron.them .round,[data-theme=dark] .chyron.them .tick,[data-theme=dark] .chyron.gold .round,[data-theme=dark] .chyron.gold .tick{color:var(--text)}@media(prefers-color-scheme:dark){:root:not([data-theme]) .chyron .round,:root:not([data-theme]) .chyron .tick,:root:not([data-theme]) .chyron.them .round,:root:not([data-theme]) .chyron.them .tick,:root:not([data-theme]) .chyron.gold .round,:root:not([data-theme]) .chyron.gold .tick{color:var(--text)}}.look-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:.9rem;align-items:start}.look-preview{display:flex;flex-direction:column;gap:.35rem;flex:0 0 auto}.lp-board{position:relative;width:116px;height:116px;border-radius:var(--radius-md);overflow:hidden;border:1px solid color-mix(in srgb,var(--text) 14%,transparent)}.lp-board cg-board{position:absolute;top:0;right:0;bottom:0;left:0;display:block;background-size:50% 50%}.lp-board piece{position:absolute;width:25%;height:25%;background-repeat:no-repeat;background-position:center;background-size:cover;z-index:1}.lp-label{font-family:var(--font-mono);font-size:.58rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2);text-align:center}[data-theme=light] .panel,[data-theme=light] .app[class*=venue-]:not(.venue-boss):not(.venue-reaper){--panel-fill: linear-gradient(160deg, color-mix(in srgb, var(--surface-raised) 97%, transparent), color-mix(in srgb, var(--surface) 99%, transparent));--panel-border: 1px solid color-mix(in srgb, var(--text) 16%, transparent)}[data-theme=light] .venue-backdrop,[data-theme=light] canvas.venue-backdrop{opacity:.3}[data-theme=light] .board-info,[data-theme=light] .roster{background:color-mix(in srgb,var(--surface) 96%,transparent)}[data-theme=light] .roster .stk{background:color-mix(in srgb,var(--surface) 92%,transparent)}[data-theme=light] .btn:not(.primary){background:color-mix(in srgb,var(--surface-raised) 96%,transparent)}.cg-wrap piece.black{filter:drop-shadow(0 0 1.5px rgb(255 255 255 / .55)) drop-shadow(0 1px 2px rgb(0 0 0 / .6))}.cg-wrap piece.white{filter:drop-shadow(0 0 1.5px rgb(0 0 0 / .55)) drop-shadow(0 1px 2px rgb(0 0 0 / .45))}[data-theme=light] .cg-wrap piece.white{filter:drop-shadow(0 0 1.5px rgb(0 0 0 / .7)) drop-shadow(0 1px 2px rgb(0 0 0 / .35))}:root{--topbar-h: 56px;--gutter: 16px;--page-max: 1120px;--control-h: 44px;--control-radius: var(--radius-md);--skew: -6deg;--space-5: 1.25rem;--space-8: 3rem}@media(min-width:601px){:root{--gutter: 24px}}@media(min-width:1201px){:root{--gutter: 32px}}@media(max-width:600px),(max-height:500px){:root{--topbar-h: 48px}}.app{padding:0;gap:0;max-width:none;align-items:stretch}.mode-slot{display:block;width:100%}.app .mode-slot{position:relative;z-index:3}.topbar{position:sticky;top:0;z-index:50;height:calc(var(--topbar-h) + env(safe-area-inset-top,0px));padding:env(safe-area-inset-top,0px) var(--gutter) 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-2);background:color-mix(in srgb,var(--bg) 84%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.topbar.clear{position:absolute;inset:0 0 auto 0;background:transparent;border-bottom-color:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.tb-left{justify-self:start;display:flex}.tb-right{justify-self:end;display:flex;gap:var(--space-2)}.tb-mid{justify-self:center;min-width:0}.tb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;min-width:40px;padding:0 12px;border-radius:var(--control-radius);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 72%,transparent);color:var(--text-muted);font:700 .82rem/1 var(--font-ui);cursor:pointer;transition:color var(--dur-fast) var(--ease-standard),border-color var(--dur-fast) var(--ease-standard)}.tb-btn svg{width:18px;height:18px;flex:0 0 auto}.tb-btn.tb-icon{padding:0;width:40px}.tb-btn:hover{color:var(--text);border-color:var(--border-strong)}.tb-btn:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.tb-btn.music-toggle:not(.off){color:var(--primary)}.tb-brand{display:inline-flex;align-items:baseline;gap:.35em;font-family:var(--font-display);font-size:1.15rem;line-height:1;text-transform:uppercase;transform:skew(var(--skew));white-space:nowrap;-webkit-user-select:none;user-select:none}.tb-brand .k{background-image:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent}.tb-brand .c{letter-spacing:.18em;background-image:var(--fill-gold);-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:380px){.tb-back span{display:none}.tb-btn.tb-back{padding:0;width:40px}}.poster{grid-template-rows:1fr auto;padding-top:var(--topbar-h);min-height:100svh;min-height:100dvh}.poster .p-bouts{padding-top:var(--space-2)}.page{width:100%;max-width:var(--page-max);margin:0 auto;padding:var(--space-4) var(--gutter) var(--space-6);display:flex;flex-direction:column;gap:var(--space-4)}.page-head{display:flex;flex-direction:column;gap:4px}.page-kicker{font:800 .72rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.page-title{margin:0;font-family:var(--font-display);font-weight:400;font-size:clamp(1.7rem,4vw,2.5rem);line-height:1;text-transform:uppercase;transform:skew(var(--skew));transform-origin:left bottom;background-image:var(--steel);-webkit-background-clip:text;background-clip:text;color:transparent}.setup-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-4)}@media(min-width:901px){.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch}}.setup-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-4);min-width:0}.setup-page .field{gap:var(--space-2)}.field.grow{flex:1 1 auto;min-height:0}.field-label{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-2);font:800 .75rem/1.2 var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.field-state{font-style:normal;font-weight:700;letter-spacing:.04em;color:var(--text-subtle)}.setup-page .text-input,.setup-page .text-input.code{min-height:var(--control-h);font-size:16px}.setup-page .text-input.code{letter-spacing:.3em;text-transform:uppercase;font-family:var(--font-mono);text-align:center}.setup-page .field-note,.setup-page .note{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-muted)}.setup-page .btn.mega{width:100%;min-height:56px}.setup-page .start-btn{margin-top:auto}.btn.rejoin{align-self:flex-start;min-height:var(--control-h)}.join-block,.create-block{display:flex;flex-direction:column;gap:var(--space-3)}.corner-pick{display:flex;flex-direction:column;gap:var(--space-2)}.cp-stage{position:relative;width:100%;aspect-ratio:1376 / 768;overflow:hidden;border-radius:var(--radius-lg);border:1px solid var(--line);background:#0b0f17}.cp-hero{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .26s var(--ease-standard)}.cp-hero.on{opacity:1}.cp-tag{position:absolute;left:10px;bottom:10px;padding:4px 10px;border-radius:999px;font:800 .75rem/1.2 var(--font-ui);letter-spacing:.06em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,#000 60%,transparent);border:1px solid color-mix(in srgb,var(--you) 70%,transparent)}@media(prefers-reduced-motion:reduce){.cp-hero{transition:none}}.setup-page .roster{display:flex;flex-direction:column;gap:0;margin:0;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;background:color-mix(in srgb,var(--surface) 60%,transparent)}.setup-page .roster .stk{display:grid;grid-template-columns:20px 26px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:42px;margin:0;padding:0 12px;border:0;border-top:1px solid var(--line);border-radius:0;background:transparent;box-shadow:none;transform:none;color:var(--text);font:700 .92rem/1 var(--font-ui);text-align:left;cursor:pointer}.setup-page .roster .stk:first-child{border-top:0}.setup-page .roster .stk:before,.setup-page .roster .stk:after{content:none;display:none}.setup-page .roster .stk .lv{font:700 .78rem/1 var(--font-mono);color:var(--text-subtle);text-align:right}.setup-page .roster .stk .stk-diff{font-size:.75rem;font-weight:600;color:var(--text-muted)}.setup-page .roster .stk:hover{background:color-mix(in srgb,var(--text) 5%,transparent)}.setup-page .roster .stk.on{background:color-mix(in srgb,var(--them) 18%,transparent);box-shadow:inset 3px 0 0 var(--them)}.setup-page .roster .stk.on .lv,.setup-page .roster .stk.on .stk-diff{color:var(--text)}.setup-page .roster .stk:focus-visible{outline:2px solid var(--focus);outline-offset:-2px}.roster-glyph{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--them-hot)}.roster-glyph svg{width:20px;height:20px}.opp-hero{display:flex;align-items:center;gap:var(--space-3)}.oh-face{flex:0 0 auto;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;border:2px solid var(--them);background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--them) 35%,var(--surface)),var(--surface));color:var(--them-hot)}.oh-face svg{width:34px;height:34px}.oh-text{display:flex;flex-direction:column;gap:2px;min-width:0}.oh-lv{font:800 .72rem/1.2 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.oh-name{font-family:var(--font-display);font-weight:400;font-size:1.7rem;line-height:1.05;text-transform:uppercase;background-image:var(--fill-them);-webkit-background-clip:text;background-clip:text;color:transparent}.oh-title{font-size:.88rem;color:var(--text-muted)}.set-fold>summary{list-style:none;cursor:pointer;min-height:var(--control-h);align-items:center;padding:0 12px;border:1px solid var(--line);border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 60%,transparent)}.set-fold>summary::-webkit-details-marker{display:none}.set-fold>summary:after{content:"";width:8px;height:8px;margin-left:var(--space-2);border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform var(--dur-fast) var(--ease-standard)}.set-fold[open]>summary:after{transform:translateY(2px) rotate(-135deg)}.set-fold>summary .field-state{margin-left:auto}.set-fold[open]>summary{margin-bottom:var(--space-2)}.look-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:var(--space-3)}.look-row .look-preview{width:72px;margin:0}.look-row .look-preview .lp-board{width:72px}.ctl-select{display:flex;align-items:center;gap:10px;width:100%;min-height:var(--control-h);padding:0 12px;border-radius:var(--control-radius);border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font:600 .92rem/1.2 var(--font-ui);text-align:left;cursor:pointer}.ctl-select:hover{border-color:var(--border-strong)}.ctl-select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ctl-select[data-state=open]{border-color:var(--primary)}.cs-lead{display:inline-flex;flex:0 0 auto}.cs-value{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cs-chev{display:inline-flex;color:var(--text-muted)}.cs-chev svg{width:16px;height:16px}.ctl-menu{z-index:200;min-width:var(--radix-select-trigger-width);max-height:min(var(--radix-select-content-available-height),420px);overflow:hidden;padding:4px;border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:var(--surface-raised);box-shadow:var(--shadow-2);color:var(--text)}.cm-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:6px 10px;border-radius:var(--radius-md);font:600 .92rem/1.2 var(--font-ui);cursor:pointer;outline:none;-webkit-user-select:none;user-select:none}.cm-item[data-highlighted]{background:color-mix(in srgb,var(--primary) 18%,transparent)}.cm-item[data-state=checked]{font-weight:800}.cm-lead{display:inline-flex;flex:0 0 auto}.cm-text{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.cm-hint{font-size:.75rem;font-weight:500;color:var(--text-muted)}.cm-check{display:inline-flex;color:var(--primary)}.cm-check svg{width:16px;height:16px}.swatch.board{display:grid;grid-template-columns:1fr 1fr;width:22px;height:22px;overflow:hidden;border-radius:4px;border:1px solid var(--line)}.swatch.board i{display:block}.swatch.piece{width:26px;height:26px;object-fit:contain}.ctl-seg{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:4px;padding:4px;border-radius:calc(var(--control-radius) + 4px);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 70%,transparent)}.seg-item{min-height:calc(var(--control-h) - 8px);padding:0 10px;border:0;border-radius:var(--control-radius);background:transparent;color:var(--text-muted);font:700 .86rem/1.1 var(--font-ui);cursor:pointer}.seg-item:hover{color:var(--text)}.seg-item[data-state=on]{background:var(--surface-raised);color:var(--text);box-shadow:inset 0 0 0 1px var(--border-strong),var(--shadow-1)}.seg-item:focus-visible{outline:2px solid var(--focus);outline-offset:1px}.ctl-switch-row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-height:var(--control-h)}.sw-text{display:flex;flex-direction:column;gap:2px;min-width:0;cursor:pointer}.sw-label{font:700 .92rem/1.25 var(--font-ui);color:var(--text)}.sw-hint{font-size:.78rem;line-height:1.35;color:var(--text-muted)}.ctl-switch{position:relative;flex:0 0 auto;width:44px;height:26px;padding:0;border-radius:999px;border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;transition:background var(--dur-fast) var(--ease-standard)}.ctl-switch[data-state=checked]{background:var(--primary);border-color:transparent}.ctl-switch:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.sw-thumb{display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0006;transform:translate(2px);transition:transform var(--dur-fast) var(--ease-standard)}.sw-thumb[data-state=checked]{transform:translate(20px)}.ctl-checklist{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.ck-row{display:grid;grid-template-columns:22px minmax(0,1fr);align-items:start;gap:var(--space-3);padding:10px 12px;border-top:1px solid var(--line)}.ck-row:first-child{border-top:0}.ck-row.on{background:color-mix(in srgb,var(--primary) 9%,transparent)}.ctl-check{display:grid;place-items:center;width:22px;height:22px;margin-top:1px;padding:0;border-radius:6px;border:1.5px solid var(--border-strong);background:var(--surface);color:var(--primary-ink);cursor:pointer}.ctl-check[data-state=checked]{background:var(--primary);border-color:var(--primary)}.ctl-check:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ck-ind{display:grid;place-items:center}.ck-ind svg{width:14px;height:14px;stroke-width:3}.ck-text{display:flex;flex-direction:column;gap:2px;cursor:pointer}.ck-label{font:700 .92rem/1.25 var(--font-ui)}.ck-desc{font-size:.8rem;line-height:1.4;color:var(--text-muted)}.drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:var(--scrim);animation:kc-fade-in .16s var(--ease-standard)}.drawer{position:fixed;z-index:91;top:0;right:0;bottom:0;width:min(400px,100vw);display:flex;flex-direction:column;background:var(--bg);border-left:1px solid var(--line);box-shadow:var(--shadow-2);outline:none;padding-bottom:env(safe-area-inset-bottom,0px);animation:kc-drawer-right .22s var(--cut)}@media(max-width:600px){.drawer{top:auto;left:0;width:100%;max-height:88dvh;border-left:0;border-top:1px solid var(--line);border-radius:16px 16px 0 0;animation:kc-drawer-up .22s var(--cut)}.drawer.chat-drawer{height:88dvh}}.drawer-bar{padding:var(--space-3) var(--space-4) 0}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--line)}.drawer-title{margin:0;font:800 .8rem/1 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text)}.drawer-close{display:grid;place-items:center;width:40px;height:40px;border-radius:var(--control-radius);border:1px solid var(--line);background:transparent;color:var(--text-muted);cursor:pointer}.drawer-close svg{width:18px;height:18px}.drawer-close:hover{color:var(--text);border-color:var(--border-strong)}.drawer-body{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-6)}.chat-drawer .drawer-body{gap:0}.chat-drawer .chatdock{flex:1 1 auto;min-height:0}@keyframes kc-fade-in{0%{opacity:0}}@keyframes kc-drawer-right{0%{transform:translate(100%)}}@keyframes kc-drawer-up{0%{transform:translateY(100%)}}@media(prefers-reduced-motion:reduce){.drawer,.drawer-scrim{animation:none}}.set-sec{display:flex;flex-direction:column;gap:var(--space-2)}.set-h{margin:0;font:800 .72rem/1.2 var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted)}.set-note{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-muted)}.set-field{display:grid;grid-template-columns:64px minmax(0,1fr);align-items:center;gap:var(--space-3)}.set-label{font:700 .86rem/1.2 var(--font-ui);color:var(--text-muted)}.set-game .gs-actions{margin:0}.set-credits>summary{list-style:none;cursor:pointer;display:flex;align-items:center;min-height:32px}.set-credits>summary::-webkit-details-marker{display:none}.set-credits>summary:after{content:"+";margin-left:auto;font-size:1rem}.set-credits[open]>summary:after{content:"–"}.credit-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;font-size:.8rem}.credit-list li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px}.credit-list .cid{color:var(--text-muted)}.credit-list .lic{margin-left:auto;color:var(--text-subtle);font-weight:700}.gs{width:100%;margin:0 auto;padding:var(--space-3) var(--gutter) var(--space-4)}.gs .board-frame{width:var(--board-size)}.gs-stage{min-width:0}.gs-two,.gs-three{--side: clamp(270px, 30vw, 400px);--board-size: min( calc(100vw - var(--side) - 2 * var(--gutter) - var(--space-4)), calc(100dvh - var(--topbar-h) - 2 * var(--space-3)), 860px );display:grid;grid-template-columns:var(--board-size) var(--side);justify-content:center;align-items:start;gap:var(--space-4)}.gs-side{display:flex;flex-direction:column;gap:var(--space-3);min-width:0;height:var(--board-size);min-height:300px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain}.gs-status{display:flex;flex-direction:column;gap:var(--space-2)}.gs-moves{flex:1 1 auto;min-height:72px;display:flex}.gs-options{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-4)}.gs-all-settings{align-self:flex-start;min-height:40px}.gs-side .chatdock .cd-log,.gs-phone .chatdock .cd-log{min-height:0;height:calc(5.52em + 34px);flex:0 0 auto}.gs-moves .movelist,.gs-moves .movelist.compact{flex:1 1 auto;max-height:none;overflow-y:auto;overflow-x:hidden}.app[class*=venue-] .movelist{padding-top:0}.app[class*=venue-] .movelist th{border-radius:0;z-index:1}.venue-chomp .movelist th{background:#1c130d}.gs-compact{--board-size: min(calc(100vw - 2 * var(--gutter)), calc(100dvh - var(--topbar-h) - 390px), 640px);display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.gs-compact>.gs-side{width:var(--board-size);height:auto;min-height:0;overflow:visible}.gs-compact .gs-card,.gs-compact .gs-moves{display:none}.gs-phone{--board-size: min( calc(100vw - 16px) , calc(100dvh - var(--topbar-h) - 350px));min-height:calc(100dvh - var(--topbar-h));display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) 8px calc(var(--space-2) + env(safe-area-inset-bottom,0px))}.gs-phone>*{width:var(--board-size);max-width:100%}.gs-phone>.gs-stage{width:auto}.gs-phone .actionbar{margin-top:auto}@media(max-height:819px){.gs-phone .gs-card{display:none}}.gs-clocks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.gc{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 10px;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface);font:700 1.1rem/1 var(--font-mono);font-variant-numeric:tabular-nums;color:var(--text-muted)}.gc em{font:800 .68rem/1 var(--font-ui);font-style:normal;letter-spacing:.1em;text-transform:uppercase}.gc.live{color:var(--text)}.gc.you.live{border-color:var(--you)}.gc.them.live{border-color:var(--them)}.gs-actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.gs-actions>.btn,.gs-actions>.resign-confirm{flex:1 1 0;min-width:96px;min-height:40px}.resign-confirm{display:flex;gap:var(--space-2);flex-basis:100%}.resign-confirm .btn{flex:1 1 0;min-height:40px}.opp-card{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"face text" "rules rules";align-items:center;gap:4px 12px;padding:10px 12px;border-radius:var(--radius-lg);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent)}.oc-face{grid-area:face;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--them);color:var(--them-hot)}.oc-face svg{width:24px;height:24px}.oc-text{grid-area:text;display:flex;flex-direction:column;gap:1px;min-width:0}.oc-lv{font:800 .68rem/1.2 var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted)}.oc-name{font:800 1.05rem/1.2 var(--font-ui)}.oc-title{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.oc-rules{grid-area:rules;font:700 .75rem/1.2 var(--font-ui);color:var(--text-subtle)}.opp-card.pvp{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"text code"}.opp-card.pvp .room-code-chip{grid-area:code}.conn-banner{position:absolute;inset:8px 8px auto;z-index:6;padding:8px 12px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--danger) 85%,black);color:#fff;font:700 .85rem/1.2 var(--font-ui);text-align:center}.split-banner .sub{color:var(--text-muted);font-weight:600}.chatdock{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.cd-log{position:relative;display:flex;flex-direction:column;justify-content:flex-end;gap:4px;width:100%;min-height:60px;padding:10px 36px 10px 12px;border-radius:var(--radius-lg);border:1px solid var(--line);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text);font:inherit;text-align:left;overflow:hidden}button.cd-log{cursor:pointer}button.cd-log:hover{border-color:var(--border-strong)}button.cd-log:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.cd-full .cd-log{flex:1 1 auto;justify-content:flex-start;min-height:200px;overflow-y:auto;padding-right:12px}.cd-line{margin:0;font-size:.9rem;line-height:1.38;overflow-wrap:anywhere}.cd-line b{margin-right:4px;font-weight:800;color:var(--them-hot)}.cd-line.mine b{color:var(--you-hot)}.cd-dock .cd-line{flex:0 0 auto}.cd-typing{color:var(--text-muted);font-style:italic}.cd-empty{font-size:.88rem;color:var(--text-muted)}.cd-expand{position:absolute;top:8px;right:8px;display:inline-flex;color:var(--text-subtle)}.cd-expand svg{width:18px;height:18px}.cd-quick{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.cd-quick::-webkit-scrollbar{display:none}.chatdock .cd-chip{flex:0 0 auto;min-height:32px;padding:0 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface-raised);color:var(--text);font:700 .78rem/1 var(--font-ui);white-space:nowrap;cursor:pointer;transform:none}.chatdock .cd-chip:hover{border-color:var(--border-strong)}.chatdock .cd-chip.dynamic{border-color:color-mix(in srgb,var(--accent) 50%,var(--line))}.cd-input{display:flex;gap:6px}.cd-field{flex:1 1 auto;min-width:0;min-height:40px;padding:0 12px;border-radius:var(--control-radius);border:1px solid var(--line);background:var(--surface);color:var(--text);font:500 16px/1.2 var(--font-ui)}.cd-field:focus{outline:none;border-color:var(--primary)}.cd-send{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;padding:0;border:0;border-radius:var(--control-radius);background:var(--primary);color:var(--primary-ink);cursor:pointer}.cd-send:disabled{opacity:.35;cursor:default}.cd-send svg{width:18px;height:18px}.turnbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);min-height:40px;padding:.35rem .65rem;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--panel);font-family:var(--font-ui)}.turnbar .tb-state{display:flex;align-items:baseline;gap:.4rem;min-width:0;font-weight:900;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text)}.turnbar .tb-detail{font-style:normal;font-weight:700;font-size:.72rem;letter-spacing:.02em;text-transform:none;color:var(--muted-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.turnbar.t-you{border-color:color-mix(in srgb,var(--you) 55%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--you) 20%,var(--panel)),var(--panel))}.turnbar.t-them{border-color:color-mix(in srgb,var(--them) 45%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--them) 16%,var(--panel)),var(--panel))}.turnbar.t-over{border-color:var(--gold-dim, var(--them));background:linear-gradient(90deg,color-mix(in srgb,var(--them) 26%,var(--panel)),var(--panel))}.turnbar.t-alert{border-color:var(--danger);background:linear-gradient(90deg,color-mix(in srgb,var(--danger) 22%,var(--panel)),var(--panel))}.turnbar .tb-clocks{display:flex;gap:.3rem;flex:0 0 auto}.turnbar .tb-clk{font-variant-numeric:tabular-nums;font-weight:800;font-size:.85rem;padding:.1rem .4rem;border-radius:6px;color:var(--muted-2);background:color-mix(in srgb,var(--bg-2) 70%,transparent)}.turnbar .tb-clk.live{color:var(--text)}.turnbar .tb-clk.you.live{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--you) 70%,transparent)}.turnbar .tb-clk.them.live{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--them) 70%,transparent)}.actionbar{display:flex;gap:var(--space-2);flex:0 0 auto}.ab-btn{position:relative;flex:1 1 0;min-width:0;min-height:48px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--panel);color:var(--muted);font-family:var(--font-ui)}.ab-btn .ab-icon{display:flex;width:18px;height:18px}.ab-btn .ab-icon svg{width:100%;height:100%}.ab-btn .ab-label{font-size:.66rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.ab-btn.on{color:var(--text);border-color:var(--you);background:color-mix(in srgb,var(--you) 16%,var(--panel))}.ab-badge{position:absolute;top:3px;right:6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--you);color:#06121f;font-size:.62rem;font-weight:900;line-height:16px;text-align:center}.face-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.oh-face,.oc-face,.roster-glyph{overflow:hidden}@media(max-height:500px){.poster .lockup .l1{font-size:15vh}.poster .lockup .l2{font-size:8vh}.poster .belt-rule{margin:8px 0 0;height:4px}.poster .p-mid{padding:4px 14px}.poster .p-bouts .bout{padding:8px 16px}.poster .bout h3{font-size:1.4rem}.setup-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.cp-stage{aspect-ratio:16 / 6}.page{padding-top:var(--space-2);gap:var(--space-2)}.page-title{font-size:1.4rem}.setup-card{padding:var(--space-3);gap:var(--space-3)}.look-row{grid-template-columns:minmax(0,1fr)}.look-row .look-preview{display:none}.opp-hero .oh-face{width:44px;height:44px}.opp-hero .oh-name{font-size:1.3rem}}[data-theme=light] .app[class*=venue-] .page-head{align-self:flex-start;padding:8px 14px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 94%,transparent)}@media(prefers-color-scheme:light){:root:not([data-theme]) .app[class*=venue-] .page-head{align-self:flex-start;padding:8px 14px;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--surface) 94%,transparent)}}.gs-phone .opp-card{padding:6px 10px;grid-template-areas:"face text"}.gs-phone .opp-card .oc-rules{display:none}.gs-phone .opp-card .oc-face{width:34px;height:34px}.gs-phone .opp-card .oc-face svg{width:18px;height:18px}.gs-phone .opp-card.pvp{grid-template-areas:"text code"}.drawer-body .movelist,.drawer-body .movelist.compact{max-height:none;flex:1 1 auto}.drawer-body .movelist.compact table{font-size:.9rem}.drawer-body .movelist.compact td{padding:.2rem .5rem}.gs-moves .movelist.compact table{font-size:.85rem}.gs-moves .movelist.compact td{padding:.15rem .45rem}.confirm{position:fixed;z-index:92;left:50%;top:50%;transform:translate(-50%,-50%);width:min(360px,calc(100vw - 32px));padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg);outline:none}.confirm-title{margin:0;font:800 1.05rem/1.25 var(--font-ui);color:var(--text)}.confirm-body{margin:0;font-size:.9rem;line-height:1.45;color:var(--text-muted)}.confirm-actions{display:flex;gap:var(--space-2);justify-content:flex-end}.confirm-actions .btn{min-height:42px;flex:1 1 0}.boot-gate2{position:relative;min-height:100svh;min-height:100dvh;display:grid;place-items:center;align-content:center;gap:clamp(28px,6vh,56px);padding:24px 16px;overflow:hidden;isolation:isolate}.bg-field{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1}.bg-lockup{text-align:center}.bg-lockup .l1,.bg-lockup .l2{filter:drop-shadow(0 8px 30px rgb(0 0 0 / .75))}.bg-orb{position:relative;display:grid;place-items:center;width:clamp(120px,22vw,168px);aspect-ratio:1;padding:0;border:0;border-radius:50%;cursor:pointer;color:#06142c;background:radial-gradient(circle at 36% 30%,#fff,#cfe3ff 14%,#6fb0ff,#2e86ff 62%,#0d3f9a);box-shadow:0 0 0 2px #ffffff2e,0 0 40px 6px #2e86ff8c,0 0 120px 30px #2e86ff40,inset 0 -12px 28px #06142c73;transition:transform .16s var(--ease-spring),box-shadow .16s var(--ease-standard);animation:bg-breathe 2.6s ease-in-out infinite}.bg-orb svg{width:38%;height:38%;margin-left:6%;filter:drop-shadow(0 1px 0 rgb(255 255 255 / .4))}.bg-orb-core{position:absolute;top:10%;right:10%;bottom:10%;left:10%;border-radius:50%;background:radial-gradient(circle at 50% 120%,rgb(245 197 66 / .35),transparent 60%);pointer-events:none}.bg-orb:hover{transform:scale(1.06)}.bg-orb:active{transform:scale(.95)}.bg-orb:focus-visible{outline:3px solid #fff;outline-offset:6px}.boot-gate2.leaving .bg-orb{transform:scale(1.25);box-shadow:0 0 0 2px #fff6,0 0 80px 20px #2e86ffcc,0 0 220px 80px #2e86ff66}@keyframes bg-breathe{50%{box-shadow:0 0 0 2px #ffffff38,0 0 56px 10px #2e86ffb3,0 0 150px 40px #2e86ff4d,inset 0 -12px 28px #06142c73}}.bg-hint{font:800 .78rem/1 var(--font-ui);letter-spacing:.24em;text-transform:uppercase;color:#dcecffb3;text-shadow:0 2px 10px rgb(0 0 0 / .8)}[data-theme=light] .bg-hint{color:#142850bf;text-shadow:none}@media(prefers-reduced-motion:reduce){.bg-orb{animation:none;transition:none}}.cg-wrap piece.black{filter:brightness(1.25) drop-shadow(0 0 .8px rgb(255 255 255 / .95)) drop-shadow(0 0 1.4px rgb(255 255 255 / .8)) drop-shadow(0 1px 2px rgb(0 0 0 / .6))}[data-theme=light] .cg-wrap piece.black{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}@media(prefers-color-scheme:light){:root:not([data-theme]) .cg-wrap piece.black{filter:drop-shadow(0 1px 2px rgb(0 0 0 / .35))}:root:not([data-theme]) .cg-wrap piece.white{filter:drop-shadow(0 0 1.5px rgb(0 0 0 / .7)) drop-shadow(0 1px 2px rgb(0 0 0 / .35))}}.belt-line{--bh: 56px;position:relative;width:min(440px,82vw);height:var(--bh);margin:6px auto 0;pointer-events:none;animation:kc-belt-in .32s var(--cut, ease-out) .52s backwards}.belt-line:before{content:"";position:absolute;left:0;right:0;top:50%;height:calc(var(--bh) * .36);transform:translateY(-50%);background:linear-gradient(180deg,#ffe08a 0,#ffe08a 6%,#f5c542 6%,#f5c542 20%,#6b4a0e 20%,#6b4a0e 25%,#24335c 25%,#24335c 75%,#6b4a0e 75%,#6b4a0e 80%,#f5c542 80%,#f5c542 94%,#b8860b 94%,#b8860b);clip-path:polygon(0 50%,22% 12%,50% 0,78% 12%,100% 50%,78% 88%,50% 100%,22% 88%);filter:drop-shadow(0 0 10px rgb(245 197 66 / .25))}.belt-line img{position:absolute;top:50%;left:50%;width:auto;filter:drop-shadow(0 2px 5px rgb(0 0 0 / .5))}.bl-plate{height:var(--bh);transform:translate(-50%,-50%)}.bl-s1{height:calc(var(--bh) * .58)}.bl-s2{height:calc(var(--bh) * .42)}.bl-plate{z-index:3}.bl-s1{z-index:2}.bl-s2{z-index:1}.bl-s1.bl-l{transform:translate(calc(-50% - var(--bh) * .55),-50%)}.bl-s2.bl-l{transform:translate(calc(-50% - var(--bh) * .86),-50%)}.bl-s1.bl-r{transform:translate(calc(-50% + var(--bh) * .55),-50%) scaleX(-1)}.bl-s2.bl-r{transform:translate(calc(-50% + var(--bh) * .86),-50%) scaleX(-1)}@keyframes kc-belt-in{0%{opacity:0;transform:scaleX(.4)}}.boot-gate2 .bg-belt{margin-top:calc(-1*clamp(28px,6vh,56px) + 6px)}@media(max-width:600px){.belt-line{--bh: 44px}}@media(prefers-reduced-motion:reduce){.belt-line{animation:none}}.music-toggle{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;touch-action:manipulation}.tb-songs{position:absolute;top:calc(100% + 6px);right:max(12px,env(safe-area-inset-right));z-index:60;min-width:220px;padding:6px;border-radius:14px;background:color-mix(in srgb,var(--surface-raised, #1a2030) 96%,transparent);border:1px solid var(--line, rgb(255 255 255 / .12));box-shadow:0 18px 40px #00000073;transform-origin:top right;animation:tb-drop .18s cubic-bezier(.2,1.2,.4,1) both}@keyframes tb-drop{0%{opacity:0;transform:translateY(-10px) scaleY(.9)}}.tb-song{display:flex;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 12px;border:0;border-radius:10px;background:none;color:var(--text, #fff);font:600 .95rem/1.2 var(--font-ui);text-align:left;cursor:pointer}.tb-song:hover,.tb-song:focus-visible{background:color-mix(in srgb,var(--text, #fff) 8%,transparent)}.tb-song.on{color:var(--gold, #f5c542)}.tb-song-eq{display:inline-flex;align-items:flex-end;gap:2px;width:14px;height:12px;flex:none;opacity:0}.tb-song-eq:before,.tb-song-eq:after,.tb-song-eq i{content:"";width:3px;height:100%;border-radius:1px;background:currentColor;transform-origin:bottom;transform:scaleY(.4)}.tb-song.on .tb-song-eq:before{animation:tb-eq .9s ease-in-out infinite}.tb-song.on .tb-song-eq i{animation:tb-eq .7s ease-in-out -.3s infinite}.tb-song.on .tb-song-eq:after{animation:tb-eq 1.1s ease-in-out -.6s infinite}@keyframes tb-eq{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.music-paused .tb-song.on .tb-song-eq:before,.music-paused .tb-song.on .tb-song-eq i,.music-paused .tb-song.on .tb-song-eq:after{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.tb-song.on .tb-song-eq:before,.tb-song.on .tb-song-eq i,.tb-song.on .tb-song-eq:after{animation:none;transform:scaleY(.8)}}.tb-song.on .tb-song-eq{opacity:1}@media(max-width:600px){.tb-songs{left:12px;right:12px;min-width:0}}@media(prefers-reduced-motion:reduce){.tb-songs{animation:none}}[data-theme=light] .tb-song.on{color:#8a5d00}@media(prefers-color-scheme:light){:root:not([data-theme]) .tb-song.on{color:#8a5d00}}.poster .mote-piece{position:absolute;bottom:6vh;line-height:1;opacity:0;pointer-events:none;animation-name:kc-mote-piece;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:backwards;will-change:transform,opacity}.poster .mote-piece.you{color:color-mix(in srgb,var(--you) 75%,transparent)}.poster .mote-piece.them{color:color-mix(in srgb,var(--them) 70%,transparent)}.poster .mote-piece.gold{color:color-mix(in srgb,var(--gold-400) 70%,transparent)}@keyframes kc-mote-piece{0%{transform:translateY(0) rotate(-8deg);opacity:0}12%{opacity:.85}80%{opacity:.45}to{transform:translateY(-70vh) rotate(10deg);opacity:0}}@media(prefers-reduced-motion:reduce){.poster .mote-piece{display:none}}.poster .mote-piece.art{width:1em;height:1em;background:currentColor;-webkit-mask:var(--mote-art) center / contain no-repeat;mask:var(--mote-art) center / contain no-repeat}.poster .mote-piece.art:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mote-art) center / contain no-repeat;mix-blend-mode:multiply}.bout .gi.gi-wide{width:92px}.bout .gi.gi-wide .fists-clash{display:block;width:100%;height:100%;background:currentColor;-webkit-mask:url(/art/fists-clash.webp) center / contain no-repeat;mask:url(/art/fists-clash.webp) center / contain no-repeat}@media(max-width:600px){.bout .gi.gi-wide{width:76px}}.p-bouts .bout .gi{width:92px;display:grid;place-items:center}.p-bouts .bout .gi:not(.gi-wide) svg{width:64px;height:64px}@media(max-width:600px){.p-bouts .bout .gi{width:76px}.p-bouts .bout .gi:not(.gi-wide) svg{width:48px;height:48px}}:root:not([data-theme=light]) .app[class*=venue-] :is(.opp-card,.cd-log,.turnbar,.gs-moves .movelist){background:color-mix(in srgb,var(--surface) 64%,transparent)}