.wk-pack{--w:40px;--t:max(3px, calc(var(--w) / 9));--p1:color-mix(in srgb, var(--wk,#1ed760) 55%, #fff);--p2:var(--wk,#1ed760);--p3:color-mix(in srgb, var(--wk,#1ed760) 62%, #000);--pb:color-mix(in srgb, var(--wk,#1ed760) 28%, #000);width:var(--w);aspect-ratio:22/30;background:linear-gradient(var(--pb), var(--pb)) 36% 47% / 9% 22% no-repeat, linear-gradient(var(--pb), var(--pb)) 50% 40% / 9% 38% no-repeat, linear-gradient(var(--pb), var(--pb)) 64% 50% / 9% 16% no-repeat, linear-gradient(115deg, transparent 38%, #ffffff80 48%, transparent 58%), linear-gradient(180deg, var(--p1), var(--p2) 55%, var(--p3));-webkit-mask:linear-gradient(#000 0 0) center / 100% calc(100% - var(--t) * 1.6) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--t) calc(var(--t) * .8) repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--t) calc(var(--t) * .8) repeat-x;-webkit-mask:linear-gradient(#000 0 0) center / 100% calc(100% - var(--t) * 1.6) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--t) calc(var(--t) * .8) repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--t) calc(var(--t) * .8) repeat-x;mask:linear-gradient(#000 0 0) center / 100% calc(100% - var(--t) * 1.6) no-repeat, conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) bottom / var(--t) calc(var(--t) * .8) repeat-x, conic-gradient(from 135deg at top, #0000, #000 1deg 89deg, #0000 90deg) top / var(--t) calc(var(--t) * .8) repeat-x;filter:drop-shadow(0 4px 4px #0000008c);border-radius:3px;flex:none;display:block;position:relative}.wk-pack.tier-2{--p1:#e3ccff;--p2:#b57bff;--p3:#6f3bc4;--pb:#3a1a6e}.wk-pack.tier-3{--p1:#ffe08a;--p2:#ffc24b;--p3:#d9890c;--pb:#6b4300}.wk-pack.is-locked{opacity:.5;filter:grayscale()brightness(.72)drop-shadow(0 4px 4px #0000008c)}.wk{--wk:#1ed760;background:radial-gradient(110% 80% at 0% 0%, color-mix(in srgb, var(--wk) 22%, transparent), transparent 62%), var(--c-bg-2);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wk) 40%, #262626);animation:col-in .5s var(--ease-spring) backwards;border-radius:24px;gap:14px;padding:18px 16px 16px;display:grid;position:relative;overflow:hidden}.wk *{min-width:0}.wk-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px 14px;padding-bottom:14px;display:grid;position:relative}.wk-title{gap:2px;display:grid}.wk-h2{overflow-wrap:anywhere;font-size:clamp(24px,6.4vw,32px);line-height:.98}.wk-theme{color:#fff;margin-top:4px;font-size:17px;line-height:1.2}.wk-theme b{color:color-mix(in srgb, var(--wk) 45%, #fff);font-weight:900}.wk-tagline{-webkit-line-clamp:2;color:var(--c-text-2);-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.wk-fan{grid-area:1/2;width:104px;height:66px;position:relative}.wk-fan .wk-pack{transform-origin:50% 100%;position:absolute;bottom:0}.wk-fan .fan-1{left:0;rotate:-9deg}.wk-fan .fan-2{z-index:1;left:28px}.wk-fan .fan-3{left:56px;rotate:9deg}.wk-meta{color:var(--c-text-2);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:baseline;gap:2px 14px;font-size:13.5px;display:flex}.wk-week{color:#fff;font-weight:800}.wk-left b{color:#fff;font-variant-numeric:tabular-nums}.wk-elapsed{bottom:0}.wk-source{color:var(--c-text-3);font-size:13px;line-height:1.45}.wk-steps{gap:12px;margin:0;padding:0;list-style:none;display:grid;position:relative}.wk-step{--tc:var(--wk);--qc:var(--tc);animation:col-in .45s var(--ease-spring) backwards;animation-delay:calc(var(--i,0) * 70ms + .12s);background:#0000004d;border-radius:18px;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:14px 14px 14px 10px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0f}.wk-step.tier-2{--tc:var(--c-epic)}.wk-step.tier-3{--tc:var(--c-legend)}.wk-step:not(:last-child):after{content:"";background:linear-gradient(var(--tc), color-mix(in srgb, var(--tc) 30%, transparent));opacity:.7;border-radius:2px;width:2px;height:14px;position:absolute;bottom:-13px;left:37px}.wk-step.is-ready{background:radial-gradient(100% 120% at 0% 50%, color-mix(in srgb, var(--tc) 20%, transparent), transparent 60%), #0000004d;box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--tc) 70%, transparent), 0 14px 30px -20px var(--tc)}.wk-step.is-opened{background:#0003}.wk-step.is-opened .wk-text,.wk-step.is-opened .wk-count b{color:var(--c-text-2)}.wk-step.is-opened .wk-pack{opacity:.45;filter:grayscale(.6)drop-shadow(0 4px 4px #0000008c)}.wk-node{place-items:center;width:56px;height:66px;display:grid;position:relative}.wk-node:before{content:"";background:radial-gradient(closest-side, color-mix(in srgb, var(--tc) 55%, transparent), transparent);opacity:0;border-radius:50%;position:absolute;inset:6px 2px}.wk-step.is-ready .wk-node:before{opacity:.8;animation:2.6s ease-in-out infinite wk-halo}.wk-step.is-ready .wk-pack{animation:2.6s ease-in-out infinite wk-bob}@keyframes wk-halo{0%,to{opacity:.35;transform:scale(.9)}50%{opacity:.9;transform:scale(1.1)}}@keyframes wk-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.wk-body{gap:7px;display:grid}.wk-level{letter-spacing:.04em;color:var(--tc);font-size:12px;font-weight:800}.wk-text{overflow-wrap:anywhere;font-size:16.5px;font-weight:800;line-height:1.22}.wk-hint{color:var(--c-text-3);font-size:12.5px;line-height:1.4}.wk-body .qc-bar{margin-top:2px}.wk-reward{color:var(--c-text-2);flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:13px;display:flex}.wk-reward b{color:var(--tc);font-weight:900}.wk-act{place-items:center end;min-width:84px;min-height:44px;display:grid}.wk-open{min-height:44px;padding:0 20px;font-size:14.5px}.wk-opened{min-height:44px;color:var(--c-text-3);align-items:center;gap:6px;font-size:13px;font-weight:800;display:inline-flex}.wk-count{line-height:.95;font-family:var(--font-anybody), "Arial Narrow", sans-serif;font-variant-numeric:tabular-nums;justify-items:end;display:grid}.wk-count b{color:#fff;font-size:30px;font-weight:900}.wk-count i{color:var(--c-text-3);font-size:13px;font-style:normal;font-weight:800}.wk-foot{color:var(--c-text-3);font-size:12.5px;line-height:1.45}.wk-state{text-align:center;color:var(--c-text-2);justify-items:center;padding:30px 20px}.wk-state-title{color:#fff;font-size:17px;font-weight:800}.wk-skeleton{min-height:640px;animation:1.6s ease-in-out infinite slot-pulse}@media (max-width:400px){.wk{padding:16px 12px 14px}.wk-step{grid-template-columns:48px minmax(0,1fr);padding:12px 12px 12px 8px}.wk-node{width:48px}.wk-act{grid-column:2;justify-items:start;min-height:0}.wk-count{align-items:baseline;gap:2px;display:flex}.wk-count b{font-size:22px}.wk-step:not(:last-child):after{left:31px}}@media (max-width:359px){.wk-fan{display:none}.wk-head{grid-template-columns:minmax(0,1fr)}}@media (min-width:640px){.wk{padding:22px 22px 20px}.wk-fan{width:120px;height:76px}.wk-step{gap:4px 16px;padding:16px 18px 16px 12px}.wk-step:not(:last-child):after{left:39px}}@media (prefers-reduced-motion:reduce){.wk,.wk-step,.wk-skeleton,.wk-step.is-ready .wk-pack{animation:none!important}.wk-step.is-ready .wk-node:before{opacity:.6;animation:none}}.wkc{--wk:#1ed760;background:radial-gradient(110% 130% at 0% 50%, color-mix(in srgb, var(--wk) 20%, transparent), transparent 62%), var(--c-bg-2);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wk) 36%, #262626);animation:col-in .45s var(--ease-spring) backwards;border-radius:20px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px 14px;padding:14px 14px 14px 12px;display:grid;position:relative}.wkc *{min-width:0}.wkc.is-ready{box-shadow:inset 0 0 0 1.5px color-mix(in srgb, var(--wk) 78%, transparent), 0 14px 30px -20px var(--wk)}.wkc-quiet{--wk:#6f6f6f}.wkc-skeleton{min-height:168px;animation:1.6s ease-in-out infinite slot-pulse}.wkc-fan{width:76px;height:54px;position:relative}.wkc-fan .wk-pack{transform-origin:50% 100%;position:absolute;bottom:0}.wkc-fan .fan-1{left:0;rotate:-9deg}.wkc-fan .fan-2{z-index:1;left:21px}.wkc-fan .fan-3{left:44px;rotate:9deg}.wkc-badge{z-index:3;background:var(--c-green);color:#000;font-variant-numeric:tabular-nums;min-width:22px;height:22px;box-shadow:0 0 0 2px var(--c-bg-2);border-radius:999px;place-items:center;padding:0 6px;font-size:12.5px;font-weight:900;display:grid;position:absolute;top:-8px;right:-4px}.wkc-text{gap:2px;display:grid}.wkc-title{font-size:16px;font-weight:900;line-height:1.2}.wkc-sub{color:var(--c-text-2);font-size:13px;line-height:1.45}.wkc-sub b{color:#fff}.wkc-btn{grid-column:1/-1;min-height:48px;padding:0 18px}@media (min-width:480px){.wkc{grid-template-columns:auto minmax(0,1fr) auto;min-height:92px}.wkc-btn{grid-column:auto;min-height:44px}.wkc-skeleton{min-height:92px}}.wko{grid-template-columns:minmax(0,1fr);gap:18px;display:grid}.wko>*{min-width:0}.wko-title{overflow-wrap:anywhere;font-size:clamp(34px,10vw,60px);line-height:.92}.wko-machine .mx-machine{margin-top:0}@media (min-width:1024px){.wko{grid-template:"head machine""lists machine"1fr"how how"/minmax(0,1fr) 440px;align-items:start;gap:18px 56px;padding-top:12px}.wko-head{grid-area:head}.wko-machine{grid-area:machine}.wko-lists{grid-area:lists}.wko-how{grid-area:how}}.wko-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.wko-item{--tc:var(--wk,#1ed760);background:var(--c-bg-2);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tc) 40%, #262626);border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.wko-item.tier-2{--tc:var(--c-epic)}.wko-item.tier-3{--tc:var(--c-legend)}.wko-item-text{color:var(--c-text-2);gap:1px;font-size:13.5px;line-height:1.4;display:grid}.wko-item-text b{color:#fff;font-size:15px}.wko-item-text b:first-letter{color:var(--tc)}.wko-until{color:var(--c-text-3);font-size:12.5px}.wko-item.is-opened{box-shadow:inset 0 0 0 1px #262626}.wko-item.is-opened .wko-item-text b{color:var(--c-text-2)}.wko-empty{text-align:left;background:var(--c-bg-2);justify-items:start;box-shadow:inset 0 0 0 1px #262626}.wko-skeleton{min-height:100dvh}.wko-how{background:var(--c-bg-2);border-radius:18px;grid-column:1/-1;gap:8px;padding:16px 16px 14px;display:grid;box-shadow:inset 0 0 0 1px #262626}.wko-how-title{font-size:16px;font-weight:900}.wko-how ul{color:var(--c-text-2);gap:8px;margin:0;padding:0 0 0 18px;font-size:13.5px;line-height:1.5;display:grid}.wkn{--wk:#1ed760;background:radial-gradient(110% 140% at 0% 50%, color-mix(in srgb, var(--wk) 20%, transparent), transparent 62%), var(--c-bg-2);min-width:0;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--wk) 42%, #262626);animation:col-in .45s var(--ease-spring) backwards;border-radius:18px;grid-template-columns:auto minmax(0,1fr) 44px;grid-template-areas:"packs text close"".btn btn";align-items:center;gap:6px 12px;padding:12px 6px 12px 14px;display:grid;position:relative}.wkn *{min-width:0}.wkn-packs{grid-area:packs;width:58px;height:44px;position:relative}.wkn-packs .wk-pack{transform-origin:50% 100%;position:absolute;bottom:0}.wkn-packs .fan-1{left:0;rotate:-9deg}.wkn-packs .fan-2{z-index:1;left:16px}.wkn-packs .fan-3{left:34px;rotate:9deg}.wkn-text{color:var(--c-text-2);grid-area:text;font-size:13.5px;line-height:1.45}.wkn-text b{color:#fff}.wkn-btn{grid-area:btn;justify-self:start;min-height:44px;padding:0 16px;font-size:13.5px}.wkn-x{width:44px;height:44px;color:var(--c-text-2);cursor:pointer;background:0 0;border:0;border-radius:50%;grid-area:close;align-self:start;place-items:center;display:grid}.wkn-x:hover{color:#fff;background:#ffffff17}.wkn-x:focus-visible{outline:2px solid var(--c-green)}@media (min-width:640px){.wkn{grid-template-columns:auto minmax(0,1fr) auto 44px;grid-template-areas:"packs text btn close"}.wkn-btn{justify-self:end}.wkn-x{align-self:center}}.wka-weeks{gap:12px;margin:12px 0;padding:0;list-style:none;display:grid}.wka-week{background:#ffffff0a;border-radius:14px;padding:12px 14px;box-shadow:inset 0 0 0 1px #2a2a2a}.wka-week.is-current{box-shadow:inset 0 0 0 1.5px #1ed7608c}.wka-top{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;display:flex}.wka-dates{color:var(--c-text-3);font-size:12.5px}.wka-theme{flex-wrap:wrap;align-items:center;gap:6px 10px;margin:6px 0;display:flex}.wka-artists{color:var(--c-text-3);overflow-wrap:anywhere;font-size:12.5px}.wka-quests{gap:2px;margin:6px 0 4px 18px;padding:0;font-size:13.5px;line-height:1.45;display:grid}.wka-form{gap:10px;padding-top:4px;display:grid}.wka-field{color:var(--c-text-2);gap:4px;font-size:13px;font-weight:700;display:grid}.wka-field input,.wka-field select{background:var(--c-bg-3);color:#fff;width:100%;min-height:44px;font:inherit;border:0;border-radius:12px;outline:none;padding:0 12px;font-size:16px;font-weight:500;box-shadow:inset 0 0 0 1px #333}.wka-field input:focus,.wka-field select:focus{box-shadow:inset 0 0 0 2px var(--c-green)}.wka-apply{justify-self:start;min-height:44px}@media (min-width:640px){.wka-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wka-apply{grid-column:1/-1}}@media (prefers-reduced-motion:reduce){.wkc,.wkn,.wkc-skeleton{animation:none!important}}
