@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-condensed-vietnamese-500-normal.3y1q1jhianted.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-500-normal.1k2wvuoe3zywi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-condensed-latin-ext-500-normal.24wyemoa7l12j.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-500-normal.2e_826kf2bv_r.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:500;src:url(../media/barlow-condensed-latin-500-normal.3wun_rgcl0ums.woff2)format("woff2"),url(../media/barlow-condensed-latin-500-normal.28rq7sis4b5t1.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-vietnamese-700-normal.30aknk5meqo_4.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-700-normal.3f_ld5jwq496k.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-ext-700-normal.1qvxqej4sgmo7.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-700-normal.2ujo9d6x5hgkq.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:700;src:url(../media/barlow-condensed-latin-700-normal.21s4tc4km7afu.woff2)format("woff2"),url(../media/barlow-condensed-latin-700-normal.1on3xg---ibgx.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-vietnamese-800-normal.0bnijc5a116ah.woff2)format("woff2"),url(../media/barlow-condensed-vietnamese-800-normal.0x2bwntxagcoi.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-ext-800-normal.2qbk6mf928vn4.woff2)format("woff2"),url(../media/barlow-condensed-latin-ext-800-normal.2ilznutl-gkih.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Barlow Condensed;font-style:normal;font-display:swap;font-weight:800;src:url(../media/barlow-condensed-latin-800-normal.3lg-gfem2skt4.woff2)format("woff2"),url(../media/barlow-condensed-latin-800-normal.2yhcvw6l_9tek.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-cyrillic-ext-400-normal.0nsnl23n_6n31.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-400-normal.1dl2imy1n69qn.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-vietnamese-400-normal.0tuhl1a7zqzph.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-400-normal.1ebhu3ydxye98.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-latin-ext-400-normal.2dpj9jam_znrc.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-400-normal.1cm1a-poxlrvd.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:400;src:url(../media/plus-jakarta-sans-latin-400-normal.2ysn9gc82zk1v.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-400-normal.0crn-37tc-i3f.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-cyrillic-ext-600-normal.21hth67503ask.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-600-normal.06z2bi1zgn__c.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-vietnamese-600-normal.0uos7e0hb0vh9.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-600-normal.3bl-erxcxetvl.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-latin-ext-600-normal.2mnwxc4ivfhul.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-600-normal.07s-jvr3cnqdh.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:600;src:url(../media/plus-jakarta-sans-latin-600-normal.0p6sew1q6gl7s.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-600-normal.0zi76bk3y5qvy.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-cyrillic-ext-700-normal.1nhq2514h9x8o.woff2)format("woff2"),url(../media/plus-jakarta-sans-cyrillic-ext-700-normal.1ib5jkckymo9d.woff)format("woff");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-vietnamese-700-normal.1z0ss10ckklg_.woff2)format("woff2"),url(../media/plus-jakarta-sans-vietnamese-700-normal.2lsr2bj7wsvqp.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-latin-ext-700-normal.1l58qrcouh72i.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-ext-700-normal.2y7a0hldj3559.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Plus Jakarta Sans;font-style:normal;font-display:swap;font-weight:700;src:url(../media/plus-jakarta-sans-latin-700-normal.1dulefe5e4s81.woff2)format("woff2"),url(../media/plus-jakarta-sans-latin-700-normal.11xgn1hzdiyec.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--ink:#070b14;--navy:#0b1221;--panel:#101a2d;--panel-2:#15223a;--panel-3:#1b2b47;--line:#b3d5ff24;--line-bright:#b3e6ff57;--text:#f3f8ff;--muted:#91a4bf;--blue:#4ec9ff;--blue-deep:#2676ff;--cyan:#91fff6;--yellow:#e9ff48;--gold:#ffc84c;--green:#55f2a7;--red:#ff637f;--purple:#a375ff;--font-display:"Barlow Condensed", "Avenir Next Condensed", sans-serif;--font-body:"Plus Jakarta Sans", "Avenir Next", sans-serif;--shadow:0 26px 80px #00000061}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{color:var(--text);background:var(--ink);font-family:var(--font-body);min-width:320px;margin:0;font-size:14px}button,input,select{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}::selection{color:#08101d;background:var(--yellow)}body:before{content:"";z-index:-2;background:radial-gradient(circle at 80% 8%,#3882ff29,#0000 24rem),radial-gradient(circle at 5%,#27e9db12,#0000 28rem),linear-gradient(#080d18 0%,#070b14 52%,#090d17 100%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.2;background-image:linear-gradient(#7bafff0d 1px,#0000 1px),linear-gradient(90deg,#7bafff0d 1px,#0000 1px);background-size:44px 44px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 70%);mask-image:linear-gradient(#000,#0000 70%)}.app-shell{min-height:100vh}.demo-ribbon{height:28px;font:700 11px/1 var(--font-body);letter-spacing:.14em;color:#071015;background:var(--yellow);justify-content:center;align-items:center;gap:7px;display:flex}.demo-ribbon span{letter-spacing:0;opacity:.72;font-weight:700}.app-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080d18e0;grid-template-columns:220px 1fr auto;align-items:center;height:78px;padding:0 max(26px,50vw - 740px);display:grid;position:sticky;top:0}.demo-ribbon+.app-header{top:0}.brand{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand-mark{color:#06121e;background:linear-gradient(145deg, var(--cyan), var(--blue));place-items:center;width:37px;height:37px;display:grid;transform:skew(-7deg);box-shadow:0 0 24px #4ec9ff4d}.brand-mark svg{transform:skew(7deg)}.brand-mark--large{width:64px;height:64px;margin:0 auto 24px}.brand>span:last-child{font-family:var(--font-display);font-style:italic;line-height:.84;display:grid}.brand b{letter-spacing:.035em;font-size:24px}.brand small{color:var(--blue);letter-spacing:.42em;font-size:13px;font-weight:800}.app-header nav{justify-self:center;align-items:center;gap:4px;height:100%;display:flex}.app-header nav button{height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0 22px;font-weight:700;display:flex;position:relative}.app-header nav button:hover,.app-header nav button.is-active{color:var(--text)}.app-header nav button.is-active:after{content:"";background:var(--blue);height:3px;box-shadow:0 0 16px var(--blue);position:absolute;bottom:-1px;left:18px;right:18px}.app-header nav i{color:#06111c;background:var(--yellow);border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;font-style:normal;display:grid}.app-header nav em{background:var(--green);width:7px;height:7px;box-shadow:0 0 10px var(--green);border-radius:50%}.header-actions{align-items:center;gap:14px;display:flex}.quick-swap{height:40px;color:var(--yellow);cursor:pointer;background:#e9ff4812;border:1px solid #e9ff4873;align-items:center;gap:7px;padding:0 16px;font-weight:800;display:flex;transform:skew(-5deg)}.quick-swap>*{transform:skew(5deg)}.quick-swap:hover{color:#071015;background:var(--yellow)}.profile-button{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:9px;padding:0;display:flex}.profile-button>span:nth-child(2){min-width:80px;display:grid}.profile-button b{font:800 14px/1 var(--font-display);text-transform:uppercase;letter-spacing:.05em}.profile-button small{max-width:100px;color:var(--muted);text-overflow:ellipsis;font-size:8px;overflow:hidden}.mobile-menu,.mobile-tabs{display:none}.avatar{color:#07101d;background:linear-gradient(145deg, var(--cyan), var(--blue-deep));font-family:var(--font-display);border:1px solid #ffffff52;border-radius:9px 3px;flex:none;place-items:center;font-size:18px;font-weight:900;display:grid;position:relative;overflow:visible;box-shadow:inset 0 0 18px #ffffff2e}.avatar img{object-fit:cover;border-radius:inherit;width:100%;height:100%}.avatar--small{width:34px;height:34px;font-size:14px}.avatar--medium{width:45px;height:45px}.avatar--large{width:58px;height:58px;font-size:22px}.presence-dot{border:2px solid var(--navy);background:var(--green);width:11px;height:11px;box-shadow:0 0 8px var(--green);border-radius:50%;position:absolute;bottom:-3px;right:-3px}.app-main{width:min(1480px,100% - 52px);margin:0 auto;padding:32px 0 90px}.eyebrow{color:var(--blue);letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:7px;margin:0 0 8px;font-size:10px;font-weight:900;display:flex}.button{cursor:pointer;letter-spacing:.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:43px;padding:0 20px;font-weight:850;transition:all .15s;display:inline-flex}.button:disabled{opacity:.45;cursor:not-allowed}.button--primary{color:#07111b;background:var(--yellow);border-color:var(--yellow);box-shadow:5px 5px #5e7f283d}.button--primary:not(:disabled):hover{transform:translate(-2px,-2px);box-shadow:8px 8px #5e7f283d}.button--secondary{color:var(--text);border-color:var(--line-bright);background:#7ba7e614}.button--secondary:not(:disabled):hover{border-color:var(--blue);background:#4ec9ff1f}.button--danger{color:#ffafbd;background:#ff637f14;border-color:#ff637f59}.button--small{min-height:36px;padding:0 14px;font-size:12px}.button--wide{width:100%}.icon-button{border:1px solid var(--line);width:39px;height:39px;color:var(--muted);cursor:pointer;background:#ffffff06;flex:none;place-items:center;display:grid}.icon-button:hover{color:var(--text);border-color:var(--line-bright)}.icon-button--accent{color:var(--yellow);border-color:#e9ff4859}.text-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:flex}.text-button:hover{color:var(--text)}.collection-hero{isolation:isolate;height:255px;box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));background:linear-gradient(110deg,#14233e 0%,#0d1b32 52%,#102541 100%);border:1px solid #5db8ff3d;grid-template-columns:minmax(300px,1.2fr) .75fr .4fr;align-items:center;gap:42px;padding:30px 40px;display:grid;position:relative;overflow:hidden}.collection-hero:before{content:"";z-index:-1;background:radial-gradient(circle at 82% 58%,#3dbdff57,#0000 23%),repeating-linear-gradient(115deg,#0000 0 70px,#75b5ff09 71px 72px);position:absolute;inset:0}.collection-hero:after{content:"SPRITES";z-index:-1;color:#69baff0b;font:italic 900 170px/1 var(--font-display);letter-spacing:-.04em;position:absolute;bottom:-54px;right:-22px}.collection-hero__copy{z-index:2;position:relative}.collection-hero h1,.page-heading h1,.friend-collection-banner h1{font:italic 900 56px/.77 var(--font-display);letter-spacing:-.035em;text-transform:uppercase;margin:0}.collection-hero h1 span,.page-heading h1 span{color:var(--blue)}.collection-hero__copy>p:last-child{color:#a7b6cb;max-width:430px;margin:19px 0 0;font-size:12px;line-height:1.55}.hero-progress{z-index:3;border-left:1px solid var(--line-bright);align-items:center;gap:19px;padding-left:22px;display:flex;position:relative}.hero-progress>div{display:grid}.hero-progress small{color:var(--muted);letter-spacing:.15em;font-size:9px;font-weight:850}.hero-progress strong{font:900 38px/1 var(--font-display);margin:2px 0 -2px}.hero-progress span{color:var(--blue);font-size:10px}.progress-ring{--progress:0deg;background:conic-gradient(var(--blue) var(--progress), #82b3ff1f 0);border-radius:50%;flex:none;justify-content:center;align-items:baseline;width:86px;height:86px;padding-top:28px;display:flex;position:relative;box-shadow:0 0 25px #4ec9ff21}.progress-ring:before{content:"";background:var(--panel);border-radius:50%;position:absolute;inset:7px;box-shadow:inset 0 0 18px #00000073}.progress-ring b,.progress-ring small{z-index:1;position:relative}.progress-ring b{font:900 25px/1 var(--font-display)}.progress-ring small{color:var(--muted);font:700 11px/1 var(--font-display)}.progress-ring--gold{background:conic-gradient(var(--gold) var(--progress), #82b3ff1f 0)}.hero-mastered{z-index:3;align-items:center;gap:11px;display:flex;position:relative}.hero-mastered>span{width:42px;height:42px;color:var(--gold);background:#ffc84c14;border:1px solid #ffc84c57;place-items:center;display:grid;transform:rotate(45deg)}.hero-mastered svg{transform:rotate(-45deg)}.hero-mastered>div{display:grid}.hero-mastered strong{font:900 29px/1 var(--font-display)}.hero-mastered small{color:var(--gold);letter-spacing:.16em;font-size:8px;font-weight:900}.hero-sprite{z-index:1;pointer-events:none;filter:drop-shadow(0 20px 28px #00000080);position:absolute}.hero-sprite img{object-fit:contain;width:100%;height:100%}.hero-sprite--one{opacity:.96;width:235px;height:235px;bottom:-18px;right:8.5%}.hero-sprite--two{opacity:.5;filter:blur(.2px)saturate(.8);width:150px;height:150px;top:-8px;right:0}.collection-toolbar{grid-template-columns:minmax(260px,1fr) auto auto auto;gap:10px;margin-top:26px;display:grid}.search-box{min-height:44px;color:var(--muted);border:1px solid var(--line);background:#101a2dc2;align-items:center;gap:10px;padding:0 14px;display:flex}.search-box:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #4ec9ff14}.search-box input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.search-box input::placeholder{color:#60728d}.search-box kbd{border:1px solid var(--line);color:#70819a;background:#00000026;padding:4px 7px;font-size:9px}.filter-trigger{border:1px solid var(--line);min-width:126px;color:var(--muted);background:var(--panel);cursor:pointer;justify-content:center;align-items:center;gap:8px;font-weight:750;display:flex}.filter-trigger.is-active{color:var(--text);border-color:var(--blue)}.filter-trigger b{color:#07101a;background:var(--yellow);border-radius:50%;place-items:center;width:19px;height:19px;font-size:10px;display:grid}.sort-select{border:1px solid var(--line);min-width:180px;color:var(--muted);background:var(--panel);align-items:center;gap:8px;padding:0 10px 0 13px;display:flex}.sort-select span{text-transform:uppercase;font-size:10px;font-weight:800}.sort-select select,.filter-select select,.composer-top select{min-width:0;color:var(--text);cursor:pointer;background:0 0;border:0;outline:0;flex:1}.view-toggle{border:1px solid var(--line);background:var(--panel);grid-template-columns:1fr 1fr;padding:3px;display:grid}.view-toggle button{width:36px;color:var(--muted);cursor:pointer;background:0 0;border:0}.view-toggle button.is-active{color:var(--text);background:var(--panel-3)}.filter-panel{background:#101b2ff5;border:1px solid #4ec9ff3d;grid-template-columns:1.2fr .8fr .7fr auto;gap:24px;margin-top:10px;padding:20px;animation:.18s both slide-down;display:grid;box-shadow:0 20px 45px #00000040}.filter-panel__section{flex-direction:column;gap:9px;min-width:0;display:flex}.filter-label{color:var(--text);letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;font-size:10px;font-weight:850;display:flex}.filter-label small{color:var(--blue)}.filter-options{flex-wrap:wrap;gap:6px;display:flex}.filter-options button{border:1px solid var(--line);min-height:28px;color:var(--muted);cursor:pointer;background:#ffffff05;align-items:center;gap:4px;padding:0 10px;font-size:10px;font-weight:750;display:flex}.filter-options button.is-active{color:var(--text);border-color:var(--blue);background:#4ec9ff17}.filter-options--rarity button i{background:var(--blue);border-radius:50%;width:7px;height:7px}.filter-options--rarity .rarity-epic i{background:var(--purple)}.filter-options--rarity .rarity-legendary i{background:var(--gold)}.filter-options--rarity .rarity-mythic i{background:var(--red)}.filter-options--rarity .rarity-special i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.filter-select select{border:1px solid var(--line);background:var(--panel-2);height:34px;padding:0 9px}.filter-reset{white-space:nowrap;align-self:end;padding-bottom:8px}.ownership-tabs{border-bottom:1px solid var(--line);align-items:stretch;gap:2px;min-height:55px;margin-top:15px;display:flex}.ownership-tabs button{min-width:110px;color:var(--muted);cursor:pointer;text-transform:uppercase;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-size:11px;font-weight:800;display:flex;position:relative}.ownership-tabs button span{color:#8091a9;background:#7f9ec714;min-width:23px;padding:3px 6px;font-size:9px}.ownership-tabs button.is-active{color:var(--text)}.ownership-tabs button.is-active:after{content:"";background:var(--blue);height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.ownership-tabs button.is-active span{color:#07111b;background:var(--blue)}.ownership-tabs>small{color:var(--muted);align-self:center;margin-left:auto;font-size:10px}.sprite-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:13px;margin-top:18px;display:grid}.sprite-card{--rarity:var(--blue);border:1px solid var(--line);background:linear-gradient(160deg,#1b2b48e0,#0c1423f5);min-width:0;transition:transform .16s,border-color .16s,box-shadow .16s;position:relative;overflow:hidden}.sprite-card:hover{border-color:color-mix(in srgb, var(--rarity) 60%, transparent);box-shadow:0 16px 34px #00000057, 0 0 24px color-mix(in srgb, var(--rarity) 10%, transparent);transform:translateY(-4px)}.sprite-card.rarity-epic{--rarity:var(--purple)}.sprite-card.rarity-legendary{--rarity:var(--gold)}.sprite-card.rarity-mythic{--rarity:var(--red)}.sprite-card.rarity-special{--rarity:var(--cyan)}.sprite-card:before{content:"";z-index:3;background:var(--rarity);width:36px;height:3px;box-shadow:0 0 12px var(--rarity);position:absolute;top:0;left:0}.sprite-card__visual{aspect-ratio:1.14;background:radial-gradient(circle at 50% 65%, color-mix(in srgb, var(--rarity) 18%, transparent), transparent 58%), linear-gradient(160deg, #608ccc14, #04080f2e);cursor:pointer;border:0;place-items:center;width:100%;display:grid;position:relative;overflow:hidden}.sprite-card__visual:before{content:"";border:1px solid color-mix(in srgb, var(--rarity) 12%, transparent);border-radius:50%;width:70%;height:70%;position:absolute}.sprite-card__visual img{z-index:2;object-fit:contain;filter:drop-shadow(0 13px 15px #0000006b);width:90%;height:90%;transition:transform .18s}.sprite-card:hover .sprite-card__visual img{transform:scale(1.06)translateY(-3px)}.sprite-card__scanline{z-index:3;opacity:0;pointer-events:none;background:linear-gradient(#0000,#91fff61f,#0000);position:absolute;inset:0;transform:translateY(-100%)}.sprite-card:hover .sprite-card__scanline{opacity:1;animation:1.1s scan}.mastered-crown{z-index:4;color:#120e04;background:var(--gold);letter-spacing:.06em;align-items:center;gap:5px;padding:5px 7px;font-size:8px;font-weight:900;display:flex;position:absolute;top:8px;left:8px}.sprite-card__body{z-index:4;border-top:1px solid var(--line);position:relative}.sprite-card__heading{justify-content:space-between;align-items:center;gap:8px;min-height:65px;padding:11px 11px 9px;display:flex}.sprite-card__heading>div{min-width:0}.rarity-label{color:var(--rarity);letter-spacing:.14em;text-transform:uppercase;font-size:7px;font-weight:900}.sprite-card h3{color:var(--text);font:800 17px/1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin:2px 0 0;overflow:hidden}.variant-tag{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#00000026;flex:none;padding:4px 6px;font-size:7px;font-weight:800}.sprite-card__actions{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.mini-state{border:0;border-right:1px solid var(--line);color:#71839c;cursor:pointer;text-transform:uppercase;background:#ffffff04;justify-content:center;align-items:center;gap:4px;min-width:0;height:36px;font-size:8px;font-weight:850;display:flex}.mini-state:last-child{border-right:0}.mini-state:hover{color:var(--text);background:#4ec9ff0d}.mini-state.is-active{color:var(--green);background:#55f2a712}.mini-state--mastered.is-active{color:var(--gold);background:#ffc84c12}.friend-state{border-top:1px solid var(--line);height:36px;color:var(--muted);text-transform:uppercase;justify-content:center;align-items:center;gap:6px;font-size:9px;font-weight:850;display:flex}.is-owned .friend-state{color:var(--green)}.is-mastered .friend-state{color:var(--gold)}.sprite-grid--list{grid-template-columns:repeat(2,minmax(0,1fr))}.sprite-card--list{grid-template-columns:120px 1fr;display:grid}.sprite-card--list .sprite-card__visual{aspect-ratio:auto;min-height:108px}.sprite-card--list .sprite-card__body{border-top:0;border-left:1px solid var(--line);display:grid}.sprite-card--list .sprite-card__heading{min-height:65px}.empty-state{border:1px dashed var(--line-bright);text-align:center;background:#101a2d73;flex-direction:column;justify-content:center;align-items:center;min-height:310px;margin-top:18px;padding:40px 20px;display:flex}.empty-state__icon{width:66px;height:66px;color:var(--blue);background:#4ec9ff0f;border:1px solid #4ec9ff47;place-items:center;margin-bottom:15px;display:grid;transform:rotate(45deg)}.empty-state__icon svg{transform:rotate(-45deg)}.empty-state h3{font:850 27px/1 var(--font-display);text-transform:uppercase;margin:0}.empty-state p{max-width:420px;color:var(--muted);margin:9px 0 18px;line-height:1.6}.friend-collection-banner{background:linear-gradient(110deg,#12223d,#0d1728);border:1px solid #4ec9ff47;grid-template-columns:auto auto 1fr auto auto;align-items:center;gap:18px;min-height:132px;padding:22px 26px;display:grid}.friend-collection-banner h1{font-size:38px;line-height:.9}.friend-collection-banner p{color:var(--muted);margin:5px 0 0;font-size:11px}.friend-collection-banner__stats{border-right:1px solid var(--line);grid-template-columns:auto auto;align-items:baseline;column-gap:7px;padding-right:24px;display:grid}.friend-collection-banner__stats b{font:900 25px/1 var(--font-display);text-align:right}.friend-collection-banner__stats span{color:var(--muted);text-transform:uppercase;font-size:9px}.page-heading{clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,0 100%);background:linear-gradient(105deg,#13223b,#0d172a 58%,#112a42);border:1px solid #56adff38;align-items:center;min-height:240px;padding:34px 42px;display:flex;position:relative;overflow:hidden}.page-heading:before{content:"";background:repeating-linear-gradient(118deg,#0000 0 78px,#79bdff0a 79px 80px);position:absolute;inset:0}.page-heading>div:first-child{z-index:2;max-width:600px;position:relative}.page-heading h1{font-size:61px}.page-heading>div:first-child>p:last-child{max-width:500px;color:var(--muted);margin:18px 0 0;font-size:12px;line-height:1.6}.page-heading>.button{z-index:4;position:absolute;bottom:31px;right:38px}.friends-art{opacity:.92;filter:drop-shadow(0 20px 24px #0000006b);width:260px;height:260px;bottom:-37px;right:14%;position:absolute!important}.friends-art img{object-fit:contain;width:100%;height:100%}.page-heading--friends:after{content:"SQUAD";color:#4ec9ff0a;font:italic 900 175px/1 var(--font-display);position:absolute;top:-38px;right:4%}.friends-layout{grid-template-columns:minmax(0,1fr) 290px;gap:22px;margin-top:28px;display:grid}.section-block+.section-block{margin-top:30px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:end;min-height:46px;margin-bottom:11px;display:flex}.section-title h2{font:850 26px/1 var(--font-display);text-transform:uppercase;margin:0 0 10px}.section-title h2 span{color:#07111b;background:var(--blue);min-width:24px;height:22px;font:850 11px/1 var(--font-body);vertical-align:middle;place-items:center;margin-left:6px;display:inline-grid}.section-title .eyebrow{margin-bottom:5px}.mini-search{width:180px;color:var(--muted);align-items:center;gap:7px;padding:0 9px 8px;display:flex}.mini-search input{width:100%;color:var(--text);background:0 0;border:0;outline:0;font-size:11px}.request-list{gap:8px;display:grid}.friend-request{background:linear-gradient(90deg, #e9ff480e, var(--panel));border:1px solid #e9ff4838;grid-template-columns:auto 1fr auto auto;align-items:center;gap:14px;min-height:81px;padding:11px 12px;display:grid}.friend-request h3{font:850 20px/1 var(--font-display);text-transform:uppercase;margin:0}.friend-request p{color:var(--muted);margin:4px 0 0;font-size:10px}.friend-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.friend-card{border:1px solid var(--line);background:linear-gradient(155deg,#182843e6,#0b1321f5);min-width:0;padding:15px}.friend-card:hover{border-color:var(--line-bright)}.friend-card__top{grid-template-columns:auto 1fr auto;align-items:center;gap:10px;min-width:0;display:grid}.friend-card__top>div{min-width:0}.friend-card h3{font:850 21px/1 var(--font-display);text-transform:uppercase;margin:0}.friend-card p{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin:3px 0 0;font-size:9px;overflow:hidden}.online-label,.offline-label{color:var(--green);letter-spacing:.1em;font-size:7px;font-weight:900}.offline-label{color:#64758e}.friend-card__progress{background:#04091147;align-items:center;gap:15px;margin:17px 0 12px;padding:14px;display:flex}.friend-card__progress .progress-ring{width:67px;height:67px;padding-top:22px}.friend-card__progress .progress-ring:before{inset:6px}.friend-card__progress .progress-ring b{font-size:20px}.friend-card__progress>div{display:grid}.friend-card__progress>div small{color:var(--blue);letter-spacing:.14em;font-size:7px;font-weight:850}.friend-card__progress>div strong{font:900 27px/1 var(--font-display);margin-top:2px}.friend-card__progress>div strong span{color:var(--muted);font-size:12px}.friend-card__progress>div p{color:var(--gold);margin-top:3px}.compare-strip{grid-template-columns:1fr 1fr;gap:4px;margin-bottom:12px;display:grid}.compare-strip span{min-height:31px;color:var(--muted);background:#5085c911;align-items:center;gap:5px;padding:0 7px;font-size:8px;display:flex}.compare-strip span:last-child{color:var(--yellow);background:#e9ff480e}.compare-strip b{color:var(--text)}.friend-card__actions{gap:7px;display:flex}.friend-card__actions .button{flex:1;min-width:0;padding:0 12px;font-size:10px}.friend-sidebar{flex-direction:column;gap:12px;display:flex}.join-card{background:linear-gradient(150deg,#193250e6,#0c1423f5);border:1px solid #4ec9ff3d;padding:21px}.join-card__icon{width:44px;height:44px;color:var(--blue);background:#4ec9ff12;border:1px solid #4ec9ff52;place-items:center;margin-bottom:19px;display:grid}.join-card h3{font:850 24px/1 var(--font-display);text-transform:uppercase;margin:0}.join-card>p:not(.eyebrow){color:var(--muted);margin:8px 0 17px;font-size:10px;line-height:1.5}.join-card>div{display:flex}.join-card input{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--text);letter-spacing:.16em;text-transform:uppercase;background:#0000003b;outline:0;padding:0 12px;font-weight:850}.join-card input:focus{border-color:var(--blue)}.join-card button{color:#07111b;background:var(--yellow);cursor:pointer;border:0;width:44px}.join-card button:disabled{opacity:.4}.privacy-card{color:var(--green);background:#55f2a70a;border:1px solid #55f2a729;gap:11px;padding:16px;display:flex}.privacy-card h4{color:var(--text);margin:0;font-size:11px}.privacy-card p{color:var(--muted);margin:5px 0 0;font-size:9px;line-height:1.55}.pending-note{color:var(--muted);align-items:center;gap:7px;margin:4px 0 0;font-size:9px;display:flex}.page-heading--swaps{background:linear-gradient(105deg,#17223a,#0f182b 54%,#242242)}.page-heading--swaps:after{content:"SWAP";color:#a375ff0f;font:italic 900 190px/1 var(--font-display);position:absolute;bottom:-66px;right:7%}.swap-hero-stat{background:#55f2a70e;border:1px solid #55f2a740;align-items:center;gap:9px;padding:18px 23px;display:flex;right:31%;position:absolute!important}.swap-hero-stat strong{color:var(--green);font:900 44px/1 var(--font-display)}.swap-hero-stat span{color:var(--muted);letter-spacing:.12em;font-size:8px;font-weight:850}.swap-hero-stat svg{color:var(--green);animation:1.5s infinite pulse}.swap-guide{border:1px solid var(--line);background:#101a2db3;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;align-items:center;gap:15px;margin-top:18px;padding:18px 24px;display:grid}.swap-guide>div{grid-template-columns:auto 1fr;align-items:center;column-gap:10px;display:grid}.swap-guide>div span{color:var(--blue);font:italic 900 25px/1 var(--font-display);grid-row:span 2}.swap-guide>div b{font:800 15px/1 var(--font-display);text-transform:uppercase}.swap-guide>div small{color:var(--muted);margin-top:3px;font-size:8px}.swap-guide>svg{color:#42546f}.swap-tabs{border-bottom:1px solid var(--line);align-items:stretch;gap:4px;height:58px;margin-top:18px;display:flex}.swap-tabs button{min-width:130px;color:var(--muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-weight:800;display:flex;position:relative}.swap-tabs button span{background:#79a5dc17;min-width:22px;padding:3px 6px;font-size:9px}.swap-tabs button.is-active{color:var(--text)}.swap-tabs button.is-active:after{content:"";background:var(--purple);height:3px;position:absolute;bottom:-1px;left:10px;right:10px}.swap-list{gap:12px;margin-top:17px;display:grid}.swap-card{border:1px solid var(--line);background:linear-gradient(135deg,#17243cf5,#0a111ef7)}.swap-card--in_game{box-shadow:inset 3px 0 0 var(--green);border-color:#55f2a74a}.swap-card--requested{box-shadow:inset 3px 0 0 var(--yellow)}.swap-card--approved{box-shadow:inset 3px 0 0 var(--blue)}.swap-card--completed{box-shadow:inset 3px 0 0 var(--green)}.swap-card--failed,.swap-card--declined{opacity:.72;box-shadow:inset 3px 0 0 var(--red)}.swap-card__header{border-bottom:1px solid var(--line);grid-template-columns:1fr auto auto;align-items:center;gap:14px;min-height:72px;padding:11px 15px;display:grid}.swap-player{align-items:center;gap:11px;display:flex}.swap-player small{color:var(--muted);letter-spacing:.13em;font-size:7px;font-weight:850}.swap-player h3{font:850 20px/1 var(--font-display);text-transform:uppercase;margin:2px 0 0}.swap-player p{color:var(--muted);margin:2px 0 0;font-size:8px}.swap-status{color:var(--yellow);letter-spacing:.09em;text-transform:uppercase;background:#e9ff480d;border:1px solid #e9ff483d;align-items:center;gap:5px;padding:5px 8px;font-size:7px;font-weight:900;display:flex}.status-approved{color:var(--blue);background:#4ec9ff0d;border-color:#4ec9ff42}.status-in_game,.status-completed{color:var(--green);background:#55f2a70d;border-color:#55f2a740}.status-failed,.status-declined{color:var(--red);background:#ff637f0d;border-color:#ff637f40}.swap-card__header time{color:#657790;font-size:8px}.swap-progress{background:#03070e29;grid-template-columns:repeat(4,1fr);gap:0;padding:13px 23px 11px;display:grid}.swap-progress>div{align-items:center;gap:7px;display:flex;position:relative}.swap-progress>div:after{content:"";background:#2b3b55;flex:1;height:1px}.swap-progress>div:last-child:after{display:none}.swap-progress span{color:#70839e;border:1px solid #41536d;border-radius:50%;place-items:center;width:20px;height:20px;font-size:8px;display:grid}.swap-progress small{color:#64758f;text-transform:uppercase;font-size:7px;font-weight:800}.swap-progress .is-done span{color:#07111b;border-color:var(--green);background:var(--green)}.swap-progress .is-done:after{background:var(--green)}.swap-progress .is-current span{color:var(--text);border-color:var(--blue);box-shadow:0 0 10px #4ec9ff73}.swap-progress .is-current small{color:var(--text)}.swap-exchange{grid-template-columns:1fr 68px 1fr;align-items:center;gap:10px;min-height:132px;padding:15px 22px;display:grid}.swap-bundle{min-width:0}.swap-bundle>small{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:900}.swap-bundle>div{gap:6px;margin:6px 0;display:flex}.swap-bundle p{max-width:380px;color:var(--text);font:750 13px/1.2 var(--font-display);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;margin:0;overflow:hidden}.sprite-thumb{--rarity:var(--blue);border:1px solid color-mix(in srgb, var(--rarity) 35%, var(--line));background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 17%, transparent), #060b15b3);flex:none;place-items:center;width:59px;height:59px;display:grid;position:relative;overflow:hidden}.sprite-thumb img{object-fit:contain;width:95%;height:95%}.sprite-thumb.rarity-epic{--rarity:var(--purple)}.sprite-thumb.rarity-legendary{--rarity:var(--gold)}.sprite-thumb.rarity-mythic{--rarity:var(--red)}.sprite-thumb.rarity-special{--rarity:var(--cyan)}.sprite-thumb.is-selected{border-color:var(--yellow);box-shadow:inset 0 0 0 2px #e9ff4833}.sprite-thumb--empty{color:var(--muted)}.more-count{border:1px solid var(--line);width:59px;height:59px;color:var(--muted);font:850 15px/1 var(--font-display);background:#00000029;place-items:center;display:grid}.exchange-arrow{border:1px solid var(--line);width:43px;height:43px;color:var(--blue);background:#4ec9ff0d;justify-self:center;place-items:center;display:grid;transform:rotate(45deg)}.exchange-arrow svg{grid-area:1/1;transform:rotate(-45deg)translateY(-3px)}.exchange-arrow svg:last-child{opacity:.55;transform:rotate(-45deg)translateY(3px)}.swap-card__footer{border-top:1px solid var(--line);background:#04081033;justify-content:flex-end;align-items:center;gap:8px;min-height:58px;padding:10px 14px;display:flex}.swap-card__footer>p{color:var(--muted);align-items:center;gap:7px;margin:0 auto 0 0;font-size:10px;display:flex}.swap-card__footer>p svg{color:var(--blue)}.waiting-pulse svg{animation:1.4s infinite pulse;color:var(--green)!important}.terminal-message--success{color:var(--green)!important}.terminal-message--danger{color:var(--red)!important}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#02050bc2;place-items:center;padding:24px;animation:.14s both fade-in;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--line-bright);background:linear-gradient(155deg,#172640,#0d1728 65%);width:min(540px,100%);max-height:min(840px,100vh - 40px);animation:.18s both modal-in;overflow:auto;box-shadow:0 36px 120px #0000009e}.modal--wide{width:min(1040px,100%)}.modal__header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;min-height:78px;padding:17px 20px;display:flex}.modal__header h2{font:italic 900 34px/.9 var(--font-display);text-transform:uppercase;margin:0}.modal-copy{color:var(--muted);text-align:center;margin:21px 22px;font-size:11px;line-height:1.65}.invite-visual{height:130px;color:var(--blue);background:radial-gradient(circle,#4ec9ff26,#0000 60%);justify-content:center;align-items:center;gap:24px;display:flex}.invite-visual>span{color:var(--yellow);font:900 35px/1 var(--font-display)}.copy-field{gap:7px;margin:0 22px 14px;display:grid}.copy-field>span{color:var(--muted);letter-spacing:.15em;font-size:8px;font-weight:900}.copy-field>div{display:flex}.copy-field input{border:1px solid var(--line);width:100%;min-width:0;height:42px;color:var(--muted);background:#0000003d;padding:0 11px;font-size:10px}.copy-field button{color:#07111b;background:var(--blue);cursor:pointer;border:0;width:44px}.invite-code{background:#e9ff480e;border:1px solid #e9ff4840;justify-content:space-between;align-items:center;margin:0 22px;padding:14px 16px;display:flex}.invite-code>div{display:grid}.invite-code small{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:850}.invite-code strong{color:var(--yellow);font:900 27px/1 var(--font-display);letter-spacing:.12em}.invite-code button{color:var(--yellow);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;font-size:10px;font-weight:800;display:flex}.privacy-note{color:var(--green);justify-content:center;align-items:center;gap:7px;margin:18px 22px 22px;font-size:9px;display:flex}.sprite-detail__art{--rarity:var(--blue);background:radial-gradient(circle, color-mix(in srgb, var(--rarity) 20%, transparent), transparent 62%), #0409113d;place-items:center;height:325px;display:grid;position:relative;overflow:hidden}.sprite-detail__art.rarity-epic{--rarity:var(--purple)}.sprite-detail__art.rarity-legendary{--rarity:var(--gold)}.sprite-detail__art.rarity-mythic{--rarity:var(--red)}.sprite-detail__art.rarity-special{--rarity:var(--cyan)}.sprite-detail__art img{z-index:2;object-fit:contain;filter:drop-shadow(0 26px 26px #00000073);width:90%;height:90%}.sprite-detail__glow{border:1px solid color-mix(in srgb, var(--rarity) 24%, transparent);width:250px;height:250px;box-shadow:0 0 70px color-mix(in srgb, var(--rarity) 12%, transparent);border-radius:50%;position:absolute}.detail-facts{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.detail-facts span{border-right:1px solid var(--line);gap:3px;padding:12px 15px;display:grid}.detail-facts span:last-child{border-right:0}.detail-facts small{color:var(--muted);letter-spacing:.14em;font-size:7px;font-weight:850}.detail-facts b{font:800 16px/1 var(--font-display);text-transform:uppercase}.detail-actions{grid-template-columns:1fr 1fr;gap:8px;padding:17px 20px;display:grid}.state-button{border:1px solid var(--line);height:43px;color:var(--muted);cursor:pointer;text-transform:uppercase;background:#ffffff06;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:850;display:flex}.state-button.is-owned{color:var(--green);background:#55f2a712;border-color:#55f2a75c}.state-button.is-mastered{color:var(--gold);background:#ffc84c12;border-color:#ffc84c5c}.source-link{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:0 20px 18px;font-size:8px;text-decoration:none;display:flex}.source-link:hover{color:var(--blue)}.composer-top{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:12px;padding:15px 18px;display:grid}.composer-top>label:first-child{border:1px solid var(--line);background:#00000029;align-items:center;gap:9px;min-width:0;padding:0 12px;display:flex}.composer-top>label:first-child span{color:var(--muted);white-space:nowrap;font-size:8px;font-weight:850}.composer-columns{grid-template-columns:1fr 48px 1fr;gap:0;padding:0 18px;display:grid;position:relative}.composer-columns>section{min-width:0}.composer-columns>section>header{justify-content:space-between;align-items:center;height:67px;padding:0 7px;display:flex}.composer-columns header small{color:var(--blue);letter-spacing:.12em;font-size:7px;font-weight:850}.composer-columns header h3{font:850 23px/1 var(--font-display);text-transform:uppercase;margin:2px 0 0}.composer-columns header>b{color:#07111b;background:var(--yellow);place-items:center;min-width:27px;height:27px;font-size:11px;display:grid}.composer-swap-icon{color:var(--yellow);place-items:start center;padding-top:82px;display:grid}.picker-list{border:1px solid var(--line);background:#03070e33;align-content:start;gap:5px;height:430px;padding:5px 6px 12px;display:grid;overflow:auto}.picker-row{min-width:0;color:var(--text);cursor:pointer;text-align:left;background:#5d86c00b;border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:6px;display:grid}.picker-row:hover{border-color:var(--line-bright);background:#5d86c017}.picker-row:disabled{opacity:.26;cursor:not-allowed}.picker-row.is-selected{background:#e9ff480e;border-color:#e9ff4866}.picker-row .sprite-thumb{width:47px;height:47px}.picker-row>span:nth-child(2){min-width:0;display:grid}.picker-row b{font:800 14px/1 var(--font-display);white-space:nowrap;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden}.picker-row small{color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:7px}.picker-row>i{border:1px solid var(--line);width:25px;height:25px;color:var(--muted);place-items:center;font-style:normal;display:grid}.picker-row.is-selected>i{color:#07111b;border-color:var(--yellow);background:var(--yellow)}.picker-empty{color:var(--muted);text-align:center;padding:30px 10px;font-size:10px}.composer-footer{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:9px;min-height:72px;padding:13px 18px;display:flex}.composer-footer p{color:var(--green);align-items:center;gap:6px;margin:0 auto 0 0;font-size:8px;display:flex}.toast{z-index:120;color:#07111b;background:var(--green);align-items:center;gap:9px;max-width:min(390px,100vw - 48px);min-height:50px;padding:0 16px;font-size:11px;font-weight:850;animation:.22s both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 45px #00000075}.toast--danger{color:#fff;background:var(--red)}.inline-loading{flex-direction:column;justify-content:center;align-items:center;min-height:calc(100vh - 140px);display:flex}.inline-loading svg{color:var(--blue)}.inline-loading h2{font:850 26px/1 var(--font-display);text-transform:uppercase;margin:15px 0 2px}.inline-loading p{color:var(--muted)}.spin{animation:.8s linear infinite spin}.auth-screen{background:radial-gradient(circle at 50% 45%,#17385e,#09111f 42%,#050912 75%);place-items:center;min-height:100vh;padding:28px;display:grid;position:relative;overflow:hidden}.auth-screen>p{color:var(--muted)}.auth-card{z-index:2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;clip-path:polygon(0 0,calc(100% - 24px) 0,100% 24px,100% 100%,24px 100%,0 calc(100% - 24px));background:#09111fdb;border:1px solid #79cfff45;width:min(460px,100%);padding:40px;position:relative;box-shadow:0 40px 120px #0000008a}.auth-card .eyebrow{justify-content:center}.auth-card h1{font:italic 900 64px/.76 var(--font-display);letter-spacing:-.04em;margin:0}.auth-card h1 span{color:var(--blue)}.auth-copy{color:var(--muted);margin:22px auto 25px;font-size:11px;line-height:1.65}.auth-features{color:var(--muted);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:21px;font-size:8px;display:flex}.auth-features span{align-items:center;gap:4px;display:flex}.auth-features svg{color:var(--green)}.auth-credit{z-index:2;font-size:8px;position:absolute;bottom:18px}.auth-orb{border:1px solid #4ec9ff26;border-radius:50%;width:500px;height:500px;animation:14s linear infinite orbit;position:absolute;box-shadow:0 0 120px #4ec9ff1a}.auth-orb--two{border-style:dashed;width:750px;height:750px;animation-duration:23s;animation-direction:reverse}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:.45}50%{opacity:1}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-in{0%{opacity:0;transform:translateY(12px)scale(.985)}}@keyframes slide-down{0%{opacity:0;transform:translateY(-7px)}}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:1260px){.sprite-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hero-mastered{display:none}.collection-hero{grid-template-columns:minmax(300px,1.3fr) .8fr}.hero-sprite--one{opacity:.48;right:3%}.friend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.swap-hero-stat{right:24%}}@media (max-width:1040px){.app-header{grid-template-columns:180px 1fr auto;padding:0 20px}.app-header nav button{padding:0 12px}.profile-button>span:nth-child(2),.profile-button>svg,.quick-swap{display:none}.app-main{width:min(100% - 32px,1480px)}.sprite-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.collection-hero{gap:20px}.hero-sprite{display:none}.filter-panel{grid-template-columns:1fr 1fr}.filter-reset{align-self:center}.friends-layout{grid-template-columns:1fr}.friend-sidebar{grid-template-columns:1fr 1fr;display:grid}.pending-note{grid-column:1/-1}.friends-art{opacity:.46;right:6%}.swap-hero-stat{top:34px;right:30px}.page-heading--swaps>.button{right:30px}}@media (max-width:760px){body{font-size:13px}.demo-ribbon{height:25px;font-size:9px}.demo-ribbon span{display:none}.app-header{grid-template-columns:1fr auto;height:63px;padding:0 15px}.app-header nav{border:1px solid var(--line-bright);height:auto;box-shadow:var(--shadow);background:#101b2f;padding:9px;display:none;position:fixed;inset:88px 12px auto}.demo-ribbon+.app-header nav{top:88px}.app-header nav.is-open{display:grid}.app-header nav button{justify-content:flex-start;height:48px}.app-header nav button.is-active:after{width:3px;height:auto;inset:9px auto 9px 0}.brand-mark{width:32px;height:32px}.brand b{font-size:21px}.brand small{font-size:11px}.header-actions{gap:8px}.profile-button{display:none}.mobile-menu{border:1px solid var(--line);background:var(--panel);place-items:center;width:38px;height:38px;display:grid}.app-main{width:calc(100% - 20px);padding:14px 0 110px}.mobile-tabs{z-index:60;height:72px;padding:7px 8px max(7px, env(safe-area-inset-bottom));border-top:1px solid var(--line-bright);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080d18f5;grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.mobile-tabs button{color:var(--muted);background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:8px;display:flex;position:relative}.mobile-tabs button.is-active{color:var(--blue)}.mobile-tabs button>i{color:#07111b;background:var(--yellow);border-radius:50%;place-items:center;width:16px;height:16px;font-size:8px;font-style:normal;display:grid;position:absolute;top:4px;right:22%}.mobile-tabs .mobile-swap-action{color:#07111b;background:var(--yellow);place-self:center;width:48px;height:48px;transform:rotate(45deg);box-shadow:0 0 25px #e9ff4830}.mobile-swap-action svg{transform:rotate(-45deg)}.mobile-tabs .avatar{width:25px;height:25px;font-size:9px}.collection-hero{clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px));height:235px;padding:28px 24px;display:block}.collection-hero h1,.page-heading h1{font-size:48px}.collection-hero__copy>p:last-child{max-width:280px;font-size:10px}.hero-progress{border:0;padding-left:0;position:absolute;bottom:19px;right:20px}.hero-progress .progress-ring{width:66px;height:66px;padding-top:21px}.hero-progress .progress-ring:before{inset:6px}.hero-progress .progress-ring b{font-size:20px}.hero-progress>div{display:none}.collection-toolbar{grid-template-columns:1fr auto auto}.collection-toolbar .search-box{grid-column:1/-1}.sort-select{min-width:0}.sort-select span,.view-toggle{display:none}.filter-panel{grid-template-columns:1fr;gap:18px}.ownership-tabs{overflow-x:auto}.ownership-tabs button{min-width:95px;padding:0 10px}.ownership-tabs>small{display:none}.sprite-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.sprite-card__heading{min-height:58px;padding:9px}.sprite-card h3{font-size:15px}.mini-state{height:34px;font-size:7px}.sprite-grid--list{grid-template-columns:1fr}.friend-collection-banner{grid-template-columns:auto auto 1fr;gap:10px;padding:15px}.friend-collection-banner .avatar{width:47px;height:47px}.friend-collection-banner h1{font-size:28px}.friend-collection-banner__stats{display:none}.friend-collection-banner .button{grid-column:1/-1}.page-heading{min-height:270px;padding:30px 23px;display:block}.page-heading>div:first-child{max-width:390px}.page-heading>.button{bottom:24px;left:23px;right:auto}.friends-art{opacity:.32;width:190px;height:190px;bottom:-8px;right:-15px}.friend-grid,.friend-sidebar{grid-template-columns:1fr}.friend-request{grid-template-columns:auto 1fr auto}.friend-request .button{grid-column:2}.friend-request .icon-button{grid-area:2/3}.mini-search{display:none}.swap-hero-stat{padding:12px 15px;top:auto;bottom:23px;right:18px}.page-heading--swaps>.button{bottom:24px;left:23px;right:auto}.swap-hero-stat+*{display:none}.swap-guide{grid-template-columns:1fr 1fr;gap:14px}.swap-guide>svg{display:none}.swap-exchange{grid-template-columns:1fr 38px 1fr;padding:13px 10px}.sprite-thumb{width:48px;height:48px}.swap-bundle>div .sprite-thumb:nth-child(n+3){display:none}.exchange-arrow{width:34px;height:34px}.swap-card__footer{flex-wrap:wrap;align-items:stretch}.swap-card__footer>p{width:100%;margin-bottom:5px}.swap-card__footer .button{flex:1}.swap-progress{padding-inline:12px}.swap-progress small{display:none}.modal-backdrop{align-items:end;padding:0}.modal{border-bottom:0;width:100%;max-height:91vh;animation-name:sheet-in}.modal__header h2{font-size:29px}.modal--wide{width:100%}.composer-top,.composer-columns{grid-template-columns:1fr}.composer-swap-icon{place-items:center;height:40px;padding:0}.picker-list{height:245px}.composer-footer{flex-wrap:wrap}.composer-footer p{width:100%}.composer-footer .button{flex:1;padding:0 10px}.sprite-detail__art{height:270px}.auth-card{padding:32px 23px}.auth-card h1{font-size:53px}.auth-features{text-align:left;justify-content:start;display:grid}.toast{max-width:calc(100vw - 24px);bottom:86px;right:12px}}@keyframes sheet-in{0%{opacity:0;transform:translateY(30px)}}@media (max-width:390px){.sprite-grid{grid-template-columns:1fr 1fr}.sprite-card__actions{grid-template-columns:1fr}.mini-state{border-right:0;border-bottom:1px solid var(--line)}.mini-state:last-child{border-bottom:0}.collection-hero h1,.page-heading h1{font-size:43px}.swap-status{display:none}.swap-card__header{grid-template-columns:1fr auto}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}