.pack{--p1:#b8935a;--p2:#8a6a36;--p3:#3d2f17;--mx:32%;--my:22%;--tear:0;width:var(--w,120px);aspect-ratio:3/4.6;filter:drop-shadow(0 16px 14px #000a);flex:none;margin:0 auto;position:relative}.pack .pk-glow{z-index:2;pointer-events:none;mix-blend-mode:screen;filter:blur(5px);height:50%;opacity:calc(var(--tear) * 1);transform-origin:50% 40%;transform:scale(calc(.7 + var(--tear) * .4));background:radial-gradient(ellipse 50% 50% at 50% 40%, var(--core,var(--glow-c,#fff)) 0%, var(--glow-c,#fff) 28%, color-mix(in srgb, var(--glow-c,#fff) 40%, transparent) 58%, transparent 100%);position:absolute;top:-8%;left:-24%;right:-24%}.pack .pk-main{z-index:1;background:linear-gradient(100deg,var(--p3) 0%,var(--p2) 26%,var(--p1) 50%,var(--p2) 74%,var(--p3) 100%);position:absolute;inset:10% 0 0;overflow:hidden;box-shadow:inset 2px 0 #ffffff26,inset -2px 0 #00000040}.pack .pk-top{z-index:3;transform-origin:0 100%;background:linear-gradient(100deg,var(--p3) 0%,var(--p2) 26%,var(--p1) 50%,var(--p2) 74%,var(--p3) 100%);height:15%;transform:translate(calc(var(--tear) * 6px), calc(var(--tear) * -10px)) rotate(calc(var(--tear) * -14deg));transition:transform .32s cubic-bezier(.3,1.4,.5,1);position:absolute;top:0;left:0;right:0}.pack.dragging .pk-top,.pack.dragging .pk-glow{transition:none}.pack .pk-glow{transition:opacity .32s,transform .32s}.pack .pk-main{clip-path:polygon(0% 0%,3.03% 2.6%,6.06% 0%,9.09% 2.6%,12.12% 0%,15.15% 2.6%,18.18% 0%,21.21% 2.6%,24.24% 0%,27.27% 2.6%,30.3% 0%,33.33% 2.6%,36.36% 0%,39.39% 2.6%,42.42% 0%,45.45% 2.6%,48.48% 0%,51.52% 2.6%,54.55% 0%,57.58% 2.6%,60.61% 0%,63.64% 2.6%,66.67% 0%,69.7% 2.6%,72.73% 0%,75.76% 2.6%,78.79% 0%,81.82% 2.6%,84.85% 0%,87.88% 2.6%,90.91% 0%,93.94% 2.6%,96.97% 0%,100% 2.6%,100% 100%,96.97% 97.4%,93.94% 100%,90.91% 97.4%,87.88% 100%,84.85% 97.4%,81.82% 100%,78.79% 97.4%,75.76% 100%,72.73% 97.4%,69.7% 100%,66.67% 97.4%,63.64% 100%,60.61% 97.4%,57.58% 100%,54.55% 97.4%,51.52% 100%,48.48% 97.4%,45.45% 100%,42.42% 97.4%,39.39% 100%,36.36% 97.4%,33.33% 100%,30.3% 97.4%,27.27% 100%,24.24% 97.4%,21.21% 100%,18.18% 97.4%,15.15% 100%,12.12% 97.4%,9.09% 100%,6.06% 97.4%,3.03% 100%,0% 97.4%)}.pack .pk-top{clip-path:polygon(0% 0%,3.03% 18%,6.06% 0%,9.09% 18%,12.12% 0%,15.15% 18%,18.18% 0%,21.21% 18%,24.24% 0%,27.27% 18%,30.3% 0%,33.33% 18%,36.36% 0%,39.39% 18%,42.42% 0%,45.45% 18%,48.48% 0%,51.52% 18%,54.55% 0%,57.58% 18%,60.61% 0%,63.64% 18%,66.67% 0%,69.7% 18%,72.73% 0%,75.76% 18%,78.79% 0%,81.82% 18%,84.85% 0%,87.88% 18%,90.91% 0%,93.94% 18%,96.97% 0%,100% 18%,100% 100%,96.97% 82%,93.94% 100%,90.91% 82%,87.88% 100%,84.85% 82%,81.82% 100%,78.79% 82%,75.76% 100%,72.73% 82%,69.7% 100%,66.67% 82%,63.64% 100%,60.61% 82%,57.58% 100%,54.55% 82%,51.52% 100%,48.48% 82%,45.45% 100%,42.42% 82%,39.39% 100%,36.36% 82%,33.33% 100%,30.3% 82%,27.27% 100%,24.24% 82%,21.21% 100%,18.18% 82%,15.15% 100%,12.12% 82%,9.09% 100%,6.06% 82%,3.03% 100%,0% 82%)}.pack .pk-ridge{background:repeating-linear-gradient(90deg,#ffffff12 0 1px,#0000 1px 5px),repeating-linear-gradient(90deg,#0000001f 0 1px,#0000 1px 11px);position:absolute;inset:0}.pack .pk-top .pk-ridge{background:repeating-linear-gradient(90deg,#ffffff1c 0 2px,#00000030 2px 4px)}.pack .pk-brand{text-align:center;font-family:var(--font-display);font-style:italic;font-weight:500;font-size:calc(var(--w,120px) * .075);color:#ffffffc8;letter-spacing:.01em;position:absolute;bottom:20%;left:0;right:0}.pack .pk-pattern{color:#fff;opacity:.1;grid-template-columns:repeat(3,1fr);place-items:center;display:grid;position:absolute;inset:8% 0 12%}.pack .pk-pattern span{display:grid;transform:rotate(-14deg)}.pack .pk-pattern span:nth-child(2n){transform:rotate(10deg)translateY(10px)}.pack .pk-sheen{pointer-events:none;mix-blend-mode:soft-light;opacity:.55;background:radial-gradient(circle at var(--mx) var(--my), #ffffffa6 0%, transparent 52%), linear-gradient(112deg, transparent 38%, #ffffff40 48%, transparent 58%);background-position:0 0,120% 0;background-size:100% 100%,260% 100%;animation:7s ease-in-out infinite glint;position:absolute;inset:0}@keyframes glint{0%,70%{background-position:0 0,120% 0}to{background-position:0 0,-60% 0}}.pack .pk-face{text-align:center;color:#fff;border:1px solid #ffffff59;flex-direction:column;justify-content:center;align-items:center;gap:6%;padding:6%;display:flex;position:absolute;inset:19% 10% 24%}.pack:not(.detail) .pk-face{inset:15% 9%}.pack .emb{aspect-ratio:1;background:#00000026;border:1px solid #ffffffa6;border-radius:50%;place-items:center;width:46%;display:grid}.pack .emb svg{width:55%;height:55%}.pack .t1{font-family:var(--font-display);font-weight:600;font-size:calc(var(--w,120px) * .115);letter-spacing:-.01em;text-wrap:balance;text-shadow:0 1px 2px #0006;line-height:1.05}.pack .t2{font-size:calc(var(--w,120px) * .07);opacity:.85}.pack .pk-ribbon{background:#00000040;border-block:1px solid #ffffff4d;place-items:center;height:9%;display:grid;position:absolute;bottom:9%;left:-2%;right:-2%}.pack .pk-ribbon span{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:calc(var(--w,120px) * .075);color:#fff}.pack .pk-seal{background:repeating-linear-gradient(90deg,#0000002e 0 2px,#ffffff1c 2px 4px);height:6%;position:absolute;bottom:0;left:0;right:0}.pack.idle{animation:3.8s ease-in-out infinite breathe}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.022)}}.pack.idle:hover .pk-sheen{opacity:.85}.std{--p1:#c4a062;--p2:#946f37;--p3:#443415}.free{--p1:#7eaec6;--p2:#3f7794;--p3:#173646}.pack.viral{--p1:#e08a64;--p2:#b04a2c;--p3:#4a1a0e}.t-history{--p1:#b79a6c;--p2:#876a40;--p3:#3e2f1c}.t-science{--p1:#6aa7c8;--p2:#356f91;--p3:#142f44}.t-technology{--p1:#8a9ad0;--p2:#4a5c9e;--p3:#1c2548}.t-geography{--p1:#6fb299;--p2:#3d8068;--p3:#153429}.t-gaming{--p1:#a98ac3;--p2:#6f4a8d;--p3:#2c1c3e}.t-film-tv{--p1:#cb8379;--p2:#97493f;--p3:#3e1a16}.t-music{--p1:#c283b0;--p2:#8b4a78;--p3:#391a31}.t-sports{--p1:#d29a64;--p2:#a05e2a;--p3:#43260f}.t-literature-arts{--p1:#b6a577;--p2:#84743f;--p3:#322a18}.t-nature{--p1:#80b36f;--p2:#4c8240;--p3:#1a3318}.t-politics-society{--p1:#8f9cc0;--p2:#566486;--p3:#1d2339}.t-food-culture-religion{--p1:#d0a45a;--p2:#9a6e2b;--p3:#40290f}.t-military{--p1:#93a070;--p2:#5f6e3e;--p3:#232b14}.t-transport{--p1:#9aa6b4;--p2:#5f6d7d;--p3:#202830}.t-architecture{--p1:#c79d80;--p2:#8f6040;--p3:#3a2217}.packstage{text-align:center}.ptabs{border-bottom:1px solid var(--rule);justify-content:center;gap:30px;margin:0 0 36px;display:flex}.ptabs button{font:inherit;border:0;color:var(--muted);cursor:pointer;background:0 0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 0;font-size:.95rem;font-weight:500;transition:color .15s}.ptabs button:hover{color:var(--text)}.ptabs button.on{color:var(--text);border-bottom-color:var(--accent)}.pstage{grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:24px;min-height:480px;display:grid}.pside{flex-direction:column;align-items:center;gap:12px;display:flex}.psub{color:var(--muted);margin:0;font-size:.85rem;font-weight:500}.freering{background:conic-gradient(var(--accent) var(--p,0%),var(--surface-2) 0);border-radius:50%;place-items:center;width:68px;height:68px;display:grid}.freering i{background:var(--bg);border-radius:50%;place-items:center;width:56px;height:56px;font-size:.88rem;font-style:normal;font-weight:600;display:grid}.pmid{flex-direction:column;align-items:center;display:flex}.pprice{justify-content:center;align-items:center;gap:8px;margin:22px 0 14px;font-size:1.05rem;font-weight:600;display:flex}.pneed{color:var(--danger);margin:10px 0 0;font-size:.88rem}.pstrip{flex-wrap:wrap;justify-content:center;gap:8px 6px;max-width:560px;margin-top:26px;display:flex}.pstrip button{cursor:pointer;opacity:.82;background:0 0;border:1px solid #0000;border-radius:6px;flex-direction:column;align-items:center;gap:5px;width:84px;padding:6px 4px 5px;transition:opacity .15s,border-color .15s,transform .15s;display:flex}.pstrip button:hover{opacity:1;transform:translateY(-2px)}.pstrip button.sel{border-color:var(--accent);opacity:1}.pinfo{text-align:left;color:var(--muted);background:0 0;padding:0;font-size:.92rem;line-height:1.6}.pinfo b{color:var(--text);font-weight:600}.pinfo ul{max-width:300px;margin:10px 0 0;padding:0;list-style:none}.pinfo li{border-bottom:1px solid var(--rule-soft);justify-content:space-between;padding:5px 0;display:flex}.pinfo li b{color:var(--text);font-variant-numeric:tabular-nums}@media (max-width:820px){.pstage{grid-template-columns:1fr}}.pstrip .plabel{color:var(--text);text-align:center;font-size:.78rem;font-weight:500;line-height:1.15}.pstrip button:hover .plabel,.pstrip button.sel .plabel{color:var(--text)}.pstrip button.sel .plabel{font-weight:600}
