.encounters{--encounter-ink: var(--color-text-primary, #000);--encounter-panel: var(--color-background-secondary, #fff);--encounter-soft: var(--color-background-button, #eeeade);--encounter-soft-focus: var(--color-background-button-focus, #ddc);--encounter-muted: #5d665c;--encounter-line: #aaa99b;--encounter-accent: var(--color-text-bold, #2a8612);color:var(--encounter-ink)}.encounters,.encounters *{box-sizing:border-box}.encounters button,.encounters input{font:inherit}.encounters button{cursor:pointer}.encounters [hidden]{display:none!important}.encounters button:focus-visible,.encounters input:focus-visible{outline:3px solid var(--color-background-h1, #d5a637);outline-offset:3px}.encounters .encounter-intro,.encounters details:has(.note){margin-block-end:1rem}.encounters .controls{position:sticky;top:.5rem;z-index:20;display:flex;flex-wrap:wrap;gap:.75rem;align-items:end;margin-bottom:1.5rem;padding:1rem;background:color-mix(in srgb,var(--encounter-panel) 94%,transparent);border:solid thin var(--color-border, #000);box-shadow:0 .25rem .75rem #0000001a;backdrop-filter:blur(10px)}.encounters .control{display:grid;flex:1 1 11rem;gap:.25rem;min-width:0}.encounters .control.search{flex-basis:15rem}.encounters .control label,.encounters .version-switcher:before{font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.encounters input{width:100%;min-height:2.6rem;padding:0 .65rem;color:var(--encounter-ink);background:var(--encounter-panel);border:solid thin var(--color-border, #000);border-radius:.25rem}.encounters .version-switcher{display:flex;flex:1 1 100%;flex-wrap:wrap;gap:.4rem;align-items:center}.encounters .version-switcher:before{content:"Games";margin-right:.15rem}.encounters .version,.encounters .soft-button{min-height:2.6rem;padding:.45rem .75rem;color:var(--encounter-ink);background:var(--encounter-soft);border:solid thin var(--color-border, #000);border-radius:.25rem;font-weight:700}.encounters .version{position:relative;padding-left:1.75rem}.encounters .version span{position:absolute;top:50%;left:.65rem;width:.55rem;height:.55rem;border-radius:50%;background:currentColor;transform:translateY(-50%)}.encounters .version.red{color:#a91f2e}.encounters .version.green{color:#176d37}.encounters .version.blue{color:#205b9e}.encounters .version.yellow{color:#715b00}.encounters .version:not(.active){opacity:.6;text-decoration:line-through}.encounters .version.active{color:#fff;text-decoration:none}.encounters .version.active.red{background:#a91f2e}.encounters .version.active.green{background:#176d37}.encounters .version.active.blue{background:#205b9e}.encounters .version.active.yellow{background:#715b00}.encounters .version.active span{background:#fff}.encounters .actions{display:flex;gap:.4rem}.encounters .soft-button:hover,.encounters .soft-button:focus{background:var(--encounter-soft-focus)}.encounters .results-area{min-width:0}.encounters .results-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;margin-bottom:1rem}.encounters .results-head h2{flex:1 1 auto;margin-block:0;font-size:1.25rem}.encounters .selection-note{margin:-.5rem 0 1rem;color:var(--encounter-muted);font-size:.8rem}.encounters .comparison-card{margin-bottom:1.25rem;overflow:hidden;background:var(--encounter-panel);border:solid thin var(--encounter-line)}.encounters .comparison-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.7rem .8rem;background:var(--encounter-soft);border-bottom:solid thin var(--encounter-line)}.encounters .comparison-head h3{margin:0;padding:0;border:0;font-size:1.05rem}.encounters .comparison-head p{margin:0;color:var(--encounter-muted);font-size:.75rem}.encounters .game-grid{display:grid;grid-template-columns:repeat(var(--game-count),minmax(15rem,1fr));overflow-x:auto;overscroll-behavior-inline:contain}.encounters .game-grid.compact{grid-template-columns:repeat(var(--game-count),minmax(10rem,1fr))}.encounters .game-panel{--game-color: var(--encounter-accent);min-width:0;border-right:solid thin var(--encounter-line)}.encounters .game-panel:last-child{border-right:0}.encounters .game-panel.red{--game-color: #bd3544}.encounters .game-panel.green{--game-color: #2f8a4f}.encounters .game-panel.blue{--game-color: #316bae}.encounters .game-panel.yellow{--game-color: #a88900}.encounters .game-panel-head{display:flex;justify-content:space-between;gap:.6rem;align-items:center;min-height:4rem;padding:.65rem .75rem;background:color-mix(in srgb,var(--game-color) 8%,var(--encounter-panel));border-top:.25rem solid var(--game-color);border-bottom:solid thin var(--encounter-line)}.encounters .game-panel-title{display:flex;gap:.4rem;align-items:center;margin:0;font-size:.95rem}.encounters .game-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--game-color)}.encounters .game-rate{display:flex;gap:.3rem;text-align:right}.encounters .game-rate strong{color:var(--encounter-ink);font-size:1.05rem}.encounters .game-rate span{color:var(--encounter-muted);font-size:.55rem;letter-spacing:.06em;text-transform:uppercase}.encounters .encounter-list{padding:.25rem .45rem .5rem}.encounters .encounter{display:grid;grid-template-columns:minmax(6.75rem,1fr) 2.5rem 2rem 1rem;gap:.4rem;align-items:center;padding:.55rem .3rem;border-bottom:solid thin #deddd2}.encounters .encounter:last-child{border-bottom:0}.encounters .mon{display:flex;gap:.35rem;align-items:center;min-width:0;font-size:.82rem;font-weight:700}.encounters .dex{display:grid;flex:0 0 1.9rem;height:1.9rem;align-content:end;background:var(--game-color);border-radius:50%}.encounters .level{font-size:.75rem;font-variant-numeric:tabular-nums;font-weight:700}.encounters .chance{grid-column:3;grid-row:1;font-size:.8rem;font-variant-numeric:tabular-nums;font-weight:700;text-align:right}.encounters .game-grid.compact .encounter{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;row-gap:.15rem}.encounters .game-grid.compact .mon{grid-column:1 / -1;grid-row:1}.encounters .game-grid.compact .level{grid-column:1;grid-row:2;padding-left:2.25rem}.encounters .game-grid.compact .chance{grid-column:2;grid-row:2}.encounters .game-missing,.encounters .empty{display:grid;min-height:8rem;padding:1.25rem;place-items:center;color:var(--encounter-muted);text-align:center}.encounters .empty{border:dashed thin var(--encounter-line)}@media(max-width:780px){.encounters .actions{flex:1 1 100%}.encounters .soft-button{flex:1}}@media(max-width:620px){.encounters .controls{position:static;gap:.5rem;margin-bottom:1rem;padding:.65rem}.encounters .version-switcher{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.3rem}.encounters .version-switcher:before{grid-column:1 / -1;margin:0}.encounters .version{min-height:2.25rem;padding:.35rem .15rem;font-size:.65rem}.encounters .version span{display:none}.encounters .control.search{flex:1 1 8rem}.encounters .control.search label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.encounters input,.encounters .soft-button{min-height:2.25rem}.encounters .actions{flex:0 0 auto}.encounters .soft-button{padding:.35rem .65rem}.encounters .results-head{align-items:flex-start}.encounters .comparison-head{align-items:flex-start;flex-direction:column;gap:.15rem}.encounters .game-grid{grid-template-columns:repeat(var(--game-count),minmax(14rem,1fr))}}