@font-face{font-family:"Roboto Condensed";src:url("./fonts/roboto-condensed-variable.woff") format("woff");font-style:normal;font-weight:100 900;font-display:swap}
:root{color-scheme:dark;font-family:"Roboto Condensed","Arial Narrow","Segoe UI",system-ui,sans-serif;font-size:16px;--bg:#0b121b;--panel:#121e2b;--panel-2:#172534;--line:#263849;--muted:#a1b3c5;--text:#eef4fc;--accent:#6be4be;--cell:26px;--rank:36px;--game:252px;--score:52px;--group-height:28px}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a,input,summary,[tabindex]{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:#acd2ff;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button{color:inherit}main{max-width:2000px;margin:auto;padding:1.8rem 2rem 1.4rem}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.icon{display:block;width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}.masthead{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.65rem}.brand{display:flex;align-items:center;gap:.9rem}.brand-mark{display:block;width:3rem;height:2.3rem;flex-shrink:0}.eyebrow{font-size:.75rem;letter-spacing:.12em;color:var(--muted);margin:0 0 .2rem}h1{font-size:1.65rem;letter-spacing:-.025em;line-height:1.2;margin:0;font-weight:650}.snapshot{display:flex;flex-direction:column;gap:.35rem;text-align:right;color:var(--muted);font-size:.8rem}.offline-label{font-size:.75rem;letter-spacing:.11em;color:var(--accent)}
.filters{display:flex;align-items:center;flex-wrap:wrap;gap:1.6rem;background:var(--panel);border:1px solid var(--line);border-radius:.65rem;padding:1rem 1.15rem;margin-bottom:1.55rem}.toggle-control{position:relative;display:flex;align-items:center;gap:.65rem;font-size:.875rem;cursor:pointer;min-height:1.6rem}.toggle-control input{position:absolute;left:0;top:0;width:2.15rem;height:100%;opacity:0;cursor:pointer}.switch{width:2.15rem;height:1.2rem;border-radius:2rem;background:#354558;border:1px solid #5e7185;transition:background .15s;flex-shrink:0}.switch:after{content:"";display:block;width:.8rem;height:.8rem;margin:.13rem;background:#c2cfdb;border-radius:50%;transition:transform .15s}.toggle-control input:checked+.switch{background:#27725c;border-color:#55ba96}.toggle-control input:checked+.switch:after{transform:translateX(.9rem);background:#c3ffe7}.toggle-control input:focus-visible+.switch{outline:2px solid var(--accent);outline-offset:3px}.reviews-control{display:flex;align-items:center;gap:.7rem;font-size:.875rem}.reviews-control input{width:7rem;padding:.2rem .55rem;background:var(--bg);border:1px solid #496178;border-radius:.3rem;color:var(--text);font-variant-numeric:tabular-nums}.reset-button{margin-left:auto;background:none;border:0;color:var(--muted);font-size:.875rem;padding:.2rem .4rem}.reset-button:hover{color:var(--text)}.table-toolbar{display:flex;justify-content:space-between;gap:.5rem 1rem;align-items:center;margin-bottom:.65rem}h2{font-size:1.05rem;font-weight:600;display:flex;align-items:center;gap:.55rem;margin:0 0 .25rem}.pill{color:var(--accent);background:#15362f;border:1px solid #285246;border-radius:1rem;padding:.05rem .48rem;font-size:.8rem;font-weight:500;font-variant-numeric:tabular-nums}.result-info{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem .8rem;min-width:0}#result-summary{font-size:.875rem;color:var(--muted);margin:0;min-height:1.3em}.legend{display:flex;align-items:center;gap:1rem;color:var(--muted);font-size:.75rem}.legend span{white-space:nowrap}.legend-check{color:var(--accent);margin-right:.3rem}.legend-dash{color:#728499;margin-right:.3rem}.hover-hint{border-left:1px solid var(--line);padding-left:1rem}
.matrix-region{overflow:auto;max-height:var(--matrix-height,65vh);min-height:22rem;border:1px solid var(--line);border-radius:.55rem;background:var(--panel);scrollbar-color:#41586d #101b27;scrollbar-width:thin;overscroll-behavior:contain;position:relative}table{border-collapse:separate;border-spacing:0;table-layout:fixed;min-width:100%;font-size:.875rem}#matrix{--game:clamp(252px,calc(var(--matrix-width,100vw) - var(--rank) - var(--score) - var(--feature-total,27) * var(--cell)),384px)}th,td{padding:0;border-bottom:1px solid #213242;text-align:center}thead th{background:#172737;position:sticky;z-index:20;color:var(--muted)}.group-row th{top:0;height:var(--group-height);font-size:.75rem;font-weight:600;letter-spacing:.025em;border-top:2px solid var(--group-color,#667a91);border-bottom:1px solid #354b60;text-align:left;padding-left:.6rem;white-space:nowrap}.feature-row th{top:var(--group-height);height:48px;border-right:1px solid #1e3245}.feature-row .feature-head{width:var(--cell);min-width:var(--cell);max-width:var(--cell)}.header-button{border:0;background:none;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.26rem;padding:.2rem 0;color:#c4d3e2}.header-button:hover,.header-button:focus-visible{background:#2c465a;color:var(--accent)}.header-short{font-size:.75rem;line-height:1;letter-spacing:-.04em;font-weight:500}.group-start{border-left:1px solid #42556a!important}.fixed-rank,.fixed-game,.fixed-score{position:sticky;z-index:10;background:var(--panel)}.fixed-rank{left:0;width:var(--rank);min-width:var(--rank);max-width:var(--rank)}.fixed-game{left:var(--rank);width:var(--game);min-width:var(--game);max-width:var(--game);text-align:left}.group-row .corner{z-index:40;border-top-color:#7a95b0;height:auto;top:0;background:#192b3c;vertical-align:bottom;padding-bottom:.9rem;font-size:.8rem;text-align:center}.group-row .fixed-game{text-align:left;padding-left:.5rem}.corner-count{display:block;color:var(--text);font-size:.8rem;margin-bottom:.15rem}.corner-pool{font-weight:400;color:var(--muted);font-size:.75rem}tbody tr{height:36px}tbody tr:nth-child(even) td,tbody tr:nth-child(even) th{background:#142231}tbody .fixed-rank{font-size:.8rem;font-weight:400;color:#95a9bd;font-variant-numeric:tabular-nums}tbody .fixed-game{font-weight:400;padding:0 .5rem}.game-cell{display:flex;align-items:center;gap:.3rem;min-width:0}.game-name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:#e7f0fc;font-size:.875rem;flex:1;min-width:0;padding:.4rem 0}.game-links{display:flex;align-items:center;gap:.1rem;flex-shrink:0}.game-link,.info-button{width:1.3rem;height:1.55rem;display:grid;place-items:center;color:#a3bbd0;border:0;background:none;padding:0;border-radius:.2rem}.game-link:hover,.info-button:hover{color:var(--accent);background:#253b4f}.game-link .icon,.info-button .icon{width:.9rem;height:.9rem}.ea-mark{font-size:.75rem;color:#e8c587;margin-left:.3rem}.feature-cell{width:var(--cell);min-width:var(--cell);max-width:var(--cell);border-right:1px solid #1a2c3c;color:#425468;line-height:1}.feature-cell .check{display:inline-grid;place-items:center;border-radius:.18rem;width:1.15rem;height:1.15rem;background:#193f37;color:#83edc8;font-size:.85rem;font-weight:600}.feature-cell .dash{font-size:.85rem;color:#52657a}tbody tr:hover td,tbody tr:hover th,tbody tr:focus-within td,tbody tr:focus-within th{background:#20384a}td.column-highlight,th.column-highlight{background:#244052!important}td.column-selected,th.column-selected{background:#234439!important;box-shadow:inset 1px 0 #5ba88b,inset -1px 0 #5ba88b}td.column-selected.column-highlight,th.column-selected.column-highlight{background:#2b514a!important}.feature-cell:focus-visible{outline-offset:-2px}.matrix-footer{display:flex;justify-content:space-between;gap:1rem;color:var(--muted);font-size:.75rem;margin:.65rem .1rem 1.2rem}.methodology{border-top:1px solid var(--line);font-size:.875rem;color:var(--muted)}summary{cursor:pointer;padding:.9rem 0;color:#bfcede}#package-summary{float:right;font-size:.8rem;color:var(--muted)}.method-content{max-width:1000px;line-height:1.65;padding-bottom:.5rem}.method-content p{margin:.4rem 0 .8rem}.empty-state{text-align:center;padding:4rem 1.5rem;color:var(--muted)}.empty-state h3{color:var(--text);margin:.5rem 0;font-size:1.1rem}.empty-icon{font-size:2.5rem;color:var(--accent)}.empty-state button{padding:.5rem .9rem;color:var(--accent);border:1px solid #397861;border-radius:.4rem;background:#17362f}.empty-state p{font-size:.875rem}.tooltip{position:fixed;z-index:100;max-width:min(350px,calc(100vw - 24px));width:max-content;padding:1rem 1.1rem;background:#22384c;border:1px solid #54738f;border-radius:.55rem;box-shadow:0 12px 40px #0009;color:var(--text);font-size:.875rem;line-height:1.5;pointer-events:none}.tooltip.pinned,.tooltip.interactive{pointer-events:auto}.tooltip h3{font-size:1rem;margin:0 0 .4rem;font-weight:650}.tooltip p{margin:.2rem 0;color:#c6d5e4}.tooltip .tip-kicker{font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--accent);margin:0 0 .3rem}.tooltip .tip-fine{font-size:.75rem;color:#afc1d3;margin-top:.55rem}.tooltip dl{display:grid;grid-template-columns:1fr auto;gap:.25rem 1.2rem;margin:.7rem 0 .4rem}.tooltip dt{color:#b8cbdd}.tooltip dd{margin:0;text-align:right;font-variant-numeric:tabular-nums}.tooltip .tip-close{position:absolute;top:.35rem;right:.4rem;border:0;background:none;font-size:1.2rem;color:#c4d7e7;padding:0 .3rem}.tooltip.pinned{padding-right:1.7rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.noscript{padding:2rem}
@media(max-width:1100px){main{padding:1.3rem 1.1rem}.filters{gap:1rem}.hover-hint{display:none}}
@media(max-width:650px){:root{--rank:1.75rem;--score:2.8rem;--cell:28px}#matrix{--game:clamp(100px,34vw,8.5rem)}main{padding:1rem .6rem}.brand{gap:.6rem}.eyebrow{font-size:.75rem;letter-spacing:0}h1{font-size:1.3rem}.snapshot{display:none}.masthead{margin-bottom:1rem}.filters{gap:.8rem;padding:.85rem;margin-bottom:1rem}.toggle-control{width:100%;font-size:.875rem}.reviews-control{font-size:.875rem}.reset-button{padding:.3rem}.table-toolbar{align-items:flex-start;gap:.5rem}.legend{gap:.55rem;font-size:.75rem;padding-top:.2rem}.legend span{white-space:normal}.game-name{font-size:.875rem}.game-link{width:1.1rem}.game-links{gap:0}.fixed-game{padding-left:.35rem!important;padding-right:.25rem!important}.matrix-footer{font-size:.75rem;gap:.5rem}.matrix-footer>span:last-child{white-space:nowrap}#package-summary{float:none;display:block;margin-top:.35rem}.tooltip{font-size:.875rem}.methodology{font-size:.875rem}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.tooltip{max-height:calc(100vh - 24px);overflow-y:auto}
.views{display:flex;align-items:center;gap:.8rem;margin:-.3rem 0 1rem;font-size:.85rem;color:var(--muted);flex-wrap:wrap}.views>div{display:flex;gap:.5rem;flex-wrap:wrap}.views>button{margin-left:auto}.view-button,.subtle-button,.pagination button,.error-banner button{font:inherit;background:var(--panel);color:var(--text);border:1px solid #3f566b;border-radius:.35rem;padding:.45rem .75rem}.view-button[aria-pressed=true]{background:#193f37;color:#a7f3d9;border-color:#428c70}.subtle-button{color:var(--muted);background:none}button:disabled{opacity:.45;cursor:default}button:not(:disabled):hover{filter:brightness(1.12)}
.query-panel{margin-bottom:1.3rem}.query-panel fieldset{border:0;margin:0;padding:0;min-width:0}.search-row{display:flex;gap:1rem;align-items:flex-end}.search-row>label{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--muted)}.search-label{flex:1}select,input[type=search],.pagination input{font:inherit;color:var(--text);background:var(--bg);border:1px solid #496178;border-radius:.3rem;padding:.5rem .6rem;min-width:0}select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=search]{width:100%;font-size:.95rem}.search-row select{min-width:10rem;font-size:.875rem}.filter-row{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:center;margin-top:.6rem}.feature-picker{border-top:1px solid var(--line);margin-top:1rem;font-size:.875rem}.feature-picker summary{padding:.75rem 0 .15rem}.feature-picker summary .pill{margin-left:.4rem}.feature-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,15rem),1fr));gap:.25rem .5rem;max-height:25rem;overflow:auto;padding:3px}.feature-option{display:flex;gap:.45rem;align-items:center;justify-content:space-between;width:100%;max-width:18.75rem;min-width:0;padding:.12rem .12rem .12rem .35rem;border:1px solid #294053;border-radius:.3rem;background:#101a26;font-size:.8rem;line-height:1.25}.option-name{display:flex;align-items:center;gap:.4rem;flex:1;min-width:0;overflow-wrap:anywhere}.option-name>span{min-width:0}.option-name .icon{flex-shrink:0;color:#a7bacd}.feature-option select{font-size:.75rem;padding:.3rem;flex-shrink:0;width:5.7rem}.feature-option.selected{border-color:#55967e;background:#17312e}.active-filters{display:flex;gap:.45rem;flex-wrap:wrap}.active-filters:not(:empty){margin-top:.85rem}.filter-chip{font:inherit;font-size:.75rem;border:1px solid #508f77;color:#bbf8df;background:#193e33;border-radius:1rem;padding:.3rem .6rem}.highlight-chip{max-width:100%;padding:.2rem .55rem;white-space:normal;text-align:left}.highlight-chip[data-hidden=true]{color:#b1c4bc;background:#1e302e;border-color:#527268}.filter-chip.not{background:#422b2a;color:#f6cdc1;border-color:#946050}.view-note{font-size:.8rem;line-height:1.5;color:#dcc7a3;background:#2b281f;border:1px solid #504735;border-radius:.35rem;padding:.65rem .8rem;margin:0 0 .85rem}
.pagination{display:flex;justify-content:center;align-items:center;gap:.7rem;margin:.8rem 0 1.5rem;font-size:.85rem}.pagination input{width:4.5rem;font-variant-numeric:tabular-nums}.loading-state{display:flex;justify-content:center;align-items:center;gap:.8rem;padding:5rem 1rem;color:var(--muted)}.loading-dot{width:.8rem;height:.8rem;border-radius:50%;background:var(--accent)}.error-banner{border:1px solid #ad665c;background:#332323;padding:1rem;border-radius:.5rem;margin:1rem 0}.error-banner p{margin:0 0 .8rem}.error-banner button+button{margin-left:.5rem}.provenance{font-size:.75rem;max-height:30rem;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);padding:.8rem;background:var(--panel)}#results[aria-busy=true]{opacity:.65}input,button,select{scroll-margin:1rem}
@media(max-width:800px){.search-row{flex-wrap:wrap;gap:.7rem}.search-label{flex-basis:100%}.search-row>label:not(.search-label){flex:1}.search-row select{width:100%;min-width:0}.filter-row{gap:.4rem .75rem}.views{gap:.6rem}.views>span{display:none}}
@media(max-width:650px){.pagination{gap:.4rem;flex-wrap:wrap}.pagination button{padding:.45rem .6rem}.pagination input{width:3.7rem}.legend{max-width:11rem;flex-wrap:wrap}.table-toolbar{align-items:center}.matrix-footer{flex-wrap:wrap}.views>button{margin-left:0}.views>div{gap:.4rem}.view-button{font-size:.8rem}.masthead{margin-bottom:1.3rem}}
.toggle-control .switch{pointer-events:none}
.group-row .group-single{text-align:center;padding-left:0;font-size:.65rem;overflow:hidden}
.filter-pickers{margin-top:.35rem;font-size:.875rem}.picker-tabs{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.4rem}.picker-search{flex:1 1 8rem;max-width:16rem;min-width:0;margin-left:auto}.picker-search input{display:block;height:calc(1.5em + .4rem);padding:0 .5rem;font-size:.875rem;line-height:1.5}.picker-toggle{font:inherit;background:none;border:0;border-radius:.3rem;color:#bfcede;padding:.2rem 6px;text-align:left;line-height:1.5;flex-shrink:0;white-space:nowrap}.picker-toggle[aria-expanded=false]:not(:disabled):hover{background:var(--panel)}.picker-chevron{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:1rem;margin-right:.2rem;transform:translateY(-1px);color:var(--muted)}.picker-chevron svg{display:block;width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.picker-toggle[aria-expanded=true]{color:var(--text);background:#02070c;box-shadow:inset 0 0 0 1px #71879b}.picker-toggle[aria-expanded=true] .picker-chevron{color:inherit}.picker-toggle[aria-expanded=true] .picker-chevron svg{transform:rotate(90deg)}.picker-toggle .pill{margin-left:.4rem}.picker-panel{margin-top:.45rem}.tag-coverage{font-size:.8rem;color:var(--muted);line-height:1.5;margin:.5rem 0 .8rem}.tag-option .option-name{flex:1;min-width:0;overflow-wrap:anywhere}.tag-frequency{flex-shrink:0;font-size:.7rem;color:var(--muted);font-variant-numeric:tabular-nums}.tooltip .tip-tags{font-size:.75rem;color:#b8cbdd;margin-top:.6rem}.tag-chip{border-style:dashed}
@media(max-width:650px){.picker-tabs{gap:.5rem}.picker-prefix{display:none}.picker-toggle{text-transform:capitalize}.picker-search{flex-basis:4.5rem}.tag-coverage{font-size:.75rem}}
.date-fields{display:grid;grid-template-columns:repeat(2,minmax(0,11.5rem)) minmax(0,1fr);gap:.5rem 1rem;padding:3px}.date-fields label{display:flex;flex-direction:column;gap:.3rem;min-width:0;font-size:.8rem;color:var(--muted)}.date-fields input{width:100%;min-width:0;padding:.35rem .5rem;color:var(--text);background:var(--bg);border:1px solid #496178;border-radius:.3rem;font-size:.875rem;font-variant-numeric:tabular-nums}.date-format-hint{align-self:end;margin:0;padding:.35rem 0;font-size:.8rem;line-height:1.4;color:var(--muted)}.date-fields input[aria-invalid=true]{border-color:#ce8b78}.date-error{margin:.35rem 3px 0;color:#f6cdc1;font-size:.8rem;line-height:1.4}
@media(max-width:650px){.date-fields{grid-template-columns:repeat(2,minmax(0,11.5rem))}.date-format-hint{grid-column:1/-1;padding:0}}
.sort-control{display:flex;flex-direction:column;gap:.4rem;font-size:.8rem;color:var(--muted)}.sort-inputs{display:flex;align-items:stretch;gap:.35rem}.search-row .sort-inputs select{min-width:0;width:7.5rem;flex:1}.sort-direction{display:flex;gap:.2rem}.sort-direction button{display:grid;place-items:center;width:1.8rem;padding:0;background:var(--bg);color:var(--muted);border:1px solid #496178;border-radius:.3rem}.sort-direction button[aria-pressed=true]{background:#193f37;border-color:#428c70;color:#a7f3d9}.sort-direction .icon{width:1rem;height:1rem}.footer-meta{float:right;display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:.3rem 1rem;font-size:.75rem;color:var(--muted)}.footer-meta #package-summary{float:none;font-size:inherit;margin:0}.methodology summary::after{content:"";display:block;clear:both}
@media(max-width:800px){.search-row>label:not(.search-label){min-width:6.75rem}.search-row .sort-control{flex:1.15;min-width:11.5rem}.search-row .sort-inputs select{width:0}.footer-meta{float:none;display:flex;margin-top:.65rem;text-align:right}.copyright{white-space:normal}}
main{padding-top:1.3rem}.masthead{justify-content:flex-start;gap:1.25rem;flex-wrap:wrap;margin-bottom:1rem}.brand{flex-shrink:0}.masthead h1{font-size:1.5rem}.masthead .views{margin:0}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto}.header-actions .subtle-button{font-size:.85rem}.fixed-score{left:calc(var(--rank) + var(--game));width:var(--score);min-width:var(--score);max-width:var(--score);border-right:1px solid #4b6278;box-shadow:5px 0 8px -6px #02070c}.group-row .fixed-score{padding-left:0;font-size:.75rem}tbody .fixed-score{font-variant-numeric:tabular-nums;font-weight:650;color:var(--accent);font-size:.95rem}.tooltip .tip-weight{color:var(--accent);margin-top:.5rem}.feature-actions{display:flex;gap:.2rem;flex-shrink:0}.feature-action{display:grid;place-items:center;border:1px solid #466078;background:#192a3b;color:#b8ccdf;border-radius:.25rem;min-width:1.5rem;height:1.5rem;font-size:1.2rem;line-height:1;padding:0}.feature-action[data-action=has][aria-pressed=true]{color:#c1ffe8;border-color:#65b495;background:#245941}.feature-action[data-action=not][aria-pressed=true]{color:#ffe0d6;border-color:#ce8b78;background:#693e36}.feature-option.excluded{border-color:#946050;background:#332724}
@media(max-width:650px){.masthead{display:grid;grid-template-columns:1fr auto;gap:.75rem .5rem}.masthead .brand{grid-column:1;grid-row:1;min-width:0}.masthead h1{font-size:1.25rem}.masthead .views{grid-column:1/-1;grid-row:2}.masthead .header-actions{grid-column:2;grid-row:1}.masthead .header-actions .subtle-button{font-size:.75rem;padding:.4rem .5rem}.masthead .brand-mark{width:2.6rem;height:2rem}.game-name{font-size:.8rem}}

.feature-action .icon{width:1rem;height:1rem;pointer-events:none}
#feature-options .feature-option{box-shadow:inset 2px 0 var(--group-color);padding-left:.5rem}
#feature-options .option-name>.icon{color:var(--group-color)}
.tip-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:.65rem;padding-top:.5rem;border-top:1px solid #54738f}.tip-actions .feature-action{min-width:1.75rem;height:1.75rem}.highlight-button{font:inherit;font-size:.8rem;line-height:1.2;padding:.3rem .5rem;min-height:1.75rem;color:#c6d5e4;background:#192a3b;border:1px solid #54738f;border-radius:.25rem;text-align:left}.highlight-button[aria-pressed=true]{color:#c1ffe8;border-color:#65b495;background:#245941}
@media(pointer:coarse){:root{--cell:28px}tbody tr{height:40px}.highlight-button{min-height:2rem}.feature-action,.tip-actions .feature-action{min-width:2rem;height:2rem}.feature-actions{gap:.35rem}.feature-option{padding:.2rem .2rem .2rem .35rem}}

.view-button,.header-actions .subtle-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;white-space:nowrap}
.view-button .icon,.header-actions .icon{width:1rem;height:1rem;flex-shrink:0}
.about-dialog{width:min(40rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:0;overflow:hidden;color:var(--text);background:var(--panel);border:1px solid #496178;border-radius:.55rem;box-shadow:0 1rem 4rem #0008}
.about-dialog[open]{display:flex;flex-direction:column}body:has(.about-dialog[open]){overflow:hidden}
.about-dialog::backdrop{background:#050a12b3}
.about-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.about-header h2{margin:0;font-size:1.2rem}
#about-close{display:grid;place-items:center;width:2rem;height:2rem;padding:0;color:var(--muted);background:none;border:0;border-radius:.25rem}
#about-content{font-size:.9375rem;line-height:1.6;min-height:0;overflow:auto;overscroll-behavior:contain;padding:.3rem 1.25rem 1.25rem}
#about-content p{margin:.7rem 0}#about-content h3{font-size:1.1rem;margin:1.25rem 0 .75rem;color:var(--accent)}
.faq-item+.faq-item{margin-top:1.3rem}.faq-item h4{font-size:1rem;line-height:1.4;margin:0;font-weight:650}.faq-item ul{margin:.6rem 0;padding-left:1.25rem}.faq-item li+li{margin-top:.65rem}.faq-item a{text-decoration:underline;text-underline-offset:.15em}
@media(max-width:650px){.masthead{grid-template-columns:1fr}.masthead .brand{grid-column:1;grid-row:1}.masthead .views{grid-column:1;grid-row:2}.masthead .header-actions{grid-column:1;grid-row:3;margin-left:0}}
@media(min-width:500px) and (max-width:650px){.masthead{grid-template-columns:1fr auto}.masthead .brand{grid-column:1/-1}.masthead .views{grid-column:1;grid-row:2}.masthead .header-actions{grid-column:2;grid-row:2}}

.method-content .legal-note{font-size:.75rem;line-height:1.5;margin-top:1rem;text-align:left}

@font-face{font-family:PromptFont;src:url('./fonts/promptfont.woff2') format('woff2');font-weight:400;font-style:normal;font-display:block}
.icon.prompt-icon{font-family:PromptFont;font-size:1.3rem;font-weight:400;font-style:normal;line-height:1;display:inline-grid;place-items:center;flex-shrink:0}
.feature-cell .check,.rating-option .check,.legend .check{display:inline-grid;place-items:center;border-radius:.18rem;width:1.15rem;height:1.15rem;background:#193f37;color:#83edc8;font-size:.85rem;font-weight:600;line-height:1}
.feature-cell .check.playable,.rating-option .check.playable,.legend .check.playable{background:#493e20;color:#f1d376}
.feature-cell .check.negative,.rating-option .check.negative,.legend .check.negative{background:#4b252e;color:#ffadb9}
.legend{flex-wrap:wrap;justify-content:flex-end;gap:.4rem .8rem}.legend .check{width:.95rem;height:.95rem;margin-right:.15rem;font-size:.8rem}
.rating-options{display:grid;gap:.4rem;margin:.8rem 0}.rating-option{display:grid;grid-template-columns:1.15rem 1fr;align-items:center;gap:.65rem}.rating-option .dash{text-align:center;color:var(--muted)}
.compatibility-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;padding:.35rem 0}.compatibility-option{display:flex;flex-direction:column;gap:.5rem;min-width:0;padding:.7rem;border:1px solid var(--line);border-radius:.35rem;background:var(--panel);font-size:.875rem}.compatibility-option select{width:100%;font-size:.875rem}.compatibility-option.selected{border-color:#55967e}.compatibility-option .icon{color:#a7bacd}.compatibility-help{font-size:.8rem;color:var(--muted);line-height:1.5;margin:.35rem 0}.compatibility-chip{border-color:#677e99;background:#202f43;color:#d4e2f3}
@media(max-width:900px){.compatibility-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:450px){.compatibility-options{grid-template-columns:1fr}}

.compatibility-button{display:grid;place-items:center;width:100%;min-height:35px;padding:0;border:0;background:none;border-radius:.2rem}.compatibility-button:hover{background:#ffffff0d}.compatibility-button:hover .check{outline:1px solid currentColor;outline-offset:2px}.compatibility-button:focus-visible{outline-offset:-2px}
.compatibility-dialog{width:min(36rem,calc(100% - 2rem));max-height:calc(100vh - 2rem);max-height:calc(100dvh - 2rem);padding:0;overflow:hidden;color:var(--text);background:var(--panel);border:1px solid #496178;border-radius:.55rem;box-shadow:0 1rem 4rem #0008}.compatibility-dialog[open]{display:flex;flex-direction:column}body:has(.compatibility-dialog[open]){overflow:hidden}.compatibility-dialog::backdrop{background:#050a12b3}
.compatibility-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}.compatibility-header h2{margin:0;font-size:1rem;line-height:1.4}.compatibility-header h2 .icon{flex-shrink:0}#compatibility-close{display:grid;place-items:center;flex-shrink:0;width:2rem;height:2rem;padding:0;color:var(--muted);background:none;border:0;border-radius:.25rem}#compatibility-close:hover{color:var(--text);background:#253b4f}
#compatibility-content{font-size:.9375rem;line-height:1.5;min-height:0;overflow:auto;overscroll-behavior:contain;padding:1.25rem;outline-offset:-3px}.compatibility-game{font-size:1.2rem;line-height:1.4;overflow-wrap:anywhere;margin:0 0 .5rem}.compatibility-rating{display:flex;align-items:center;gap:.55rem;margin:0;color:#c6d5e4}.compatibility-rating .check{display:inline-grid;place-items:center;border-radius:.18rem;width:1.15rem;height:1.15rem;background:#193f37;color:#83edc8;font-size:.85rem;font-weight:600;line-height:1}.compatibility-rating .check.playable{background:#493e20;color:#f1d376}.compatibility-rating .check.negative{background:#4b252e;color:#ffadb9}
.compatibility-section{margin-top:1.4rem}.compatibility-section h4{font-size:.8rem;font-weight:600;color:var(--muted);margin:0 0 .65rem}.compatibility-notes{display:grid;gap:.75rem;padding:0;margin:0;list-style:none}.compatibility-notes li{display:grid;grid-template-columns:1.15rem 1fr;gap:.65rem;align-items:start}.compatibility-note-icon{display:grid;place-items:center;width:1.15rem;height:1.15rem;margin-top:.15rem;border-radius:.18rem;background:#263c50;color:#bed0e2;font-size:.8rem;font-weight:600;line-height:1}.warning .compatibility-note-icon{background:#493e20;color:#f1d376}.pass .compatibility-note-icon{background:#193f37;color:#83edc8}.compatibility-empty{color:var(--muted);margin:1.25rem 0}.compatibility-store{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;margin-top:1.5rem}.compatibility-store .icon{width:.85rem;height:.85rem}
@media(pointer:coarse){.compatibility-button{min-height:39px}#compatibility-close{width:2.75rem;height:2.75rem}}
@media(max-width:450px){.compatibility-header{padding:.75rem 1rem}#compatibility-content{padding:1rem}}