.confusion-panel{min-width:0;max-width:100%;margin-block:1.5rem;--confusion-accent:var(--flags-green,#365a46)}
.flags-page .confusion-title{font-size:1rem;line-height:1.45;margin:0 0 .45rem}
.flags-page :is(.confusion-note,.confusion-coverage,.confusion-detail){font-size:.82rem;line-height:1.5;margin:.55rem 0;color:var(--game-muted,#6a786e)}
.flags-page .confusion-coverage{color:var(--game-ink,#223b32)}
.confusion-filter{display:grid;gap:.4rem;margin-block:1rem;min-width:0}
.confusion-filter-label{font-size:.8rem}
.confusion-select{min-height:44px;width:100%;max-width:100%;padding:.6rem .75rem;border:1px solid var(--game-line,#223b3221);border-radius:.5rem;background:var(--game-surface,#fcfcf6);color:inherit;font:inherit;font-size:.86rem;text-overflow:ellipsis}
.confusion-scroll{width:100%;max-width:100%;max-height:25rem;overflow:auto;overscroll-behavior:contain;border:1px solid var(--game-line,#223b3221);border-radius:.65rem;isolation:isolate}
.confusion-scroll:focus-visible,.confusion-select:focus-visible,.confusion-hit:focus-visible,.confusion-list-toggle:focus-visible{outline:2px solid var(--confusion-accent);outline-offset:3px}
.confusion-table{border-collapse:separate;border-spacing:0;width:max-content;min-width:100%;font-size:.72rem;line-height:1.3;table-layout:fixed}
.confusion-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.confusion-table th,.confusion-table td{border-bottom:1px solid var(--game-line,#223b3221);border-right:1px solid var(--game-line,#223b3221);vertical-align:middle;text-align:center}
.confusion-table tr:last-child>*{border-bottom:0}.confusion-table tr>:last-child{border-right:0}
.confusion-table thead th{position:sticky;top:0;z-index:2;background:var(--game-surface,#fcfcf6)}
.confusion-axis{padding:.5rem .35rem;width:76px;min-width:76px;max-width:76px;font-weight:400}
.confusion-axis .confusion-label{display:block;margin-top:.35rem;overflow-wrap:anywhere}
.confusion-thumb{display:inline-block;width:32px;height:22px;object-fit:contain;vertical-align:middle;flex:none}
.confusion-corner{width:92px;min-width:92px;max-width:92px;padding:.5rem;font-weight:400;color:var(--game-muted,#6a786e);left:0;z-index:4!important}
.confusion-row-axis{position:sticky;left:0;z-index:1;background:var(--game-surface,#fcfcf6);min-width:92px;max-width:92px}
.confusion-cell{height:48px;min-width:76px;color:var(--game-muted,#6a786e)}
.confusion-diagonal{background:repeating-linear-gradient(135deg,transparent 0 5px,var(--game-line,#223b3221) 5px 7px);font-size:1rem}
.confusion-hit{display:block;width:100%;min-width:44px;min-height:48px;margin:0;padding:.5rem;border:0;border-radius:0;font:inherit;font-size:.9rem;font-variant-numeric:tabular-nums;color:var(--game-ink,#223b32);cursor:pointer;background:var(--confusion-accent)}
.confusion-hit[data-heat="1"]{background:color-mix(in srgb,var(--confusion-accent) 10%,var(--game-surface,#fcfcf6))}.confusion-hit[data-heat="2"]{background:color-mix(in srgb,var(--confusion-accent) 20%,var(--game-surface,#fcfcf6))}.confusion-hit[data-heat="3"]{background:color-mix(in srgb,var(--confusion-accent) 30%,var(--game-surface,#fcfcf6))}.confusion-hit[data-heat="4"]{background:color-mix(in srgb,var(--confusion-accent) 85%,var(--game-surface,#fcfcf6));color:var(--game-surface,#fcfcf6)}.confusion-hit[data-heat="5"]{background:var(--confusion-accent);color:var(--game-surface,#fcfcf6);font-weight:700}
.confusion-hit[aria-pressed="true"]{box-shadow:inset 0 0 0 2px currentColor}
.confusion-detail{min-height:2.5em;overflow-wrap:anywhere}
.confusion-list-toggle{min-height:44px;align-content:center;cursor:pointer;padding-block:.6rem;font-size:.85rem}
.confusion-pairs{list-style:none;margin:0;padding:0;max-height:22rem;overflow-y:auto;overscroll-behavior:contain}
.confusion-pair{display:flex;gap:.65rem;align-items:center;border-top:1px solid var(--game-line,#223b3221);padding:.65rem 0;font-size:.8rem;line-height:1.45;min-width:0}
.confusion-pair-images{display:flex;align-items:center;gap:.3rem;flex:none}.confusion-arrow{color:var(--game-muted,#6a786e)}
.confusion-pair-description{overflow-wrap:anywhere;min-width:0}
.confusion-empty{font-size:.88rem;line-height:1.5;color:var(--game-muted,#6a786e)}
@media(max-width:420px){.confusion-axis{width:64px;min-width:64px;max-width:64px}.confusion-cell{min-width:64px}.confusion-row-axis{min-width:82px;max-width:82px}.confusion-corner{min-width:82px;max-width:82px}.confusion-pair-images{gap:.2rem}.confusion-pair-images .confusion-thumb{width:26px;height:18px}}
@media(forced-colors:active){.confusion-hit{border:1px solid ButtonText}.confusion-hit[aria-pressed="true"]{outline:2px solid Highlight}}