.gem-page{max-width:760px;margin:var(--space-5) auto var(--space-8);padding:0 var(--space-4);display:flex;flex-direction:column;gap:var(--space-5)}.gem-page__crumbs{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-tertiary)}html[lang=th] .gem-page__crumbs{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__crumbs a{color:var(--accent-dim);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.gem-page__crumbs a:hover{color:var(--accent-bright)}.gem-page__crumbs span[aria-hidden]{opacity:.55}.gem-page__crumb-current{color:var(--text-primary);font-weight:600}.gem-page__card{position:relative;isolation:isolate;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:radial-gradient(ellipse at top right,oklch(.85 .06 65 / .2),transparent 60%),linear-gradient(135deg,#f6e5d58c,#f6e9da8c),var(--surface-elevated);box-shadow:var(--shadow-md);padding:var(--space-6) var(--space-6) var(--space-5);display:flex;flex-direction:column;gap:var(--space-5);animation:gem-page-rise .4s var(--ease-out)}@keyframes gem-page-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gem-page__card:before{content:"";position:absolute;top:0;left:36px;right:36px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:.6;pointer-events:none}.gem-page__top{display:grid;grid-template-columns:104px 1fr;gap:var(--space-5);align-items:flex-start}.gem-page__iconwrap{width:104px;height:104px;border-radius:var(--radius-md);display:grid;place-items:center;background:radial-gradient(closest-side,#efd1b6d9,#d8bfab99);border:1px solid var(--border-strong);overflow:hidden;box-shadow:inset 0 1px #fff6,var(--shadow-sm)}.gem-page__iconwrap.gem-red{background:radial-gradient(closest-side,#e47d708c,#eac5b166);border-color:#bd433473}.gem-page__iconwrap.gem-green{background:radial-gradient(closest-side,#72b87580,#d5cfaa66);border-color:#44833573}.gem-page__iconwrap.gem-blue{background:radial-gradient(closest-side,#6dabdf73,#b4d3e366);border-color:#1777b873}.gem-page__iconwrap.gem-white{background:radial-gradient(closest-side,#ece3d6b3,#dbcbb966);border-color:var(--border-strong)}.gem-page__iconwrap img{max-width:88%;max-height:88%;width:auto;height:auto;filter:drop-shadow(0 2px 4px oklch(.2 .04 55 / .35))}.gem-page__title{min-width:0}.gem-page__name{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:600;letter-spacing:var(--tracking-tight);line-height:1.05;margin:0 0 var(--space-2) 0;background:linear-gradient(180deg,var(--text-primary) 0%,oklch(.36 .06 55) 100%);-webkit-background-clip:text;background-clip:text;color:transparent}html[lang=th] .gem-page__name{font-family:var(--font-thai);font-weight:700;letter-spacing:var(--tracking-normal)}.gem-page__type{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 var(--space-3) 0}html[lang=th] .gem-page__type{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__tags{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.gem-page__tags li{display:inline-flex;align-items:center;padding:4px 10px;border-radius:var(--radius-pill);background:#f6e5d5b3;border:1px solid var(--border-hairline);font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:500;line-height:1.4}html[lang=th] .gem-page__tags li{font-family:var(--font-thai);text-transform:none;letter-spacing:0}.gem-page__stats{display:grid;grid-template-columns:max-content 1fr;column-gap:var(--space-5);row-gap:var(--space-2);margin:0;padding:var(--space-4) var(--space-5);border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-inset);box-shadow:inset 0 1px #ffffff73}.gem-page__stats dt{font-family:var(--font-display);font-size:var(--text-2xs);text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-tertiary);font-weight:600;align-self:center}html[lang=th] .gem-page__stats dt{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__stats dd{margin:0;font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-primary);font-feature-settings:"tnum"}.gem-page__attr{display:inline-block;padding:2px 8px;margin-right:4px;border-radius:var(--radius-sm);font-family:var(--font-display);font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-wide);text-transform:uppercase}html[lang=th] .gem-page__attr{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-normal)}.gem-page__attr--str{background:oklch(.92 .05 28 / .7);color:#8a0509;border:1px solid oklch(.55 .16 28 / .4)}.gem-page__attr--dex{background:#cdf0cdb3;color:oklch(.38 .12 145);border:1px solid oklch(.55 .13 145 / .4)}.gem-page__attr--int{background:oklch(.92 .06 245 / .7);color:oklch(.38 .12 245);border:1px solid oklch(.55 .13 245 / .4)}.gem-page__desc{margin:0;font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-secondary);font-style:italic;padding:var(--space-3) var(--space-4);border-left:3px solid var(--border-accent);background:#f9f0e580;border-radius:0 var(--radius-sm) var(--radius-sm) 0}html[lang=th] .gem-page__desc{font-family:var(--font-thai);font-style:normal}.gem-page__effects{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:var(--space-3) var(--space-2);background:#f9f0e566;border-radius:var(--radius-md);border:1px solid var(--border-faint)}.gem-page__effects li{font-family:var(--font-mono);font-size:var(--text-base);line-height:var(--leading-snug);color:var(--text-primary);text-align:center;padding:2px var(--space-3);font-weight:500}.gem-page__nrun{color:oklch(.45 .18 145);font-feature-settings:"tnum";white-space:nowrap}.gem-page__nrun--pos{color:oklch(.45 .18 145)}.gem-page__nrun--neg{color:oklch(.45 .22 28)}.gem-page__nrun .gem-page__sign{font-weight:800;font-size:1.1em;padding:0 1px}.gem-page__nrun .gem-page__num{font-weight:700;font-size:1.05em;padding:0 1px}.gem-page__nrun .gem-page__pct{font-weight:600;font-size:.92em;margin-left:1px}.gem-page__effects--quality{background:oklch(.92 .045 295 / .18);border-color:#7665a64d}.gem-page__effects--quality li{color:#332a58}.gem-page__effects--quality .gem-page__nrun{color:#452e86}.gem-page__section{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-2) 0}.gem-page__section:before,.gem-page__section:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}.gem-page__section span{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600;padding:2px var(--space-3)}html[lang=th] .gem-page__section span{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__quality{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-3) 0 var(--space-1)}.gem-page__quality:before,.gem-page__quality:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--accent-dim),transparent)}.gem-page__quality span{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:var(--tracking-wide);color:var(--text-primary)}html[lang=th] .gem-page__quality span{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.gem-page__foot{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic;text-align:center;margin:0;padding-top:var(--space-3);border-top:1px dashed var(--border-hairline)}html[lang=th] .gem-page__foot{font-family:var(--font-thai);font-style:normal}.gem-page__class-line{margin:0;text-align:center;font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--text-tertiary)}html[lang=th] .gem-page__class-line{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__class-line strong{color:var(--accent);margin-right:var(--space-2)}.gem-page__back{margin:0;text-align:center}.gem-page__back a{display:inline-block;padding:var(--space-2) var(--space-5);font-family:var(--font-display);font-size:var(--text-sm);letter-spacing:var(--tracking-wide);color:var(--accent);text-decoration:none;border:1px solid var(--border-accent);border-radius:var(--radius-pill);background:#fcf0e299;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}html[lang=th] .gem-page__back a{font-family:var(--font-thai);letter-spacing:var(--tracking-normal)}.gem-page__back a:hover{background:#eac6a5b3;color:var(--accent-darkest);border-color:var(--accent);transform:translateY(-1px)}@media(max-width:600px){.gem-page__card{padding:var(--space-4)}.gem-page__top{grid-template-columns:80px 1fr;gap:var(--space-3)}.gem-page__iconwrap{width:80px;height:80px}.gem-page__name{font-size:var(--text-2xl)}.gem-page__stats{padding:var(--space-3) var(--space-4);column-gap:var(--space-3)}}.gem-page__supports{margin-top:var(--space-2)}.gem-page__supports-title,.gem-page__leveltable-title{font-family:var(--font-display);font-size:var(--text-xs);letter-spacing:var(--tracking-widest);text-transform:uppercase;color:var(--accent);font-weight:600;margin:0 0 var(--space-3) 0;text-align:center;display:flex;align-items:center;gap:var(--space-3)}html[lang=th] .gem-page__supports-title,html[lang=th] .gem-page__leveltable-title{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__supports-title:before,.gem-page__supports-title:after,.gem-page__leveltable-title:before,.gem-page__leveltable-title:after{content:"";flex:1;height:1px;background:linear-gradient(to right,transparent,var(--border-strong),transparent)}.gem-page__supports-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-2)}.gem-page__support{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:6px var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border-hairline);background:var(--surface-elevated);color:var(--text-primary);text-decoration:none;font-size:var(--text-sm);overflow:hidden;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.gem-page__support:hover{background:var(--surface-card-hi);border-color:var(--border-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm),var(--shadow-accent)}.gem-page__support:before{content:"";position:absolute;top:0;left:18px;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:0;pointer-events:none;transition:opacity var(--duration-default) ease,left var(--duration-slow) var(--ease-out),right var(--duration-slow) var(--ease-out)}.gem-page__support:hover:before{opacity:1;left:0;right:0}.gem-page__support:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,transparent 35%,oklch(1 0 0 / .2) 50%,transparent 65%);transform:translate(-110%);pointer-events:none;transition:transform var(--duration-slower) cubic-bezier(.4,0,.2,1)}.gem-page__support:hover:after{transform:translate(110%)}.gem-page__support>*{position:relative;z-index:2}.gem-page__support-icon{width:36px;height:36px;flex:0 0 36px;border-radius:var(--radius-sm);display:grid;place-items:center;background:radial-gradient(closest-side,#f1e2d4,#dfc5b1);border:1px solid var(--border-faint);overflow:hidden}.gem-page__support.gem-red .gem-page__support-icon{background:radial-gradient(closest-side,oklch(.92 .07 28),oklch(.82 .13 28))}.gem-page__support.gem-green .gem-page__support-icon{background:radial-gradient(closest-side,#cdf0cd,#9bd69c)}.gem-page__support.gem-blue .gem-page__support-icon{background:radial-gradient(closest-side,oklch(.92 .07 245),oklch(.82 .12 245))}.gem-page__support.gem-white .gem-page__support-icon{background:radial-gradient(closest-side,#f3eadd,#dac7ae)}.gem-page__support-icon img{max-width:90%;max-height:90%;filter:drop-shadow(0 1px 1px oklch(0 0 0 / .2))}.gem-page__support-name{font-weight:500;font-size:var(--text-sm);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gem-page__leveltable-wrap{margin-top:var(--space-2)}.gem-page__leveltable-scroll{overflow-x:auto;border:1px solid var(--border-hairline);border-radius:var(--radius-md);background:var(--surface-elevated)}.gem-page__leveltable{width:100%;border-collapse:collapse;font-family:var(--font-mono);font-feature-settings:"tnum";font-size:var(--text-xs)}.gem-page__leveltable thead{background:#f6e5d5b3}.gem-page__leveltable th{font-family:var(--font-display);font-size:var(--text-2xs);letter-spacing:var(--tracking-wider);text-transform:uppercase;color:var(--text-secondary);font-weight:600;padding:var(--space-2) var(--space-3);text-align:right;border-bottom:1px solid var(--border-strong)}.gem-page__leveltable th:first-child,.gem-page__leveltable td:first-child{text-align:left}html[lang=th] .gem-page__leveltable th{font-family:var(--font-thai);text-transform:none;letter-spacing:var(--tracking-wide)}.gem-page__leveltable td{padding:4px var(--space-3);text-align:right;color:var(--text-primary);border-bottom:1px solid var(--border-faint)}.gem-page__leveltable tbody tr:nth-child(2n){background:#f9f0e566}.gem-page__leveltable tbody tr:hover{background:#eac6a540}.gem-page__leveltable tbody tr:last-child td{border-bottom:0}.gem-page__leveltable td:first-child{font-weight:700;color:var(--accent-darkest)}.gem-hover-popover{position:fixed;z-index:200;max-width:380px;pointer-events:none;animation:gem-hover-pop .14s var(--ease-out)}.gem-hover-popover[hidden]{display:none}@keyframes gem-hover-pop{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.gem-hover-popover__card{padding:var(--space-4);gap:var(--space-3);box-shadow:var(--shadow-lg)}.gem-hover-popover .gem-page__top{grid-template-columns:64px 1fr;gap:var(--space-3)}.gem-hover-popover .gem-page__iconwrap{width:64px;height:64px}.gem-hover-popover .gem-page__name{font-size:var(--text-xl)}.gem-hover-popover .gem-page__stats{padding:var(--space-2) var(--space-3);row-gap:4px;font-size:var(--text-xs)}.gem-hover-popover .gem-page__stats dd{font-size:var(--text-xs)}.gem-hover-popover .gem-page__desc{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.gem-hover-popover .gem-page__effects{padding:var(--space-2)}.gem-hover-popover .gem-page__effects li{font-size:var(--text-xs);padding:1px var(--space-2)}