html{scrollbar-gutter:stable}html:has(dialog[open]){overflow:hidden}.crate-dialog{width:calc(100% - 32px);max-width:820px;max-height:calc(100dvh - 40px);background:var(--vk-panel);border-radius:18px;overflow:auto;color:var(--vk-text)}.crate-dialog::backdrop{background:color-mix(in srgb,var(--vk-page) 74.9%,transparent);backdrop-filter:none}.crate-dialog[open]{animation:crate-enter .24s ease-out both}.crate-close{position:absolute;top:8px;right:8px;z-index:3;width:44px;height:44px}.crate-detail-layout{display:grid;grid-template-columns:42% minmax(0,1fr)}.crate-stage{position:relative;min-width:0;min-height:405px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 22px 49px;background:radial-gradient(ellipse at 50% 40%,color-mix(in srgb,var(--vk-accent) 14.9%,transparent),color-mix(in srgb,var(--vk-shadow) 25.1%,transparent) 75%);overflow:hidden}.crate-stage-label{position:absolute;top:26px;left:16px;right:16px;text-align:center;font:800 10px/1.5 var(--body);letter-spacing:1.6px;color:var(--vk-muted)}.crate-art{display:block;width:235px;max-width:100%;height:220px;object-fit:contain}.crate-wordmark{position:absolute;bottom:18px;left:0;right:0;text-align:center;font:800 25px/1.3 var(--body);letter-spacing:5px;color:color-mix(in srgb,var(--vk-muted) 10.98%,transparent);pointer-events:none}.crate-item-preview{display:flex;align-items:center;justify-content:center;gap:12px;min-height:68px;width:100%;text-align:left}.crate-item-preview>img{width:54px;height:54px;object-fit:contain;flex-shrink:0}.crate-item-preview>div{min-width:0}.crate-item-preview strong{display:block;font:700 13px/1.5 var(--body);color:var(--vk-text)}.crate-item-preview span{font:800 20px/1.45 var(--body);color:var(--vk-accent-light);font-variant-numeric:tabular-nums}.crate-opening{min-width:0;padding:30px 30px 24px}.crate-kicker{font:800 10px/1.5 var(--body);letter-spacing:1.15px;color:var(--vk-muted)}.crate-opening>.crate-kicker{display:block;padding-right:20px}.crate-opening>h2{font:800 29px/1.2 var(--body);letter-spacing:-1px;margin:10px 0 15px;color:var(--vk-text)}.crate-intro{font:500 13px/1.75 var(--body);color:var(--vk-muted);margin:0 0 20px}.crate-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;border-radius:13px;background:var(--vk-inset)}.crate-mode-tabs button{display:flex;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:48px;padding:9px 6px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--vk-muted);font:700 12px/1.35 var(--body);transition:background .18s,border-color .18s,color .18s}.crate-mode-tabs button.active{background:var(--vk-raised);color:var(--vk-text);border-color:color-mix(in srgb,var(--vk-paper) 47.84%,transparent)}.crate-mode-tabs button:hover:not(:disabled){color:var(--vk-text);background:var(--vk-raised)}.crate-mode-tabs button>:is(svg,i[data-lucide]){width:15px;height:15px;flex-shrink:0}.crate-mode-tabs button b{color:var(--vk-accent-light);font-size:11px;white-space:nowrap}.crate-mode-tabs button:disabled{cursor:wait}.crate-action-area{margin-top:20px}.crate-action-summary{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--vk-muted);font-size:12px;line-height:1.55;margin-bottom:14px}.crate-action-summary b{font:800 27px/1.3 var(--body);color:var(--vk-text);white-space:nowrap}.crate-dialog .crate-claim.button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:center;gap:9px;border:0;background:var(--accent);color:var(--vk-text);border-radius:14px;font:800 14px/1.4 var(--body);padding:12px 15px;white-space:normal;text-align:center;transition:background .18s,transform .18s}.crate-dialog .crate-claim.button:hover:not(:disabled){background:var(--vk-accent);transform:translateY(-1px)}.crate-claim>:is(svg,i[data-lucide]){flex:0 0 19px;width:19px;height:19px}.crate-claim>:is(svg,i[data-lucide]):last-child{margin-left:auto}.crate-claim>:is(svg,i[data-lucide]):first-child{margin-right:auto}.crate-claim>span{min-width:0}.crate-dialog .crate-claim.button:disabled{background:var(--vk-raised);color:var(--vk-text);cursor:default;transform:none;opacity:1}.crate-claim:disabled>:is(svg,i[data-lucide]):last-child{display:none}.crate-frequency{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:var(--vk-muted);font-size:12px;line-height:1.5}.crate-frequency :is(svg,i[data-lucide]){width:15px;height:15px;flex-shrink:0}.crate-status{margin:10px 0 0;font-size:11px;line-height:1.6;color:var(--vk-muted);text-align:center}.crate-status:empty{display:none}.crate-status.error{color:var(--vk-accent-light)}.crate-cooldown{margin-top:15px}.crate-cooldown>div:first-child{display:flex;justify-content:space-between;gap:8px;align-items:center;color:var(--vk-muted);font-size:12px}.crate-cooldown time{font:800 18px var(--body);color:var(--vk-muted);font-variant-numeric:tabular-nums}.crate-cooldown-track{height:4px;background:color-mix(in srgb,var(--vk-paper) 10.2%,transparent);border-radius:4px;overflow:hidden;margin-top:10px}.crate-cooldown-track span{display:block;height:100%;width:0;background:var(--accent);border-radius:inherit}.crate-drop{padding:21px 22px 17px;border-top:1px solid color-mix(in srgb,var(--vk-paper) 16.08%,transparent)}.crate-drop-heading h2{font:800 15px/1.5 var(--body);margin:0;color:var(--vk-text)}.crate-drop-heading h2 span{font-size:12px;font-weight:600;color:var(--vk-muted)}.crate-drop>p{font-size:12px;line-height:1.6;color:var(--vk-muted);margin:6px 0 14px}.crate-prizes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.crate-prize{display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:1fr 1fr;column-gap:7px;min-width:0;min-height:80px;padding:9px 7px;border:1px solid transparent;border-radius:10px;background:var(--vk-panel);color:var(--vk-muted);text-align:left;transition:background .18s,border-color .18s}.crate-prize img{width:44px;height:54px;object-fit:contain;grid-row:1/3;align-self:center}.crate-prize>span{font:600 11px/1.4 var(--body);align-self:end}.crate-prize b{font:800 14px/1.4 var(--body);color:var(--vk-text);font-variant-numeric:tabular-nums;align-self:start;margin-top:3px}.crate-prize:hover:not(:disabled){background:var(--vk-raised);border-color:color-mix(in srgb,var(--vk-paper) 43.92%,transparent)}.crate-prize.selected{background:var(--vk-raised);border-color:var(--vk-accent)}.crate-prize:disabled{cursor:default;opacity:1}.crate-drop .crate-odds{display:flex;align-items:flex-start;gap:7px;margin:13px 0 0;font-size:11px;color:var(--vk-accent-light)}.crate-odds :is(svg,i[data-lucide]){width:15px;height:15px;flex-shrink:0;margin-top:1px}.crate-reel{width:calc(100% + 44px);min-width:0;position:relative}.crate-reel-window{overflow:hidden;margin-top:22px;padding:6px 0 13px;-webkit-mask-image:linear-gradient(90deg,transparent,var(--vk-page) 7%,var(--vk-page) 93%,transparent);mask-image:linear-gradient(90deg,transparent,var(--vk-page) 7%,var(--vk-page) 93%,transparent)}.crate-reel-track{display:flex;gap:12px}.crate-reel-card{flex:0 0 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;height:163px;border:1px solid color-mix(in srgb,var(--vk-paper) 18.82%,transparent);border-radius:13px;background:color-mix(in srgb,var(--vk-panel) 74.9%,transparent);padding:10px 5px}.crate-reel-card img{width:92px;height:92px;object-fit:contain}.crate-reel-card b{font:800 18px var(--body);color:var(--vk-text);margin-top:9px;font-variant-numeric:tabular-nums}.crate-reel-pointer{position:absolute;left:50%;top:4px;z-index:2;transform:translate(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:13px solid var(--vk-accent)}.crate-reel>p{text-align:center;font-size:12px;color:var(--vk-muted);line-height:1.6;margin:10px 24px}.crate-stage.winner .crate-item-preview{flex-direction:column;gap:8px;text-align:center}.crate-stage.winner .crate-item-preview>img{width:185px;height:185px}.crate-stage.winner .crate-item-preview strong{font-size:17px}.crate-stage.winner .crate-item-preview span{font-size:26px}.crate-result{display:flex;align-items:center;gap:13px;margin:18px 22px 22px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--vk-paper) 41.96%,transparent);border-radius:12px;background:color-mix(in srgb,var(--vk-shadow) 50.2%,transparent)}.crate-result>img{object-fit:contain;flex-shrink:0}.crate-result>div{flex:1;min-width:0}.crate-result h2{font:800 18px/1.4 var(--body);margin:3px 0 4px;color:var(--vk-text)}.crate-result p{font-size:12px;line-height:1.6;margin:0;color:var(--vk-muted)}.crate-command{display:flex;align-items:center;gap:9px;border:1px solid color-mix(in srgb,var(--vk-paper) 33.33%,transparent);border-radius:10px;padding:12px;background:color-mix(in srgb,var(--vk-shadow) 50.2%,transparent);color:var(--vk-accent-light);white-space:nowrap}.crate-command code{font:800 14px var(--body)}.crate-command :is(svg,i[data-lucide]){width:16px;height:16px}.crate-notes{display:flex;gap:20px;justify-content:space-between;padding:15px 22px;border-top:1px solid color-mix(in srgb,var(--vk-paper) 14.9%,transparent);background:color-mix(in srgb,var(--vk-shadow) 40%,transparent)}.crate-notes>span{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.6;color:var(--vk-muted)}.crate-notes :is(svg,i[data-lucide]){width:16px;height:16px;flex-shrink:0;color:var(--vk-accent-light)}.crate-notes b{white-space:nowrap;color:var(--vk-accent-light)}.crate-history{padding:16px 22px;border-top:1px solid color-mix(in srgb,var(--vk-paper) 14.9%,transparent)}.crate-history summary{font:700 13px/1.6 var(--body);color:var(--vk-muted);cursor:pointer}.crate-history-row{display:flex;align-items:center;gap:11px;padding:12px 0;border-bottom:1px solid color-mix(in srgb,var(--vk-paper) 14.9%,transparent)}.crate-history-row>img{width:36px;height:36px;object-fit:contain}.crate-history-row>div{flex:1;min-width:0}.crate-history-row strong{font:750 12px/1.4 var(--body);color:var(--vk-text)}.crate-history-row small{display:block;font-size:10px;color:var(--vk-muted);margin-top:4px}.crate-history-row>span{font-size:11px;color:var(--vk-accent-light);text-align:right}.crate-dialog [hidden]{display:none!important}.crate-dialog button:focus-visible,.crate-dialog a:focus-visible,.crate-history summary:focus-visible{outline:2px solid var(--vk-accent);outline-offset:2px}@keyframes crate-enter{0%{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:700px){.crate-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 20px);border-radius:16px}.crate-detail-layout{grid-template-columns:1fr}.crate-stage{min-height:185px;height:185px;padding:28px 25px 20px;flex-direction:row;gap:15px;justify-content:center}.crate-stage-label{top:12px;font-size:9px}.crate-art{width:150px;height:138px;flex-shrink:0}.crate-wordmark{bottom:7px;font-size:17px}.crate-item-preview{width:auto;max-width:155px;flex-direction:column;gap:3px;text-align:center}.crate-item-preview>img{width:44px;height:44px}.crate-item-preview strong{font-size:12px}.crate-item-preview span{font-size:19px}.crate-opening{padding:20px 20px 18px}.crate-opening>h2{font-size:26px;margin:9px 0 12px}.crate-intro{font-size:12px;margin-bottom:15px}.crate-opening>.crate-kicker{font-size:9px;letter-spacing:.9px;padding-right:0}.crate-action-area{margin-top:15px}.crate-prizes{grid-template-columns:repeat(2,minmax(0,1fr))}.crate-prize{min-height:78px;grid-template-columns:42px minmax(0,1fr)}.crate-prize img{width:42px;height:48px}.crate-drop{padding:18px 16px 15px}.crate-drop>p{font-size:11px}.crate-notes{padding:14px 16px;gap:10px;flex-direction:column}.crate-result{margin:15px 16px 18px;padding:12px;gap:8px;flex-wrap:wrap}.crate-result>img{width:46px;height:46px}.crate-result h2{font-size:16px}.crate-command{width:100%;justify-content:center}.crate-history{padding:14px 16px}.crate-history-row>span{max-width:85px;font-size:10px}.crate-reel{width:calc(100% + 50px);flex-shrink:0}.crate-reel-window{margin-top:12px;padding:5px 0}.crate-reel-card{height:113px}.crate-reel-card img{width:66px;height:66px}.crate-reel-card b{font-size:15px;margin-top:2px}.crate-reel-pointer{top:0}.crate-reel>p{font-size:10px;margin:5px 10px}.crate-stage.winner .crate-item-preview{flex-direction:row;max-width:none;gap:16px}.crate-stage.winner .crate-item-preview>img{width:125px;height:125px}.crate-stage.winner .crate-item-preview strong{font-size:14px}.crate-stage.winner .crate-item-preview span{font-size:22px}}@media(max-width:370px){.crate-art{width:120px;height:130px}.crate-stage{gap:9px;padding-inline:15px}.crate-opening{padding:19px 15px 17px}.crate-opening>h2{font-size:24px}.crate-mode-tabs button{font-size:11px;gap:4px}.crate-mode-tabs button>:is(svg,i[data-lucide]){display:none}.crate-frequency{font-size:11px}.crate-dialog .crate-claim.button{font-size:13px}.crate-prize{padding:8px 5px;column-gap:4px;grid-template-columns:36px minmax(0,1fr)}.crate-prize img{width:36px}.crate-prize>span{font-size:10px}}@media(max-width:700px){.crate-stage.roulette:not(.winner){height:220px;min-height:220px;padding-top:48px;padding-bottom:20px}.crate-stage.roulette:not(.winner) .crate-wordmark{display:none}}@media(prefers-reduced-motion:reduce){.crate-dialog[open]{animation:none}.crate-dialog *{scroll-behavior:auto!important;transition:none!important}}.crate-dialog .crate-claim#crate-claim{background:var(--vk-forest);color:var(--vk-text)}.crate-dialog .crate-claim#crate-claim:hover:not(:disabled){background:var(--vk-forest)}.crate-dialog .crate-claim#crate-claim:disabled{background:var(--vk-forest);color:var(--vk-text)}.crate-mode-tabs button.active{background:var(--vk-forest);border-color:color-mix(in srgb,var(--vk-paper) 50.2%,transparent);color:var(--vk-text)}.crate-mode-tabs button.active:hover:not(:disabled){background:var(--vk-forest)}.crate-prize.selected{background:var(--vk-forest);border-color:var(--vk-edge)}.crate-prize:hover:not(:disabled){background:var(--vk-forest);border-color:color-mix(in srgb,var(--vk-paper) 60%,transparent)}.crate-dialog .crate-claim>img{filter:none;opacity:1;object-fit:contain;flex-shrink:0}.crate-history summary{display:flex;align-items:center;gap:7px;list-style:none;min-height:28px}.crate-history summary:before{content:"›";font-size:21px;color:var(--vk-accent-light);transition:transform .16s}.crate-history[open] summary:before{transform:rotate(90deg)}.crate-history-count{color:var(--vk-muted)}.crate-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:13px}.crate-history-row{display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:12px 9px;border:1px solid color-mix(in srgb,var(--vk-paper) 14.9%,transparent);border-radius:10px;background:var(--vk-panel);text-align:center}.crate-history-row>img{width:56px;height:56px}.crate-history-row>div{width:100%}.crate-history-row strong{font-size:12px}.crate-history-row small{font-size:10px}.crate-history-row>span{max-width:none;font-size:10px;line-height:1.5;text-align:center;color:var(--vk-success)}.crate-history-row[data-status=delivered]{background:var(--vk-panel)}.crate-history-row[data-status=delivered]>span{color:var(--vk-muted)}.crate-history-row[data-status=review]>span{color:var(--vk-accent-light)}@media(max-width:700px){.crate-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.crate-frequency{font-size:11px}}.crate-dialog .crate-claim#crate-claim{display:grid;grid-template-columns:20px minmax(0,1fr) 20px;align-items:center}.crate-dialog #crate-claim>:is(svg,i[data-lucide]){margin:0}