:root{color-scheme:light;--ink:#14303a;--muted:#536970;--line:#d9e3e2;--paper:#f5f8f6;--teal:#0f766e;--rec:#315fa0;--no:#a3403c}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font:15px/1.5 system-ui,sans-serif}main{max-width:900px;margin:auto;padding:32px 20px}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;color:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--rec);outline-offset:3px}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--teal);font-size:11px;font-weight:800}h1{letter-spacing:-.03em;margin:6px 0;font-size:clamp(28px,5vw,40px)}header p{color:var(--muted);margin:6px 0 22px}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;gap:14px;padding:18px;display:grid}.control{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.label{width:78px;color:var(--muted);flex-shrink:0;font-size:12px;font-weight:700}.seg{flex-wrap:wrap;gap:6px;display:flex}button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:7px 12px;font-size:13px}.seg button[aria-pressed=true]{background:var(--teal);border-color:var(--teal);color:#fff;font-weight:700}#player-buttons button{border-radius:10px;min-width:40px;height:42px;font-size:16px;font-weight:700}input,select{background:#fff;border:1px solid #b8c9c7;border-radius:7px;max-width:100%;padding:8px}input[type=number]{width:70px}.search{align-items:center;gap:12px;display:flex}.search input{flex:1;min-width:0}.more{font-size:13px}.more .control{margin-top:12px}.check{align-items:center;gap:7px;display:flex}.summary{color:var(--muted);margin:20px 0;font-size:13px}.summary strong{color:var(--ink)}h2{margin:24px 0 12px;font-size:18px}h2 small{color:var(--muted);margin-left:8px;font-size:12px;font-weight:400}.short{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:10px;display:grid}.game{border:1px solid var(--line);background:#fff;border-radius:12px}.hero{border-top:4px solid var(--teal);padding:14px}.hero .art{background:#edf6f3;border-radius:8px;justify-content:center;height:125px;margin-bottom:10px;padding:10px;display:flex}.hero img{object-fit:contain;max-width:100%;height:100%}.name{font-size:15px;font-weight:750;line-height:1.3}.meta{color:var(--muted);margin-top:4px;font-size:12px}.evidence{color:var(--teal);margin-top:5px;font-size:12px}.list{gap:7px;display:grid}.row{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.row .art img{object-fit:contain;width:44px;height:58px}.rate{text-align:right;color:var(--muted);white-space:nowrap;font-size:12px}.rate b{color:var(--ink);font-size:19px}.hero .rate{text-align:left;margin-top:8px}.strip{flex-wrap:wrap;gap:4px;margin-top:7px;display:flex}.strip a{color:#53656a;background:#edf1f0;border-radius:5px;justify-content:center;align-items:center;min-width:25px;height:24px;font-size:11px;display:inline-flex}.strip .b{color:#075746;background:#d8eee7}.strip .r{color:#254d84;background:#e3ecf8}.strip .n{color:#93332f;background:#f8e3e0}.strip .selected{outline:2px solid var(--ink);outline-offset:1px}.tag{color:var(--muted);background:#eef2f1;border-radius:4px;margin-left:5px;padding:1px 5px;font-size:10px;display:inline-block}.fold{border:1px solid var(--line);background:#fff;border-radius:12px;margin-top:16px;padding:12px}.fold>summary{font-weight:700}.fold .list{margin-top:12px}.fold p{color:var(--muted);font-size:12px}.bad>summary{color:var(--no)}.legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:16px;font-size:11px;display:flex}.legend .best{color:var(--teal)}.legend .rec{color:var(--rec)}.legend .no{color:var(--no)}.explain{color:var(--muted);margin-top:26px;font-size:13px}.explain summary{color:var(--ink);font-weight:700}footer{color:var(--muted);border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:11px}.empty{color:var(--muted);padding:20px 0}@media (width<=600px){main{padding:24px 12px}.short{grid-template-columns:1fr}.hero{grid-template-columns:75px minmax(0,1fr);gap:12px;display:grid}.hero .art{height:100px;margin:0;padding:6px}.control{gap:8px}.control>.label{width:100%}.panel{padding:14px}.row{gap:8px}.strip{gap:3px}.strip a{min-width:23px}.name{font-size:14px}.rate b{font-size:17px}}