.arena-example{margin:0 0 16px}.arena-example>summary{width:fit-content;color:var(--blue);cursor:pointer;font-weight:600}.arena-example>summary:hover{color:var(--ink)}.arena-chat{border:1px solid var(--ink);background:var(--white);border-radius:4px;margin:12px 0 32px;padding:20px}.arena-chat-sides{border-bottom:1px solid color-mix(in srgb, var(--ink) 15%, var(--white));font:600 14px/1.3 var(--sans);justify-content:space-between;gap:16px;margin:0 0 16px;padding-bottom:12px;display:flex}.arena-chat-sides span:last-child{text-align:right}.arena-chat-sides small{color:var(--slate);font-weight:400;display:block}.arena-chat .arena-chat-log{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.prose .arena-chat-log li+li{margin-top:0}.arena-msg{max-width:78%}.arena-msg.arena-white{align-self:flex-start}.arena-msg.arena-black{text-align:right;align-self:flex-end}.arena-who{color:var(--slate);margin:0 4px 3px;font-size:12px;line-height:1.3;display:block}.arena-bubble{text-align:left;overflow-wrap:anywhere;border-radius:14px;padding:8px 14px;display:inline-block}.arena-msg.arena-white .arena-bubble{border-top-left-radius:4px}.arena-msg.arena-black .arena-bubble{border-top-right-radius:4px}.arena-msg.relay .arena-bubble{background:var(--sky);font-size:15px;line-height:1.5}.arena-msg.move .arena-bubble{font:700 20px/1.3 var(--serif);padding:6px 16px}.arena-msg.move.arena-white .arena-bubble{background:var(--white);box-shadow:inset 0 0 0 1px var(--ink)}.arena-msg.move.arena-black .arena-bubble{background:var(--ink);color:var(--white)}.prose .arena-bubble p{margin:0}.prose .arena-bubble p+p{margin-top:6px}.arena-bubble details{margin:6px 0;font-size:14px}.arena-bubble summary{color:var(--blue);cursor:pointer}.prose .arena-bubble ul{margin:6px 0 0;padding-left:18px}.prose .arena-bubble li+li{margin-top:2px}.arena-chat figcaption{color:var(--slate);margin-top:16px;font-size:14px;line-height:1.5}.arena-ratings{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:40px;display:grid}.arena-rating{border:1px solid var(--ink);background:var(--white);border-radius:4px;margin:0;padding:16px 18px 10px}.arena-rating table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.3}.arena-rating caption{text-align:left;margin-bottom:10px;font-size:16px;font-weight:700}.arena-rating th,.arena-rating td{vertical-align:middle;padding:0}.arena-rating tbody th{text-align:left;white-space:nowrap;padding-right:12px;font-weight:500}.arena-rating .arena-rating-plot{width:100%}.arena-rating svg{display:block;overflow:visible}.arena-rating-value{text-align:right;font-variant-numeric:tabular-nums;padding-left:10px;font-weight:600}.arena-rating-grid{stroke:color-mix(in srgb, var(--ink) 12%, var(--white));stroke-width:1px}.arena-rating-bar{fill:color-mix(in srgb, var(--blue) 55%, var(--white))}.arena-rating tbody tr:hover .arena-rating-bar{fill:var(--blue)}.arena-rating-interval{stroke:var(--ink);stroke-width:1.5px}.arena-rating tfoot text{fill:var(--slate);font-variant-numeric:tabular-nums;font-size:12px}.arena-ratings-note{color:var(--slate);grid-column:1/-1;margin:0;font-size:14px;line-height:1.5}.arena-games{border:1px solid var(--ink);background:var(--white);border-radius:4px;margin:32px 0;padding:20px}.arena-games-pick{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,1.2fr);gap:12px;margin-bottom:16px;display:grid}.arena-games-pick label{min-width:0;color:var(--slate);flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.arena-games-pick select{border:1px solid var(--ink);background:var(--white);width:100%;height:44px;color:var(--ink);font:500 15px var(--sans);border-radius:4px;padding:0 8px}.arena-board{aspect-ratio:1;width:100%;max-width:480px;margin:0 auto}.arena-game-steps{justify-content:center;gap:12px;margin-top:16px;display:flex}.arena-ending{text-align:center;overflow-wrap:anywhere;margin:14px 0 10px;font-weight:600}.arena-games .arena-moves{border-top:1px solid color-mix(in srgb, var(--ink) 15%, var(--white));grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:2px 12px;max-height:220px;margin:0;padding:8px 0 0;font-size:15px;list-style:none;display:grid;position:relative;overflow-y:auto}.arena-games .arena-moves li{align-items:baseline;gap:4px;margin:0;display:flex}.arena-move-number{min-width:32px;color:var(--slate);font-variant-numeric:tabular-nums;text-align:right}.arena-moves button{white-space:nowrap;min-width:52px;color:var(--ink);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:2px 6px}.arena-moves button:hover{background:var(--sky)}.arena-moves .arena-move-current{background:var(--ink);color:var(--white)}.arena-moves .arena-move-current:hover{background:var(--ink)}.arena-chart{margin:40px auto 0}.arena-chart-title{font:800 24px/1.3 var(--serif);margin:0}.arena-chart-sub{max-width:680px;color:var(--slate);margin:4px 0 14px;font-size:15px;line-height:1.5}.arena-chart-note{max-width:680px;color:var(--slate);margin:10px 0 0;font-size:14px;line-height:1.5}.arena-panels{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.arena-panel{border:1px solid var(--ink);background:var(--white);border-radius:4px;min-width:0;padding:14px 14px 6px}.arena-panel h3{font:700 16px var(--sans);margin:0 0 6px}.arena-plot{min-height:240px;position:relative}.arena-plot svg{font-family:var(--sans);display:block;overflow:visible}.arena-grid line{stroke:color-mix(in srgb, var(--ink) 12%, var(--white));stroke-width:1px}.arena-tick{fill:var(--slate);font-variant-numeric:tabular-nums;font-size:12px}.arena-axis-title{fill:var(--slate);font-size:12px}.arena-dot-mark{fill:var(--blue);stroke:var(--white);stroke-width:2px}.arena-dot-hit{fill:#0000}.arena-dot:hover .arena-dot-mark,.arena-dot:focus-visible .arena-dot-mark{fill:var(--ink)}.arena-dot:focus{outline:none}.arena-dot-label{fill:var(--ink);font-size:12px;font-weight:600}.arena-dot-leader{stroke:var(--slate);stroke-width:1px}.arena-k1{--kind:#2a78d6}.arena-k2{--kind:#eb6834}.arena-k3{--kind:#1baf7a}.arena-k4{--kind:#eda100}.arena-k5{--kind:#e87ba4}.arena-k6{--kind:#008300}.arena-k7{--kind:#6250d6}.arena-swatch{background:var(--kind);border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.arena-kinds-legend{border:1px solid var(--ink);background:var(--white);border-bottom:0;border-radius:4px 4px 0 0;flex-wrap:wrap;gap:6px 16px;margin:0;padding:16px 18px 6px;font-size:14px;list-style:none;display:flex}.arena-kinds-legend li{align-items:center;gap:6px;display:flex}.arena-kinds{border:1px solid var(--ink);border-collapse:separate;border-spacing:0;background:var(--white);border-top:0;border-radius:0 0 4px 4px;width:100%;padding:4px 18px 8px;font-size:14px;line-height:1.3}.arena-kinds th,.arena-kinds td{vertical-align:middle;padding:0}.arena-kinds tbody th{text-align:left;white-space:nowrap;padding-right:12px;font-weight:500}.arena-kinds-plot{width:100%}.arena-kinds svg{display:block;overflow:visible}.arena-kinds-grid{stroke:color-mix(in srgb, var(--ink) 12%, var(--white));stroke-width:1px}.arena-kind{fill:var(--kind);stroke:var(--white);stroke-width:2px}.arena-kinds-total{text-align:right;font-variant-numeric:tabular-nums;padding-left:10px;font-weight:600}.arena-kinds tfoot text{fill:var(--slate);font-variant-numeric:tabular-nums;font-size:12px}.arena-kinds-about{gap:8px;margin:14px 0 0;font-size:14px;line-height:1.5;display:grid}.arena-kinds-about dt{align-items:center;gap:6px;font-weight:600;display:flex}.arena-kinds-about dd{color:var(--slate);margin:0 0 0 18px}.arena-numbers{margin-top:12px}.arena-numbers>summary{width:fit-content;color:var(--blue);cursor:pointer;font-weight:600}.arena-numbers>summary:hover{color:var(--ink)}.arena-table-scroll{max-width:100%;margin-top:12px;overflow-x:auto}.arena-numbers table{border-collapse:collapse;background:var(--white);min-width:560px;font-size:14px}.arena-numbers caption{text-align:left;padding:0 0 4px;font-weight:700}.arena-numbers th,.arena-numbers td{border-bottom:1px solid color-mix(in srgb, var(--ink) 12%, var(--white));text-align:right;font-variant-numeric:tabular-nums;padding:5px 10px}.arena-numbers thead th{color:var(--slate);vertical-align:bottom;font-size:13px;font-weight:600}.arena-numbers tbody th,.arena-numbers thead th:first-child{text-align:left;white-space:nowrap;font-weight:500}@media (width<=1000px){.container.arena-ratings{grid-template-columns:minmax(0,1fr);max-width:680px}.container.arena-chart-wrap{max-width:680px}.arena-panels{grid-template-columns:minmax(0,1fr)}}@media (width<=520px){.arena-chat{padding:14px}.arena-msg{max-width:92%}.arena-rating{padding:14px 14px 8px}.arena-rating table{font-size:13px}.arena-games{padding:14px}.arena-games-pick{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.arena-games-pick select{padding:0 2px;font-size:14px}.arena-games-game{grid-column:1/-1}.arena-kinds-legend{padding:14px 14px 6px;font-size:13px}.arena-kinds{padding:4px 14px 8px;font-size:13px}}