:root{--paper: #f3ecdd;--paper-2: #ece2cd;--ink: #15120d;--ink-soft: #4a443a;--ink-faint: #8a8275;--card-stock: #ffffff;--blue: #1f43ff;--blue-ink: #0a1e8a;--lime: #d4fb4f;--pink: #ff4d8d;--bd: 2.5px solid var(--ink);--bd-thick: 3px solid var(--ink);--shadow: 5px 5px 0 var(--ink);--shadow-lg: 8px 8px 0 var(--ink);--shadow-blue: 5px 5px 0 var(--blue-ink);--card-w: 340px;--card-r: 20px;--ease: cubic-bezier(.16, 1, .3, 1);--mx: 50%;--my: 50%;--rx: 0deg;--ry: 0deg;--glare: .3}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;-webkit-font-smoothing:antialiased}#app{min-height:100dvh;position:relative;overflow:hidden}.bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background-color:var(--paper);background-image:radial-gradient(var(--ink-faint) 1.3px,transparent 1.3px);background-size:26px 26px;background-position:-13px -13px;opacity:1}.bg:before,.bg:after{content:"";position:absolute;border:var(--bd-thick);z-index:0}.bg:before{width:230px;height:230px;border-radius:50%;border-color:var(--blue);top:-70px;left:-60px;opacity:.5}.bg:after{width:200px;height:200px;background:var(--lime);bottom:-60px;right:-50px;transform:rotate(14deg);opacity:.55}.shell{position:relative;z-index:1;max-width:1000px;margin:0 auto;padding:clamp(1.75rem,4vw,3.5rem) 1.25rem 3rem;display:flex;flex-direction:column;align-items:center}.logo{display:inline-block;font-weight:700;letter-spacing:.04em;font-size:1.05rem;color:var(--ink);background:var(--lime);border:var(--bd);box-shadow:var(--shadow);padding:.35rem .9rem .4rem;border-radius:8px;transform:rotate(-2deg);margin-bottom:2rem}.hero{text-align:center;max-width:720px}.hero__title{font-size:clamp(2.3rem,1rem + 5.4vw,4.6rem);line-height:.98;font-weight:700;letter-spacing:-.03em;margin:0 0 1.2rem;text-wrap:balance}.grad{position:relative;display:inline-block;color:var(--paper);background:var(--blue);padding:0 .18em;border-radius:6px;transform:rotate(-1.5deg);box-shadow:3px 3px 0 var(--ink);white-space:nowrap}.hero__sub{font-size:clamp(1rem,.95rem + .4vw,1.18rem);color:var(--ink-soft);line-height:1.55;margin:0 auto 2rem;max-width:50ch}.finder{display:flex;align-items:stretch;gap:0;background:var(--card-stock);border:var(--bd-thick);border-radius:12px;padding:5px 5px 5px 16px;max-width:480px;margin:0 auto;box-shadow:var(--shadow);transition:transform var(--ease) .18s,box-shadow var(--ease) .18s}.finder:focus-within{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.finder__at{display:flex;align-items:center;color:var(--ink-faint);font-family:JetBrains Mono,monospace;font-size:1.15rem;font-weight:700}.finder__input{flex:1;background:none;border:none;outline:none;color:var(--ink);font:500 1.05rem JetBrains Mono,monospace;padding:.8rem .5rem;min-width:0}.finder__input::placeholder{color:var(--ink-faint)}.finder__btn{border:var(--bd);cursor:pointer;border-radius:8px;padding:.7rem 1.5rem;font:700 1rem Space Grotesk,sans-serif;color:var(--paper);background:var(--blue);box-shadow:3px 3px 0 var(--ink);transition:transform var(--ease) .12s,box-shadow var(--ease) .12s}.finder__btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink)}.finder__btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.finder__hint{margin-top:1.15rem;color:var(--ink-soft);font-size:.92rem;font-weight:500}.link{background:var(--paper-2);border:var(--bd);color:var(--ink);cursor:pointer;font:600 .86rem JetBrains Mono,monospace;border-radius:6px;padding:.15rem .5rem;margin:0 .12rem;transition:transform var(--ease) .12s,background var(--ease) .12s}.link:hover{background:var(--lime);transform:translateY(-1px)}.stage{margin:clamp(2.25rem,5vw,3.5rem) 0 1.75rem;perspective:1600px;display:flex;justify-content:center;min-height:520px;align-items:center}.stage__placeholder{display:grid;place-items:center}.ghost-card{width:var(--card-w);aspect-ratio:5 / 7;border-radius:var(--card-r);border:2.5px dashed var(--ink-faint);display:grid;place-items:center;color:var(--ink-faint);text-align:center;line-height:1.5;font-weight:600;background:#fff6}.ghost-card.is-error{border:var(--bd-thick);border-color:var(--pink);background:#fff;color:var(--ink);box-shadow:var(--shadow);padding:2rem;font-weight:600}.spinner{width:34px;height:34px;border-radius:50%;border:4px solid var(--paper-2);border-top-color:var(--blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.card{position:relative;width:var(--card-w);aspect-ratio:5 / 7;border-radius:var(--card-r);transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .12s ease-out;cursor:grab;isolation:isolate;box-shadow:10px 12px #15120deb,0 22px 50px -22px #15120d80;background:linear-gradient(165deg,#23242c,#131319 62%,#0c0c11);border:3px solid var(--ink);opacity:0}.card.card--in{opacity:1;transition:opacity .45s var(--ease)}.card.card--revealing{animation:cardFlip .8s var(--ease) both}@keyframes cardFlip{0%{transform:rotateY(-105deg) scale(.84)}55%{transform:rotateY(9deg) scale(1.03)}to{transform:rotateY(0) scale(1)}}.card.is-active{transition:transform .05s linear}.card.is-capturing{transition:none}.card__layer{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:2}.card__foil{background-image:repeating-linear-gradient(115deg,#ff77c680,#ffec8280,#78ffd680,#78c4ff80,#c482ff80,#ff77c680 60%);background-size:220% 220%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;opacity:.35;-webkit-mask-image:linear-gradient(125deg,transparent 30%,#000 48%,#000 56%,transparent 74%);mask-image:linear-gradient(125deg,transparent 30%,#000 48%,#000 56%,transparent 74%);-webkit-mask-size:300% 300%;mask-size:300% 300%;-webkit-mask-position:var(--mx) var(--my);mask-position:var(--mx) var(--my);transition:opacity .3s var(--ease)}.card.is-active .card__foil{opacity:.7}.card__shine{background-image:radial-gradient(120px 120px at var(--mx) var(--my),rgba(255,255,255,.35),transparent 60%);mix-blend-mode:soft-light;opacity:.8}.card__glare{background:radial-gradient(180px 180px at var(--mx) var(--my),rgba(255,255,255,calc(var(--glare) * .9)),rgba(255,255,255,0) 70%);mix-blend-mode:overlay;z-index:3}.card__reveal{background:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.65) 50%,transparent 62%);background-size:250% 250%;background-position:180% 0;opacity:0;mix-blend-mode:screen;z-index:4}.card--revealing .card__reveal{animation:cardSweep .85s var(--ease) both}@keyframes cardSweep{0%{background-position:180% 0;opacity:0}35%{opacity:.95}to{background-position:-80% 0;opacity:0}}.card.r-rare{border-color:var(--blue)}.card.r-epic{border-color:var(--pink)}.card.r-legendary{border-color:#e8b53c;box-shadow:10px 12px #15120deb,0 0 0 1px #e8b53c66,0 22px 60px -20px #e8b53c8c}.card.r-legendary .card__foil{opacity:.5}.card.r-legendary.is-active .card__foil{opacity:.92}.card__content{position:relative;z-index:1;height:100%;padding:16px 18px 14px;display:flex;flex-direction:column;transform:translateZ(.01px)}.card__top{display:flex;justify-content:space-between;align-items:flex-start}.card__rarity{font:700 .66rem Space Grotesk,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.18);color:#d9d6cf}.r-rare .card__rarity{color:#9fb4ff;border-color:#6e8cff99}.r-epic .card__rarity{color:#ffaecb;border-color:#ff6ea099}.r-legendary .card__rarity{color:#ffdf9e;border-color:#e8b53cb3;background:#e8b53c24}.card__power{text-align:right;line-height:1}.card__power-num{font:700 1.55rem JetBrains Mono,monospace;color:#fff}.card__power-lbl{display:block;font-size:.55rem;letter-spacing:.22em;color:var(--ink-faint);margin-top:2px}.card__avatar-wrap{margin:10px auto 12px;width:116px;height:116px;border-radius:50%;padding:3px;background:#fff;box-shadow:0 0 0 2px var(--ink)}.r-rare .card__avatar-wrap{background:var(--blue)}.r-epic .card__avatar-wrap{background:var(--pink)}.r-legendary .card__avatar-wrap{background:#e8b53c}.card__avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;background:#15162a}.card__id{text-align:center}.card__name{margin:0;font-size:1.24rem;font-weight:700;letter-spacing:-.01em;line-height:1.1;color:#fff}.card__handle{font:500 .82rem JetBrains Mono,monospace;color:var(--ink-faint);margin-top:2px}.card__archetype{text-align:center;margin:12px 0 10px;padding:10px 8px;border-radius:12px;background:#ffffff0b;border:1px solid rgba(255,255,255,.12)}.card__archetype-title{font-weight:700;font-size:1rem;color:var(--lime)}.r-rare .card__archetype-title{color:#b9c7ff}.r-epic .card__archetype-title{color:#ffc2d8}.r-legendary .card__archetype-title{color:#ffe6ad}.card__archetype-blurb{font-size:.74rem;color:#c8c4ba;margin-top:3px;line-height:1.35}.card__langs{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;margin-bottom:auto}.chip{font:600 .72rem JetBrains Mono,monospace;padding:3px 9px;border-radius:999px;background:#ffffff12;border:1px solid rgba(255,255,255,.2);color:#e7e4dc}.chip--muted{color:var(--ink-faint)}.card__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:12px 0 10px;padding:10px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.card__stats div{text-align:center}.card__stats dt{font-size:.56rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.card__stats dd{margin:3px 0 0;font:700 1rem JetBrains Mono,monospace;color:#fff}.card__foot{display:flex;justify-content:space-between;align-items:center}.card__brand{font-weight:700;letter-spacing:.18em;font-size:.72rem;color:var(--lime)}.card__url{font:500 .66rem JetBrains Mono,monospace;color:var(--ink-faint)}.actions{display:flex;gap:.7rem;flex-wrap:wrap;justify-content:center;margin-top:.75rem}.btn{cursor:pointer;border:var(--bd);background:var(--card-stock);color:var(--ink);border-radius:8px;padding:.7rem 1.3rem;font:700 .92rem Space Grotesk,sans-serif;text-decoration:none;display:inline-flex;align-items:center;gap:.4rem;box-shadow:3px 3px 0 var(--ink);transition:transform var(--ease) .12s,box-shadow var(--ease) .12s,background var(--ease) .12s}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px 0 var(--ink);background:var(--lime)}.btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--ink)}.btn--primary{background:var(--blue);color:var(--paper)}.btn--primary:hover{background:var(--blue);color:#fff}.btn--tilt{background:var(--lime)}.pro-tag{font:800 .6rem Space Grotesk,sans-serif;letter-spacing:.08em;background:var(--ink);color:var(--lime);border-radius:4px;padding:2px 5px;margin-left:6px}.btn--primary .pro-tag{background:var(--paper);color:var(--blue)}.export-progress{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:1.1rem;width:min(360px,90vw)}.export-progress__bar{width:100%;height:12px;background:var(--card-stock);border:var(--bd);border-radius:999px;overflow:hidden;box-shadow:3px 3px 0 var(--ink)}.export-progress__bar span{display:block;height:100%;width:0%;background:linear-gradient(90deg,var(--blue),#5a74ff);transition:width .15s linear}.export-progress__label{font:600 .85rem JetBrains Mono,monospace;color:var(--ink-soft)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1.25rem;background:#15120d8c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fade .18s ease both}@keyframes fade{0%{opacity:0}}.modal{position:relative;width:min(420px,100%);background:var(--paper);border:var(--bd-thick);border-radius:16px;box-shadow:var(--shadow-lg);padding:1.6rem 1.5rem 1.4rem;text-align:center;animation:pop .22s var(--ease) both}@keyframes pop{0%{transform:translateY(8px) scale(.97);opacity:0}}.modal__close{position:absolute;top:10px;right:12px;border:none;background:none;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--ink-soft)}.modal__badge{display:inline-block;font:800 .7rem Space Grotesk,sans-serif;letter-spacing:.12em;background:var(--ink);color:var(--lime);border-radius:5px;padding:3px 8px;margin-bottom:.7rem}.modal__title{margin:0 0 .5rem;font-size:1.5rem;font-weight:700;letter-spacing:-.01em}.modal__body{color:var(--ink-soft);font-size:.95rem;line-height:1.5;margin:0 auto 1.2rem;max-width:34ch}.modal__buy{width:100%;justify-content:center;font-size:1.05rem;padding:.85rem}.modal__sep{margin:1rem 0 .7rem;font:600 .78rem JetBrains Mono,monospace;color:var(--ink-faint);text-transform:uppercase;letter-spacing:.08em}.modal__key{display:flex;gap:.5rem}.modal__input{flex:1;min-width:0;background:var(--card-stock);border:var(--bd);border-radius:8px;padding:.6rem .8rem;font:500 .9rem JetBrains Mono,monospace;color:var(--ink);outline:none}.modal__input:focus{box-shadow:3px 3px 0 var(--ink)}.modal__msg{min-height:1.2rem;margin-top:.7rem;font:600 .84rem JetBrains Mono,monospace;color:var(--ink-soft)}.modal__msg--ok{color:#1a8a3c}.modal__msg--err{color:#c02a4a}.credits{margin-top:2.5rem;color:var(--ink-soft);font-size:.82rem;font-weight:500;text-align:center}@media (prefers-reduced-motion: reduce){.card,.card.card--in{transition:opacity .3s ease;transform:none!important}.card.card--revealing,.card--revealing .card__reveal{animation:none}}@media (max-width: 480px){:root{--card-w: 300px}.finder{flex-wrap:wrap}.bg:before,.bg:after{opacity:.35}}