.kre{--parch:#f7f2df;--parch-2:#efe7cf;--ink:#2b2620;--gold:#8b6914;--gold-br:#c9a84c;--gold-text:#584409;--accent:var(--kre-accent, #8b6914);--accent-deep:var(--kre-accent-deep, #6b520e);--nb-bd:3px;--nb-sh:6px;--r:5px;--f-display:"Fraunces", Georgia, "Times New Roman", serif;--f-body:"EB Garamond", Georgia, serif;--f-hand:"Caveat", "Segoe Script", cursive;--f-mono:ui-monospace, "SFMono-Regular", "Cascadia Mono", Menlo, monospace;color:var(--ink);font-family:var(--f-body);font-size:18px;line-height:1.5;display:grid;gap:34px;max-width:860px;margin-inline:auto}.kre *{box-sizing:border-box}.kre [data-quad="Reformers"]{--kre-accent:#1e66f5;--kre-accent-deep:#1452c8}.kre [data-quad="Custodians"]{--kre-accent:#40a02b;--kre-accent-deep:#256318}.kre [data-quad="Aristocrats"]{--kre-accent:#8839ef;--kre-accent-deep:#6f28cf}.kre [data-quad="Vanguard"]{--kre-accent:#fe640b;--kre-accent-deep:#a03d04}.kre [data-quad="EdgeCase"]{--kre-accent:#d20f39;--kre-accent-deep:#b00d31}.kre [data-quad="Legacy"]{--kre-accent:#8c8fa1;--kre-accent-deep:#565964}.kre-block{background:#fff0;padding:18px 0}.kre-eyebrow{font-family:var(--f-mono);font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold-text);margin:0 0 10px}.kre h2{font-family:var(--f-display);font-weight:600;font-size:clamp(22px,3.4vw,30px);margin:0 0 4px;line-height:1.1}.kre h3{font-family:var(--f-display);font-weight:600;margin:0}.kre p{margin:0 0 10px}.kre b,.kre strong{font-weight:700}.kre-code{display:inline-flex;gap:4px;font-family:var(--f-mono)}.kre-code span{width:30px;height:34px;display:grid;place-items:center;border:2px solid var(--ink);border-radius:3px;font-weight:700;background:var(--parch-2)}.kre-code span.on{background:var(--accent-deep);color:#fff}.kre-rarity{text-align:left;transition:opacity .45s ease}.kre-rarity.kre-faded{opacity:0;pointer-events:none}.kre-rarity .pct{font-family:var(--f-display);font-weight:600;font-size:clamp(48px, 9vw, 78px);line-height:.9;color:var(--accent-deep);text-shadow:3px 3px 0 var(--ink);font-variant-numeric:tabular-nums}.kre-rarity .onein{font-family:var(--f-hand);font-size:clamp(22px,4vw,32px);margin-top:4px}.kre-tier{display:inline-flex;align-items:center;justify-content:center;margin-top:12px;margin-bottom:4px;padding:7px 18px;border:var(--nb-bd) solid var(--ink);border-radius:999px;background:var(--accent-deep);color:#fff;font-family:var(--f-mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;text-indent:.12em;box-shadow:4px 4px 0 var(--ink)}.kre-rarer{font-size:14px;color:var(--gold-text);margin-top:18px}@media (min-width:1200px){.kre-rarity{position:fixed;top:150px;left:28px;width:250px;z-index:4;margin:0;padding:0}}.kre-constellation svg{width:100%;height:auto;display:block}.kre-star{cursor:default}.kre-star circle{stroke:var(--ink);stroke-width:2}.kre-star.self circle{stroke-width:3.5}.kre-self-halo{animation:krePulse 2.2s ease-in-out infinite;transform-origin:center}@keyframes krePulse{0%,100%{opacity:.35;r:18}50%{opacity:.08;r:26}}.kre-clusterlabel{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;fill:var(--gold-text)}.kre-tip{font-family:var(--f-body);font-size:13px;fill:var(--ink)}.kre-legend{margin-top:12px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:13px}.kre-legend i{display:inline-block;width:13px;height:13px;border:2px solid var(--ink);border-radius:50%;vertical-align:-1px;margin-right:5px}.kre-clash-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:560px){.kre-clash-grid{grid-template-columns:1fr}}.kre-clash-card{border:var(--nb-bd) solid var(--ink);border-radius:var(--r);padding:16px;background:var(--parch-2);box-shadow:4px 4px 0 var(--ink)}.kre-clash-card[data-kind="ally"]{border-top:9px solid var(--accent)}.kre-clash-card[data-kind="nemesis"]{border-top:9px solid #d20f39}.kre-clash-tag{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold-text)}.kre-clash-card h3{font-size:22px;margin:3px 0 2px}.kre-clash-animal{font-size:14px;color:var(--gold-text);margin-bottom:8px}.kre-axis{margin:16px 0}.kre-axis-row{display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-text);margin-bottom:5px}.kre-axis-track{position:relative;height:26px;border:2px solid var(--ink);border-radius:999px;background:var(--parch-2)}.kre-axis-track>i{position:absolute;top:-2px;bottom:-2px;left:0;background:var(--accent);border:2px solid var(--ink);border-radius:999px}.kre-axis-dot{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:#fff;border:3px solid var(--ink);transform:translate(-50%,-50%);box-shadow:2px 2px 0 var(--ink)}.kre-axis-cap{font-size:14px;margin-top:6px}.kre-axis-cap b{color:var(--ink);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:2px;text-underline-offset:2px}.kre-est{font-family:var(--f-mono);font-size:11px;color:var(--gold-text)}.kre-crest-wrap{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.kre-crest-wrap svg{width:180px;height:auto;flex:0 0 auto;filter:drop-shadow(5px 5px 0 var(--ink))}.kre-crest-copy{flex:1 1 220px}.kre-card-wrap{text-align:center}.kre-card-wrap svg{width:min(360px, 90%);height:auto;filter:drop-shadow(6px 6px 0 var(--ink))}.kre-btn{font-family:var(--f-mono);font-size:14px;letter-spacing:.08em;text-transform:uppercase;background:var(--gold-br);color:var(--ink);border:var(--nb-bd) solid var(--ink);border-radius:var(--r);padding:12px 22px;box-shadow:5px 5px 0 var(--ink);cursor:pointer;transition:transform .08s,box-shadow .08s;margin:16px 6px 0}.kre-btn:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}.kre-btn:active{transform:translate(5px,5px);box-shadow:0 0 0 var(--ink)}.kre-btn:focus-visible{outline:3px solid var(--accent-deep);outline-offset:2px}.kre-wrapped{padding:0;overflow:hidden}.kre-wrap-stage{position:relative;aspect-ratio:9 / 16;max-height:80vh;margin-inline:auto;width:100%;max-width:420px;background:var(--ink)}.kre-slide{position:absolute;inset:0;display:grid;place-content:center;text-align:center;padding:34px 28px;gap:14px;opacity:0;transform:translateX(20px);pointer-events:none;transition:opacity .35s,transform .35s;background:var(--accent-deep);color:#fff}.kre-slide.show{opacity:1;transform:none;pointer-events:auto}.kre-slide .ey{font-family:var(--f-mono);font-size:12px;letter-spacing:.2em;text-transform:uppercase;opacity:.85}.kre-slide .big{font-family:var(--f-display);font-weight:600;font-size:clamp(34px,9vw,56px);line-height:1.02;text-shadow:3px 3px 0 rgb(0 0 0 / .35)}.kre-slide .mid{font-family:var(--f-display);font-size:clamp(22px,6vw,34px)}.kre-slide .sub{font-family:var(--f-body);font-size:18px;opacity:.95}.kre-slide .hand{font-family:var(--f-hand);font-size:clamp(28px,7vw,42px)}.kre-slide.is-final{background:var(--parch);color:var(--ink)}.kre-slide .stamp{display:inline-block;padding:5px 14px;border:3px solid currentColor;border-radius:999px;font-family:var(--f-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase}.kre-wrap-nav{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.kre-wrap-nav button{pointer-events:auto;background:rgb(255 255 255 / .85);border:2px solid var(--ink);border-radius:50%;width:40px;height:40px;margin:0 8px;font-size:18px;cursor:pointer;box-shadow:3px 3px 0 var(--ink)}.kre-wrap-dots{display:flex;justify-content:center;gap:7px;padding:12px;background:var(--parch)}.kre-wrap-dots i{width:9px;height:9px;border-radius:50%;border:2px solid var(--ink);background:var(--parch-2);cursor:pointer}.kre-wrap-dots i.on{background:var(--ink)}@media (prefers-reduced-motion:reduce){.kre-self-halo{animation:none}.kre-slide{transition:none}.kre-btn{transition:none}}