:root{--card-width-design: 300;--card-height-design: 420;--card-fit: .8;--card-width: 300px;--card-height: 420px;--card-depth: 6px;--dpr: 1;--pointer-from-center: 0;--pointer-x: 50%;--pointer-y: 50%;--rainbow-x: 50%;--rainbow-y: 50%;--ff-scale: 1.27;--ff-anchor-x: .5;--ff-anchor-y: .5;--ff-offset-x: 0;--ff-offset-y: 0;--ff-nudge-x: 0px;--ff-nudge-y: 0px;--ff-width-mul: 1;--ff-height-mul: 1;--ff-bleed: .14;--ff-z-lift: calc(var(--card-depth) / 2);--z-scale: 1;--z-unit: calc(1px * var(--z-scale));--overlay-shine-z-design: 2;--overlay-nameplate-z-design: 6;--overlay-text-z-design: 3;--plane-eps-design: 1;--z-plane-eps: calc(var(--plane-eps-design) * var(--z-unit));--z-shine: calc(var(--overlay-shine-z-design) * var(--z-unit));--z-nameplate: calc(var(--overlay-nameplate-z-design) * var(--z-unit));--z-text: calc(var(--overlay-text-z-design) * var(--z-unit));--ff-ahead-of-nameplate-design: -1.5;--ff-z-target: calc( (var(--overlay-nameplate-z-design) + var(--ff-ahead-of-nameplate-design)) * var(--z-unit) );--ff-z-boost: calc(var(--ff-z-target) - var(--ff-z-lift));--z-shaderback: calc(.6 * var(--card-depth) - var(--z-plane-eps));--np-top: calc(var(--card-height) * .692857);--np-left: calc(var(--card-width) * .02);--np-width: calc(var(--card-width) * .95);--sized-top: calc(var(--card-height) * .381);--ap-left: calc(var(--card-width) * .25);--edge-left-x: 0px;--edge-left-y: 0px;--edge-left-z: 0px;--edge-right-x: 0px;--edge-right-y: 0px;--edge-right-z: 0px;--edge-top-x: 0px;--edge-top-y: 0px;--edge-top-z: 0px;--edge-bottom-x: 0px;--edge-bottom-y: -1px;--edge-bottom-z: 0px;--bottom-top-percent: 150%;--edge-eps: 0px;--edge-eps-bottom: max(1px, calc(1.2 * var(--z-unit)));--seam: .75px;--edge-blue-dark: #000000;--edge-blue-light: #000000;--edge-tilt-bottom: .12deg;--back-font-pw: .038;--back-line-pw: .055;--back-top-ph: .0714286;--backshader-scale: 1;--backshader-tx: 0px;--backshader-ty: 0px;--backshader-rot: 0deg}*,*:before,*:after{box-sizing:border-box}html,body,#root{width:100%;height:100%}html,body{margin:0;padding:0;background:#262626!important;overflow:hidden!important;overscroll-behavior:none;scrollbar-gutter:auto;touch-action:none;-webkit-tap-highlight-color:transparent}body::-webkit-scrollbar{width:0;height:0}.container{width:100vw;height:100dvh;display:flex;justify-content:center;align-items:center;perspective:4000px;position:relative;background:transparent!important;overflow:hidden}#cardWrapper{position:relative;width:var(--card-width);height:var(--card-height);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform;overflow:visible}.card3D{position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d;backface-visibility:visible;transform-origin:50% 50%;overflow:visible}.face{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:transparent;transform-origin:50% 50%}.front{background-color:transparent!important;transform:translateZ(calc(var(--card-depth) / 2));overflow:hidden;backface-visibility:visible}.back{background-color:#000!important;transform:rotateY(180deg) translateZ(calc(var(--card-depth) / 2));backface-visibility:hidden;isolation:isolate;overflow:hidden}.back:before{content:"";position:absolute;inset:0;background:#000;transform:translateZ(-.5px);pointer-events:none}.face.left,.face.right,.face.top,.face.bottom{animation:none!important;will-change:auto;background-color:var(--edge-blue-dark);filter:none!important}.face.left{left:50%;top:50%;width:var(--card-depth);height:calc(var(--card-height) + (var(--seam) * 2));z-index:2;backface-visibility:visible;transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--card-width) / -2 + var(--edge-eps))) translate(var(--edge-left-x)) translateY(var(--edge-left-y)) translateZ(var(--edge-left-z))}.face.right{left:50%;top:50%;width:var(--card-depth);height:calc(var(--card-height) + (var(--seam) * 2));z-index:2;backface-visibility:hidden;transform:translate(-50%,-50%) rotateY(90deg) translateZ(calc(var(--card-width) / 2 + var(--edge-eps))) translate(var(--edge-right-x)) translateY(var(--edge-right-y)) translateZ(var(--edge-right-z))}.face.top{left:50%;top:50%;width:calc(var(--card-width) + (var(--seam) * 2));height:var(--card-depth);z-index:2;backface-visibility:visible;transform:translate(-50%,-50%) rotateX(-90deg) translateZ(calc(var(--card-height) / -2 + var(--edge-eps))) translate(var(--edge-top-x)) translateY(var(--edge-top-y)) translateZ(var(--edge-top-z))}.face.bottom{left:50%;top:50%;width:calc(var(--card-width) + (var(--seam) * 2));height:var(--card-depth);z-index:2;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translate(-50%,-50%) rotateX(calc(90deg + var(--edge-tilt-bottom))) translateZ(calc(-1 * var(--card-height) / 2 - var(--edge-eps-bottom))) translate(var(--edge-bottom-x)) translateY(var(--edge-bottom-y)) translateZ(var(--edge-bottom-z))}.r3f-front-wrapper{position:absolute;inset:0;pointer-events:none;transform-origin:50% 50%;transform:translateZ(calc(var(--card-depth) / 2));z-index:8}.r3f-front-wrapper canvas{display:block;position:absolute;inset:0;width:100%;height:100%;background:transparent;max-width:100%;max-height:100%;overflow:clip}.r3f-back-wrapper{position:absolute;inset:0;pointer-events:none;transform-origin:50% 50%;transform:translateZ(calc(var(--card-depth) / 2 - 1px))}.r3f-back-wrapper canvas{display:block;position:absolute;inset:0;width:100%;height:100%;background:transparent;max-width:100%;max-height:100%;overflow:clip;border:#000 10px solid!important}.front-art-layer{position:absolute;inset:0;pointer-events:none;transform-style:preserve-3d;transform:translateZ(calc(var(--card-depth) / 2 + 2px));backface-visibility:hidden;-webkit-backface-visibility:hidden;z-index:500}.front-art-base,.front-art-overlay{position:absolute;inset:0;pointer-events:none}.front-art-base{opacity:1;mix-blend-mode:normal}.front-art-overlay{opacity:1;mix-blend-mode:soft-light}.front-art-img{width:100%;height:100%;object-fit:cover;display:block}.rain-overlay{position:absolute;inset:0;transform:translateZ(var(--z-shaderback)) translate(var(--backshader-tx),var(--backshader-ty)) scale(var(--backshader-scale)) rotate(var(--backshader-rot));transform-origin:50% 50%;pointer-events:none;z-index:1;will-change:transform;backface-visibility:hidden;overflow:hidden;opacity:.9;mix-blend-mode:screen}.rain-iframe,.rain-video{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:transparent;transform-origin:50% 50%;max-width:100%;max-height:100%;overflow:clip}.rain-iframe,.shaderfront-iframe{display:block;overflow:hidden!important}.rain-iframe::-webkit-scrollbar,.shaderfront-iframe::-webkit-scrollbar{width:0;height:0}.shine-overlay-wrapper{position:absolute;inset:0;transform:translateZ(var(--z-shine));pointer-events:none;z-index:5}.number-wrapper{position:absolute;inset:0;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;backface-visibility:visible;pointer-events:none;z-index:20}.front-number-wrapper{transform:translateZ(var(--z-text))}.number{font-size:180px;font-weight:900;color:#000;font-family:Times New Roman,Impact,serif;mix-blend-mode:screen;opacity:.9;backface-visibility:hidden;z-index:21;position:relative}.sized{font-size:40px;font-weight:900;color:#3decff;font-family:Times New Roman,Impact,serif;animation:pulseGlow 2s ease-in-out infinite;mix-blend-mode:screen;opacity:1;backface-visibility:hidden;z-index:21;position:relative;top:var(--sized-top)}.back-number-wrapper{position:absolute;inset:100px 0 0;display:flex;align-items:center;justify-content:center;transform:translateZ(var(--z-text))}.sized_two{font-size:calc(var(--card-width) * var(--back-font-pw));line-height:calc(var(--card-width) * var(--back-line-pw));color:#a7a7a7;font-family:Arial,Helvetica,sans-serif;font-weight:200;mix-blend-mode:normal;opacity:1;padding:5%;text-align:center}.nameplate-wrapper{position:absolute;bottom:calc(var(--card-height) * .03809524);right:calc(var(--card-width) * .33333333);width:calc(var(--card-width) * .33333333);transform:translateZ(var(--z-nameplate));pointer-events:none;z-index:30}.nameplate-svg{width:100%;height:auto;display:block;filter:drop-shadow(0 0 4px rgb(228,228,228))}.color-overlay-wrapper{position:absolute;inset:0;transform:translateZ(calc(var(--z-shaderback) + .5px));pointer-events:none;z-index:2;mix-blend-mode:soft-light;opacity:.9}.color-overlay-image{width:100%;height:100%;object-fit:cover;opacity:.95;display:block;filter:brightness(1) contrast(1)}.holoswirl-overlay-wrapper{position:absolute;inset:0;transform:translateZ(calc(var(--z-shaderback) + .75px));pointer-events:none;z-index:3;mix-blend-mode:screen;opacity:1}.holoswirl-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:none}.hitbox{position:absolute;inset:0;z-index:1000;pointer-events:auto;cursor:grab}.shaderfront-wrapper{position:absolute;inset:0;z-index:12;transform:translateZ(var(--z-text));pointer-events:none;will-change:transform;backface-visibility:hidden;mix-blend-mode:overlay;opacity:.5}.shaderfront-iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;background:transparent;max-width:100%;max-height:100%;overflow:clip}#cardWrapper[data-size=xs] .face.top,#cardWrapper[data-size=xs] .face.bottom{width:calc(var(--card-width) + 1px)}#cardWrapper[data-size=xs] .face.left,#cardWrapper[data-size=xs] .face.right{height:calc(var(--card-height) + 1px)}#cardWrapper[data-size=xs] .face.left,#cardWrapper[data-size=xs] .face.right,#cardWrapper[data-size=xs] .face.top,#cardWrapper[data-size=xs] .face.bottom,.face.left,.face.top,.face.bottom{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.face.right{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important}html.ios{--edge-eps: .75px}html.ios .face.front,html.ios .face.back,html.ios .face.left,html.ios .face.top,html.ios .face.bottom,html.ios .face.right{backface-visibility:visible!important;-webkit-backface-visibility:visible!important}.bl-loader{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:0;transition:opacity .22s ease;display:grid;place-items:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.bl-loader.on{opacity:1}.bl-loader.off{opacity:0}.bl-loader-inner{display:grid;place-items:center;gap:14px;padding:18px 18px 16px;border-radius:16px;background:#0000008c;box-shadow:0 10px 40px #00000073;width:min(340px,86vw)}.bl-loader-poster{width:100%;height:auto;border-radius:12px;display:block;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.bl-loader-spinner{width:34px;height:34px;border-radius:999px;border:3px solid rgba(255,255,255,.25);border-top-color:#fffffff2;animation:blspin .9s linear infinite}.bl-loader-label{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#ffffffd9}@keyframes blspin{to{transform:rotate(360deg)}}.shaderfront-wrapper,.shaderfront-iframe,.rain-overlay,.rain-iframe{pointer-events:none}.rain-iframe,.shaderfront-iframe{display:block;overflow:hidden!important;border:0!important;width:100%;height:100%}.rain-iframe::-webkit-scrollbar,.shaderfront-iframe::-webkit-scrollbar{width:0!important;height:0!important}.rain-iframe,.shaderfront-iframe{scrollbar-width:none}
