@property --spin{syntax:"<angle>";inherits:true;initial-value:0deg}.xc{--px:.5;--py:.5;--hyp:0;--rx:0deg;--ry:0deg;--frame:linear-gradient(135deg,#8c939b,#c7ccd1 50%,#8c939b);--ring:#c7ccd1;--badge:#6b7280;--foil:0;--glitter-on:0;--cosmos-on:0;min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse at 50% 28%,#2a221a 0,#110e0b 72%);color:#ece6dc;font-family:-apple-system,PingFang SC,Hiragino Sans GB,Helvetica Neue,sans-serif;display:flex;flex-direction:column;align-items:center;gap:22px;padding:28px 16px 48px;overflow:hidden}body:has(.xc),html:has(.xc){background:#110e0b}.xc *{box-sizing:border-box}.xc .stage{perspective:1100px;touch-action:pan-y;padding:20px;width:min(400px,100%);container-type:inline-size}.xc .tilt{--u:calc(100cqw / 360);aspect-ratio:5/7;transform:rotateX(var(--rx)) rotateY(var(--ry));will-change:transform}.xc .flipper,.xc .tilt{width:100%;transform-style:preserve-3d}.xc .flipper{position:relative;height:100%;transform:rotateY(0deg)}.xc .face{position:absolute;inset:0;border-radius:calc(var(--u) * 18);overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden;box-shadow:0 calc(var(--u) * 30) calc(var(--u) * 60) calc(var(--u) * -20) rgba(0,0,0,.7),0 0 0 calc(var(--u) * 1) rgba(255,255,255,.06)}.xc .back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.12),transparent 60%),repeating-conic-gradient(from 0deg at 50% 50%,#1c1712 0 10deg,#261f17 10deg 20deg);display:grid;place-items:center;border:calc(var(--u) * 10) solid #4a3b22}.xc .back .logo{font-weight:900;font-size:calc(var(--u) * 30);letter-spacing:.04em;background:linear-gradient(90deg,#b8862b,#ffe39a 50%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent}.xc .back .logo small{display:block;text-align:center;font-size:calc(var(--u) * 11);letter-spacing:.4em;color:#9a8f7e;-webkit-text-fill-color:#9a8f7e;margin-top:calc(var(--u) * 6)}.xc .front{background:var(--frame);padding:calc(var(--u) * 9)}.xc .inner{position:relative;height:100%;border-radius:calc(var(--u) * 11);overflow:hidden;background:linear-gradient(180deg,#161b28,#0f131d);display:flex;flex-direction:column;padding:calc(var(--u) * 10) calc(var(--u) * 12) calc(var(--u) * 9)}.xc .top{display:flex;align-items:center;gap:calc(var(--u) * 8);height:calc(var(--u) * 30);min-width:0}.xc .name{font-weight:800;font-size:calc(var(--u) * 19);letter-spacing:.01em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.xc .tag{font-size:calc(var(--u) * 10);padding:calc(var(--u) * 2) calc(var(--u) * 7);border-radius:calc(var(--u) * 99);background:rgba(255,255,255,.08);color:#b8c0d4;white-space:nowrap}.xc .badge{margin-left:auto;font-weight:900;font-size:calc(var(--u) * 15);padding:calc(var(--u) * 2) calc(var(--u) * 9);border-radius:calc(var(--u) * 7);background:var(--badge);color:#fff;letter-spacing:.04em;flex:none;box-shadow:inset 0 calc(var(--u) * 1) 0 rgba(255,255,255,.35),0 calc(var(--u) * 2) calc(var(--u) * 6) rgba(0,0,0,.4)}.xc .art{position:relative;margin-top:calc(var(--u) * 6);height:43%;border-radius:calc(var(--u) * 9);overflow:hidden;border:calc(var(--u) * 2) solid var(--ring);background:#2a3040;flex:0 1 auto;min-height:30%}.xc .art .banner{position:absolute;inset:-12%;background-position:50%;background-size:cover;background-image:linear-gradient(135deg,#2b3350,#4a3d6b);filter:blur(calc(var(--u) * 5)) saturate(1.2) brightness(calc(.6 - var(--cosmos-on) * .35));transform:translate(calc((var(--px) - .5) * calc(var(--u) * -16)),calc((var(--py) - .5) * calc(var(--u) * -12)))}.xc .art .cosmos{position:absolute;inset:-12%;opacity:var(--cosmos-on);background:var(--cosmos-tex) center /cover;mix-blend-mode:screen;transform:translate(calc((var(--px) - .5) * calc(var(--u) * -26)),calc((var(--py) - .5) * calc(var(--u) * -20)))}.xc .art .avatar-wrap{position:absolute;left:50%;top:50%;height:86%;max-width:72%;aspect-ratio:1;transform:translate(-50%,-50%) translate(calc((var(--px) - .5) * calc(var(--u) * 14)),calc((var(--py) - .5) * calc(var(--u) * 10)));border-radius:50%;overflow:hidden;box-shadow:0 0 0 calc(var(--u) * 4) var(--ring),0 calc(var(--u) * 10) calc(var(--u) * 30) rgba(0,0,0,.55);isolation:isolate}.xc .avatar-wrap .foilbg{position:absolute;inset:0;background:#fff}.xc .avatar-wrap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.xc .card.holo-avatar .avatar-wrap img{mix-blend-mode:multiply}.xc .card.holo-avatar .avatar-wrap .foilbg{background:repeating-linear-gradient(115deg,hsl(0 90% 78%),hsl(50 95% 75%) 5%,hsl(140 80% 75%) 10%,hsl(195 90% 75%) 15%,hsl(260 85% 80%) 20%,hsl(330 85% 78%) 25%,hsl(0 90% 78%) 30%);background-size:300% 300%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.xc .title{margin-top:calc(var(--u) * 9);text-align:center;font-weight:900;font-size:calc(var(--u) * 18);letter-spacing:.06em;padding:calc(var(--u) * 5) 0;border-radius:calc(var(--u) * 6);background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent)}.xc .card.holo-text .name,.xc .card.holo-text .title span{background:linear-gradient(90deg,#ffd27a,#ff8ad8,#8ad8ff,#a8ff9a,#ffd27a);background-size:300% 100%;background-position:calc(var(--px) * 100%) 50%;-webkit-background-clip:text;background-clip:text;color:transparent}.xc .skills{margin-top:calc(var(--u) * 6);display:flex;flex-direction:column;gap:calc(var(--u) * 5)}.xc .skill{font-size:calc(var(--u) * 11.5);line-height:1.4;color:#cfd5e3}.xc .skill b{color:#fff;margin-right:calc(var(--u) * 4)}.xc .best{margin-top:calc(var(--u) * 8);font-size:calc(var(--u) * 10.5);color:#8a93a8;line-height:1.45;padding:calc(var(--u) * 6) calc(var(--u) * 8);border-left:calc(var(--u) * 2) solid var(--ring);background:rgba(255,255,255,.03);border-radius:0 calc(var(--u) * 6) calc(var(--u) * 6) 0}.xc .best b{color:#cfd5e3;font-weight:700}.xc .stats{margin-top:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:calc(var(--u) * 4);padding:calc(var(--u) * 7) 0 calc(var(--u) * 6);border-top:calc(var(--u) * 1) solid rgba(255,255,255,.08)}.xc .stat{text-align:center}.xc .stat .k{font-size:calc(var(--u) * 9);color:#8a93a8;letter-spacing:.1em}.xc .stat .v{font-size:calc(var(--u) * 16);font-weight:800;font-variant-numeric:tabular-nums}.xc .roast{font-size:calc(var(--u) * 11);color:#e9d9a8;text-align:center;padding:calc(var(--u) * 5) calc(var(--u) * 6);border-radius:calc(var(--u) * 6);background:rgba(255,210,120,.08);font-style:italic}.xc .foot{margin-top:calc(var(--u) * 6);display:flex;justify-content:space-between;font-size:calc(var(--u) * 9);color:#6f7890;letter-spacing:.06em}.xc .stamp{position:absolute;right:calc(var(--u) * 26);top:39%;z-index:6;display:none;font:900 calc(var(--u) * 13)/1 ui-monospace,Menlo,monospace;color:#3a2a00;padding:calc(var(--u) * 5) calc(var(--u) * 8);border-radius:calc(var(--u) * 5);background:linear-gradient(135deg,#b8862b,#ffe39a 45%,#c99a3a 55%,#ffeeb8);background-size:200% 200%;background-position:calc(var(--px) * 100%) 50%;box-shadow:0 calc(var(--u) * 3) calc(var(--u) * 10) rgba(0,0,0,.5);transform:rotate(-6deg)}.xc .card.v-serial .stamp{display:block}.xc .fx{position:absolute;inset:0;border-radius:inherit;pointer-events:none}.xc .shine{z-index:3;mix-blend-mode:color-dodge;opacity:calc(var(--foil) * (.45 + var(--hyp) * .55));background:var(--noise-tex),repeating-linear-gradient(110deg,hsl(2 100% 65%) 0,hsl(48 100% 60%) 4%,hsl(120 90% 60%) 8%,hsl(190 100% 60%) 12%,hsl(250 100% 70%) 16%,hsl(310 100% 66%) 20%,hsl(2 100% 65%) 24%),repeating-linear-gradient(-45deg,#0e152e 0,hsl(180 10% 60%) 3.8%,hsl(180 29% 66%) 4.5%,hsl(180 10% 60%) 5.2%,#0e152e 10%,#0e152e 12%);background-size:140px 140px,400% 400%,300% 300%;background-position:50%,calc(var(--px) * 100%) calc(var(--py) * 100%),calc(100% - var(--px) * 100%) calc(100% - var(--py) * 100%);background-blend-mode:overlay,hue,normal;filter:brightness(.55) contrast(1.6) saturate(1.4)}.xc .art .shine{z-index:2}.xc .band{z-index:3;mix-blend-mode:screen;opacity:calc(var(--foil) * (.1 + var(--hyp) * .22));background:linear-gradient(115deg,transparent 20%,hsl(330 100% 70%) 32%,hsl(50 100% 65%) 40%,hsl(150 100% 60%) 48%,hsl(200 100% 65%) 56%,hsl(270 100% 72%) 64%,transparent 76%);background-size:250% 250%;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)}.xc .glitter{z-index:4;mix-blend-mode:color-dodge;opacity:var(--glitter-on);background:var(--glitter-tex),var(--glitter-tex2);background-size:220px 220px,160px 160px;background-position:calc((var(--px) - .5) * 60px) calc((var(--py) - .5) * 60px),calc((var(--px) - .5) * -90px) calc((var(--py) - .5) * -90px);animation:xc-twinkle 1.6s ease-in-out infinite alternate}@keyframes xc-twinkle{0%{filter:brightness(.7)}to{filter:brightness(1.5)}}.xc .glare{z-index:5;mix-blend-mode:overlay;background:radial-gradient(farthest-corner circle at calc(var(--px) * 100%) calc(var(--py) * 100%),rgba(255,255,255,.75) 0,rgba(255,255,255,.25) 22%,rgba(0,0,0,.45) 90%);opacity:calc(.35 + var(--hyp) * .5)}.xc .card[data-r=C]{--frame:linear-gradient(135deg,#6f767e,#a9afb6 50%,#6f767e);--ring:#a9afb6;--badge:#6b7280}.xc .card[data-r=R]{--frame:linear-gradient(135deg,#5c7fa8,#c9dcf2 50%,#5c7fa8);--ring:#b9d2ee;--badge:#3b82f6}.xc .card[data-r=SR]{--frame:linear-gradient(135deg,#6a4fc9,#c7b8ff 50%,#6a4fc9);--ring:#c7b8ff;--badge:#7c3aed}.xc .card[data-r=SSR]{--frame:linear-gradient(135deg,#e0569b,#ffd1ec 30%,#7ad7ff 60%,#b59bff);--ring:#ffe1f2;--badge:linear-gradient(90deg,#ff4d9a,#9b5cff)}.xc .card[data-r=UR]{--frame:linear-gradient(135deg,#8a6418,#ffe6a3 30%,#b8862b 52%,#fff2c9 72%,#8a6418);--ring:#ffe3a0;--badge:linear-gradient(90deg,#b8862b,#ffd36b,#b8862b)}.xc .card[data-r=LR]{--ring:#fff;--badge:linear-gradient(90deg,#ff3d6e,#ffb13d,#38e8a0,#3db1ff,#b43dff)}.xc .card[data-r=UR] .badge{color:#2a1a00}.xc .card[data-r=LR] .badge{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.xc .card[data-r=LR].front{background:conic-gradient(from var(--spin),#ff3d6e,#ffb13d,#fff27a,#38e8a0,#3db1ff,#b43dff,#ff3d6e);animation:xc-spin 3s linear infinite}.xc .card[data-r=LR].front,.xc .card[data-r=UR].front{box-shadow:0 0 40px -6px var(--ring)}.xc .card[data-r=UR] .inner{background:linear-gradient(180deg,#1d1708,#0f0c06)}.xc .card[data-r=LR] .inner{background:linear-gradient(180deg,#120c22,#070511)}.xc .ver{z-index:4;display:none}.xc .vlabel{position:absolute;left:calc(var(--u) * 18);top:calc(var(--u) * 46);z-index:6;display:none;font:900 calc(var(--u) * 10)/1 -apple-system,sans-serif;letter-spacing:.12em;padding:calc(var(--u) * 4) calc(var(--u) * 7);border-radius:calc(var(--u) * 4);box-shadow:0 calc(var(--u) * 2) calc(var(--u) * 8) rgba(0,0,0,.5)}.xc .card.v-holo .vlabel,.xc .card.v-serial .vlabel,.xc .card.v-sparkle .ver-flake,.xc .card.v-sparkle .vlabel{display:block}.xc .ver-flake{mix-blend-mode:screen;background:var(--flake-tex);background-size:150px 150px;background-position:calc((var(--px) - .5) * 40px) calc((var(--py) - .5) * 40px);opacity:calc(.22 + var(--hyp) * .28);animation:xc-flick 1.1s ease-in-out infinite alternate;-webkit-mask:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.4) 64%,rgba(0,0,0,.4));mask:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.4) 64%,rgba(0,0,0,.4))}.xc .ver-flake.b{background-image:var(--flake-tex2);background-size:110px 110px;background-position:calc((var(--px) - .5) * -70px) calc((var(--py) - .5) * -70px);animation-delay:-.55s}@keyframes xc-flick{0%{filter:brightness(.4)}to{filter:brightness(1.25)}}.xc .card.v-sparkle.front{background:var(--flake-tex2),linear-gradient(135deg,#8e959e,#f4f6f8 35%,#9aa1aa 55%,#ffffff 75%,#8e959e)!important;background-size:90px 90px,100% 100%!important}.xc .card.v-sparkle .vlabel{background:linear-gradient(135deg,#e9edf2,#9aa3ad 50%,#ffffff);color:#1f2430}.xc .card.v-holo .ver-ice{display:block}.xc .ver-ice{mix-blend-mode:screen;background:var(--ice-tex);background-size:260px 260px;background-position:calc((var(--px) - .5) * 50px) calc((var(--py) - .5) * 50px);filter:hue-rotate(calc((var(--px) + var(--py)) * 300deg)) saturate(1.1);opacity:calc(.16 + var(--hyp) * .2);-webkit-mask:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.3) 64%,rgba(0,0,0,.3));mask:linear-gradient(180deg,#000 0 52%,rgba(0,0,0,.3) 64%,rgba(0,0,0,.3))}.xc .card.v-holo.front{background:linear-gradient(calc(110deg + var(--px) * 90deg),#ff6fa8,#ffd36f,#8bff9a,#6fdcff,#b48bff,#ff6fa8)!important;background-size:220% 220%!important;background-position:calc(var(--px) * 100%) calc(var(--py) * 100%)!important;box-shadow:0 0 36px -8px #9fe3ff}.xc .card.v-holo .vlabel{background:linear-gradient(90deg,#ff7ab0,#ffd36f,#7dffa0,#7ad7ff,#b48bff);color:#1b1030}.xc .card.v-serial .ver-gold{display:block}.xc .ver-gold{z-index:5;mix-blend-mode:screen;background:linear-gradient(105deg,transparent 38%,rgba(255,226,150,0) 42%,rgba(255,236,180,.75) 50%,rgba(255,226,150,0) 58%,transparent 62%);background-size:300% 100%;animation:xc-sweep 2.8s ease-in-out infinite}@keyframes xc-sweep{0%{background-position:120% 0}55%,to{background-position:-20% 0}}.xc .card.v-serial.front{background:linear-gradient(135deg,#7a5410,#ffe6a3 25%,#b8862b 45%,#fff4cf 62%,#9c7020 82%,#ffe6a3)!important;background-size:200% 200%!important;background-position:calc(var(--px) * 100%) 50%!important;box-shadow:0 0 34px -6px #ffcf6b}.xc .card.v-serial .vlabel{background:linear-gradient(135deg,#b8862b,#ffe39a 50%,#c99a3a);color:#3a2a00}.xc .burst{inset:0;z-index:50;background:radial-gradient(circle at 50% 45%,var(--burst,#fff) 0,transparent 55%);mix-blend-mode:screen}.xc .burst,.xc .reveal-text{position:fixed;pointer-events:none;opacity:0}.xc .reveal-text{left:50%;top:14%;transform:translateX(-50%) scale(.6);z-index:51;font-weight:900;font-size:64px;letter-spacing:.08em;background:var(--badge-text,linear-gradient(90deg,#fff,#fff));-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 4px 20px rgba(0,0,0,.6))}.xc .head{text-align:center;max-width:560px}.xc .head h1{margin:0;font-size:26px;font-weight:900;letter-spacing:.02em;color:#f4ede1}.xc .head h1 em{font-style:normal;color:#f0b43c}.xc .head p{margin:6px 0 0;color:#9a9184;font-size:13px}.xc .head p.count{margin-top:8px;color:#f0b43c;font-size:12px;font-weight:700;letter-spacing:.04em}.xc .gen{display:flex;gap:8px;width:min(420px,92vw)}.xc .gen>:first-child{flex:1;min-width:0}.xc .gen button[type=submit]{background:#f0b43c;color:#1d1405;font-weight:700;flex:none}.xc .msg{min-height:18px;font-size:12px;color:#f0a3a3;text-align:center}.xc .msg.info{color:#c9b48a}.xc .tilt{cursor:pointer}.xc .actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.xc .act{background:#1a1612;border:1px solid #3a3027;color:#e6dccb;border-radius:99px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer}.xc .act:hover{border-color:#f0b43c}.xc .act:disabled{opacity:.6;cursor:wait}.xc .act.primary{background:#f0b43c;border-color:#f0b43c;color:#1d1405}.xc .controls{display:grid;justify-content:center;gap:12px;font-size:13px}.xc .controls .hint{contain:inline-size}.xc .row{display:flex;gap:6px;align-items:center;flex-wrap:wrap;justify-content:center}.xc .controls .row{justify-content:flex-start}html[lang=en] .xc .controls .row label{min-width:64px}.xc .row label{color:#9a9184;min-width:40px;text-align:right;margin-right:6px;white-space:nowrap}.xc .seg{background:#221d18;color:#ddd5c8;border:1px solid #3a3129;border-radius:8px;padding:6px 11px;font:inherit;cursor:pointer}.xc .seg.on{background:#f4ede1;color:#1a140d;border-color:#f4ede1;font-weight:700}.xc .chips{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-width:640px}.xc .chip{background:#1a1612;border:1px solid #332b23;color:#bdb4a6;border-radius:99px;padding:4px 10px;font-size:12px;cursor:pointer}.xc .chip.on{border-color:#f0b43c;color:#fff}.xc .chip i{font-style:normal;color:#847a6c;margin-left:4px}.xc .hint{color:#776e62;font-size:11px;text-align:center;line-height:1.6}.xc .controls .row+.hint{margin-top:4px}.xc .site-foot{margin:28px 0 8px;padding:0 16px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px 10px;font-size:12px;color:#8a7f70;text-align:center}.xc .site-foot a{color:#d9b26a;text-decoration:none}.xc .site-foot a:hover{text-decoration:underline}.xc .site-foot b{font-weight:600}.xc .site-foot .dot{color:#4f473d}@media (max-width:480px){.xc .site-foot .dot{display:none}.xc .site-foot{flex-direction:column;gap:4px}}.xc .best,.xc .roast,.xc .skill{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}@media (max-width:520px){.xc{gap:14px;padding:20px 14px 40px}.xc .head h1{font-size:22px}.xc .head p{font-size:12px}.xc .gen{width:100%}.xc .gen input{font-size:16px!important}.xc .stage{padding:10px 8px}.xc .reveal-text{font-size:48px;top:10%}.xc .row label{min-width:32px;margin-right:4px}.xc .seg{padding:7px 10px}.xc .chip{padding:6px 11px}}.xp .head .back{display:inline-block;margin-bottom:10px;color:#d9b26a;font-size:13px;text-decoration:none}.xp .head .back:hover{text-decoration:underline}.xp [data-r=C]{--frame:linear-gradient(135deg,#6f767e,#a9afb6 50%,#6f767e);--tc:#a9afb6}.xp [data-r=R]{--frame:linear-gradient(135deg,#5c7fa8,#c9dcf2 50%,#5c7fa8);--tc:#8fc1ff}.xp [data-r=SR]{--frame:linear-gradient(135deg,#6a4fc9,#c7b8ff 50%,#6a4fc9);--tc:#b79bff}.xp [data-r=SSR]{--frame:linear-gradient(135deg,#e0569b,#ffd1ec 30%,#7ad7ff 60%,#b59bff);--tc:#ff8ad8}.xp [data-r=UR]{--frame:linear-gradient(135deg,#8a6418,#ffe6a3 30%,#b8862b 52%,#fff2c9 72%,#8a6418);--tc:#ffd36b}.xp [data-r=LR]{--frame:conic-gradient(from var(--spin),#ff3d6e,#ffb13d,#38e8a0,#3db1ff,#b43dff,#ff3d6e);--tc:#fff;animation:xc-spin 4s linear infinite}@keyframes xc-spin{to{--spin:360deg}}.xp .t{font-style:normal;font-weight:800;font-size:11px;padding:1px 6px;border-radius:99px;background:#2a231b;color:#e6dccb}.xp .t-SSR{color:#ff8ad8}.xp .t-UR{color:#ffd36b}.xp .t-LR{color:#fff;background:linear-gradient(90deg,#ff3d6e,#ffb13d,#38e8a0,#3db1ff,#b43dff)}.xp .t-SR{color:#b79bff}.xp .t-R{color:#8fc1ff}.xp .pack-zone{width:min(980px,100%);min-height:300px;display:grid;place-items:center}.xp .pack{width:200px;aspect-ratio:5/7;border-radius:18px;cursor:pointer;border:8px solid #4a3b22;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.14),transparent 60%),repeating-conic-gradient(from 0deg at 50% 50%,#1c1712 0 10deg,#261f17 10deg 20deg);display:grid;place-items:center;box-shadow:0 20px 50px -18px rgba(240,180,60,.45);animation:xp-bob 2.4s ease-in-out infinite;transition:transform .2s}.xp .pack:hover:not(:disabled){transform:scale(1.04) rotate(-2deg)}.xp .pack:disabled{cursor:default;opacity:.55;animation:none}.xp .pack .logo{font-weight:900;font-size:26px;background:linear-gradient(90deg,#b8862b,#ffe39a 50%,#c99a3a);-webkit-background-clip:text;background-clip:text;color:transparent}.xp .pack .logo small{display:block;text-align:center;font-size:10px;letter-spacing:.25em;color:#9a8f7e;-webkit-text-fill-color:#9a8f7e;margin-top:6px}@keyframes xp-bob{50%{transform:translateY(-6px) rotate(1deg)}}.xp .pulls{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;width:100%;perspective:900px}.xp .pull{opacity:0;animation:xp-flip .7s cubic-bezier(.2,.8,.2,1) forwards;display:flex;flex-direction:column;gap:6px}@keyframes xp-flip{0%{opacity:0;transform:rotateY(90deg) scale(.8)}to{opacity:1;transform:none}}.xp .mini{position:relative;overflow:hidden;aspect-ratio:5/7;border-radius:12px;padding:6px;border:0;cursor:pointer;background:var(--frame);color:#ece6dc;text-align:center;font:inherit;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px}.xp .mini:before{content:"";position:absolute;inset:5px;border-radius:8px;background:linear-gradient(180deg,#181410,#0f0c09);z-index:0}.xp .mini>*{position:relative;z-index:1}.xp .mini .badge{align-self:flex-start;margin:4px 0 0 4px;font-weight:900;font-size:12px;color:var(--tc)}.xp .mini .ver{position:absolute;top:9px;right:9px;font-size:10px;font-weight:800;color:#1d1405;background:#e6dccb;border-radius:99px;padding:1px 6px}.xp .mini.v-holo .ver{background:linear-gradient(90deg,#ff9bd2,#9be7ff,#c6ffa0)}.xp .mini.v-serial .ver{background:linear-gradient(90deg,#b8862b,#ffe39a,#b8862b)}.xp .mini img{width:52%;aspect-ratio:1;border-radius:50%;object-fit:cover;margin-top:8%;border:2px solid var(--tc)}.xp .mini .nm{font-size:13px;margin-top:6px;max-width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.xp .mini .hd{font-size:11px;color:#9a9184}.xp .mini .tt{font-size:11px;color:#e9c983;padding:0 8px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.xp .mini .first{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);font-size:10px;font-weight:800;color:#1d1405;background:#f0b43c;border-radius:99px;padding:1px 8px;white-space:nowrap}.xp .mini .sheen{position:absolute;inset:0;z-index:2;pointer-events:none;mix-blend-mode:color-dodge;opacity:0}.xp .mini.v-sparkle .sheen{opacity:.5;background:radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#fff 0 1px,transparent 2px),radial-gradient(circle at 40% 80%,#fff 0 1px,transparent 2px);background-size:37px 41px,53px 47px,29px 31px;animation:xp-twinkle 1.6s ease-in-out infinite}.xp .mini.v-holo .sheen{opacity:.4;background:linear-gradient(115deg,transparent 20%,#ff5fa2 35%,#ffe55f 45%,#5fffb0 55%,#5fb8ff 65%,transparent 80%);background-size:250% 250%;animation:xp-holo 3s linear infinite}.xp .mini.v-serial{box-shadow:0 0 22px -4px #ffd36b}.xp .mini.v-serial .sheen{opacity:.55;background:linear-gradient(105deg,transparent 40%,#fff3c4 50%,transparent 60%);background-size:300% 100%;animation:xp-holo 2.2s ease-in-out infinite}@keyframes xp-twinkle{50%{opacity:.15}}@keyframes xp-holo{0%{background-position:100% 0}to{background-position:-100% 0}}.xp .mini-acts{display:flex;gap:6px;justify-content:center}.xp .mini-acts a,.xp .mini-acts button{background:#1a1612;border:1px solid #3a3027;color:#e6dccb;border-radius:99px;padding:3px 10px;font-size:12px;cursor:pointer;text-decoration:none}.xp .mini-acts a:hover,.xp .mini-acts button:hover{border-color:#f0b43c}.xp .best-line{font-size:14px;color:#e6dccb;text-align:center}.xp .best-line b{color:#f0b43c}.xp .msg{min-height:18px;font-size:13px;color:#9a9184;text-align:center}.xp .pack-note{font-size:12px;color:#7d7365;text-align:center;max-width:520px}.xp .panel{width:min(760px,100%);background:#17130f;border:1px solid #2c251d;border-radius:16px;padding:16px 18px}.xp .panel h2{margin:0 0 12px;font-size:15px;color:#f4ede1;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.xp .panel h2 small{font-size:12px;color:#9a9184;font-weight:500}.xp .panel .empty{margin:0;font-size:13px;color:#7d7365}.xp .dex{display:grid;grid-template-columns:repeat(auto-fill,minmax(56px,1fr));gap:10px}.xp .dex-item{position:relative;display:block;aspect-ratio:1;border-radius:50%;padding:3px;background:var(--frame)}.xp .dex-item img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;border:2px solid #17130f}.xp .dex-item .t{position:absolute;left:50%;bottom:-6px;transform:translateX(-50%);font-size:9px;padding:0 5px}.xp .dex-item .n{right:-4px;font-size:10px;background:#f0b43c;padding:0 5px}.xp .dex-item .n,.xp .dex-item .s{position:absolute;top:-4px;font-weight:800;color:#1d1405;border-radius:99px}.xp .dex-item .s{left:-4px;font-size:9px;background:linear-gradient(90deg,#b8862b,#ffe39a);padding:0 4px}.xp .dex-item.v-holo{box-shadow:0 0 10px -2px #9be7ff}.xp .dex-item.v-serial{box-shadow:0 0 12px -2px #ffd36b}.xp .top{list-style:none;margin:0;padding:0;display:grid;gap:8px}.xp .top li{display:flex;align-items:center;gap:10px;font-size:14px}.xp .top .rk{width:20px;text-align:center;color:#f0b43c;font-weight:800}.xp .top img{width:28px;height:28px;border-radius:50%;object-fit:cover}.xp .top a{color:#e6dccb;text-decoration:none;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.xp .top a:hover{color:#f0b43c}.xp .top .cnt{color:#9a9184;font-size:12px}@media (max-width:720px){.xp .pulls{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.xp .mini .nm{font-size:12px}}@media (max-width:400px){.xp .pulls{grid-template-columns:repeat(2,minmax(0,1fr))}}.xc .pack-entry{display:inline-flex;align-items:center;gap:6px;margin-top:12px;padding:7px 16px;border-radius:99px;background:linear-gradient(90deg,#3a2a10,#5a4317);border:1px solid #f0b43c;color:#ffe39a;font-size:13px;font-weight:700;text-decoration:none}.xc .pack-entry:hover{filter:brightness(1.15)}.xc .pulled{font-size:12px;color:#d9b26a;text-align:center;margin-top:-8px}.xp a.act{text-decoration:none;display:inline-block}.xp .login-tip{width:min(560px,100%);background:linear-gradient(135deg,#2b2111,#1a140c);border:1px solid #f0b43c;border-radius:14px;padding:14px 16px;text-align:center;display:grid;gap:10px;justify-items:center}.xp .login-tip p{margin:0;font-size:13px;color:#e6dccb;line-height:1.6}.xp .tasks ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}.xp .tasks li{display:flex;align-items:center;gap:10px;font-size:14px;color:#e6dccb}.xp .tasks li span{flex:1;min-width:0}.xp .tasks li i{font-style:normal;font-size:12px;color:#f0b43c;font-weight:700}.xp .tasks li em{font-style:normal;font-size:12px;color:#9a9184;text-align:right}.xp .tasks li em.ok{color:#7fd18b}.xp .tasks li a,.xp .tasks li button{font-size:12px;background:#f0b43c;color:#1d1405;border:0;border-radius:99px;padding:3px 12px;font-weight:700;cursor:pointer;text-decoration:none}.xp .cal{margin-top:14px;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:4px}.xp .cal .d{aspect-ratio:1;border-radius:8px;background:#221c15;display:grid;place-items:center;align-content:center;gap:0;font-size:10px;color:#7d7365}.xp .cal .d b{font-weight:600}.xp .cal .d span{font-size:10px;line-height:1;min-height:10px}.xp .cal .d.on{background:#3a2c12;color:#ffe39a}.xp .cal .d.bonus{background:#5a4317;box-shadow:inset 0 0 0 1px #f0b43c}@media (max-width:480px){.xp .cal{grid-template-columns:repeat(7,minmax(0,1fr))}}