:root{--bg:#0b0908;--bg-2:#15100d;--panel:#18120ee6;--panel-solid:#1a1410;--line:#c9955242;--line-strong:#d6a35c9e;--text:#f1e9df;--muted:#ab9c8c;--faint:#6f6358;--ember:#ff7a1a;--ember-2:#ffb347;--bronze:#c99552;--ok:#4ade80;--r-common:#a7b0ba;--r-rare:#3d9bff;--r-epic:#a45bff;--r-legendary:#ffc23d;--r-mythic:#5ff3ff;--r-relic:#fff;--g-common:#b9b2a8;--g-fine:#7bd88f;--g-exceptional:#3d9bff;--g-mythic:#c86bff;--g-perfect:#fff;--font-display:"Oswald", "Arial Narrow", "Helvetica Neue", sans-serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--ad-h:calc(106px + env(safe-area-inset-bottom));--gutter:16px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=760px){:root{--ad-h:calc(70px + env(safe-area-inset-bottom))}}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}button{font:inherit;color:inherit}a{color:var(--ember-2)}:focus-visible{outline:2px solid var(--ember-2);outline-offset:2px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app{grid-template-rows:auto minmax(0, 1fr) var(--ad-h);height:100dvh;display:grid;overflow:hidden}.topbar{padding:10px var(--gutter);border-bottom:1px solid var(--line);z-index:20;background:linear-gradient(#120e0b,#0d0a08);align-items:center;gap:8px;display:flex;position:relative}.logo{font-family:var(--font-display);letter-spacing:.08em;color:var(--text);align-items:center;gap:8px;margin-right:auto;font-size:20px;font-weight:700;text-decoration:none;display:flex}.logo-mark{width:26px;height:26px}.nav{gap:2px;display:flex}.nav a{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-radius:8px;padding:8px 12px;font-size:14px;text-decoration:none}.nav a[aria-current=page]{color:var(--ember-2);background:#ff7a1a14}.nav a:hover{color:var(--text)}.icon-btn{border:1px solid var(--line);cursor:pointer;background:0 0;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.icon-btn:hover{border-color:var(--line-strong)}@media (width<=560px){.logo span{display:none}.nav a{letter-spacing:.06em;padding:8px;font-size:13px}}.stage{background:radial-gradient(ellipse at 50% 120%, #ff6e1e24, transparent 60%), var(--bg);min-height:0;position:relative;overflow:hidden}.screen-scroll{height:100%;padding:24px var(--gutter) 40px;overflow:hidden auto}.ad-anchor{border-top:1px solid var(--line);padding-top:8px;padding-bottom:env(safe-area-inset-bottom);color:var(--faint);letter-spacing:.18em;text-transform:uppercase;z-index:30;background:repeating-linear-gradient(135deg,#0e0b09 0 10px,#110d0b 10px 20px);justify-content:center;align-items:flex-start;font-size:11px;display:flex;position:relative}.ad-slot{width:min(728px,100%);height:calc(var(--ad-h) - 16px - env(safe-area-inset-bottom));border:1px dashed #ffffff14;border-radius:6px;place-items:center;max-height:90px;display:grid}.btn{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line-strong);color:var(--text);cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;background:linear-gradient(#2a1f17,#18120d);border-radius:10px;padding:12px 22px;font-size:15px;font-weight:600;transition:transform 80ms,box-shadow .2s,filter .2s}.btn:hover:not(:disabled){filter:brightness(1.12)}.btn:active:not(:disabled){transform:translateY(1px)scale(.99)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{color:#1d0d03;background:linear-gradient(#ffa04a,#e45a0c);border-color:#ffbe7d;box-shadow:0 0 28px #ff7a1a59,inset 0 1px #ffffff73}.btn-xl{border-radius:12px;padding:16px 40px;font-size:22px}.btn-ghost{background:0 0}.btn-row{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 40px #00000073,inset 0 1px #ffdcaa0d}.eyebrow{font-family:var(--font-display);letter-spacing:.22em;text-transform:uppercase;color:var(--muted);font-size:12px}.display{font-family:var(--font-display);letter-spacing:.02em;font-weight:700}.settings-pop{right:var(--gutter);z-index:50;gap:10px;width:240px;padding:14px;display:grid;position:absolute;top:56px}.toggle{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:14px;display:flex}.toggle input{width:18px;height:18px;accent-color:var(--ember)}.landing{place-items:center;min-height:100%;display:grid}.hero{grid-template-columns:1fr 260px;align-items:center;gap:24px;width:min(760px,100%);padding:28px;display:grid;position:relative;overflow:hidden}.hero h1{font-family:var(--font-display);letter-spacing:.02em;margin:8px 0 12px;font-size:clamp(36px,7vw,60px);line-height:.95}.hero p{color:var(--muted);margin:0 0 24px;font-size:16px}.hero-art{height:300px;position:relative}.hero-art img{object-fit:contain;filter:drop-shadow(0 20px 30px #0009);width:100%;height:100%;animation:4s ease-in-out infinite float;position:absolute;inset:0}.hero-stats{color:var(--muted);margin-top:18px;font-size:14px}.bonus-weapon{border-top:1px solid var(--line,#ffffff14);color:var(--muted);flex-wrap:wrap;align-items:center;gap:10px 14px;margin-top:14px;padding-top:14px;font-size:14px;display:flex}.bonus-weapon strong{color:var(--text,#f1e9df)}@media (width<=640px){.hero{text-align:center;grid-template-columns:1fr;padding:22px 18px}.hero-art{order:-1;height:180px}.hero .btn-row,.bonus-weapon{justify-content:center}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.forge{position:absolute;inset:0}.forge canvas{touch-action:none;cursor:none;position:absolute;inset:0}.forge.touch canvas{cursor:grab}.forge-top{pointer-events:none;z-index:5;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.ref-silhouette{opacity:.7;height:44px}.segments-row{border:1px solid var(--line);background:#0c0907cc;border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.segments{gap:6px;display:flex}.seg{background:#2a211b;border:1px solid #ffffff14;border-radius:3px;width:clamp(28px,7vw,52px);height:10px;overflow:hidden}.seg i{background:linear-gradient(90deg,#ff7a1a,#ffc46b);width:0;height:100%;transition:width .12s linear;display:block;box-shadow:0 0 10px #ff8c28b3}.seg.active{border-color:#ffb46499}.seg.done i{background:var(--ok);box-shadow:0 0 10px #4ade80b3;width:100%!important}.seg.snap{animation:.35s ease-out segsnap}@keyframes segsnap{0%{transform:scaleY(1)}40%{transform:scaleY(1.9)}to{transform:scaleY(1)}}.seg-label{font-family:var(--font-display);letter-spacing:.14em;color:var(--muted);text-align:right;min-width:44px;font-size:13px}.die-card{z-index:5;pointer-events:none;width:220px;padding:16px;position:absolute;top:50%;right:20px;transform:translateY(-50%)}.die-card .die-icon{width:64px;height:64px;margin-bottom:8px}.die-card h3{font-family:var(--font-display);letter-spacing:.04em;margin:2px 0 4px;font-size:22px}.die-card p{color:var(--muted);margin:0;font-size:13px}.die-card .controls-help{border-top:1px solid var(--line);color:var(--muted);margin-top:12px;padding-top:10px;font-size:12px;line-height:1.6}kbd{font-family:var(--font-body);border:1px solid var(--line-strong);background:#221a14;border-radius:4px;padding:1px 6px;font-size:11px}.die-card.swap{animation:.35s ease-out diecard}@keyframes diecard{0%{opacity:0;transform:translate(20px,-50%)}}.forge-bottom{padding:0 var(--gutter);z-index:6;pointer-events:none;justify-content:center;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:16px;left:0;right:0}.forge-bottom>*{pointer-events:auto}.hint-pill{color:var(--muted);border:1px solid var(--line);background:#0c0907cc;border-radius:999px;padding:8px 14px;font-size:13px;pointer-events:none!important}.strike-btn{border-radius:50%;width:92px;height:92px;margin-left:auto;padding:0;font-size:17px}.die-chip{display:none}@media (width<=760px){.die-card{display:none}.die-chip{border:1px solid var(--line);font-family:var(--font-display);letter-spacing:.08em;background:#0c0907d1;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:14px;display:flex}.die-chip svg{width:26px;height:26px}.ref-silhouette{display:none}}.toast{color:#d8e8ff;z-index:8;pointer-events:none;background:#141c28eb;border:1px solid #a0c8ff66;border-radius:999px;padding:8px 16px;font-size:13px;animation:1.6s forwards toast;position:absolute;top:96px;left:50%;transform:translate(-50%)}@keyframes toast{0%{opacity:0;transform:translate(-50%,-6px)}10%,80%{opacity:1;transform:translate(-50%)}to{opacity:0}}.coach{border:1px solid var(--ember-2);font-family:var(--font-display);letter-spacing:.05em;z-index:9;pointer-events:none;text-align:center;background:linear-gradient(#3c200cf2,#1e1008f2);border-radius:12px;max-width:calc(100% - 32px);padding:12px 18px;font-size:18px;animation:.3s ease-out coach;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ff7a1a4d}@keyframes coach{0%{opacity:0;transform:translate(-50%,10px)}}.banner{pointer-events:none;z-index:10;place-items:center;display:grid;position:absolute;inset:0}.banner span{font-family:var(--font-display);letter-spacing:.08em;color:#fff4dc;text-shadow:0 0 24px #ff9628e6,0 0 60px #ff5a0a99;font-size:clamp(36px,9vw,84px);font-weight:700;animation:.8s cubic-bezier(.2,1.4,.4,1) both bannerIn}@keyframes bannerIn{0%{opacity:0;letter-spacing:.4em;transform:scale(1.6)}60%{opacity:1}to{transform:scale(1)}}.banner{flex-direction:column;justify-content:center;align-items:center;display:flex}.banner-sub{font-family:var(--font-display);letter-spacing:.24em;color:var(--ember-2);margin-top:6px;font-size:clamp(16px,2.6vw,24px);font-style:normal;animation:.4s .35s both fadeIn}.strike-rating{z-index:8;pointer-events:none;font-family:var(--font-display);letter-spacing:.14em;align-items:baseline;gap:8px;font-size:30px;font-weight:700;animation:.9s cubic-bezier(.2,1.4,.4,1) forwards ratingPop;display:flex;position:absolute;top:132px;left:50%;transform:translate(-50%)}.strike-rating small{letter-spacing:.08em;opacity:.8;font-size:14px}.strike-rating.perfect{color:#fff6d8;text-shadow:0 0 18px #ffc23d,0 0 40px #ff9a3d}.strike-rating.clean{color:#7bd88f;text-shadow:0 0 14px #7bd88fb3}.strike-rating.good{color:#e8ddd0}.strike-rating.rough{color:#ab9c8c}@keyframes ratingPop{0%{opacity:0;transform:translate(-50%,8px)scale(1.4)}20%{opacity:1;transform:translate(-50%)scale(1)}75%{opacity:1}to{opacity:0;transform:translate(-50%,-14px)}}@media (width<=760px){.strike-rating{font-size:24px;top:150px}}[data-reduced-motion=true] .strike-rating{animation:none!important}.skip-btn{z-index:10;position:absolute;bottom:16px;right:16px}.stat{padding:14px var(--gutter) 16px;grid-template:"top top""affixes weapon"minmax(0,1fr)"controls controls"/minmax(250px,330px) minmax(0,1fr);gap:12px;display:grid;position:absolute;inset:0}.stat.shake{animation:70ms linear 2 shake}@keyframes shake{25%{transform:translate(3px,-2px)}50%{transform:translate(-3px,2px)}75%{transform:translate(2px,3px)}}.rarity-bar{grid-area:top;gap:8px;padding:12px 16px;display:grid;position:relative}.rarity-bar .row{flex-wrap:wrap;align-items:baseline;gap:10px;display:flex}.rarity-name{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;color:var(--rc,var(--r-common));font-size:22px;font-weight:700;position:relative}.rarity-next{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.bar{background:#241c16;border:1px solid #ffffff0f;border-radius:5px;height:10px;overflow:hidden}.bar i{background:linear-gradient(90deg, color-mix(in srgb, var(--rc) 60%, #000), var(--rc));height:100%;box-shadow:0 0 12px var(--rc);transition:width .35s;display:block}.affix-panel{grid-area:affixes;min-height:0;padding:12px;overflow-y:auto}.affix-panel h2{margin:2px 4px 10px}.affix-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.affix{border:1px solid #ffffff0d;border-left:3px solid var(--gc);background:#ffffff06;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.affix.new{animation:.32s cubic-bezier(.2,1.3,.4,1) affixIn}@keyframes affixIn{0%{opacity:0;transform:translate(-24px)scale(.96)}}.affix .mag{font-family:var(--font-display);letter-spacing:.02em;font-size:16px}.affix .name{color:var(--muted);font-size:13px}.affix .grade{letter-spacing:.14em;text-transform:uppercase;color:var(--gc);font-size:10px}.affix .pts{font-family:var(--font-display);font-variant-numeric:tabular-nums;color:var(--text);font-size:15px}.affix-icon{width:28px;height:28px}.weapon-stage{grid-area:weapon;place-items:center;min-height:0;display:grid;position:relative}.weapon-stage .weapon-img{object-fit:contain;filter:drop-shadow(0 24px 30px #000000a6);width:100%;height:100%;transition:filter .4s;position:absolute;inset:0}.weapon-stage .aura{background:radial-gradient(closest-side, color-mix(in srgb, var(--rc) 35%, transparent), transparent);opacity:.55;pointer-events:none;border-radius:50%;position:absolute;inset:8% 12%}.value-box{text-align:right;pointer-events:none;position:absolute;bottom:6%;right:4%}.value-num{font-family:var(--font-display);font-variant-numeric:tabular-nums;text-shadow:0 0 22px #ff962859;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1}.float-value{font-family:var(--font-display);color:var(--gc);text-shadow:0 0 16px var(--gc);pointer-events:none;white-space:nowrap;align-items:center;gap:10px;font-size:30px;font-weight:700;animation:.8s ease-out forwards floatUp;display:flex;position:absolute;top:45%;left:50%;transform:translate(-50%)}@keyframes floatUp{0%{opacity:0;transform:translate(-50%,10px)scale(.8)}20%{opacity:1;transform:translate(-50%)scale(1.1)}to{opacity:0;transform:translate(-50%,-70px)scale(1)}}.burst{border:3px solid var(--gc);width:40px;height:40px;box-shadow:0 0 30px var(--gc), inset 0 0 20px var(--gc);pointer-events:none;border-radius:50%;margin:-20px 0 0 -20px;animation:.55s ease-out forwards burst;position:absolute;top:45%;left:50%}@keyframes burst{0%{opacity:1;transform:scale(.2)}to{transform:scale(var(--bs,6));opacity:0}}.spark-dot{background:var(--gc);width:4px;height:4px;box-shadow:0 0 8px var(--gc);pointer-events:none;border-radius:2px;position:absolute;top:45%;left:50%}.hammer{transform-origin:85% 85%;pointer-events:none;filter:drop-shadow(0 10px 14px #0009);z-index:3;width:110px;height:110px;position:absolute;top:2%;left:58%}.vignette{pointer-events:none;z-index:4;background:radial-gradient(#0000 35%,#000000d9);animation:.9s forwards fadeInOut;position:absolute;inset:0}.flash{pointer-events:none;z-index:5;background:radial-gradient(circle at 50% 45%,#ffffffd9,#c8e6ff40 40%,#0000 70%);animation:.4s ease-out forwards flash;position:absolute;inset:0}@keyframes flash{0%{opacity:.9}to{opacity:0}}@keyframes fadeInOut{0%{opacity:0}25%,70%{opacity:1}to{opacity:0}}.prism{pointer-events:none;z-index:5;mix-blend-mode:color-dodge;background:conic-gradient(at 50% 45%,#ff5e7e,#ffd36b,#7dff9b,#6bf3ff,#8f7bff,#ff6bd5,#ff5e7e);animation:.7s ease-out forwards prism;position:absolute;inset:0;-webkit-mask:radial-gradient(circle at 50% 45%,#0000 10%,#000 12%,#0000 40%);mask:radial-gradient(circle at 50% 45%,#0000 10%,#000 12%,#0000 40%)}@keyframes prism{0%{opacity:1;transform:scale(.4)rotate(0)}to{opacity:0;transform:scale(2.4)rotate(40deg)}}.stat-controls{flex-direction:column;grid-area:controls;align-items:center;gap:10px;display:flex}.rarity-up{pointer-events:none;z-index:12;place-items:center;display:grid;position:absolute;inset:0}.rarity-up .old,.rarity-up .new{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;grid-area:1/1;font-size:clamp(40px,9vw,92px);font-weight:700}.rarity-up .old{color:var(--old);animation:.45s ease-in forwards fracture}.rarity-up .new{color:var(--rc);text-shadow:0 0 30px var(--rc), 0 0 80px var(--rc);animation:1.1s cubic-bezier(.2,1.3,.4,1) .25s both rarityIn}@keyframes fracture{0%{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1;filter:blur()}50%{clip-path:polygon(0 0,100% 0,100% 46%,60% 54%,0 40%);transform:translateY(-10px)skew(-8deg)}to{clip-path:polygon(0 0,100% 0,100% 10%,40% 20%,0 5%);opacity:0;filter:blur(6px);transform:translateY(-40px)skew(-14deg)}}@keyframes rarityIn{0%{opacity:0;filter:blur(10px);transform:scale(1.8)}30%{opacity:1;filter:blur();transform:scale(1)}80%{opacity:1}to{opacity:0;transform:scale(.96)}}.frame-preview{border:3px solid var(--rc);box-shadow:0 0 40px var(--rc), inset 0 0 40px color-mix(in srgb, var(--rc) 40%, transparent);pointer-events:none;z-index:11;border-radius:16px;animation:1.1s forwards fadeInOut;position:absolute;inset:10px}.weapon-stage.pulse .weapon-img{animation:.9s ease-out outlinePulse}@keyframes outlinePulse{0%{filter:drop-shadow(0 0 0 var(--rc)) brightness(1)}30%{filter:drop-shadow(0 0 26px var(--rc)) brightness(1.5)}to{filter:drop-shadow(0 24px 30px #000000a6)brightness()}}@media (width<=760px){.stat{grid-template:"top""weapon"minmax(0,1fr)"affixes"minmax(0,28%)"controls"/minmax(0,1fr);gap:8px;padding-top:10px}.affix-panel{padding:8px}.affix-panel h2{display:none}.affix{padding:5px 8px}.hammer{width:80px;height:80px}.value-box{bottom:0;right:0}}.reveal{padding:16px var(--gutter);background:radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--rc) 18%, transparent), #050403 70%);cursor:pointer;grid-template-rows:minmax(0,1fr) auto;justify-items:center;animation:.5s both darken;display:grid;position:absolute;inset:0}@keyframes darken{0%{background-color:var(--bg);opacity:.4}}.reveal-weapon{place-items:center;width:100%;min-height:0;display:grid;position:relative}.reveal-weapon img{object-fit:contain;width:min(560px,100%);height:100%;filter:drop-shadow(0 0 24px color-mix(in srgb, var(--rc) 60%, transparent));margin:auto;animation:2.6s ease-out both pushIn,4s ease-in-out 2.6s infinite float;position:absolute;inset:0}@keyframes pushIn{0%{opacity:0;transform:scale(.92)translateY(12px)}20%{opacity:1}to{transform:scale(1)}}.reveal-flicker{font-family:var(--font-display);letter-spacing:.04em;color:var(--text);text-shadow:0 0 12px #000000e6;font-size:20px;animation:.18s both flicker;position:absolute}@keyframes flicker{0%{opacity:0;transform:scale(1.2)}}.reveal-info{text-align:center;justify-items:center;gap:4px;padding-bottom:8px;display:grid}.reveal-info .rarity-title{font-family:var(--font-display);letter-spacing:.16em;text-transform:uppercase;color:var(--rc);text-shadow:0 0 28px var(--rc);font-size:clamp(30px,6vw,52px);font-weight:700;animation:.6s cubic-bezier(.2,1.4,.4,1) both rarityTitle}@keyframes rarityTitle{0%{opacity:0;letter-spacing:.5em;transform:scale(1.5)}}.reveal-info .stack{color:var(--muted);font-size:13px;animation:.3s both fadeIn}@keyframes fadeIn{0%{opacity:0}}.card-screen{grid-template-columns:auto minmax(0,360px);justify-content:center;align-items:center;gap:36px;min-height:100%;display:grid}.card-actions{gap:12px;display:grid}.card-actions .name-row{gap:8px;display:flex}.card-actions input{border:1px solid var(--line-strong);min-width:0;color:var(--text);font:inherit;background:#120e0b;border-radius:10px;flex:1;padding:10px 12px}.card-actions .btn{width:100%}.card-actions .note{color:var(--faint);font-size:12px;line-height:1.5}.card-actions .error{color:#ff8a8a;font-size:13px}@media (width<=820px){.card-screen{grid-template-columns:minmax(0,1fr);justify-items:center;gap:22px}.card-actions{width:min(360px,100%)}}.card-enter{animation:.9s cubic-bezier(.2,1.2,.3,1) both cardEnter}@keyframes cardEnter{0%{opacity:0;transform:perspective(900px)rotateY(-180deg)scale(.7)}}.holo-wrap{--card-w:min(340px, 82vw);width:var(--card-w);aspect-ratio:63/88;perspective:900px;touch-action:none;-webkit-user-select:none;user-select:none}.holo-wrap.small{--card-w:220px}.holo-tilt{width:100%;height:100%;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative}.holo-wrap.active .holo-tilt{transition:none}.holo-flip{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,1.2,.4,1);position:absolute;inset:0}.holo-wrap.flipped .holo-flip{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border:1px solid color-mix(in srgb, var(--rc) 70%, #000);box-shadow:0 30px 60px #0009, 0 0 calc(10px + 30px * var(--glow,0)) color-mix(in srgb, var(--rc) 50%, transparent);background:linear-gradient(160deg,#1d1612,#0b0807 60%);border-radius:4.5%/3.3%;position:absolute;inset:0;overflow:hidden;container-type:inline-size}.card-back{transform:rotateY(180deg)}.card-inner{border:.5cqw solid color-mix(in srgb, var(--rc) 55%, #3a2a1a);border-radius:3cqw;grid-template-rows:auto minmax(0,1fr) auto auto auto auto;gap:1.6cqw;padding:4cqw;display:grid;position:absolute;inset:3.5cqw}.card-head{font-family:var(--font-display);letter-spacing:.14em;justify-content:space-between;align-items:center;font-size:4.2cqw;display:flex}.card-head .mark{align-items:center;gap:1.5cqw;display:flex}.card-head .mark svg{width:5.5cqw;height:5.5cqw}.card-chip{border:.4cqw solid var(--rc);color:var(--rc);background:color-mix(in srgb, var(--rc) 14%, transparent);letter-spacing:.14em;border-radius:1.4cqw;padding:.6cqw 2.4cqw;font-size:3.6cqw}.card-art{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--rc) 28%, #1b130e), #0a0706 75%);border:.3cqw solid #ffffff14;border-radius:2.4cqw;position:relative;overflow:hidden}.card-art img{object-fit:contain;width:94%;height:94%;transform:translate(calc((var(--px,50) - 50) * .08px), calc((var(--py,50) - 50) * .08px)) translateZ(0);position:absolute;inset:3%}.card-name{font-family:var(--font-display);letter-spacing:.02em;overflow-wrap:anywhere;font-size:7.2cqw;font-weight:700;line-height:1.05}.card-value{justify-content:space-between;align-items:baseline;display:flex}.card-value .label{letter-spacing:.2em;color:var(--muted);font-size:3.2cqw}.card-value .num{font-family:var(--font-display);color:var(--rc);text-shadow:0 0 4cqw color-mix(in srgb, var(--rc) 60%, transparent);font-size:10cqw;font-weight:700;line-height:1}.card-affixes{gap:.8cqw;font-size:3.6cqw;display:grid}.card-affixes div{justify-content:space-between;gap:2cqw;display:flex}.card-affixes span:last-child{color:var(--muted);font-variant-numeric:tabular-nums}.card-foot{color:var(--faint);letter-spacing:.06em;justify-content:space-between;font-size:2.9cqw;display:flex}.card-back .card-inner{grid-template-rows:auto minmax(0,1fr) auto}.record{align-content:start;gap:.6cqw;font-size:3.4cqw;display:grid;overflow:hidden}.record .r{border-bottom:.2cqw solid #ffffff0f;grid-template-columns:4cqw 1fr auto;align-items:center;gap:2cqw;padding:.6cqw 0;display:grid}.record .dot{background:var(--gc);width:2.4cqw;height:2.4cqw;box-shadow:0 0 2cqw var(--gc);border-radius:50%}.record .total{font-family:var(--font-display);color:var(--rc);justify-content:space-between;padding-top:1.4cqw;font-size:5cqw;display:flex}.record .muted{color:var(--muted)}.back-foot{color:var(--faint);justify-content:space-between;align-items:flex-end;gap:2cqw;font-size:2.9cqw;display:flex}.back-foot svg{width:18cqw;height:18cqw}.foil,.glare,.sparkle{pointer-events:none;border-radius:inherit;position:absolute;inset:0}.foil{mix-blend-mode:color-dodge;opacity:var(--foil,.2);-webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), #000 0%, #0000008c 45%, #00000040 100%);-webkit-mask-image:radial-gradient(farthest-corner circle at calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), #000 0%, #0000008c 45%, #00000040 100%);mask-image:radial-gradient(farthest-corner circle at calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), #000 0%, #0000008c 45%, #00000040 100%);background-image:repeating-linear-gradient(115deg,#f54d47 0%,#f5e147 7%,#90f042 14%,#47f5ea 21%,#5f7cf2 28%,#c85ff2 35%,#f54d47 42%),repeating-linear-gradient(-55deg,#141828e6 0%,#8ca0af8c 3%,#141828e6 5%,#6e788c66 8%,#141828e6 10%);background-size:300% 400%,260% 260%;background-position:calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), calc(100% - var(--px,50) * 1%) calc(100% - var(--py,50) * 1%);background-blend-mode:hard-light;filter:brightness(.7)contrast(1.6)saturate(1.2)}.glare{mix-blend-mode:overlay;opacity:calc(.15 + var(--hyp,0) * .7);background:radial-gradient(farthest-corner circle at calc(var(--px,50) * 1%) calc(var(--py,50) * 1%), #ffffffbf 8%, #ffffff38 28%, #00000073 90%)}.sparkle{mix-blend-mode:color-dodge;opacity:.6;background-image:radial-gradient(circle,#ffffffe6 0 .6px,#0000 1px),radial-gradient(circle,#b4dcffcc 0 .5px,#0000 1px);background-size:23px 29px,37px 31px;background-position:calc(var(--px,50) * .3px) calc(var(--py,50) * .3px), calc(var(--px,50) * -.2px) calc(var(--py,50) * -.25px);display:none}.holo-wrap[data-rarity=common]{--rc:var(--r-common);--foil:.07;--glow:0}.holo-wrap[data-rarity=rare]{--rc:var(--r-rare);--foil:.14;--glow:.2}.holo-wrap[data-rarity=epic]{--rc:var(--r-epic);--foil:.2;--glow:.35}.holo-wrap[data-rarity=legendary]{--rc:var(--r-legendary);--foil:.27;--glow:.55}.holo-wrap[data-rarity=mythic]{--rc:var(--r-mythic);--foil:.36;--glow:.75}.holo-wrap[data-rarity=relic]{--rc:var(--r-relic);--foil:.46;--glow:1}.holo-wrap[data-rarity=mythic] .sparkle,.holo-wrap[data-rarity=relic] .sparkle{display:block}.holo-wrap[data-rarity=relic] .foil{animation:6s linear infinite hue}@keyframes hue{to{filter:brightness(.75)contrast(1.6)saturate(1.3)hue-rotate(360deg)}}[data-r=common]{--rc:var(--r-common)}[data-r=rare]{--rc:var(--r-rare)}[data-r=epic]{--rc:var(--r-epic)}[data-r=legendary]{--rc:var(--r-legendary)}[data-r=mythic]{--rc:var(--r-mythic)}[data-r=relic]{--rc:var(--r-relic)}[data-g=common]{--gc:var(--g-common)}[data-g=fine]{--gc:var(--g-fine)}[data-g=exceptional]{--gc:var(--g-exceptional)}[data-g=mythic]{--gc:var(--g-mythic)}[data-g=perfect]{--gc:var(--g-perfect)}.page{width:min(980px,100%);margin:0 auto}.page h1{font-family:var(--font-display);letter-spacing:.06em;margin:0 0 6px;font-size:34px}.page .sub{color:var(--muted);margin:0 0 20px;font-size:14px}.card-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));justify-items:center;gap:20px;display:grid}.card-link{cursor:pointer;text-align:left;background:0 0;border:none;padding:0}.tabs{gap:6px;margin-bottom:18px;display:flex}.tabs button{font-family:var(--font-display);letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:8px 14px;font-size:13px}.tabs button[aria-selected=true]{color:var(--ember-2);border-color:var(--ember-2);background:#ff7a1a14}.podium{--gold:#ffc23d;--silver:#cfd8e3;--bronze:#d08a52;grid-template-columns:repeat(3,auto);grid-template-areas:"second first third";justify-content:center;align-items:end;gap:0 18px;margin:8px 0 28px;display:grid}.podium .place{justify-items:center;gap:0;text-decoration:none;display:grid}.podium .place-1{--medal:var(--gold);grid-area:first}.podium .place-2{--medal:var(--silver);grid-area:second}.podium .place-3{--medal:var(--bronze);grid-area:third}.podium .place-1 .holo-wrap.small{--card-w:268px}.podium .pedestal{border:1px solid color-mix(in srgb, var(--medal) 55%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--medal) 26%, #1a1410), #120d0a);width:100%;box-shadow:inset 0 1px 0 color-mix(in srgb, var(--medal) 60%, transparent);border-bottom:none;border-radius:8px 8px 0 0;place-items:center;margin-top:10px;display:grid}.podium .place-1 .pedestal{height:72px}.podium .place-2 .pedestal{height:48px}.podium .place-3 .pedestal{height:32px}.podium .emblem{font-family:var(--font-display);letter-spacing:.14em;color:var(--medal);text-shadow:0 0 12px color-mix(in srgb, var(--medal) 60%, transparent);font-size:18px}.podium .place-1 .emblem{font-size:24px}@media (width<=760px){.podium{grid-template-columns:repeat(2,auto);grid-template-areas:"first first""second third";gap:18px 12px}.podium .place-1{justify-self:center}.podium .holo-wrap.small{--card-w:min(42vw, 170px)}.podium .place-1 .holo-wrap.small{--card-w:min(54vw, 210px)}.podium .place-1 .pedestal{height:40px}.podium .place-2 .pedestal,.podium .place-3 .pedestal{height:28px}}.lb-table{border-collapse:collapse;width:100%;font-size:14px}.lb-table th{text-align:left;font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--line);padding:8px 10px;font-size:12px;font-weight:500}.lb-table td{border-bottom:1px solid #ffffff0d;padding:8px 10px}.lb-table tr{cursor:pointer}.lb-table tr:hover td{background:#ffffff08}.lb-table img{object-fit:contain;width:44px;height:44px;display:block}.lb-table .num{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:16px}@media (width<=640px){.lb-table .hide-sm{display:none}}.notice{border:1px dashed var(--line-strong);color:var(--muted);border-radius:10px;margin-bottom:18px;padding:12px 14px;font-size:13px;line-height:1.5}.empty{text-align:center;color:var(--muted);padding:60px 0}.sticky-best{align-items:center;gap:12px;margin-top:18px;padding:12px 16px;display:flex;position:sticky;bottom:0}[data-reduced-motion=true] *,[data-reduced-motion=true] :before,[data-reduced-motion=true] :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}[data-reduced-motion=true] .flash,[data-reduced-motion=true] .prism,[data-reduced-motion=true] .vignette{display:none}[data-reduced-motion=true] .toast,[data-reduced-motion=true] .coach,[data-reduced-motion=true] .float-value,[data-reduced-motion=true] .rarity-up .new{animation:none!important}[data-reduced-motion=true] .rarity-up .old,[data-reduced-motion=true] .burst,[data-reduced-motion=true] .spark-dot{display:none}.forge.touch .coach{bottom:128px}.element-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.card-art .card-fx{width:94%;height:94%;transform:translate(calc((var(--px,50) - 50) * .08px), calc((var(--py,50) - 50) * .08px)) translateZ(0);inset:3%}.reveal-weapon .element-fx{width:min(560px,100%);margin:auto;animation:2.6s ease-out both pushIn,4s ease-in-out 2.6s infinite float}.card-crafter{flex-wrap:wrap;align-items:baseline;gap:2cqw;font-size:3.6cqw;display:flex}.card-crafter .label{letter-spacing:.2em;color:var(--muted);font-size:3cqw}.card-crafter .who{font-family:var(--font-display);letter-spacing:.04em;overflow-wrap:anywhere;font-size:4.6cqw}.card-elements{font-family:var(--font-display);letter-spacing:.12em;text-transform:uppercase;text-shadow:0 0 2cqw;gap:1.6cqw;margin-left:auto;font-size:3.2cqw;display:flex}.nickname-field{gap:4px;font-size:14px;display:grid}.nickname-field input{border:1px solid var(--line-strong);color:var(--text);font:inherit;background:#120e0b;border-radius:8px;padding:8px 10px}.nickname-field small{color:var(--muted);font-size:12px}.modal-backdrop{z-index:40;padding:var(--gutter);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#050302b8;place-items:center;animation:.2s both fadeIn;display:grid;position:absolute;inset:0}.modal{text-align:center;gap:12px;width:min(400px,100%);padding:24px;animation:.25s ease-out coach;display:grid}.modal h2{font-family:var(--font-display);letter-spacing:.04em;margin:0;font-size:28px}.modal p{color:var(--muted);margin:0 0 4px;font-size:14px}.modal .error{color:#ff8a8a;font-size:13px}.text-input{border:1px solid var(--line-strong);width:100%;color:var(--text);font:inherit;text-align:center;background:#120e0b;border-radius:10px;padding:12px 14px;font-size:16px}.text-input:focus{border-color:var(--ember-2);outline:none;box-shadow:0 0 0 3px #ffb3472e}.link-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;padding:4px;font-size:13px;text-decoration:underline}.link-btn:hover{color:var(--text)}.float-icon{width:34px;height:34px;filter:drop-shadow(0 0 8px var(--gc))}.lab-weapons{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-bottom:24px;display:grid}.lab-weapons figure{text-align:center;background:var(--panel,#ffffff0a);border-radius:10px;margin:0;padding:8px}.lab-weapons img{aspect-ratio:1;width:100%}.my-standing{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 14px;margin:12px 0 18px;padding:12px 16px;text-decoration:none;display:flex}.my-standing strong{color:var(--text)}.lb-table tr[data-me] td{background:#ff7a1a1a}.hall h2{font-family:var(--font-display);letter-spacing:.04em;margin:24px 0 8px}.keep-tutorial{border:1px solid var(--line-strong);background:#ff7a1a14;border-radius:10px;gap:10px;padding:14px;display:grid}.keep-tutorial p{color:var(--text);margin:0;font-size:14px}.weapon-thumb{width:44px;height:44px;display:block}.forge-month{font-family:var(--font-display);letter-spacing:.04em;margin:28px 0 10px}.forge-archive .lb-table{margin-bottom:8px}.row-tag{border:1px solid var(--line);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border-radius:6px;margin-left:8px;padding:1px 6px;font-size:11px}.pager{font-family:var(--font-display);letter-spacing:.06em;color:var(--muted);justify-content:center;align-items:center;gap:16px;margin:24px 0 8px;display:flex}.account-modal{width:min(420px,100%);max-height:calc(100% - 24px);position:relative;overflow-y:auto}.account-modal form{gap:10px;display:grid}.modal-close{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;position:absolute;top:8px;right:10px}.modal-close:hover{color:var(--text)}.btn-google{color:#1f1f1f;background:#fff;border-color:#fff;justify-content:center;align-items:center;gap:10px;display:flex}.btn-google:hover:not(:disabled){background:#f1f1f1}.or{color:var(--faint);text-transform:uppercase;letter-spacing:.1em;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;font-size:12px;display:grid}.or:before,.or:after{content:"";background:var(--line);height:1px}.code-input{text-align:center;font-family:var(--font-display);letter-spacing:.3em;font-size:26px}.benefits{text-align:left;gap:8px;margin:4px 0;padding:0;font-size:15px;list-style:none;display:grid}.benefits li:before{content:"⚒";color:var(--ember-2);margin-right:10px}.plans{grid-template-columns:1fr 1fr;gap:10px;display:grid}.plan{border:1px solid var(--line-strong);color:var(--text);cursor:pointer;font:inherit;background:#120e0b;border-radius:10px;gap:4px;padding:14px 10px;display:grid;position:relative}.plan.selected{border-color:var(--ember-2);box-shadow:0 0 0 1px var(--ember-2) inset;background:#ff7a1a1f}.plan-name{font-family:var(--font-display);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:13px}.plan-price{font-family:var(--font-display);font-size:24px}.plan-price small{color:var(--muted);margin-left:2px;font-size:13px}.plan-save{background:var(--ember);color:#1a0d04;letter-spacing:.04em;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700;position:absolute;top:-10px;right:8px}.modal .fine{color:var(--faint);font-size:12px}.ok-note{color:var(--ok)!important}.btn-col{gap:10px;display:grid}.link-btn.inline{font-size:inherit;padding:0;display:inline}.settings-account{text-align:left;border:none;border-top:1px solid var(--line);color:var(--text);font:inherit;cursor:pointer;background:0 0;gap:2px;padding:10px 0 0;font-size:14px;display:grid}.settings-account small{color:var(--muted);font-size:12px}.settings-account:hover small{color:var(--ember-2)}.save-nudge{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:6px;font-size:14px;display:flex}.account-summary{gap:18px;max-width:560px;padding:22px;display:grid}.account-summary h2{font-family:var(--font-display);margin:4px 0 8px}.account-summary p{margin:0 0 6px}.link-btn.inline{color:var(--ember-2)}.modal .check-email{color:var(--text);font-size:15px}.app.ad-free{--ad-h:0px;padding-bottom:env(safe-area-inset-bottom);grid-template-rows:auto minmax(0,1fr)}.ad-slot.live{border:none;overflow:hidden}