:root{--bg:#f5f4ee;--ink:#183c36;--muted:#77847d;--accent:#d7ed87;--line:#dce0d5}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Segoe UI','Microsoft JhengHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.45}button:focus-visible,a:focus-visible{outline:3px solid #66933f;outline-offset:4px}header{height:98px;max-width:1380px;margin:auto;padding:0 55px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-size:22px;font-weight:800;letter-spacing:1px}.brand small{font-size:10px;letter-spacing:2px;display:block;margin-top:2px;font-weight:500}.brand-icon{font-size:39px}nav{display:flex;gap:28px;height:100%;align-items:center}nav button{border:0;background:none;color:#77847d;height:100%;font-size:13px;position:relative}nav button.active{color:var(--ink);font-weight:700}nav button.active:after{content:'';height:3px;background:var(--ink);position:absolute;bottom:0;left:0;right:0}nav i{display:inline-block;width:5px;height:5px;background:#b4ca62;border-radius:50%;vertical-align:top}.wallet{border:1px solid #d7dfce;background:#edf1e4;border-radius:30px;padding:10px 20px;color:var(--ink);font-weight:700}.wallet small{font-weight:400;font-size:11px;margin-left:7px}main{max-width:1270px;margin:auto;padding:0 0 60px}.hero{display:grid;grid-template-columns:1.08fr 1fr;min-height:570px;align-items:center;gap:20px}.hero-copy{padding:38px 0}.eyebrow{font-size:10px;letter-spacing:2.4px;font-weight:700;color:#758371;display:flex;align-items:center;gap:8px}.eyebrow>span{height:6px;width:6px;border-radius:50%;background:#72934c}h1{font-size:58px;line-height:1.28;letter-spacing:-2px;margin:24px 0;font-weight:750}h1 span{color:#799346}.hero-copy p{color:#7d887e;font-size:14px;line-height:2;margin:0}.hero-actions{display:flex;gap:12px;margin-top:32px}.primary,.secondary{border:0;border-radius:7px;padding:15px 23px;font-weight:600;font-size:13px}.primary{color:#fff;background:var(--ink);box-shadow:0 6px 14px #183c3610}.primary span{margin-left:38px;color:var(--accent)}.primary:hover:enabled{background:#28594d}.secondary{background:transparent;border:1px solid #cdd4c6;color:var(--ink)}.secondary:hover:enabled{background:#e8ecd9}.hero-meta{display:flex;gap:18px;margin-top:24px;color:#8a9387;font-size:10px}.hero-meta span+span{border-left:1px solid #d4d9cf;padding-left:18px}.hero-meta b{color:#5d7158}.pack-stage{height:505px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e4e9d9 0,transparent 67%)}.stage-ring{width:375px;height:375px;border:1px solid #d8dfcd;border-radius:50%;position:absolute}.stage-ring:after{content:'';position:absolute;inset:24px;border:1px dashed #d5dcc9;border-radius:50%}.foil-pack{width:236px;height:338px;position:relative;overflow:hidden;background:linear-gradient(120deg,#294c3e,#648264 38%,#284c3e 64%,#496a4d);color:#eaf1d0;border:1px solid #718362;box-shadow:12px 24px 28px #2e503332,inset 2px 0 2px #d7e3b6a0;transform:rotate(-9deg);padding:23px;text-align:left;transition:transform .3s}.foil-pack:hover:enabled{transform:rotate(-5deg) translateY(-5px)}.foil-pack:after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#e3efbf28 42%,transparent 50%);pointer-events:none}.tear-edge{height:10px;position:absolute;top:0;left:0;right:0;background:repeating-linear-gradient(90deg,#bec9a640,#d5dfbd10 2px,#0c291a60 3px)}.tear-edge.bottom{top:auto;bottom:0}.pack-head{display:flex;justify-content:space-between;font-weight:750;font-size:16px;letter-spacing:1px}.pack-head span{font-size:8px;letter-spacing:2px;align-self:center}.pack-grid{height:138px;display:grid;place-items:center;margin:8px -5px;background:repeating-linear-gradient(0deg,transparent,transparent 22px,#d9e5b51a 23px),repeating-linear-gradient(90deg,transparent,transparent 22px,#d9e5b51a 23px)}.pack-grid span{font-size:100px;color:#d5e5a4;line-height:1;text-shadow:0 0 30px #d9eba245}.pack-title{font-size:28px;font-weight:700;line-height:1.35;letter-spacing:3px}.pack-sub{font-size:6px;letter-spacing:1.5px;margin-top:10px}.pack-foot{border-top:1px solid #bed2a54a;margin-top:16px;padding-top:9px;display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px}.floating-label{position:absolute;background:#fafbf1cc;border:1px solid #e1e7d8;border-radius:9px;padding:14px 17px;font-size:12px;box-shadow:0 8px 25px #60784908;z-index:1}.floating-label small{display:block;font-size:9px;color:#8b9483;margin-top:6px}.label-one{top:82px;right:0;transform:rotate(5deg)}.label-two{bottom:73px;left:0;transform:rotate(-4deg);font-size:9px;letter-spacing:1px}.stage-caption{position:absolute;bottom:25px;font-size:10px;color:#8a9383;letter-spacing:1px}.stats{border:1px solid var(--line);border-radius:10px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;background:#f9f9f3;padding:25px 30px;gap:30px}.stats>div+div{border-left:1px solid var(--line);padding-left:30px}.stats small{display:block;font-size:10px;color:#899382;margin-bottom:10px}.stats strong{font-size:27px;font-weight:600}.stats em{font-size:11px;font-style:normal;font-weight:400;color:#919a89}.progress{height:3px;background:#e4e9dc;margin-top:12px;width:85%}.progress span{display:block;height:100%;background:#859b54}.stats-message{display:flex;align-items:center;gap:20px}.stats-message>span{font-size:38px;color:#8ba565}.stats-message p{font-size:11px;color:#8b9484;line-height:1.9}.stats-message b{color:#5d7351;font-weight:500}.featured{margin-top:45px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-heading h2{font-size:23px;font-weight:600;margin:12px 0 0}.text-button{border:0;background:none;font-size:11px;color:#718263}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.card{background:#fafbf5;border:1px solid #d8dfce;border-radius:10px;padding:13px;overflow:hidden;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-top{display:flex;justify-content:space-between;font-size:8px;color:#9ba48e;letter-spacing:1px}.card-top span:first-child{color:var(--rarity);font-weight:700}.art{height:150px;margin:11px 0 15px;position:relative;overflow:hidden;display:grid;place-items:center;background:radial-gradient(circle at 50% 45%,#69866d,#27453a);border-radius:5px}.r1 .art{background:radial-gradient(circle at 50% 45%,#528f93,#193c49)}.r2 .art{background:radial-gradient(circle at 50% 45%,#8b7b9f,#393b55)}.r3 .art{background:radial-gradient(circle at 50% 45%,#a8975f,#535039)}.card-symbol{font-size:65px;position:relative;color:#e8f0d5;text-shadow:0 0 22px var(--rarity)}.orbit{position:absolute;width:112px;height:112px;border:1px solid #e5eed02f;transform:rotate(45deg);border-radius:12px}.o2{width:140px;height:140px;transform:rotate(20deg);border:1px dashed #e5eed02a}.art-tag{position:absolute;bottom:10px;font-size:7px;color:#d8e4c6;letter-spacing:3px}.card-copy small{font-size:7px;letter-spacing:.8px;color:#97a08d}.card h3{font-size:16px;font-weight:600;margin:8px 0}.card p{font-size:10px;line-height:1.8;color:#8b9687;min-height:35px;margin:0}.card-bottom{margin-top:14px;padding-top:10px;border-top:1px solid #e3e7dc;font-size:9px;display:flex;justify-content:space-between;color:#899881;align-items:center}.card-bottom button{border:1px solid #cbd6bc;background:#eaf0de;padding:5px 8px;border-radius:4px;color:#46653e;font-size:10px}.locked .art{background:#e6e9e0}.locked .card-symbol{color:#a8b2a0;text-shadow:none}.locked .art-tag{color:#8a9581}.page-heading{padding:55px 0 32px}.page-heading h1{font-size:38px;margin:16px 0}.page-heading h1 span{font-size:18px;letter-spacing:1px}.page-heading p,.note{font-size:12px;color:#7d8978;line-height:1.9}.filters{display:flex;align-items:center;gap:8px;margin-bottom:25px;flex-wrap:wrap}.filters button{border:1px solid #d8decf;background:transparent;border-radius:20px;padding:8px 20px;font-size:11px;color:#6f8069}.filters button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.filters label{margin-left:auto;font-size:12px}.note{margin-top:25px}.quest-list{display:grid;gap:14px}.quest{border:1px solid var(--line);border-radius:10px;background:#fafbf5;display:flex;align-items:center;gap:25px;padding:25px}.quest-icon{width:66px;height:66px;border-radius:50%;background:#e7eed8;display:grid;place-items:center;font-size:32px;color:#789258}.quest h2{font-size:18px;margin:8px 0}.quest p{font-size:12px;color:#7e8c75}.quest small{font-size:9px;letter-spacing:1px;color:#93a087}.reward{margin-left:auto;font-size:13px;color:#789258}.empty{color:#81916e;padding:30px}footer{border-top:1px solid var(--line);padding:23px 55px;max-width:1380px;margin:auto;display:flex;justify-content:space-between;font-size:9px;color:#939c8d;letter-spacing:1px}footer b{color:#8da65f;margin:0 8px}dialog{border:1px solid #b9cbb0;border-radius:18px;background:#f5f5ec;color:var(--ink);width:min(950px,94vw);max-height:95vh;padding:35px;overflow:auto}dialog::backdrop{background:#0e251bcc;backdrop-filter:blur(8px)}.opening-scene,.reveal{text-align:center}.opening-scene .eyebrow,.reveal .eyebrow{justify-content:center}.opening-scene h2,.reveal h2{font-size:25px;margin:20px 0 28px}.modal-pack{display:block;margin:45px auto 30px;transform:rotate(-5deg)}.rip-strip{background:#d2e78b;color:#284639;padding:10px;text-align:center;font-size:11px;position:absolute;top:0;left:0;right:0;z-index:2}.modal-pack .pack-head{margin-top:25px}.opening-scene>p{color:#819477;font-size:12px}.tearing .rip-strip{animation:rip .8s forwards}.tearing{animation:shake .3s 2}.reveal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left;margin-bottom:20px}.reveal-grid>div{animation:reveal .7s both;animation-delay:var(--delay)}.reveal-grid>div>p{text-align:center;font-size:12px;color:#819166}.reveal .art{height:190px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);background:var(--ink);color:#f5f7e9;padding:15px 25px;border-radius:10px;opacity:0;pointer-events:none;transition:.25s;z-index:10;font-size:13px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}@keyframes rip{to{transform:translate(160px,-70px) rotate(35deg);opacity:0}}@keyframes shake{50%{transform:rotate(3deg)}}@keyframes reveal{from{opacity:0;transform:translateY(30px) rotateY(65deg)}to{opacity:1;transform:none}}@media(min-width:1500px){main{max-width:1270px}.hero{min-height:620px}}@media(max-width:1350px){main{margin:0 55px}h1{font-size:50px}.label-one{right:-10px}.label-two{left:-10px}}@media(max-width:900px){header{padding:0 24px;flex-wrap:wrap;height:auto;min-height:100px;gap:15px;padding-top:18px}nav{order:3;width:100%;justify-content:center;gap:28px;height:45px}.brand{font-size:18px}main{margin:0 24px}.hero{grid-template-columns:1fr 1fr;gap:0}h1{font-size:36px}.hero-copy p{font-size:12px}.hero-actions{flex-direction:column;align-items:start}.hero-meta{flex-wrap:wrap;gap:10px}.pack-stage{height:440px}.foil-pack{width:200px;height:305px;padding:20px}.pack-grid{height:110px}.stage-ring{width:280px;height:280px}.label-one{top:38px;font-size:9px}.label-two{bottom:38px;font-size:8px}.card-grid{grid-template-columns:repeat(2,1fr)}.stats{gap:15px;padding:20px}.stats>div+div{padding-left:15px}.stats-message{gap:8px}.stats-message>span{display:none}footer{padding:20px 24px;gap:20px}.hero-meta span+span{padding-left:10px}.quest{gap:15px}.quest-icon{width:45px;height:45px;flex-shrink:0}.reveal-grid{gap:10px}.reveal .art{height:140px}}@media(max-width:600px){header{padding:15px 18px 0}.brand small{font-size:8px}.wallet{padding:8px 13px}nav{gap:22px}nav button{font-size:11px}main{margin:0 20px}.hero{display:flex;flex-direction:column}.hero-copy{width:100%;padding:35px 0 0}h1{font-size:42px;margin:20px 0}.hero-actions{flex-direction:row;margin-top:25px}.primary,.secondary{padding:13px 16px;font-size:11px}.primary span{margin-left:15px}.hero-meta{font-size:8px;gap:8px}.pack-stage{width:100%;height:410px}.foil-pack{width:205px;height:305px}.label-one{right:0;top:45px}.label-two{left:0;bottom:60px}.stage-caption{bottom:18px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;padding:18px}.stats-message{display:none}.stats strong{font-size:24px}.stats small{font-size:9px}.stats>div+div{padding-left:12px}.featured{margin-top:35px}.section-heading h2{font-size:20px}.card-grid{gap:12px}.card{padding:10px}.card h3{font-size:14px}.card p{font-size:9px}.art{height:125px}.card-symbol{font-size:52px}.page-heading{padding-top:35px}.page-heading h1{font-size:30px}.filters button{padding:7px 13px}.filters label{width:100%;margin:10px 0}.quest{flex-wrap:wrap;padding:20px;gap:12px}.quest>div:nth-child(2){flex:1}.quest h2{font-size:16px}.quest .reward{margin-left:57px}.quest button{margin-left:auto}footer{flex-direction:column;font-size:8px;gap:10px;padding:20px}dialog{padding:22px 16px}.reveal-grid{grid-template-columns:1fr}.reveal-grid .card{max-width:250px;margin:auto}.reveal-grid .art{height:130px}.opening-scene h2,.reveal h2{font-size:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* V2 opening: physical packaging, extraction and reveals */
[hidden]{display:none!important}.opening-tools{display:flex;justify-content:flex-end;gap:8px;margin-bottom:20px}.opening-tools button{font-size:10px;padding:9px 12px}.tear-scene{height:390px;position:relative;display:grid;place-items:center;perspective:800px}.paper-pack{width:245px;height:320px;position:relative;transform:rotate(-5deg);z-index:1;filter:drop-shadow(0 25px 20px #183c3630)}.pack-body,.pack-lid{position:absolute;left:0;width:100%;background:linear-gradient(120deg,#294c3e,#658567 38%,#284c3e 70%);border:1px solid #9db58a;color:#eaf1d0}.pack-body{top:40px;height:280px;padding:22px;clip-path:polygon(0 0,6% 3%,12% 0,18% 3%,24% 0,30% 3%,36% 0,42% 3%,48% 0,54% 3%,60% 0,66% 3%,72% 0,78% 3%,84% 0,90% 3%,100% 0,100% 100%,0 100%)}.pack-body .pack-grid{height:100px}.pack-lid{height:54px;top:0;padding:12px 15px;letter-spacing:3px;font-size:10px;z-index:3;clip-path:polygon(0 0,100% 0,100% 85%,90% 100%,84% 85%,78% 100%,72% 85%,66% 100%,60% 85%,54% 100%,48% 85%,42% 100%,36% 85%,30% 100%,24% 85%,18% 100%,12% 85%,6% 100%,0 85%)}.tear-handle{position:absolute;top:27px;left:0;width:245px;height:42px;border:0;background:#d7ed87;color:#183c36;font-size:11px;font-weight:700;z-index:6;touch-action:none;transform:translateX(calc(var(--pull,0)*140px)) rotate(calc(var(--pull,0)*12deg));transition:transform .3s}.tear-handle.dragging{transition:none}.tear-progress{width:245px;height:4px;background:#d9e2cd;margin:15px auto}.tear-progress span{height:100%;background:#8dad4a;display:block;width:0;transition:width .1s}.pack-crack{position:absolute;top:41px;height:6px;background:#edffd6;width:100%;opacity:0;filter:drop-shadow(0 0 12px #d7ed87);z-index:4}.pack-light{position:absolute;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,#eeffd8,#d6ed8990 35%,transparent 70%);opacity:0;transform:scale(.5)}.flying-card{position:absolute;width:120px;height:170px;border:1px solid #d7ed87;background:#183c36;color:#d7ed87;border-radius:8px;display:grid;place-items:center;font-size:50px;top:85px;left:62px;z-index:0;opacity:0}.burst .pack-lid{animation:lid-off 1.2s forwards}.burst .pack-body{animation:body-off 1.2s forwards}.burst .tear-handle{animation:strip-off .6s forwards}.burst .pack-crack{animation:crack-open .65s forwards}.burst .pack-light{animation:light-bloom 1.2s forwards}.burst .flying-card{animation:extract-card 1.2s forwards;--fly-x:-105px;--fly-r:-17deg}.burst .second{--fly-x:0px;--fly-r:0deg;animation-delay:.08s}.burst .third{--fly-x:105px;--fly-r:17deg;animation-delay:.16s}.card-back{width:100%;min-height:320px;border:1px solid #86a379;border-radius:10px;color:#d7ed87;background:radial-gradient(circle at center,#42664a,#183c36);display:flex;flex-direction:column;align-items:center;justify-content:space-around;box-shadow:0 10px 25px #183c3620;padding:25px;transition:transform .25s}.card-back:hover{transform:translateY(-7px)}.card-back span{letter-spacing:5px;font-weight:700}.card-back strong{font-size:90px}.card-back small{font-size:11px;letter-spacing:1px}.reveal-slot{position:relative;perspective:1000px;min-width:0}.card-face>p{text-align:center;font-size:11px;color:#738764}.flipped .card-face{animation:card-turn .65s ease both;filter:drop-shadow(0 0 10px var(--rarity))}.legendary .card-face{animation:legend-turn .95s ease both}.sparkles{display:none;position:absolute;inset:0;pointer-events:none}.legendary .sparkles{display:block}.sparkles i{position:absolute;left:50%;top:45%;width:5px;height:5px;background:#e6bc67;box-shadow:0 0 10px #ffe09b;border-radius:50%;animation:spark-out 1.3s ease-out both;transform:rotate(var(--angle))}.result-actions{display:flex;justify-content:center;gap:12px}.reveal #reveal-status{font-size:13px;min-height:24px;color:#667e50}@keyframes lid-off{20%{transform:translateY(-8px)}70%,100%{transform:translate(150px,-150px) rotate(40deg);opacity:0}}@keyframes body-off{30%{transform:translateY(14px)}100%{transform:translateY(140px) rotate(-14deg);opacity:0}}@keyframes strip-off{to{transform:translate(220px,-70px) rotate(40deg);opacity:0}}@keyframes crack-open{20%,65%{opacity:1;height:16px}100%{opacity:0}}@keyframes light-bloom{35%,75%{opacity:1;transform:scale(1.6)}100%{opacity:0;transform:scale(2)}}@keyframes extract-card{25%{opacity:1}80%,100%{opacity:1;transform:translate(var(--fly-x),-80px) rotate(var(--fly-r))}}@keyframes card-turn{from{opacity:0;transform:rotateY(-90deg) scale(.92)}to{opacity:1;transform:none}}@keyframes legend-turn{0%,20%{opacity:.25;transform:rotateY(-80deg) scale(.92)}75%{transform:scale(1.04)}100%{opacity:1;transform:none}}@keyframes spark-out{from{opacity:1;transform:rotate(var(--angle)) translateX(20px)}to{opacity:0;transform:rotate(var(--angle)) translateX(160px)}}@media(max-width:600px){.tear-scene{height:350px}.reveal-grid{grid-template-columns:1fr}.card-back{min-height:210px;max-width:260px;margin:auto}.card-back strong{font-size:64px}.reveal-slot{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.burst .pack-lid,.burst .pack-body,.burst .tear-handle,.burst .pack-light,.burst .flying-card,.flipped .card-face{animation:none!important}.burst{opacity:.5}.legendary .sparkles{display:none}.card-face{animation:short-fade .1s!important}@keyframes short-fade{from{opacity:.3}to{opacity:1}}}
.service-illustration{width:110px;height:110px;color:#e7f0d8;filter:drop-shadow(0 0 10px var(--rarity))}.card-symbol{font-size:inherit;display:grid;place-items:center}.card h3{min-height:40px;line-height:1.4}.card-detail-link{font-size:10px;color:#4e7048;background:none;border:0;padding:12px 0 0;display:block}.locked .service-illustration{color:#9ba98e;filter:none;opacity:.65}.catalog-search{display:flex;gap:12px;margin-bottom:18px}.catalog-search input,.catalog-search select{font:inherit;font-size:13px;padding:12px 16px;background:#fafbf5;border:1px solid #cdd7c2;border-radius:7px;color:#183c36}.catalog-search input{flex:1;min-width:0}.detail-dialog{width:min(850px,94vw)}.detail-layout{display:grid;grid-template-columns:260px 1fr;gap:35px;align-items:start;margin-top:25px}.detail-layout h2{font-size:25px;line-height:1.4}.detail-layout h3{font-size:14px;margin-top:26px}.detail-layout p{font-size:13px;line-height:1.9;color:#6a7d63}.source-link{color:#3b7047;text-decoration:underline;text-underline-offset:4px;font-size:13px}.dialog-close{display:block;margin-left:auto}.detail-layout .card-detail-link{display:none}@media(max-width:600px){.catalog-search{flex-direction:column}.detail-layout{grid-template-columns:1fr;gap:25px}.detail-layout>.card{max-width:260px;width:100%;margin:auto}.service-illustration{width:95px;height:95px}.detail-layout h2{font-size:22px}}
.wallet-group{display:flex;gap:8px}.fragments{background:#f3eedc;border-color:#dfd7bf}.card-operations{display:flex;gap:7px;margin-top:12px;flex-wrap:wrap}.card-operations button{background:transparent;border:1px solid #d5decc;border-radius:5px;color:#58734d;padding:6px 8px;font-size:10px}.card-operations button:hover:enabled{background:#e9efdc}.pity-status{margin-top:20px;max-width:320px;font-size:10px;color:#607847}.pity-status small{display:block;margin-top:6px;color:#8a957c;font-size:9px}.pity-status .progress{width:100%;margin-top:8px}.workshop-dialog{width:min(520px,94vw)}.workshop-dialog h2{font-size:25px}.workshop-dialog h3{font-size:17px}.quantity-label{font-size:13px;display:flex;gap:15px;align-items:center;margin:20px 0}.quantity-label input{width:90px;padding:9px;border:1px solid #ced9bf;border-radius:6px;font:inherit}.transaction-preview{padding:20px;background:#eaf0dc;border:1px solid #d6e0c5;border-radius:8px;font-size:14px;line-height:2;color:#49653a}.guarantee-badge{color:#82689c;font-size:12px;background:#ebe5f2;display:inline-block;padding:8px 15px;border-radius:20px}.opening-scene,.reveal{min-width:0}@media(max-width:900px){header{gap:10px}.wallet{font-size:12px;padding:9px 12px}.wallet small{font-size:9px;margin-left:4px}}@media(max-width:600px){.wallet-group{gap:5px}.wallet{padding:8px;font-size:11px}.wallet small{font-size:8px}.brand{font-size:16px;gap:6px}.brand-icon{font-size:30px}.brand small{letter-spacing:1px}.hero-copy{padding-top:30px}.hero-meta{margin-top:18px}}
/* Rarity-specific reveal accents and compact mobile extraction */
.flipped.r0 .card-face{filter:drop-shadow(0 3px 7px #95aca866)}.flipped.r1:after{content:'';position:absolute;inset:0;border:2px solid #62b9e8;border-radius:12px;pointer-events:none;animation:rare-glint .8s both}.flipped.r2:after{content:'';position:absolute;inset:-5px;border:2px solid #b59bef;border-radius:15px;pointer-events:none;animation:epic-pulse 1s both}@keyframes rare-glint{from{opacity:1;box-shadow:inset 0 0 45px #62b9e8aa}to{opacity:0;box-shadow:inset 0 0 0 #62b9e800}}@keyframes epic-pulse{0%{opacity:0;transform:scale(.95)}35%{opacity:1;box-shadow:0 0 25px #b59bef99}100%{opacity:0;transform:scale(1.05)}}@media(max-width:600px){.flying-card{width:100px;left:72px}.burst .flying-card{--fly-x:-70px;--fly-r:-12deg}.burst .second{--fly-x:0px;--fly-r:0deg}.burst .third{--fly-x:70px;--fly-r:12deg}.reveal .opening-tools{position:sticky;top:-22px;z-index:3;background:#f5f5ec;padding:8px 0}.result-actions{position:sticky;bottom:-22px;z-index:3;background:#f5f5ec;padding:12px 0}}@media(prefers-reduced-motion:reduce){.flipped.r1:after,.flipped.r2:after{display:none}}