:root{--hex-tile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='98'%3E%3Cpath d='M28 66 0 50V17L28 1l28 16v33L28 66v32M28 1V-1' fill='none' stroke='%237f8fd6' stroke-opacity='0.07' stroke-width='1.2'/%3E%3C/svg%3E");--card-w:min(340px, calc(100vw - 32px));--holo-w:calc(var(--card-w) * .34);--holo-h:calc(var(--holo-w) * 1.185);--holo-over:calc(var(--holo-h) * .42);--ease-io:cubic-bezier(.65, 0, .35, 1);--res-yellow:#e9d43c;--res-pink:#ff6fd8;--res-blue:#8c8fff}.cf-body{background:radial-gradient(ellipse 120% 90% at 50% 45%, transparent 55%, #0009), radial-gradient(ellipse 75% 55% at 50% 42%, #27315b8c, transparent 72%), var(--hex-tile) center top / 64px 112px, linear-gradient(180deg, var(--navy-900), var(--navy-950));background-attachment:fixed;overflow:hidden}.btn--info{background:var(--navy-850);border:1.5px solid var(--stroke-hi);max-width:200px;color:var(--text-2);flex:1 1 0}.btn--info:hover{background:var(--navy-700);color:var(--text);box-shadow:0 0 10px #8097fc59}.badge--missed{color:var(--text-2);background:#7f8fd638}@media (width>=860px) and (aspect-ratio>=1){.cf-body{background:radial-gradient(ellipse 120% 100% at 50% 50%, transparent 50%, #000000a6), radial-gradient(circle at 50% 52%, transparent 0 41vmin, #5794f71a 42.5vmin, transparent 45vmin), radial-gradient(ellipse 60% 60% at 50% 50%, #27315b80, transparent 70%), var(--hex-tile) center top / 72px 126px, linear-gradient(180deg, var(--navy-900), var(--navy-950))}.btn--info{max-width:240px}}.cf-app{height:100dvh;padding:max(6px, env(safe-area-inset-top)) 12px max(4px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:6px;display:grid;position:relative;overflow:hidden}.cf-top{justify-items:center;gap:4px;display:grid}.cf-close{cursor:pointer;opacity:.92;width:38px;height:38px;transition:opacity var(--duration-fast) var(--ease), transform var(--duration-fast) var(--ease);background:0 0;border:0;padding:6px}.cf-close img{width:100%;height:100%;display:block}.cf-close:hover{opacity:1;transform:rotate(90deg)}.cf-tabs{grid-template-columns:repeat(3,1fr);gap:3px;width:min(100%,380px);display:grid}.cf-tab{--bk:transparent;--bk-len:9px;--bk-w:2.5px;height:42px;color:var(--text);font-family:var(--font-display);letter-spacing:.02em;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:linear-gradient(#232846,#1b1f3a);border:0;font-size:1.12rem;font-weight:600;position:relative}.cf-tab:hover{background:#272d55}.cf-tab.is-active{--bk:#fff;background:linear-gradient(180deg, #5058a3, var(--tab-active))}.cf-tab:after{content:"";pointer-events:none;background:linear-gradient(var(--bk) 0 0) top left / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) top left / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) top right / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) top right / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) bottom left / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) bottom left / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) bottom right / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) bottom right / var(--bk-w) var(--bk-len);background-repeat:no-repeat;position:absolute;inset:-4px}.cf-tab:focus-visible,.cf-close:focus-visible,.cf-side:focus-visible,.cf-action:focus-visible,.cf-demo-btn:focus-visible,.cf-filter:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.cf-page-title{clip-path:inset(50%);width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.cf-side{display:none}.cf-main{place-items:center;min-height:0;display:grid;position:relative}.cf-app[data-tab=inventory] .cf-main{place-items:stretch center}.cf-demo{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px;min-height:24px;display:flex}.cf-demo-tag,.cf-demo-btn{font-family:var(--font-label);letter-spacing:.1em;font-size:.6rem;font-weight:700;line-height:1}.cf-demo-tag{color:var(--navy-950);background:var(--yellow);padding:4px 5px 3px}.cf-demo-btn{color:#e9e2a8;cursor:pointer;transition:background-color var(--duration-fast) var(--ease), color var(--duration-fast) var(--ease);background:#1f2445d9;border:1px dashed #ffe34673;padding:4px 7px 3px}.cf-demo-btn:hover{color:var(--yellow);background:#4a4425d9}.cf-toast{z-index:70;opacity:0;pointer-events:none;border:1px solid var(--stroke);max-width:min(90vw,420px);color:var(--text-1);font-family:var(--font-label);letter-spacing:.06em;text-align:center;transition:opacity .2s var(--ease), translate .2s var(--ease);background:#141834f2;margin:0;padding:8px 14px;font-size:.72rem;font-weight:700;position:fixed;bottom:40px;left:50%;translate:-50% 8px}.cf-toast.is-visible{opacity:1;translate:-50%}.cf-pill-socket{--hex:17px;background:linear-gradient(180deg, var(--navy-600), var(--navy-850));clip-path:polygon(var(--hex) 0, calc(100% - var(--hex)) 0, 100% 50%, calc(100% - var(--hex)) 100%, var(--hex) 100%, 0 50%);padding:3px 10px;display:inline-block}.cf-pill{--hex:14px;--accent:var(--cyan);--line:#1cc0f273;text-align:center;min-width:168px;font-family:var(--font-display);letter-spacing:.05em;color:var(--accent);box-shadow:inset 0 0 0 1.5px var(--line);clip-path:polygon(var(--hex) 0, calc(100% - var(--hex)) 0, 100% 50%, calc(100% - var(--hex)) 100%, var(--hex) 100%, 0 50%);text-shadow:0 0 8px #1cc0f280;background:linear-gradient(#142a4c,#0d1834);padding:6px 30px 5px;font-size:1.12rem;font-weight:600;line-height:1.15;display:block}.cf-pill--lavender{--accent:var(--text-2);--line:#8097fc8c;text-shadow:none}.cf-action{border:1.5px solid var(--stroke-hi);width:100%;min-height:54px;color:var(--stroke-hi);font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;transition:color var(--duration-fast) var(--ease), box-shadow .2s var(--ease), background-color var(--duration-fast) var(--ease), transform 80ms var(--ease);background:linear-gradient(#252c5a,#1d2249);padding:4px 16px;font-size:2rem;font-weight:600;line-height:1;box-shadow:inset 0 0 18px #8097fc1f}.cf-action:hover{color:#b8c4ff;box-shadow:0 0 16px #8097fc73,inset 0 0 20px #8097fc38}.cf-action:active{transform:translateY(1px)scale(.995)}.cf-res-row{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-1);font-variant-numeric:tabular-nums;flex-wrap:wrap;justify-content:center;gap:3px 7px;margin:0;padding:0;font-size:clamp(.7rem,2.05vw,.8rem);font-weight:500;list-style:none;display:flex}.cf-res{white-space:nowrap;align-items:center;gap:2px;padding:2px 2px 3px;display:inline-flex;position:relative}.cf-res-icon{place-items:center;display:inline-grid}.cf-ico{flex:none;width:15px;height:15px}.cf-ico--shard{width:11px;height:16px}.cf-res--coins .cf-res-icon{color:var(--text-2)}.cf-res--yellow .cf-res-icon{color:var(--res-yellow)}.cf-res--pink .cf-res-icon{color:var(--res-pink)}.cf-res--blue .cf-res-icon{color:var(--res-blue)}.cf-res-need{color:var(--text-3);margin-left:-2px}.cf-res.is-missing{background:linear-gradient(#0000,#ff004438);box-shadow:inset 0 -2px #ff2a55}.cf-res.is-missing .cf-res-have,.cf-res.is-missing .cf-res-need{color:#ff4f6d}.cf-dialog{z-index:60;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:cf-fade-in .2s var(--ease);background:#050713d6;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.cf-dialog-panel{--cut-t:12px;--cut-b:8px;--tab:14px;--tab-i:18%;text-align:center;width:min(340px,100%);animation:cf-rise .28s var(--ease);gap:10px;padding:18px 18px 30px;display:grid}.cf-dialog-title{color:var(--text);font-family:var(--font-display);margin:0;font-size:1.5rem;font-weight:600}.cf-dialog-text,.cf-dialog-balance,.cf-dialog-status{color:var(--text-2);font-family:var(--font-label);letter-spacing:.04em;margin:0;font-size:.74rem;font-weight:700}.cf-dialog-balance{color:var(--text-3)}.cf-dialog-status:empty{display:none}.cf-dialog-price{color:var(--yellow);font-family:var(--font-display);text-shadow:0 0 8px #ffe34666;justify-content:center;align-items:center;gap:8px;margin:2px 0;font-size:1.7rem;display:inline-flex}.cf-dialog-price .cf-ico{width:22px;height:22px}.cf-dialog-actions{grid-template-columns:1fr 1.4fr;gap:8px;display:grid}.cf-dialog-actions .btn--info{max-width:none}.cf-dialog-actions .btn--speed{min-height:44px;font-size:1.25rem}.cf-dialog.is-busy .cf-dialog-confirm{animation:.9s ease-in-out infinite alternate cf-busy}@keyframes cf-fade-in{0%{opacity:0}}@keyframes cf-rise{0%{opacity:0;transform:translateY(12px)scale(.98)}}@keyframes cf-busy{to{box-shadow:0 0 22px #ffce2dd9,inset 0 0 14px #ffe34640}}@media (width>=860px) and (aspect-ratio>=1){:root{--card-w:clamp(340px, 31vw, 400px)}.cf-app{grid-template-rows:auto minmax(0,1fr);padding:0 24px 14px}.cf-top{gap:0}.cf-close{background:#1f2445;border:1px solid #7f8fd659;width:42px;height:42px;padding:10px;position:absolute;top:6px;left:8px}.cf-tabs{gap:2px;width:420px}.cf-tab{clip-path:polygon(0 0,100% 0,100% 62%,calc(100% - 14px) 100%,14px 100%,0 62%);height:44px;font-size:1.05rem}.cf-tab.is-active{clip-path:none}.cf-page-title{clip-path:none;width:auto;height:auto;color:var(--text);font-family:var(--font-display);font-size:clamp(2.4rem,3.6vw,4.2rem);font-weight:600;line-height:1;top:11vh;left:7.6vw;overflow:visible}.cf-side{z-index:2;color:var(--text-2);font-family:var(--font-display);cursor:pointer;background:0 0;border:0;align-items:center;gap:18px;padding:0;font-size:1.45rem;font-weight:600;display:flex;position:absolute;top:50%;translate:0 -50%}.cf-side[hidden]{display:none}.cf-side .cf-ico{box-sizing:border-box;width:54px;height:190px;color:var(--text-2);background:linear-gradient(#262c52,#1d2245);padding:0 14px}.cf-side--prev{left:0}.cf-side--prev .cf-ico{clip-path:polygon(0 0,70% 0,100% 12%,100% 88%,70% 100%,0 100%)}.cf-side--next{right:0}.cf-side--next .cf-ico{clip-path:polygon(30% 0,100% 0,100% 100%,30% 100%,0 88%,0 12%)}.cf-side:hover{color:var(--text)}.cf-side:hover .cf-ico{background:linear-gradient(#2f3766,#232a55)}.cf-demo{z-index:5;justify-content:flex-start;position:absolute;bottom:10px;left:12px}.cf-demo-tag,.cf-demo-btn{font-size:.66rem}.cf-res-row{font-size:clamp(.7rem, calc(var(--card-w) * .032), .86rem);gap:4px clamp(6px, calc(var(--card-w) * .025), 10px)}.cf-ico{width:17px;height:17px}.cf-ico--shard{width:13px;height:19px}.cf-action{min-height:62px;font-size:2.4rem}.cf-pill{min-width:200px;font-size:1.3rem}}@media (width>=860px) and (width<=1099px) and (aspect-ratio>=1){.cf-page-title{clip-path:inset(50%);width:1px;height:1px;overflow:hidden}}@media (prefers-reduced-motion:reduce){.cf-close,.cf-action,.cf-tab,.cf-toast{transition:none}.cf-dialog,.cf-dialog-panel,.cf-dialog.is-busy .cf-dialog-confirm{animation:none}}.cf-craft{justify-items:center;gap:16px;width:100%;display:grid}.cf-flip{width:var(--card-w);perspective:1400px}.cf-flip-inner{transform-style:preserve-3d;transition:transform .72s var(--ease-io);display:grid}.cf-flip[data-flipped=true] .cf-flip-inner{transform:rotateY(180deg)}.cf-face{backface-visibility:hidden;grid-area:1/1;display:grid;position:relative}.cf-face--back{transform:rotateY(180deg)}.cf-nft{width:var(--card-w);padding-top:var(--holo-over);display:grid;position:relative}.cf-holo-wrap{z-index:3;width:var(--holo-w);pointer-events:none;position:absolute;top:0;left:50%;translate:-50%}.cf-holo{-webkit-user-select:none;user-select:none;filter:drop-shadow(0 0 10px #1cc0f273);width:100%;height:auto;animation:3.6s ease-in-out infinite alternate cf-float;display:block;position:relative}.cf-holo-glow{background:radial-gradient(50% 22% at 50% 88%,#1cc0f28c,#0000 70%),radial-gradient(45% 45%,#0078ff47,#0000 70%);animation:3.6s ease-in-out infinite alternate cf-glow;position:absolute;inset:8% -40% -6%}@keyframes cf-float{0%{transform:translateY(2px)}to{transform:translateY(-7px)}}@keyframes cf-glow{0%{opacity:.55;transform:scale(.94)}to{opacity:1;transform:scale(1.04)}}.cf-nft--nores .cf-holo{filter:hue-rotate(150deg)saturate(1.7)brightness(.95)drop-shadow(0 0 10px #ff004480)}.cf-nft--nores .cf-holo-glow{filter:hue-rotate(150deg)saturate(1.6)}.cf-nft-top,.cf-info-card{--cut-t:10px;--cut-b:8px;--notch:calc(var(--card-w) * .075);--ear:30%;--dip:calc(var(--card-w) * .08);--dp:var(--dip);--ny:42%}.cf-nft-top:before,.cf-info-card:before{--dp:calc(var(--dip) - var(--bw) * .6)}.cf-nft-top,.cf-nft-top:before,.cf-info-card,.cf-info-card:before{clip-path:polygon(var(--t) 0, var(--ear) 0, calc(var(--ear) + var(--dp)) var(--dp), calc(100% - var(--ear) - var(--dp)) var(--dp), calc(100% - var(--ear)) 0, calc(100% - var(--t)) 0, 100% var(--t), 100% calc(var(--ny) - var(--n)), calc(100% - var(--n)) var(--ny), 100% calc(var(--ny) + var(--n)), 100% calc(100% - var(--d) - var(--b)), calc(100% - var(--b)) calc(100% - var(--d)), calc(100% - var(--i)) calc(100% - var(--d)), calc(100% - var(--i) - var(--d)) 100%, calc(var(--i) + var(--d)) 100%, var(--i) calc(100% - var(--d)), var(--b) calc(100% - var(--d)), 0 calc(100% - var(--d) - var(--b)), 0 calc(var(--ny) + var(--n)), var(--n) var(--ny), 0 calc(var(--ny) - var(--n)), 0 var(--t))}.cf-nft-top{z-index:1;height:calc(var(--card-w) * .45);padding:0 20px calc(var(--card-w) * .075);place-items:end center;display:grid}.cf-nft-top:after{content:"";inset:var(--dip) 14% 0;z-index:-1;clip-path:polygon(14% 0,86% 0,100% 22%,100% 100%,0 100%,0 22%);background:linear-gradient(#090b170d,#090b1752);position:absolute}.cf-nft-title{color:var(--text);font-family:var(--font-display);font-size:calc(var(--card-w) * .075);letter-spacing:.01em;margin:0;font-weight:600;line-height:1}.cf-seam{z-index:4;justify-items:center;margin:-19px 0 -17px;display:grid;position:relative}.cf-timer .timer-pill{min-width:182px}.cf-timer .timer-pill:before{background:linear-gradient(90deg, transparent var(--split,0%), #0003 var(--split,0%)), linear-gradient(180deg, var(--olive-hi), var(--olive) 70%, #3c3720)}.cf-timer .timer-value{min-width:4.6em}.cf-nft-bottom{--cut-t:8px;--cut-b:8px;--tab:calc(var(--card-w) * .065);--tab-i:17%;z-index:1;min-height:calc(var(--card-w) * .6);padding:28px 14px calc(var(--card-w) * .065 + 12px);display:grid}.cf-nft-body{align-content:center;justify-items:center;gap:9px;width:100%;display:grid}.cf-odds{justify-items:center;gap:3px;display:grid}.cf-odds-list{font-family:var(--font-label);letter-spacing:.06em;color:var(--text-2);grid-template-columns:auto auto auto auto;align-items:baseline;gap:0 9px;margin:0;font-size:.86rem;font-weight:700;display:grid}.cf-odds-list dd{color:var(--text-1);font-variant-numeric:tabular-nums;margin:0 8px 0 0}.cf-odds-list dd:last-child{margin-right:0}.cf-odds-name--rare,.cf-odds-name--rare+dd{color:var(--cyan)}.cf-odds-caption{font-family:var(--font-label);letter-spacing:.16em;color:var(--text-3);margin:0;font-size:.62rem;font-weight:700}.cf-nores{color:#ff2a55;width:100%;min-height:54px;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 0 10px #ff004473;background:linear-gradient(#ff00441a,#ff00442e);border:1px dashed #f04c;place-items:center;font-size:1.8rem;font-weight:600;display:grid}.cf-price-line,.cf-skip-caption{font-family:var(--font-display);letter-spacing:.02em;color:var(--text-2);margin:0;font-weight:500}.cf-price-line{font-size:1.1rem}.cf-price-line[hidden]{visibility:hidden;display:block}.cf-price-time{font-variant-numeric:tabular-nums}.cf-skip-caption{color:var(--text-3);font-size:.95rem}.cf-skip-caption.is-blocked{color:var(--text-2)}.cf-speed{gap:14px;min-height:56px;font-size:1.9rem}.cf-speed-price{font-variant-numeric:tabular-nums;align-items:center;gap:5px;font-size:1.05rem;display:inline-flex}.cf-speed-cur{letter-spacing:.06em;font-size:.8rem}.cf-speed-coin .cf-ico{width:18px;height:18px}.cf-speed:disabled,.cf-speed:disabled:hover{color:#ffe34642;box-shadow:none;text-shadow:none;cursor:not-allowed;background:#4a442552;border-color:#ffce2d38}.cf-nft-body--completed{align-content:center}.cf-nft-vfx{top:calc(var(--holo-h) * .56 - var(--card-w) * .319);z-index:2;width:calc(var(--card-w) * 2.15);mix-blend-mode:screen;filter:brightness(1.25)saturate(1.15);pointer-events:none;max-width:none;height:auto;animation:2.6s ease-in-out infinite alternate cf-vfx-pulse;position:absolute;left:50%;translate:-50%}@keyframes cf-vfx-pulse{0%{opacity:.78}to{opacity:1}}.cf-nft.is-celebrating .cf-nft-vfx{animation:cf-vfx-in .9s var(--ease) both, cf-vfx-pulse 2.6s .9s ease-in-out infinite alternate}.cf-nft.is-celebrating .cf-pill-socket,.cf-nft.is-arriving .timer-socket{animation:cf-pill-pop .64s .12s var(--ease) both}.cf-nft.is-celebrating .cf-action{animation:cf-rise .5s .3s var(--ease) both}@keyframes cf-vfx-in{0%{opacity:0;transform:scaleX(.3)}}@keyframes cf-pill-pop{0%{filter:brightness(2.2);transform:scale(.6)}60%{transform:scale(1.06)}to{filter:none;transform:none}}.cf-nft.is-glitching{animation:.22s step-end both cf-glitch}.cf-nft.is-glitching:after{content:"";z-index:6;pointer-events:none;background:repeating-linear-gradient(0deg,#1cc0f229 0 2px,#0000 2px 4px);position:absolute;inset:0}@keyframes cf-glitch{0%{transform:none}20%{filter:drop-shadow(3px 0 #ff0044b3)drop-shadow(-3px 0 #1cc0f2cc);transform:translate(-3px,1px)skew(-4deg)}40%{filter:drop-shadow(-4px 0 #ff0044b3)drop-shadow(4px 0 #1cc0f2cc)brightness(1.4);transform:translate(3px,-1px)}60%{filter:none;transform:translate(-2px)skew(3deg)}80%{filter:brightness(1.8);transform:translate(1px,1px)}to{filter:none;transform:none}}.cf-nft.is-claiming{animation:.26s ease-in forwards cf-claim}@keyframes cf-claim{to{filter:brightness(2.2);transform:scale(1.05)}}.cf-holo-wrap--ghost{z-index:0;opacity:.6}.cf-holo-wrap--ghost .cf-holo,.cf-holo-wrap--ghost .cf-holo-glow{filter:saturate(.6);animation:none}.cf-info-card{--tab:calc(var(--card-w) * .065);--tab-i:17%;z-index:1;margin-top:var(--holo-over);padding:calc(var(--dip) + 18px) 20px calc(var(--card-w) * .065 + 14px);align-content:start;gap:10px;display:grid}.cf-info-title{text-align:center;color:var(--text-1);font-family:var(--font-label);letter-spacing:.08em;margin:0;font-size:1.15rem;font-weight:500}.cf-info-body{color:#c4cbf3;font-family:var(--font-label);gap:9px;font-size:.8rem;font-weight:500;line-height:1.38;display:grid}.cf-info-body p{margin:0}.cf-info-note{color:var(--text-3);font-size:.72rem}.cf-info-table{gap:3px;margin:0;display:grid}.cf-info-row{border-bottom:1px solid #7f8fd629;justify-content:space-between;align-items:baseline;gap:10px;padding:2px 0;display:flex}.cf-info-row dt{color:var(--text-3);letter-spacing:.1em;flex:none;font-size:.64rem;font-weight:700}.cf-info-row dd{text-align:right;color:var(--text-1);font-family:var(--font-display);letter-spacing:.02em;margin:0;font-size:.86rem;font-weight:500}.cf-info-row.is-cyan dd{color:var(--cyan)}.cf-info-row.is-yellow dd{color:var(--yellow)}.cf-info-row.is-red dd{color:#ff4f6d}.cf-info-seqs{gap:4px;margin:0;padding:0;list-style:none;display:grid}.cf-info-seq{background:#1cc0f214;border:1px solid #1cc0f280;align-items:center;gap:8px;padding:3px 8px;display:flex}.cf-info-seq.is-missed{background:0 0;border:1px dashed #7f8fd659}.cf-info-codes{color:var(--text);font-family:var(--font-display);letter-spacing:.08em;font-size:.9rem}.cf-info-btn{flex:none;width:min(270px,78%);max-width:none;min-height:42px}.cf-info-btn-inner{align-items:center;gap:8px;display:inline-flex}@media (width>=860px) and (aspect-ratio>=1){.cf-craft{gap:20px}.cf-nft-bottom{padding-top:32px}.cf-odds-list{font-size:1rem}.cf-odds-caption{font-size:.7rem}.cf-price-line{font-size:1.35rem}.cf-skip-caption{font-size:1.1rem}.cf-speed{min-height:66px;font-size:2.3rem}.cf-speed-price{font-size:1.3rem}.cf-nores{min-height:62px;font-size:2.2rem}.cf-timer .timer-pill{min-width:230px}.cf-info-title{font-size:1.45rem}.cf-info-body{font-size:.92rem}.cf-info-btn{width:272px;min-height:46px}}@media (prefers-reduced-motion:reduce){.cf-flip-inner{transition:none}.cf-holo,.cf-holo-glow,.cf-nft-vfx,.cf-nft.is-celebrating .cf-nft-vfx,.cf-nft.is-celebrating .cf-pill-socket,.cf-nft.is-arriving .timer-socket,.cf-nft.is-celebrating .cf-action,.cf-nft.is-glitching,.cf-nft.is-claiming{animation:none}}.cf-modal{z-index:50;place-items:center;padding:4px;display:grid;position:fixed;inset:0}.cf-modal.is-pending{visibility:hidden}.cf-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:radial-gradient(70% 55% at 50% 40%,#27315b73,#0000 75%),#050713e6;position:absolute;inset:0}.cf-modal-shell{will-change:transform, opacity;width:100%;max-width:1100px;height:100%;max-height:720px;position:relative}.cf-modal-panel{--cut-t:14px;--cut-b:14px;width:100%;height:100%;display:grid}.cf-modal-content{z-index:1;grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.cf-modal-head{text-align:center;background:linear-gradient(#8097fc1a,#0000);border-bottom:1px solid #7f8fd647;padding:7px 18px 6px}.cf-modal-title{color:var(--text);font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 0 12px #8097fc8c;white-space:nowrap;margin:0;font-size:1.3rem;font-weight:600;line-height:1.1}.cf-modal-caption{color:var(--yellow);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;margin:1px 0 0;font-size:.66rem;font-weight:700;line-height:1.3}.cf-modal-body{background:radial-gradient(ellipse 60% 50% at 50% 50%, #5794f71f, transparent 70%), var(--hex-tile) center top / 64px 112px;min-height:0;margin:0 1.5px 1.5px;display:grid;position:relative;overflow:hidden}.cf-breach-frame{background:var(--navy-900);border:0;width:100%;height:100%;display:block}.cf-modal-body.is-locked:after{content:"";z-index:2;cursor:progress;background:linear-gradient(#0000 40%,#05071359);position:absolute;inset:0}.cf-scanline{z-index:3;pointer-events:none;opacity:0;background:linear-gradient(#0000 80%,#1cc0f224 99%,#a6ecff 99.6%,#0000);animation:.76s ease-out .42s both cf-scan;position:absolute;inset:0}@keyframes cf-scan{0%{opacity:0;transform:translateY(-100%)}12%{opacity:1}to{opacity:0;transform:translateY(0)}}.cf-outcome{--accent:var(--cyan);--accent-glow:#1cc0f299;--pill-fill:linear-gradient(180deg, #11486a, #0b2b47 70%, #082036);--pill-text:#d9f6ff;place-self:center;justify-items:center;gap:9px;width:min(440px,100%);max-height:100%;padding:14px 16px 16px;display:grid;overflow-y:auto}.cf-tier--normal{--accent:var(--yellow-stroke);--accent-glow:#ffce2d99;--pill-fill:linear-gradient(180deg, var(--olive-hi), var(--olive) 70%, #3c3720);--pill-text:#fff4cf}.cf-tier--none{--accent:var(--red-2);--accent-glow:#f049;--pill-fill:linear-gradient(180deg, #5c1f2b, #3a1420 70%, #2a0d17);--pill-text:#ffd9de}.cf-outcome>*{animation:cf-rise .42s var(--ease) both}.cf-outcome>:nth-child(2){animation:cf-hours-in .62s 60ms var(--ease) both}.cf-outcome>:nth-child(3){animation-delay:.16s}.cf-outcome>:nth-child(4){animation-delay:.22s}.cf-outcome>:nth-child(5){animation-delay:.3s}.cf-outcome>:nth-child(6){animation-delay:.38s}.cf-outcome>:nth-child(7){animation-delay:.44s}.cf-tier--none>:nth-child(2){animation:cf-hours-in .62s 60ms var(--ease) both, cf-shake .36s .68s ease-in-out}@keyframes cf-hours-in{0%{opacity:0;filter:brightness(2.4);transform:scale(.55)}60%{opacity:1;transform:scale(1.06)}to{filter:none;transform:none}}@keyframes cf-shake{25%{transform:translate(-5px)}50%{transform:translate(4px)}75%{transform:translate(-2px)}}.cf-outcome-kicker,.cf-outcome-cost-label{color:var(--text-3);font-family:var(--font-label);letter-spacing:.14em;margin:0;font-size:.64rem;font-weight:700}.cf-hours-socket{--hex:26px;background:linear-gradient(180deg, var(--navy-600), var(--navy-850));clip-path:polygon(var(--hex) 0, calc(100% - var(--hex)) 0, 100% 50%, calc(100% - var(--hex)) 100%, var(--hex) 100%, 0 50%);padding:5px 15px}.cf-hours-glow{filter:drop-shadow(0 0 6px var(--accent-glow)) drop-shadow(0 0 16px var(--accent-glow))}.cf-hours-pill{--hex:22px;isolation:isolate;background:var(--accent);min-width:230px;clip-path:polygon(var(--hex) 0, calc(100% - var(--hex)) 0, 100% 50%, calc(100% - var(--hex)) 100%, var(--hex) 100%, 0 50%);justify-content:center;align-items:baseline;gap:10px;padding:7px 44px 4px;display:flex;position:relative}.cf-hours-pill:before{content:"";z-index:-1;background:var(--pill-fill);clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 50%,calc(100% - 20px) 100%,20px 100%,0 50%);position:absolute;inset:2.5px}.cf-hours-label,.cf-hours-value{color:var(--pill-text);font-family:var(--font-display);text-shadow:0 0 10px var(--accent-glow);font-weight:600}.cf-hours-label{letter-spacing:.06em;font-size:1.1rem}.cf-hours-value{font-variant-numeric:tabular-nums;font-size:3.1rem;line-height:1}.cf-outcome-title{color:var(--accent);font-family:var(--font-display);letter-spacing:.04em;text-shadow:0 0 10px var(--accent-glow);margin:2px 0 0;font-size:1.6rem;font-weight:600;line-height:1}.cf-outcome-saving{color:var(--text-2);font-family:var(--font-label);letter-spacing:.1em;margin:-2px 0 2px;font-size:.7rem;font-weight:700}.cf-outcome-seqs{gap:6px;width:100%;margin:0;padding:0;list-style:none;display:grid}.cf-outcome-seq{background:#090b1766;border:1px solid #7f8fd640;grid-template-columns:1fr auto;align-items:center;gap:3px 10px;padding:6px 10px;display:grid}.cf-outcome-seq.is-installed{border-color:var(--cyan);background:linear-gradient(90deg,#1cc0f22e,#090b1766 75%);box-shadow:inset 0 0 10px #1cc0f22e}.cf-outcome-seq.is-missed{background:#090b1766;border:1px dashed #7f8fd659}.cf-outcome-codes{flex-wrap:wrap;gap:4px;display:flex}.cf-outcome-codes .token{cursor:default;min-width:1.9rem;font-size:1rem}.cf-outcome-seq.is-installed .token{color:var(--navy-950);background:linear-gradient(180deg, #6fdcff, var(--cyan));border-color:#a6ecff}.cf-outcome-seq.is-missed .token{color:var(--text-3);opacity:.7}.cf-outcome-label{color:var(--text-2);font-family:var(--font-label);letter-spacing:.06em;grid-column:1;font-size:.64rem;font-weight:700}.cf-outcome-seq .badge{grid-area:1/2/span 2}.cf-outcome-empty{text-align:center;background:var(--red-12);width:100%;color:var(--text-2);font-family:var(--font-label);border:1px dashed #f049;margin:0;padding:8px 10px;font-size:.72rem;font-weight:700}.cf-outcome-foot{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;display:flex}.cf-start{min-height:54px;font-size:1.8rem}.cf-confirm{width:100%;animation:cf-fade-in .22s var(--ease);align-self:center;justify-items:center;gap:12px;padding:12px 0;display:grid}.cf-confirm-title{color:var(--yellow);font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 0 10px #ffe34673;align-items:baseline;margin:0;font-size:2rem;font-weight:600;display:flex}.cf-dots{gap:3px;margin-left:4px;display:inline-flex}.cf-dots i{background:currentColor;width:5px;height:5px;animation:.9s ease-in-out infinite cf-dot}.cf-dots i:nth-child(2){animation-delay:.15s}.cf-dots i:nth-child(3){animation-delay:.3s}@keyframes cf-dot{0%,to{opacity:.2}50%{opacity:1}}.cf-confirm-sub{color:var(--text-3);font-family:var(--font-label);letter-spacing:.12em;text-transform:uppercase;margin:-8px 0 0;font-size:.64rem;font-weight:700}.cf-carousel{width:100%;padding:14px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.cf-carousel-track{width:max-content;animation:1.5s linear infinite cf-spin;display:flex}.cf-carousel-strip{gap:12px;padding-right:12px;display:flex}@keyframes cf-spin{to{transform:translate(-50%)}}.cf-carousel-lens{--bk:var(--yellow);--bk-len:14px;--bk-w:3px;pointer-events:none;background:linear-gradient(var(--bk) 0 0) top left / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) top left / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) top right / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) top right / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) bottom left / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) bottom left / var(--bk-w) var(--bk-len), linear-gradient(var(--bk) 0 0) bottom right / var(--bk-len) var(--bk-w), linear-gradient(var(--bk) 0 0) bottom right / var(--bk-w) var(--bk-len);background-repeat:no-repeat;width:104px;position:absolute;top:6px;bottom:6px;left:50%;translate:-50%;box-shadow:0 0 24px #ffe34640,inset 0 0 24px #ffe34626}@media (width>=860px) and (aspect-ratio>=1){.cf-modal{padding:14px 24px}.cf-modal-head{padding:10px 18px 8px}.cf-modal-title{font-size:1.6rem}.cf-modal-caption{font-size:.74rem}.cf-outcome{gap:11px}.cf-hours-value{font-size:3.8rem}.cf-carousel-lens{width:112px}}@media (prefers-reduced-motion:reduce){.cf-scanline,.cf-outcome>*,.cf-tier--none>:nth-child(2),.cf-confirm,.cf-dots i{animation:none}.cf-scanline{display:none}.cf-carousel-track{animation-duration:12s}}.cf-flash{z-index:80;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 42%,#fff 0 10%,#c4cfffeb 26%,#5794f780 52%,#090b1733 80%);position:fixed;inset:0}.cf-flash--rare{background:radial-gradient(circle at 50% 42%,#fff 0 10%,#a6ecfff2 26%,#1cc0f28c 52%,#090b1733 80%)}.cf-reveal{--glow:#8097fc80;text-align:center;align-content:center;justify-items:center;gap:8px;width:min(100%,380px);display:grid;position:relative}.cf-reveal--rare{--glow:#1cc0f299}.cf-reveal>:not(.cf-burst){z-index:1;position:relative}.cf-burst{z-index:0;aspect-ratio:1;pointer-events:none;width:min(560px,150vw);position:absolute;top:40%;left:50%;translate:-50% -50%}.cf-burst-rays{background:repeating-conic-gradient(#8097fc33 0 5deg, transparent 5deg 15deg);border-radius:50%;animation:22s linear infinite cf-rays;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 0 18%,#0000 62%);mask-image:radial-gradient(circle,#000 0 18%,#0000 62%)}.cf-reveal--rare .cf-burst-rays{background:repeating-conic-gradient(#1cc0f252 0 5deg, transparent 5deg 12deg)}.cf-burst-core{background:radial-gradient(circle, var(--glow), transparent 68%);border-radius:50%;position:absolute;inset:24%}@keyframes cf-rays{to{transform:rotate(360deg)}}.cf-reveal-kicker{color:var(--text-3);font-family:var(--font-label);letter-spacing:.2em;margin:0;font-size:.7rem;font-weight:700}.cf-reveal-card{perspective:900px;filter:drop-shadow(0 0 18px var(--glow))}.cf-reveal-name{color:var(--text);font-family:var(--font-display);letter-spacing:.02em;margin:4px 0 0;font-size:2.1rem;font-weight:600;line-height:1}.cf-reveal-meta{align-items:center;gap:10px;margin:0;display:flex}.cf-rarity-badge{--hex:9px;font-family:var(--font-display);letter-spacing:.12em;color:var(--navy-950);clip-path:polygon(var(--hex) 0, calc(100% - var(--hex)) 0, 100% 50%, calc(100% - var(--hex)) 100%, var(--hex) 100%, 0 50%);background:#e7ebfa;padding:3px 18px 2px;font-size:.95rem;font-weight:600}.cf-rarity-badge--rare{color:#fff;background:linear-gradient(90deg, var(--cyan), var(--blue));text-shadow:0 0 6px #0000004d}.cf-reveal-time{color:var(--text-3);font-family:var(--font-label);letter-spacing:.12em;font-size:.66rem;font-weight:700}.cf-reveal-actions{gap:10px;width:min(300px,100%);margin-top:8px;display:grid}.cf-reveal-actions .cf-action{min-height:52px;font-size:1.7rem}.cf-link-btn{width:100%;max-width:none}.cf-reveal.is-fresh .cf-burst{animation:cf-burst-in .9s var(--ease) both}.cf-reveal.is-fresh .cf-reveal-card>*{animation:cf-card-in .9s 80ms var(--ease) both}.cf-reveal.is-fresh .cf-reveal-kicker,.cf-reveal.is-fresh .cf-reveal-name,.cf-reveal.is-fresh .cf-reveal-meta,.cf-reveal.is-fresh .cf-reveal-actions{animation:cf-rise .46s var(--ease) both}.cf-reveal.is-fresh .cf-reveal-name{animation-delay:.52s}.cf-reveal.is-fresh .cf-reveal-meta{animation-delay:.62s}.cf-reveal.is-fresh .cf-reveal-actions{animation-delay:.76s}@keyframes cf-burst-in{0%{opacity:0;transform:scale(.2)}}@keyframes cf-card-in{0%{opacity:0;filter:brightness(3);transform:rotateY(90deg)scale(.6)}55%{opacity:1;transform:rotateY(-8deg)scale(1.04)}to{filter:none;transform:none}}@media (width>=860px) and (aspect-ratio>=1){.cf-reveal-name{font-size:2.6rem}}@media (prefers-reduced-motion:reduce){.cf-burst-rays,.cf-reveal.is-fresh .cf-burst,.cf-reveal.is-fresh .cf-reveal-card>*,.cf-reveal.is-fresh .cf-reveal-kicker,.cf-reveal.is-fresh .cf-reveal-name,.cf-reveal.is-fresh .cf-reveal-meta,.cf-reveal.is-fresh .cf-reveal-actions{animation:none}}.cf-tcard{--w:92px;width:var(--w);justify-items:center;gap:5px;display:grid}.cf-tcard--sm{--w:84px}.cf-tcard--lg{--w:min(176px, 44vw)}.cf-tcard-art{aspect-ratio:1/1.06;border:1px solid hsl(var(--hue) 70% 78% / .75);background:linear-gradient(45deg, transparent 42%, hsl(var(--hue) 90% 88% / .26) 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, hsl(var(--hue) 90% 88% / .26) 42% 58%, transparent 58%), radial-gradient(circle at 50% 44%, hsl(var(--hue) 62% 62%), hsl(var(--hue) 48% 34%) 62%, hsl(var(--hue) 45% 18%));width:100%;position:relative;overflow:hidden;box-shadow:inset 0 0 14px #00000059}.cf-tcard--rare .cf-tcard-art{background:linear-gradient(45deg, transparent 42%, #a0ebff57 42% 58%, transparent 58%), linear-gradient(-45deg, transparent 42%, #a0ebff57 42% 58%, transparent 58%), radial-gradient(circle at 50% 44%, hsl(var(--hue) 95% 66%), #1569d8 62%, #0a2c6c);border-color:#8fe6ff;box-shadow:0 0 12px #1cc0f28c,inset 0 0 14px #00143c66}.cf-tcard-art-inner{filter:drop-shadow(0 3px 3px #00000073);position:absolute;inset:13% 14% 22%}.cf-tower{width:100%;height:100%;display:block}.cf-tcard-tag{z-index:1;color:#2a3157;font-family:var(--font-label);font-size:calc(var(--w) * .055);letter-spacing:.2em;background:#e9ecf8e0;padding:1px 7px 0;font-weight:700;line-height:1.3;position:absolute;top:0;left:50%;translate:-50%}.cf-tcard-rarity{text-align:center;color:#2a3157;font-family:var(--font-label);font-size:calc(var(--w) * .085);letter-spacing:.22em;background:#e9ecf8;padding:2px 0 1px;font-weight:700;line-height:1.3;position:absolute;bottom:0;left:0;right:0}.cf-tcard--rare .cf-tcard-rarity{background:linear-gradient(90deg, var(--cyan), var(--blue));color:#fff}.cf-tcard-new{z-index:2;background:var(--yellow);width:70px;color:var(--navy-950);text-align:center;font-family:var(--font-display);letter-spacing:.1em;font-size:.6rem;font-weight:600;position:absolute;top:5px;right:-20px;rotate:45deg}.cf-tcard-name{max-width:100%;color:var(--text-2);font-family:var(--font-label);letter-spacing:.08em;text-align:center;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;font-weight:700;overflow:hidden}.cf-inv{grid-template-rows:auto minmax(0,1fr) auto;gap:10px;width:min(100%,560px);min-height:0;padding:8px 0 4px;display:grid}.cf-inv-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.cf-inv-count{color:var(--text-3);font-family:var(--font-label);letter-spacing:.14em;margin:0;font-size:.66rem;font-weight:700}.cf-inv-filters{gap:2px;display:flex}.cf-filter{color:#9aa0bd;font-family:var(--font-display);letter-spacing:.03em;cursor:pointer;background:0 0;border:0;padding:3px 9px 2px;font-size:1.05rem;font-weight:600}.cf-filter:hover{color:var(--text)}.cf-filter.is-active{color:var(--text);background:#1f2445}.cf-inv-panel{--cut-t:12px;--cut-b:12px;min-height:0;display:grid}.cf-inv-scroll{z-index:1;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--stroke) transparent;min-height:0;padding:16px 12px;position:relative;overflow-y:auto}.cf-inv-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));justify-items:center;gap:14px 8px;margin:0;padding:0;list-style:none;display:grid}.cf-inv-item.is-highlight .cf-tcard-art{animation:1.3s ease-in-out 3 cf-new-pulse}@keyframes cf-new-pulse{50%{border-color:var(--yellow);box-shadow:0 0 18px #ffe346cc,inset 0 0 14px #00000059}}.cf-inv-empty{text-align:center;color:var(--text-3);font-family:var(--font-label);margin:30px 0;font-size:.8rem;font-weight:700}.cf-inv-balances{font-size:.86rem}.cf-skin{width:var(--card-w)}.cf-skin-panel{--cut-t:14px;--notch:12px;--notch-h:26px;--tab:16px;text-align:center;justify-items:center;gap:12px;padding:30px 24px 40px;display:grid}.cf-skin-glyph{z-index:1;background:radial-gradient(circle at 30% 35%, var(--res-pink) 0 9%, transparent 10%), radial-gradient(circle at 55% 25%, var(--yellow) 0 9%, transparent 10%), radial-gradient(circle at 74% 44%, var(--cyan) 0 9%, transparent 10%), radial-gradient(circle at 50% 50%, #3a4480 0 60%, transparent 61%);border-radius:50%;width:72px;height:72px;position:relative;box-shadow:0 0 24px #8097fc59}.cf-skin-title{color:var(--text);font-family:var(--font-display);margin:0;font-size:1.8rem;font-weight:600;position:relative}.cf-skin-text{color:var(--text-2);font-family:var(--font-label);margin:0;font-size:.82rem;font-weight:500;line-height:1.4;position:relative}@media (width>=860px) and (aspect-ratio>=1){.cf-inv{width:min(560px,44vw);padding-top:14px}.cf-inv-grid{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.cf-tcard{--w:100px}.cf-tcard--sm{--w:92px}.cf-tcard--lg{--w:200px}}@media (prefers-reduced-motion:reduce){.cf-inv-item.is-highlight .cf-tcard-art{border-color:var(--yellow);animation:none}}