@import url('https://fonts.googleapis.com/css2?family=Golos+Text:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#111310;--panel:#1b1e19;--line:#34392e;--lime:#d0fc70;--muted:#92998a}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#f1f2e9;font-family:'Golos Text',Arial,sans-serif}button,select{font:inherit}button{cursor:pointer}header{height:90px;display:flex;align-items:center;padding:0 6%;border-bottom:1px solid var(--line);gap:18px}.brand{font-size:52px;font-weight:900;color:var(--lime);text-decoration:none;letter-spacing:-8px}.brand span{font-size:30px;vertical-align:top}.label{font-size:13px;font-weight:800;letter-spacing:1px}.label small{font-size:8px;color:var(--muted)}.demo{margin-left:auto;font-size:10px;color:var(--lime);border:1px solid var(--line);padding:9px 12px;border-radius:5px}main{max-width:1180px;margin:auto;padding:0 32px}.topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin:27px 0}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:470px;align-items:center}.eyebrow{font-size:10px;letter-spacing:1.7px;color:var(--lime)}h1{font-size:clamp(52px,6.2vw,86px);line-height:.98;letter-spacing:-5px;margin:23px 0}h1 em{font-style:normal;color:var(--lime)}.intro p{color:#afb5a6;font-size:14px;line-height:1.8}.intro>small{color:#666e5f;font-size:9px}.hero-stats{display:flex;gap:35px;font-size:9px;color:var(--muted);margin:28px 0 16px}.hero-stats b{display:block;color:#fff;font-size:25px;margin-bottom:6px}.pack-area{position:relative;display:flex;align-items:center;justify-content:center;min-height:440px;background:radial-gradient(ellipse,#718c3526,transparent 65%)}.pack{width:224px;height:310px;background:var(--lime);color:#15200a;transform:rotate(9deg);box-shadow:15px 22px 40px #0008,inset -10px 0 18px #688a3877;position:relative;padding:25px 20px;clip-path:polygon(0 0,4% 1%,8% 0,12% 1%,16% 0,20% 1%,24% 0,28% 1%,32% 0,36% 1%,40% 0,44% 1%,48% 0,52% 1%,56% 0,60% 1%,64% 0,68% 1%,72% 0,76% 1%,80% 0,84% 1%,88% 0,92% 1%,96% 0,100% 1%,100% 100%,0 100%);border-top:12px solid #b7e45d;border-bottom:12px solid #b7e45d}.pack:after{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff5 40%,transparent 52%);pointer-events:none}.pack-top{font-size:8px;font-weight:800;display:flex;justify-content:space-between;border-bottom:1px solid #1b2a1b55;padding-bottom:10px}.pack-logo{font-size:42px;font-weight:900;letter-spacing:-3px;line-height:.9;margin-top:17px}.pack-logo span{font-size:15px;vertical-align:top}.pack-eye{position:absolute;right:14px;bottom:49px;font-size:76px}.pack-bottom{font-size:7px;font-weight:800;position:absolute;bottom:14px;line-height:1.5}.orbit{position:absolute;width:370px;height:290px;border:1px solid #738b3a36;border-radius:50%;transform:rotate(-30deg)}.o2{transform:rotate(40deg);width:310px;height:370px}.sticker{position:absolute;background:#bb95ff;color:#191124;padding:15px 10px;border-radius:50%;font-size:12px;font-weight:900;transform:rotate(-14deg);right:55px;top:65px}.pack-caption{position:absolute;bottom:20px;font-size:9px;letter-spacing:2px;color:var(--muted)}.claim{display:flex;align-items:center;justify-content:space-between;background:#22291b;border:1px solid #465734;border-radius:10px;padding:22px 25px;margin:20px 0 40px;gap:20px}.claim strong{font-size:14px}.claim small{display:block;color:var(--muted);font-size:11px;margin:8px 0 0 19px}.dot{display:inline-block;width:7px;height:7px;background:var(--lime);border-radius:100%;margin-right:12px}.primary{background:var(--lime);border:0;border-radius:5px;color:#16200d;padding:16px 22px;font-size:11px;font-weight:800;letter-spacing:.5px}.primary span{margin-left:35px}.primary:hover{background:#e0ff9e}.primary:disabled{background:#353d2d;color:#8b957f;cursor:default}nav{display:flex;border-bottom:1px solid var(--line);gap:30px}nav button{padding:0 0 18px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:11px;font-weight:700}nav button.active{color:var(--lime);border-color:var(--lime)}nav span{font-size:9px;padding:3px 6px;background:#2c3424;border-radius:4px;margin-left:7px}.section-head{display:flex;align-items:center;justify-content:space-between;margin:28px 0 20px;gap:15px}h2{font-size:23px;margin:0 0 8px;letter-spacing:-.7px}.section-head p{font-size:11px;color:var(--muted);margin:0}select{background:#1c2018;border:1px solid var(--line);color:#bec5b5;padding:10px;border-radius:5px;font-size:11px}.progress{height:3px;background:#2c3226;margin-bottom:24px}.progress i{display:block;background:var(--lime);height:100%;transition:width .5s}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.card{border:1px solid var(--color,#414737);background:#1b2019;border-radius:9px;overflow:hidden;position:relative;text-align:left;padding:0;color:#eee;transition:transform .2s}.card:hover{transform:translateY(-4px)}.card-art{height:160px;display:flex;align-items:center;justify-content:center;font-size:70px;background:radial-gradient(circle at 50% 40%,var(--color),transparent 75%),repeating-linear-gradient(45deg,#ffffff04 0 1px,transparent 1px 14px);position:relative}.card-art:after{content:'BASED / 001';position:absolute;bottom:10px;left:12px;font-size:8px;letter-spacing:2px;color:#ffffff60}.card-info{padding:14px}.card-info small{color:var(--color);font-size:8px;font-weight:700;letter-spacing:1px}.card-info h3{font-size:13px;margin:8px 0}.card-info p{font-size:10px;line-height:1.5;color:#aeb6a4;min-height:30px;margin:0}.card-num{position:absolute;top:10px;left:12px;font-size:9px;color:#ddd}.badge{position:absolute;right:8px;top:8px;background:#111b;padding:4px 7px;font-size:9px;border-radius:4px}.locked{opacity:.48;border-color:#343b2e}.locked .card-art{background:repeating-linear-gradient(45deg,#ffffff02 0 1px,transparent 1px 12px);font-size:44px;color:#647057}.locked .card-info small{color:#89947c}.quests{display:grid;grid-template-columns:1fr 1fr;gap:20px}.quests article,.craft-box{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:28px}.quest-icon{display:block;font-size:44px;margin-bottom:20px}.quests small{color:var(--lime);font-size:9px}.quests h3,.craft-box h3{font-size:21px}.quests p,.craft-box p{color:var(--muted);font-size:13px;line-height:1.6}.craft-box{text-align:center}.craft-art{font-size:35px;color:var(--lime);padding:25px}.craft-box small{display:block;color:var(--muted);font-size:10px;margin-top:18px}footer{display:flex;align-items:center;gap:20px;margin:55px 0 25px;padding-top:20px;border-top:1px solid var(--line);font-size:9px;color:#727c67}footer b{white-space:nowrap}footer button{background:none;border:0;color:var(--muted);font-size:9px;margin-left:auto}dialog{background:#171c14;color:#fff;border:1px solid #596a42;border-radius:18px;width:min(850px,94vw);padding:42px 24px;text-align:center;max-height:94vh}dialog::backdrop{background:#080d07e8;backdrop-filter:blur(12px)}.close{position:absolute;right:14px;top:12px;background:none;border:0;color:#aab99a;font-size:22px}.reveal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.reveal-grid .card{animation:reveal .7s both}.reveal-grid .card:nth-child(2){animation-delay:.25s}.reveal-grid .card:nth-child(3){animation-delay:.5s}.reveal-grid .card-art{height:180px}.opening{min-height:370px;display:flex;flex-direction:column;align-items:center;justify-content:center}.opening .pack{animation:charge 5.8s ease-in forwards;margin:25px}.opening p{color:var(--lime);font-size:13px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:25px auto;max-width:450px}.choices button{padding:18px;background:#2b3523;color:#fff;border:1px solid #596a42;border-radius:8px}.puzzle{font-size:52px;margin:30px 0}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--lime);color:#14200b;padding:14px 22px;border-radius:7px;font-size:12px;opacity:0;pointer-events:none;z-index:10}.toast.show{opacity:1}button:focus-visible,a:focus-visible{outline:3px solid #bb95ff;outline-offset:4px}@keyframes charge{0%{transform:rotate(9deg) scale(.8)}70%{transform:rotate(-5deg) scale(1.04);filter:drop-shadow(0 0 15px #d0fc7080)}90%{transform:rotate(4deg) scale(1.08)}100%{transform:scale(1.5);opacity:0;filter:brightness(3)}}@keyframes reveal{from{transform:translateY(40px) rotateY(80deg);opacity:0}to{transform:none;opacity:1}}@media(max-width:650px){header{height:75px;padding:0 20px}.label{font-size:11px}.demo{font-size:8px}main{padding:0 18px}.topline{font-size:8px}.topline span:last-child{display:none}.hero{grid-template-columns:1fr}.intro{padding-top:15px}h1{font-size:65px}.intro p{font-size:13px}.pack-area{min-height:370px}.pack{width:204px;height:285px}.pack-logo{font-size:38px}.sticker{right:30px;top:35px}.hero-stats{margin:20px 0}.claim{flex-direction:column;align-items:stretch;padding:20px;margin-top:10px}.claim .primary{width:100%}nav{gap:22px}.cards{grid-template-columns:repeat(2,1fr);gap:10px}.card-art{height:145px}.section-head{align-items:flex-start}.section-head p{line-height:1.5}h2{font-size:21px}.quests{grid-template-columns:1fr}.reveal-grid{gap:6px}.reveal-grid .card-art{height:110px;font-size:42px}.reveal-grid .card-info{padding:8px}.reveal-grid .card-info h3{font-size:10px}.reveal-grid .card-info p{font-size:9px}.reveal-grid .card-info small{font-size:7px}dialog{padding:40px 12px}footer{flex-wrap:wrap;line-height:1.5}.craft-art{font-size:23px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important}}

/* Card materials and physical pack opening */
.card{isolation:isolate;transform-style:preserve-3d;transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));box-shadow:0 6px 18px #0006;--mx:50%;--my:40%}.card:hover{transform:perspective(800px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(-4px)}.card-art{height:auto;aspect-ratio:1;overflow:hidden;background:#263024}.art-image{position:absolute;inset:0;background-image:url('art-atlas-cartoon.png');background-size:400% 300%;background-position:var(--ax) var(--ay);background-repeat:no-repeat;transition:transform .4s}.card:hover .art-image{transform:scale(1.035)}.card-art:after{z-index:1;color:#fffb;text-shadow:0 1px 3px #000}.card-info{position:relative;z-index:3;background:linear-gradient(145deg,#171d19ed,#171c19f7);min-height:115px}.card-num,.badge{z-index:6;text-shadow:0 1px 3px #000}.card-num{background:#1018109c;padding:4px 6px;left:8px;top:8px;border-radius:4px}.foil-layer,.glint-layer{position:absolute;inset:0;pointer-events:none;z-index:4;border-radius:8px;opacity:0}.tier-1{border:2px solid #a5cdd2}.tier-1 .foil-layer{opacity:.35;background:linear-gradient(120deg,#e4fff222,transparent 25%,#ffe0fb80 39%,#b8fff59c 46%,#d8d2ff88 53%,transparent 65%,#fff4);background-size:250% 250%;background-position:var(--mx) var(--my);mix-blend-mode:screen;animation:pearl 8s ease-in-out infinite alternate}.tier-2{border:2px solid #b995e9;box-shadow:0 0 16px #9a5bec30}.tier-2 .foil-layer{opacity:.5;background:repeating-linear-gradient(110deg,#ff7b8d50 0%,#ffc67555 12%,#d8ff8650 24%,#6cffe85c 36%,#7b9fff55 48%,#e8a4ff70 60%,#ff7b8d50 72%);background-size:300% 300%;background-position:var(--mx) var(--my);mix-blend-mode:color-dodge;animation:pearl 6s ease-in-out infinite alternate}.tier-2 .glint-layer{opacity:.22;background:repeating-linear-gradient(35deg,#fff7 0px,#fff0 1px,#fff0 4px);mix-blend-mode:overlay}.tier-3{border:3px solid #edce75;box-shadow:0 0 22px #e9bb4f55,inset 0 0 0 2px #ffefb5}.tier-3 .foil-layer{opacity:.62;background:conic-gradient(from 30deg at var(--mx) var(--my),#ffe99b20,#fff9c8bb,#efab2c22,#b2ffff88,#f9a8ff77,#ffe79b22,#fff6bbcc,#ffe99b20);mix-blend-mode:color-dodge;animation:gold 7s ease-in-out infinite alternate}.tier-3 .glint-layer{opacity:.45;background:radial-gradient(ellipse at var(--mx) var(--my),#fff9 0%,#fff0 45%),repeating-linear-gradient(45deg,#ffe6a333 0 1px,transparent 1px 6px);mix-blend-mode:screen}.tier-1:hover .foil-layer,.tier-2:hover .foil-layer{opacity:.7}.tier-3:hover .foil-layer{opacity:.85}.locked .foil-layer,.locked .glint-layer{display:none}.locked{border:1px solid #343b2e;box-shadow:none}.material-button{background:#282238;border:1px solid #655179;color:#ddc6fa;border-radius:5px;padding:10px;font-size:9px;margin-left:auto;white-space:nowrap}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:25px 0}.reveal-hint{font-size:12px;color:#acb69f;line-height:1.6}.reveal-grid .card-art{height:auto;aspect-ratio:1}.reveal-grid .card{animation:none;min-height:260px}.card.unrevealed{background:repeating-linear-gradient(45deg,#d0fc7008 0 2px,transparent 2px 12px),radial-gradient(ellipse,#3e542a,#111b0f);border:2px solid #9ab963;transform:none;min-height:290px;cursor:pointer}.unrevealed>*{visibility:hidden}.unrevealed:before{content:'B / K';position:absolute;inset:0;display:grid;place-items:center;font-size:42px;font-weight:900;letter-spacing:-4px;color:#d0fc70}.unrevealed:after{content:'НАЖМИ, ЧТОБЫ ОТКРЫТЬ';position:absolute;bottom:25px;left:0;right:0;text-align:center;font-size:8px;letter-spacing:1px;color:#c6dba7}.unrevealed.tier-2{box-shadow:0 0 25px #ba8dff40}.unrevealed.tier-3{box-shadow:0 0 30px #edce7570}.flipped{animation:flip-open .6s ease-out!important}.physical-opening{min-height:470px}.unpack-scene{height:340px;width:280px;position:relative;margin:18px auto 0;perspective:900px}.wrapper-body{position:absolute;width:224px;height:292px;left:28px;top:27px;background:linear-gradient(100deg,#9ec447,#d0fc70 20%,#e3ff99 40%,#b9e35e 55%,#d0fc70 70%,#8ba73b);box-shadow:12px 18px 30px #0008;border-bottom:12px solid #8faa41;clip-path:polygon(0 0,12% 2%,24% 0,37% 3%,50% 0,65% 2%,78% 0,90% 2%,100% 0,100% 100%,0 100%);animation:wrapper-fall 6.2s ease-in-out both;z-index:3}.wrapper-inner{position:relative;padding:20px;height:100%;color:#19280e}.wrapper-inner .pack-logo{margin-top:25px}.tear-strip{position:absolute;z-index:5;width:224px;height:30px;left:28px;top:0;background:linear-gradient(110deg,#a0c64a,#e4ff9e,#b8dd5d);color:#294014;border-top:7px solid #94b241;clip-path:polygon(0 0,100% 0,100% 90%,90% 100%,78% 90%,65% 100%,50% 90%,37% 100%,24% 90%,12% 100%,0 90%);animation:tear-away 6.2s ease-in-out both;transform-origin:right center}.tear-strip span{font-size:8px;letter-spacing:2px;font-weight:800;display:block;padding-top:3px}.card-stack{position:absolute;inset:0;z-index:2;animation:cards-extract 6.2s ease-in-out both}.card-stack i{position:absolute;top:40px;left:41px;width:198px;height:260px;border:2px solid #aed16e;border-radius:9px;background:repeating-linear-gradient(45deg,#d0fc700b 0 2px,transparent 2px 12px),linear-gradient(145deg,#25351c,#11190d);box-shadow:0 5px 15px #0008;transform:rotate(var(--a));animation:fan-out 6.2s ease-in-out both}.card-stack i:after{content:'B / K';position:absolute;inset:0;display:grid;place-items:center;color:#cffa78;font-size:40px;font-style:normal;font-weight:900;letter-spacing:-4px}.card-stack i:nth-child(1){--a:-14deg;--x:-65px}.card-stack i:nth-child(2){--a:0deg;--x:0px}.card-stack i:nth-child(3){--a:14deg;--x:65px}.tear-spark{position:absolute;inset:-40px;background:radial-gradient(ellipse,#d0fc7060,transparent 65%);opacity:0;animation:opening-glow 6.2s ease-in-out;pointer-events:none;z-index:0}@keyframes tear-away{0%,12%{transform:translate(0) rotate(0)}22%{transform:translate(8px,-3px) rotate(-4deg)}35%{transform:translate(95px,-45px) rotate(30deg);opacity:1}55%,100%{transform:translate(240px,65px) rotate(100deg);opacity:0}}@keyframes wrapper-fall{0%,30%{transform:rotate(-4deg)}45%{transform:translateY(15px) rotate(3deg)}72%{transform:translateY(160px) rotate(-12deg);opacity:1}92%,100%{transform:translateY(330px) rotate(-22deg);opacity:0}}@keyframes cards-extract{0%,32%{transform:translateY(8px)}65%{transform:translateY(-65px)}100%{transform:translateY(-25px)}}@keyframes fan-out{0%,60%{transform:translateX(0) rotate(0)}85%,100%{transform:translateX(var(--x)) rotate(var(--a))}}@keyframes opening-glow{0%,35%{opacity:0}60%,85%{opacity:1}100%{opacity:0}}@keyframes flip-open{0%{transform:perspective(900px) rotateY(90deg);filter:brightness(2)}100%{transform:perspective(900px) rotateY(0);filter:brightness(1)}}@keyframes pearl{from{background-position:0% 25%}to{background-position:100% 70%}}@keyframes gold{from{filter:hue-rotate(-12deg);opacity:.35}to{filter:hue-rotate(25deg);opacity:.65}}.card:hover .foil-layer{animation-play-state:paused}@media(max-width:650px){.section-head{flex-wrap:wrap}.material-button{margin-left:0}.material-grid{grid-template-columns:repeat(2,1fr)}.card-info{min-height:120px}.reveal-grid .card-info{min-height:108px}.reveal-grid .card,.card.unrevealed{min-height:220px}.reveal-grid .card-art{height:auto}.unrevealed:before{font-size:25px}.unrevealed:after{font-size:6px;letter-spacing:0}.physical-opening{min-height:430px}.material-grid .card-art{height:auto}}@media(prefers-reduced-motion:reduce){.tear-strip{display:none}.wrapper-body{display:none}.card-stack{animation:none;transform:translateY(-20px)}.card-stack i{animation:none;transform:translateX(var(--x)) rotate(var(--a))}.foil-layer,.glint-layer{animation:none!important}.flipped{animation:none!important}}


.card:hover .foil-layer,.card:active .foil-layer{animation:none;background-position:var(--mx) var(--my)}

.detail-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.trade-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:500px;margin:25px auto}.offer-list{display:flex;flex-direction:column;gap:12px}body{padding-bottom:env(safe-area-inset-bottom)}header{padding-top:env(safe-area-inset-top)}

.pack-share{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-8px 0 25px}.material-button:disabled{opacity:.35;cursor:default}.share-preview{max-width:400px;margin:20px auto;text-align:left}.share-preview img{display:block;width:100%;max-height:50vh;object-fit:contain;border-radius:12px}.share-caption{font-size:13px;line-height:1.7;margin-top:20px;padding:16px;border-radius:8px;background:#252d20}.share-caption a{color:var(--lime)}@media(max-width:650px){.pack-share{gap:6px}.pack-share button{font-size:7px;padding:10px 4px}}