.item-card--clickable{cursor:pointer;text-align:left;font:inherit;color:inherit;background:var(--surface-card);text-decoration:none}.item-card--clickable:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.gem-tt__top{display:grid;grid-template-columns:78px 1fr;gap:var(--space-4);align-items:flex-start}.gem-tt__iconwrap{width:78px;height:78px;border-radius:4px;display:flex;align-items:center;justify-content:center;background:radial-gradient(closest-side,#00263599,oklch(.12 .03 230 / .8));border:1px solid oklch(.45 .08 230 / .35);overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.gem-tt__iconwrap.gem-red{background:radial-gradient(closest-side,oklch(.3 .13 28 / .7),#190101d9);border-color:#b54b4166}.gem-tt__iconwrap.gem-green{background:radial-gradient(closest-side,oklch(.28 .11 145 / .7),oklch(.13 .05 145 / .85));border-color:#38853e66}.gem-tt__iconwrap.gem-blue{background:radial-gradient(closest-side,oklch(.28 .12 245 / .7),oklch(.13 .05 245 / .85));border-color:oklch(.55 .14 245 / .4)}.gem-tt__iconwrap img{max-width:90%;max-height:90%;width:auto;height:auto;filter:drop-shadow(0 1px 2px oklch(0 0 0 / .5))}.gem-tt__title{min-width:0}.gem-tt__name{font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:var(--tracking-wide);color:#5dcbd1;line-height:1.15;margin:0 0 var(--space-1) 0}html[lang=th] .gem-tt__name{font-family:var(--font-thai);letter-spacing:var(--tracking-normal);font-weight:700}.gem-tt__type{font-size:13px;color:#4fa1a5;margin:0 0 var(--space-2) 0;font-weight:500}.gem-tt__tags{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.gem-tt__tags li{font-size:11px;text-transform:uppercase;letter-spacing:var(--tracking-wider);padding:2px 8px;border-radius:2px;background:#001925b3;border:1px solid oklch(.48 .08 230 / .35);color:#63b4b8;font-weight:600}.gem-tt__stats{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-4);row-gap:4px;margin:0;padding:var(--space-3) var(--space-4);border:1px solid oklch(.4 .06 230 / .25);border-radius:2px;background:#00010280}.gem-tt__stats dt{font-size:12.5px;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:#528b8e;font-weight:500;font-family:var(--font-display)}html[lang=th] .gem-tt__stats dt{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.gem-tt__stats dd{margin:0;font-size:13.5px;color:#f5e1c8;font-family:var(--font-mono);font-feature-settings:"tnum"}.gem-tt__attr{display:inline-block;padding:1px 6px;margin-right:6px;border-radius:2px;font-size:11.5px;font-weight:700;letter-spacing:var(--tracking-wide)}.gem-tt__attr--str{background:oklch(.3 .16 28 / .55);color:oklch(.9 .1 28);border:1px solid oklch(.55 .16 28 / .5)}.gem-tt__attr--dex{background:oklch(.28 .13 145 / .55);color:#b5f0b5;border:1px solid oklch(.55 .13 145 / .5)}.gem-tt__attr--int{background:oklch(.28 .14 245 / .55);color:oklch(.85 .1 245);border:1px solid oklch(.55 .14 245 / .5)}.gem-tt__desc{font-size:14px;line-height:1.6;color:#c7b49c;font-style:italic;margin:0;padding-top:var(--space-3);border-top:1px solid oklch(.3 .05 230 / .4)}html[lang=th] .gem-tt__desc{font-family:var(--font-thai);font-style:normal}.gem-tt__effects{display:flex;flex-direction:column;gap:4px;list-style:none;margin:0;padding:0}.gem-tt__effects li{font-family:var(--font-mono);font-size:13px;line-height:1.45;color:#a1a7ec;padding-left:0;text-align:center}.gem-tt__section-label{text-align:center;font-family:var(--font-display);font-size:12px;letter-spacing:var(--tracking-widest);text-transform:uppercase;color:#4e9397;padding:4px 14px;margin:var(--space-2) auto;width:fit-content;background:oklch(.18 .04 230 / .7);border:1px solid oklch(.4 .06 230 / .4);border-radius:2px}.gem-tt__quality-label{text-align:center;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:var(--tracking-wide);color:#e1ceb5;margin:var(--space-3) 0 var(--space-1) 0}html[lang=th] .gem-tt__quality-label{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.gem-tt__effects--quality li{color:#989ee2}.gem-tt__foot{font-size:11.5px;color:#4c6876;font-style:italic;text-align:center;margin:0;padding-top:var(--space-2);border-top:1px dashed oklch(.3 .04 230 / .4)}