.keystones-grid{display:grid;grid-template-columns:1fr;gap:var(--space-5);list-style:none;margin:0;padding:0}@media(min-width:920px){.keystones-grid{grid-template-columns:1fr 1fr}}.keystone-card{position:relative;isolation:isolate;animation:keystone-card-in .36s var(--ease-out) both;list-style:none}@keyframes keystone-card-in{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.keystone-card__inner.gem-page__card{position:relative;overflow:hidden;padding:var(--space-4) var(--space-5);gap:var(--space-3);height:100%;animation:none;background:radial-gradient(120% 90% at 20% 0%,oklch(.92 .05 65 / .22),transparent 65%),linear-gradient(160deg,oklch(.96 .03 65 / .4),#f3d8c42e 70%);background-color:#f8ece08c;border-color:#b4754859;border-left:3px solid var(--accent);box-shadow:var(--shadow-sm),inset 0 1px #ffffff4d;transition:transform var(--duration-default) var(--ease-out),border-color var(--duration-default) var(--ease-out),box-shadow var(--duration-default) var(--ease-out),background-color var(--duration-default) var(--ease-out);will-change:transform}.keystone-card__inner.gem-page__card:before{opacity:.5;transition:opacity var(--duration-default) var(--ease-out)}.keystone-card__inner.gem-page__card:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,transparent 0%,oklch(1 0 0 / .1) 18%,transparent 22%,transparent 65%,oklch(1 0 0 / .05) 75%,transparent 80%);mix-blend-mode:overlay;opacity:.7;transition:opacity var(--duration-default) var(--ease-out);z-index:0}.keystone-card__inner.gem-page__card>*:not(.keystone-card__rail):not(.keystone-card__shine){position:relative;z-index:2}.keystone-card__rail{position:absolute;top:0;left:36px;right:36px;height:2px;background:linear-gradient(90deg,transparent,var(--accent) 50%,transparent);opacity:.55;pointer-events:none;z-index:3;transition:opacity var(--duration-default) ease,left var(--duration-slow) var(--ease-out),right var(--duration-slow) var(--ease-out)}.keystone-card__shine{position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 35%,oklch(1 0 0 / .22) 50%,transparent 65%);transform:translate(-110%);transition:transform var(--duration-slower) cubic-bezier(.4,0,.2,1);z-index:1}.keystone-card__inner.gem-page__card:hover{transform:translateY(-4px);border-color:var(--accent-dim);background-color:#fdefe0c7;box-shadow:var(--shadow-lg),inset 0 1px #ffffff59}.keystone-card__inner.gem-page__card:hover:before{opacity:.85}.keystone-card__inner.gem-page__card:hover:after{opacity:1}.keystone-card__inner.gem-page__card:hover .keystone-card__rail{opacity:1;left:0;right:0}.keystone-card__inner.gem-page__card:hover .keystone-card__shine{transform:translate(110%)}.keystone-card__inner.gem-page__card:hover .gem-page__iconwrap{transform:scale(1.04);transition:transform var(--duration-default) var(--ease-out)}@media(prefers-reduced-motion:reduce){.keystone-card__inner.gem-page__card,.keystone-card__rail,.keystone-card__shine,.keystone-card__inner.gem-page__card:hover{transition:none;transform:none}}.keystone-card__top.gem-page__top{grid-template-columns:72px 1fr;gap:var(--space-4);align-items:center}.keystone-card__top .gem-page__iconwrap{width:72px;height:72px}.keystone-card__top .gem-page__name{font-size:var(--text-2xl);margin-bottom:4px}.keystone-card__top .gem-page__type{margin:0}.keystone-card__effects{padding:var(--space-3) var(--space-3);background:#fbf0e48c;border-color:#ceb19673}.keystone-card__effects li{text-align:center;font-size:var(--text-sm)}.keystone-card__flavour{text-align:center;border-left:0;border-radius:var(--radius-sm);background:#f7eddf99;border-top:1px solid oklch(.78 .05 65 / .5);border-bottom:1px solid oklch(.78 .05 65 / .5);padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:#6e4d32;white-space:pre-line}html[lang=th] .keystone-card__flavour{font-family:var(--font-thai);font-style:normal}.gem-page__iconwrap.gem-keystone{background:radial-gradient(closest-side,#efd1b6d9,#d8bfab8c);border-color:#b4754873}