.opener-top .brand{display:flex;align-items:center;gap:9px;font-size:18px;font-weight:800;color:#fff;text-decoration:none}.opener-top .brand-mark{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;padding:0;border-radius:9px;background:#b7ff38}.opener-top .brand-mark img{width:100%;height:100%;object-fit:cover}.opener-top .brand em{color:#b7ff38;font-style:normal}
.opener{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 40%,#18231a,#090a0d 55%,#040405);display:none;overflow:hidden}.opener.open{display:block}.opener canvas{position:absolute;inset:0;width:100%;height:100%}.opener-top{position:absolute;z-index:2;top:0;left:0;right:0;padding:22px clamp(18px,4vw,55px);display:flex;justify-content:space-between;align-items:center}.opener-top>button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(0,0,0,.35);color:white;font-size:27px;cursor:pointer}.opener-copy{position:absolute;z-index:2;bottom:7%;left:50%;transform:translateX(-50%);width:min(650px,calc(100% - 36px));text-align:center;pointer-events:none}.opener-copy h2{font-size:clamp(36px,5vw,65px);line-height:.95;letter-spacing:-.05em;margin:10px 0}.opener-copy p{color:#b4bbc0}.opener-copy .button{pointer-events:auto}.reveal-card{position:absolute;z-index:3;left:50%;top:43%;width:280px;height:390px;transform:translate(-50%,-50%) rotateY(90deg) scale(.7);opacity:0;border-radius:18px;border:1px solid rgba(255,255,255,.5);background:linear-gradient(145deg,#22283a,#101215 50%,#173b20);box-shadow:0 0 100px rgba(49,244,54,.3),0 40px 80px #000;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:space-between;text-align:center;transition:transform .8s cubic-bezier(.18,.9,.2,1.15),opacity .35s}.reveal-card.show{transform:translate(-50%,-50%) rotateY(0) scale(1);opacity:1}.reveal-card small,.reveal-card span{font-size:10px;letter-spacing:.16em}.reveal-card strong{font-size:30px;line-height:1}.no-scroll{overflow:hidden}@media(max-width:800px){.opener-copy{bottom:4%}.reveal-card{top:42%;width:230px;height:320px}}@media(max-width:500px){.opener-top .brand{font-size:17px}.opener-top .brand span{width:30px;height:30px}.opener-copy h2{font-size:36px}.opener-copy p{font-size:13px}.reveal-card{width:200px;height:280px}.reveal-card strong{font-size:23px}}@media(prefers-reduced-motion:reduce){.reveal-card{transition:none}}
.opener{--rarity:#a8ff2f;--rarity-soft:rgba(168,255,47,.18);isolation:isolate;background:radial-gradient(circle at 50% 38%,#172417 0,#090d0b 44%,#050607 76%)}.opener[data-model-state="loading"]:after{content:"LOADING AUTHENTICATED 3D ASSET";position:absolute;z-index:5;left:50%;top:50%;transform:translate(-50%,180px);font:700 9px/1.2 monospace;letter-spacing:.18em;color:#859086}.opener canvas{z-index:0}.opener-glow{position:absolute;z-index:1;inset:12% 25%;border-radius:50%;background:radial-gradient(circle,var(--rarity-soft),transparent 67%);filter:blur(24px);pointer-events:none}.opener-top{z-index:10}.opener-tools{display:flex;align-items:center;gap:9px}.opener-top .sfx-toggle{width:auto;height:36px;padding:0 13px;border:1px solid var(--line);border-radius:999px;background:rgba(8,11,9,.72);color:#dce3dc;font:800 9px/1 monospace;letter-spacing:.12em;cursor:pointer}.opener-top .sfx-toggle[aria-pressed="false"]{color:#707971}.opener-copy{z-index:5;transition:left .45s ease,bottom .45s ease,transform .45s ease,width .45s ease,text-align .45s ease}.opener-copy .button:disabled{cursor:wait;opacity:.56}.opener.revealing .opener-copy{left:4.5%;bottom:9%;transform:none;width:min(300px,25vw);text-align:left}.opener.revealing .opener-copy h2{font-size:clamp(28px,3.2vw,48px)}.opener .reveal-card{--rarity:#8d72ff;--rarity-soft:rgba(141,114,255,.23);position:absolute;z-index:6;left:50%;top:47%;width:min(360px,calc(100vw - 36px));height:min(570px,calc(100svh - 145px));padding:0;border:0;border-radius:24px;background:transparent;box-shadow:none;opacity:0;pointer-events:none;perspective:1500px;transform:translate(-50%,-50%) scale(.72);transition:opacity .3s ease,transform .65s cubic-bezier(.2,.9,.2,1.08)}.opener .reveal-card[data-rarity="common"]{--rarity:#c2c8cc;--rarity-soft:rgba(194,200,204,.2)}.opener .reveal-card[data-rarity="uncommon"]{--rarity:#4ce58a;--rarity-soft:rgba(76,229,138,.22)}.opener .reveal-card[data-rarity="rare"]{--rarity:#8d72ff;--rarity-soft:rgba(141,114,255,.24)}.opener .reveal-card[data-rarity="epic"]{--rarity:#ffbd3f;--rarity-soft:rgba(255,189,63,.25)}.opener .reveal-card.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.reveal-card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.2,.8,.2,1)}.reveal-card.flipped .reveal-card-inner{transform:rotateY(180deg)}.reveal-face{position:absolute;inset:0;overflow:hidden;border:1px solid color-mix(in srgb,var(--rarity) 72%,white 8%);border-radius:24px;background:linear-gradient(145deg,#171b19,#090c0a 58%,color-mix(in srgb,var(--rarity) 16%,#090c0a));box-shadow:0 0 0 1px rgba(255,255,255,.05) inset,0 0 90px var(--rarity-soft),0 35px 80px rgba(0,0,0,.72);backface-visibility:hidden}.reveal-front{display:grid;grid-template-rows:auto 1fr auto auto;gap:16px;padding:24px}.reveal-front:before,.reveal-front:after{content:"";position:absolute;border:1px solid var(--rarity-soft);border-radius:50%;pointer-events:none}.reveal-front:before{width:270px;height:270px;right:-150px;top:-120px}.reveal-front:after{width:190px;height:190px;left:-100px;bottom:-80px}.reveal-rating{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid rgba(255,255,255,.1)}.reveal-rating span,.reveal-rating strong{font:800 9px/1 monospace;letter-spacing:.15em}.reveal-rating strong{padding:7px 9px;border:1px solid var(--rarity);border-radius:999px;color:var(--rarity);box-shadow:0 0 18px var(--rarity-soft)}.reveal-logo{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:120px}.reveal-logo img{width:86px;height:86px;object-fit:contain;filter:drop-shadow(0 0 25px var(--rarity-soft))}.reveal-logo b{margin-top:10px;font-size:25px;letter-spacing:-.04em}.reveal-logo small{margin-top:4px;font:700 8px/1.2 monospace;letter-spacing:.14em;color:#8d978f}.reveal-data{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.09);border-radius:14px;overflow:hidden}.reveal-data>div{min-height:68px;padding:12px;border-right:1px solid rgba(255,255,255,.08);border-bottom:1px solid rgba(255,255,255,.08);opacity:.16;transform:translateY(5px);transition:opacity .22s ease,transform .22s ease,background .22s ease}.reveal-data>div:nth-child(2n){border-right:0}.reveal-data>div:nth-last-child(-n+2){border-bottom:0}.reveal-data>div.released{opacity:1;transform:none;background:linear-gradient(135deg,var(--rarity-soft),transparent)}.reveal-data span{display:block;margin-bottom:7px;font:700 7px/1 monospace;letter-spacing:.14em;color:#7d877f}.reveal-data b{display:block;overflow:hidden;font-size:11px;line-height:1.3;text-overflow:ellipsis}.flip-reveal{position:relative;z-index:1;width:100%;min-height:42px;border:1px solid var(--rarity);border-radius:10px;background:var(--rarity);color:#080b09;font-weight:900;cursor:pointer}.reveal-back{display:grid;grid-template-rows:minmax(180px,1fr) auto auto auto;gap:13px;padding:17px;transform:rotateY(180deg)}.reveal-image-frame{position:relative;min-height:0;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:radial-gradient(circle,var(--rarity-soft),#090b0a 68%)}.reveal-image-frame img{width:100%;height:100%;object-fit:contain;padding:8px;filter:drop-shadow(0 15px 16px rgba(0,0,0,.55))}.reveal-result{text-align:center}.reveal-result small{display:block;color:var(--rarity);font:800 8px/1 monospace;letter-spacing:.15em}.reveal-result strong{display:block;margin:8px 0 6px;font-size:clamp(20px,3vh,29px);line-height:1.02}.reveal-result span{display:block;color:#9da59f;font:600 9px/1.35 monospace;letter-spacing:.07em}.reveal-actions{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:7px}.reveal-actions .button{min-height:38px;padding:8px 6px;font-size:9px}.reveal-actions .button:disabled{cursor:not-allowed;filter:grayscale(1);opacity:.32}#revealActionNote{margin:0;text-align:center;color:#788078;font:600 8px/1.35 monospace;letter-spacing:.04em}.reveal-card.beat{animation:reveal-beat .32s cubic-bezier(.22,.9,.35,1)}@keyframes reveal-beat{0%,100%{transform:translate(-50%,-50%) scale(1)}22%{transform:translate(calc(-50% - 5px),calc(-50% + 1px)) rotate(-.7deg) scale(1.012)}45%{transform:translate(calc(-50% + 4px),calc(-50% - 2px)) rotate(.55deg) scale(1.012)}70%{transform:translate(calc(-50% - 2px),-50%) rotate(-.25deg) scale(1.006)}}@media(max-width:900px){.opener.revealing .opener-copy{left:50%;bottom:2.5%;transform:translateX(-50%);width:calc(100% - 30px);text-align:center}.opener.revealing .opener-copy h2,.opener.revealing .opener-copy p{display:none}.opener .reveal-card{top:48%;height:min(565px,calc(100svh - 155px))}}@media(max-width:560px){.opener-top{padding:13px 14px}.opener-top .brand{font-size:16px}.opener-tools{gap:6px}.opener-top .sfx-toggle{height:32px;padding:0 9px;font-size:8px}.opener-top>div>button:last-child{width:36px;height:36px}.opener .reveal-card{top:48%;width:min(324px,calc(100vw - 28px));height:min(530px,calc(100svh - 126px))}.reveal-front{gap:10px;padding:18px}.reveal-logo{min-height:95px}.reveal-logo img{width:66px;height:66px}.reveal-logo b{font-size:21px}.reveal-data>div{min-height:58px;padding:10px}.reveal-back{gap:9px;padding:13px}.reveal-result strong{font-size:20px}.reveal-actions{gap:5px}.reveal-actions .button{min-height:35px;font-size:8px}.opener.revealing .opener-copy{bottom:1.2%}.opener.revealing .opener-copy .kicker{font-size:8px}}@media(max-height:650px){.opener .reveal-card{top:49%;height:calc(100svh - 92px);width:min(310px,calc(100vw - 30px))}.reveal-front{grid-template-rows:auto .7fr auto auto;padding:15px}.reveal-logo{min-height:68px}.reveal-logo img{width:54px;height:54px}.reveal-data>div{min-height:50px;padding:8px}.reveal-back{grid-template-rows:minmax(130px,1fr) auto auto auto}.opener.revealing .opener-copy{display:none}}@media(prefers-reduced-motion:reduce){.opener-copy,.opener .reveal-card,.reveal-card-inner,.reveal-data>div{transition:none}.reveal-card.beat{animation:none}}
.reveal-card-inner{transition:transform 1.5s cubic-bezier(.34,.7,.18,1)}
.reveal-data{grid-template-columns:1fr}
.reveal-data>div{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.08)!important}
.reveal-data>div:last-child{border-bottom:0!important}
.reveal-data span{margin:0}
.reveal-data b{font-size:13px;text-align:right}
.reveal-result b{display:block;margin:2px 0 6px;color:#ffcf4a;font-size:clamp(18px,2.6vh,24px);letter-spacing:-.03em;text-shadow:0 0 16px rgba(255,207,74,.35)}
.reveal-card,.reveal-card-inner,.reveal-face,.reveal-image-frame img{filter:none}
.flip-reveal{display:none!important}
.opener.revealing .opener-copy{display:none}
.reveal-card.flipped .reveal-card-inner{transform:rotateY(180deg)}
.reveal-card.flipped.settled .reveal-card-inner{transform:none;transition:none}
.reveal-card.flipped.settled .reveal-front{display:none}
.reveal-card.flipped.settled .reveal-back{transform:none}
.reveal-back{border:2px solid var(--rarity);border-radius:24px;box-shadow:0 0 0 1px var(--rarity-soft),0 0 54px var(--rarity-soft),inset 0 0 0 1px rgba(255,255,255,.05)}
.reveal-back{grid-template-rows:minmax(140px,1fr) auto auto auto}
.reveal-result strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:6px 0 4px;font-size:clamp(15px,2.2vh,20px);line-height:1.15;overflow-wrap:anywhere}
.reveal-result span{font-size:8px}
.reveal-actions{grid-template-columns:1fr 1fr}
.reveal-actions .button:first-child{grid-column:1/-1}
.reveal-actions .button{min-height:40px;font-size:10px}

/* beat values stay sealed until their beat fires */
.reveal-data>div{position:relative;opacity:.58;transform:none}.reveal-data>div b{transition:opacity .28s ease,filter .28s ease,transform .28s ease}.reveal-data>div:not(.released) b{opacity:0;filter:blur(8px);transform:translateY(4px);user-select:none}.reveal-data>div:not(.released):after{content:"SEALED";position:absolute;left:12px;bottom:12px;font:800 8px/1 monospace;letter-spacing:.18em;color:rgba(255,255,255,.28)}.reveal-data>div.released{opacity:1}@media(max-width:560px){.reveal-data>div:not(.released):after{left:10px;bottom:10px}}@media(max-height:650px){.reveal-data>div:not(.released):after{left:8px;bottom:8px}}