:root{--item-name-size:clamp(22px, 2.4vw, 28px);--item-name:400 var(--item-name-size)/1.05 var(--display);--item-marks-gap:14px;--item-button:48px}@media (width<=600px){:root{--item-name-size:20px}}.item-marks{font:800 14px var(--text);color:#c8ccd6;flex-wrap:wrap;align-items:center;gap:6px 10px;display:flex}.item-marks .gems{filter:drop-shadow(0 1.5px #000);align-items:center;display:inline-flex}.item-marks .gems:empty,.item-marks .trade:empty,.item-marks .paintmark:empty{display:none}.item-marks .gem{background:linear-gradient(135deg, #fff, var(--gem) 40%, var(--gem-deep));border-radius:1.5px;width:12px;height:12px;transform:rotate(45deg);box-shadow:0 0 0 1.5px #000}.item-marks .gem+.gem{margin-left:-1px}.item-marks[data-stars="1"]{--gem:#f1ede4;--gem-deep:#b9b2a4}.item-marks[data-stars="2"]{--gem:#dde9ff;--gem-deep:#5f80b8}.item-marks[data-stars="3"]{--gem:#f6d488;--gem-deep:#a86f22}.item-marks[data-stars="4"]{--gem:#ffd2f0;--gem-deep:#8fd7ff}.item-marks .paintmark{align-items:center;display:inline-flex}.item-marks .paintmark i{background-color:var(--paint);background-clip:padding-box;border:2px solid #000;border-radius:2px;width:13px;height:13px;margin:0 2px 0 4px;display:block;transform:rotate(45deg);box-shadow:0 0 0 2px #ffffffd9}.notrade{background:#00000059;border:1.5px solid #ffffff2e;border-radius:6px;place-items:center;width:22px;height:22px;display:inline-grid}.notrade svg{fill:none;stroke:#c8ccd6;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:15px;height:15px}.notrade .strike{stroke:#ff5a5f;stroke-width:2.2px}.notrade .sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.item-marks{gap:4px 8px;font-size:12px}.item-marks .gem{width:9px;height:9px}.item-marks .paintmark i{width:10px;height:10px}.notrade{width:19px;height:19px}.notrade svg{width:13px;height:13px}}.veil{z-index:70;background:#0000009e;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.veil[hidden]{display:none}.veil .preview{--card-l:200px;--fill:#000;--cut:min(var(--c), var(--cut-window));width:min(1040px,100%)}.veil .preview>.in{padding-right:var(--pad);grid-template:"stage close""stage hero""stage words""stage gap"1fr"stage foot"/minmax(0,1.55fr) minmax(0,1fr);column-gap:26px;display:grid}.veil .preview .stage{background:#0d0f14;grid-area:stage;min-height:480px;position:relative}.veil .preview .stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.veil .preview .stage canvas[hidden],.veil .preview .preview-crate[hidden]{display:none}.veil .preview .preview-crate{background:radial-gradient(at 50% 70%,#1c5a36 0%,#0000 60%),#06070b;place-items:center;display:grid;position:absolute;inset:0}.veil .preview .preview-crate svg{width:min(70%,320px);height:auto;overflow:visible}.veil #preview-close{width:42px;min-height:42px;margin-top:var(--pad);grid-area:close;justify-self:end;padding:0}.veil .hero{padding:0 0 calc(var(--card-l) * .035);grid-area:hero;justify-content:center;display:flex}.veil .hero .card{--w:var(--card-l)}.veil .words{text-align:center;grid-area:words;justify-items:center;gap:6px;margin-top:14px;display:grid}.veil .kindline{color:var(--grey);font:700 12px var(--font-title);letter-spacing:.1em;text-transform:uppercase}.veil h2{font-size:var(--item-name-size);overflow-wrap:anywhere;margin:0}.veil .foot{min-width:0;margin:var(--item-marks-gap) 0 var(--pad);grid-area:foot;justify-items:center;gap:10px;display:grid}.veil .foot .act{min-height:44px;padding:0 24px;font-size:16px}.veil .acts{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.veil .acts:empty{display:none}.veil .acts .price{color:#fff;align-items:center;gap:8px;margin-right:6px;font-size:26px;display:inline-flex}.veil .acts .price .coin{width:36px;height:36px}.veil .acts .price.owned{display:none}.veil .note{color:var(--grey);font-size:14px;font-weight:700}.veil .note:empty{display:none}@media (width<=760px){.veil{padding:8px 8px max(8px, env(safe-area-inset-bottom));place-items:end center}.veil .preview{--card-l:92px;scrollbar-width:none;width:100%;max-height:calc(100dvh - 16px);overflow-y:auto}.veil .preview:has(.gift-panel) .stage{display:none}.veil .preview:has(.gift-panel) #preview-close{top:var(--pad);right:var(--pad);margin:0;position:absolute}.veil .preview:has(.gift-panel) .words{padding-right:52px}.veil .preview:has(.gift-panel)>.in{padding-top:var(--pad);grid-template-areas:"hero words""foot foot"}.veil .preview>.in{padding:0 0 var(--pad);grid-template:"stage stage""hero words""foot foot"/auto minmax(0,1fr);gap:12px 14px}.veil .preview .stage{height:clamp(250px,44dvh,380px);min-height:0}.veil #preview-close{z-index:1;grid-area:stage;align-self:start;margin:10px 10px 0 0}.veil .hero{padding:0 0 0 var(--pad);align-self:center}.veil .words{margin:0 var(--pad) 0 0;text-align:left;align-self:center;justify-items:start;gap:2px}.veil .kindline{order:2;font-size:11px}.veil .foot{padding:0 var(--pad);justify-items:stretch;margin:0}.veil .acts{flex-direction:column;justify-content:flex-start;align-items:stretch}.veil .acts .price{font-size:22px}.veil .acts .price .coin{width:30px;height:30px}}.sweep-clip{clip-path:var(--card-cut);pointer-events:none;z-index:6;position:absolute;inset:0}.sweep-fill{clip-path:polygon(0% 0%,0% 0%,-40% 100%,-40% 100%);background:radial-gradient(120% 80% at 30% 20%, #ffffff73, transparent 55%), linear-gradient(160deg, var(--paint), color-mix(in srgb, var(--paint) 70%, #000));position:absolute;inset:0}.forge{z-index:80;-webkit-user-select:none;user-select:none;touch-action:none;position:fixed;inset:0}.forge-veil{opacity:0;background:radial-gradient(60% 55% at 50% 48%,#d3c2ff38,#0000 70%),#05060a;position:absolute;inset:0}.forge-holder{position:absolute;top:50%;left:50%;translate:-50% -50%}.forge-card.forge-blank .art,.forge-card.forge-blank .name,.forge-card.forge-blank .kind,.forge-card.forge-blank .num-line i,.forge-card.forge-blank .serial,.forge-card.forge-blank .plate:before{opacity:0}.forge-card.forge-blank .frame{filter:grayscale()brightness(.45)}.forge-card.forge-showing .serial{opacity:0}.forge-glim{pointer-events:none;z-index:7;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.forge-glim polygon{fill:none;stroke-linejoin:round}.forge-glim .edge{stroke:#d3c2ff;stroke-width:2px;opacity:0}.forge-glim .run{stroke-width:5px;stroke-dasharray:16 84;stroke-dashoffset:100px;opacity:0;filter:drop-shadow(0 0 6px #ffffffe6)}.forge-flyer{z-index:8;pointer-events:none;background:linear-gradient(135deg,#fff,#ffd2f0 40%,#8fd7ff);border-radius:3px;width:18px;height:18px;margin:-9px 0 0 -9px;position:fixed;box-shadow:0 0 0 2px #000,0 0 18px #d3c2ffe6}.forge-digit{vertical-align:bottom;height:1em;line-height:1;display:inline-block;overflow:hidden}.forge-digit.zeros{opacity:.45}.forge-column{flex-direction:column;display:flex}.forge-column>span{height:1em;line-height:1}.crate-veil{z-index:60;-webkit-user-select:none;user-select:none;background:#050608;position:fixed;inset:0}.crate-ground{width:100%;height:100%;display:block;position:absolute;inset:0}.crate-veil:after{content:"";pointer-events:none;background:#000000b8;position:absolute;inset:0}.crate-stage{z-index:1;perspective:1400px;position:absolute;inset:0;overflow:hidden}.crate-sparks{pointer-events:none;z-index:4;width:100vw;height:100vh;position:fixed;inset:0}.crate-head{z-index:3;padding:max(16px, env(safe-area-inset-top)) 76px 0;pointer-events:none;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;top:0;left:0;right:0}.crate-head>*{pointer-events:auto}.crate-close{left:16px;top:max(16px, env(safe-area-inset-top));color:#fff;cursor:pointer;--fill:#15171c;--edge:#000;border:0;place-items:center;width:48px;height:48px;padding:0;display:grid;position:absolute}.crate-close:hover{--fill:#22252c}.crate-close:focus-visible{--edge:#fff}.crate-label{color:#fff;-webkit-text-stroke:5px #000;paint-order:stroke fill;white-space:nowrap;margin:0;font-size:48px;line-height:1}.crate-label .four{vertical-align:middle;-webkit-text-stroke-width:3px;font-size:.4em}.crate-label .gold{color:var(--gold)}.crate-more{--fill:#15171c;color:#c9cdc4;font:700 14px var(--font-body);white-space:nowrap;flex:none;padding:6px 12px}.crate-more[hidden]{display:none}.crate-hint{text-align:center;font:700 17px var(--font-body);color:#fff;margin:0;position:absolute;top:46%;left:0;right:0}.crate-acts{z-index:3;left:0;right:0;bottom:max(28px, env(safe-area-inset-bottom));pointer-events:none;justify-content:center;gap:12px;padding:0 16px;display:flex;position:absolute}.crate-acts>*{pointer-events:auto}.crate-acts .act.big{min-height:56px;padding:0 34px;font-size:22px}.crate-acts .crate-all{min-width:260px}.crate-art{aspect-ratio:360/380;width:min(420px,86vw,52vh);color:inherit;background:0 0;border:0;padding:0;line-height:0;transition:top .6s cubic-bezier(.3,1,.4,1),width .6s cubic-bezier(.3,1,.4,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}button.crate-art{cursor:pointer}.crate-art svg{width:100%;height:100%;overflow:visible}.crate-art:focus-visible{outline-offset:6px;outline:3px solid #fff}.crate-stage.dealt .crate-art{width:min(260px,56vw,27vh);top:29%}.crate-boot.nudging svg .whole{transform-box:fill-box;transform-origin:50% 100%;animation:2.8s ease-in-out 1.2s infinite crate-nudge}@keyframes crate-nudge{0%,70%,to{transform:none}76%{transform:rotate(-3deg)translateY(-6px)}82%{transform:rotate(3deg)}88%{transform:rotate(-2deg)translateY(-3px)}94%{transform:rotate(1deg)}}.crate-boot.nudging:hover svg .whole{animation-play-state:paused;transform:translateY(-6px)}.crate-boot.shake svg .whole{transform-box:fill-box;transform-origin:50% 100%;animation:.36s ease-in-out crate-shake}@keyframes crate-shake{15%{transform:rotate(-4deg)translate(-4px,-8px)}35%{transform:rotate(4deg)translate(3px)}55%{transform:rotate(-3deg)translate(-2px,-5px)}75%{transform:rotate(2deg)}}.crate-ball.wobble svg .whole{transform-box:fill-box;transform-origin:50% 100%;animation:.32s ease-in-out crate-wobble}@keyframes crate-wobble{30%{transform:rotate(-6deg)}65%{transform:rotate(5deg)}}.crate-veil.tunnel:after{display:none}.crate-seq{width:100%;height:100%;display:block;position:absolute;inset:0}.crate-blink{pointer-events:none;background:#fff;position:absolute;inset:0}.crate-veil.tunnel .crate-label{opacity:0;transition:opacity .4s}.crate-veil.tunnel .crate-stage.dealt~.crate-head .crate-label{opacity:1}.crate-flip{width:var(--w);aspect-ratio:5/7;perspective:1100px;cursor:pointer;z-index:1;transition:transform .52s cubic-bezier(.2,1.2,.4,1),left .6s cubic-bezier(.3,1.1,.4,1),top .6s cubic-bezier(.3,1.1,.4,1),opacity .3s;position:absolute}.crate-flip .inner{transform-style:preserve-3d;transition:transform .26s cubic-bezier(.3,1.5,.5,1);position:absolute;inset:0}.crate-flip.turned .inner{transform:rotateY(180deg)}.crate-flip .side{backface-visibility:hidden;position:absolute;inset:0}.crate-flip .front{transform:rotateY(180deg)}.crate-flip:not(.turned):hover .inner{transform:translateY(-6px)}.crate-flip:focus-visible{outline-offset:6px;outline:3px solid #fff}.crate-flip .glow{opacity:0;pointer-events:none;transition:opacity .26s;position:absolute;inset:-46px -40px}.crate-flip .glow i{background:radial-gradient(closest-side, var(--rare) 62%, transparent 100%);border-radius:30%;position:absolute;inset:0}.crate-flip.glowing .glow{opacity:1}.crate-flip.opal .glow i{background:radial-gradient(closest-side,#ff9ccd 40%,#8fd7ff 70%,#0000 100%);animation:1.2s linear infinite crate-opal}@keyframes crate-opal{to{filter:hue-rotate(360deg)}}.crate-flip.teasing .inner{animation:.18s ease-in-out infinite crate-tease}@keyframes crate-tease{50%{transform:translateY(-3px)rotate(-1.2deg)}}.crate-flip.turned .front .card{filter:drop-shadow(0 0 8px var(--rare)) drop-shadow(0 0 2px var(--rare))}@media (width<=760px){.crate-head{justify-content:flex-start;gap:10px;padding-left:76px;padding-right:16px}.crate-label{-webkit-text-stroke-width:4px;font-size:30px}.crate-more{margin-left:auto;padding:5px 10px;font-size:13px}.crate-close{width:44px;height:44px}.crate-acts{bottom:max(16px, env(safe-area-inset-bottom))}.crate-acts .act.big{min-height:52px;padding:0 18px;font-size:20px}.crate-acts .crate-all{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){.crate-flip,.crate-flip .inner,.crate-art{transition-duration:1ms}.crate-boot.nudging svg .whole,.crate-boot.shake svg .whole,.crate-flip.teasing .inner,.crate-ball.wobble svg .whole{animation:none}}