@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-400.ttf") format("truetype");font-weight:400;font-display:swap}@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-500.ttf") format("truetype");font-weight:500;font-display:swap}@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-700.ttf") format("truetype");font-weight:600 800;font-display:swap}
:root{--bg:#101613;--panel:#171e1a;--line:#303a32;--text:#edf1e7;--muted:#98a398;--mint:#c4f68b;--accent:#c4f68b;--coral:#fc937b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif;font-size:14px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--coral);outline-offset:5px}button:disabled{opacity:.6;cursor:wait}.announcement{height:33px;background:var(--mint);color:#182218;display:flex;align-items:center;gap:9px;padding:0 4%;font-size:10px;font-weight:700;letter-spacing:1.5px}.pulse{width:6px;height:6px;display:inline-block;border-radius:50%;background:currentColor}.announcement-right{margin-left:auto;display:flex;gap:24px}header{height:94px;border-bottom:1px solid var(--line);margin:0 4%;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font-family:'DM Sans',Arial,sans-serif;font-size:24px;font-weight:700;letter-spacing:-1.2px;display:flex;align-items:center;gap:8px}.logo-icon{font-size:37px;color:var(--mint);line-height:1}.registered{font-size:10px;align-self:flex-start;margin-top:5px;letter-spacing:0}nav{display:flex;gap:30px;height:100%;align-items:center}.nav{background:none;border:0;height:100%;position:relative;font-size:12px;color:var(--muted)}.nav.active{color:var(--text)}.nav.active:after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--mint)}.nav span{background:#283327;padding:2px 6px;border-radius:3px;margin-left:4px}.button{padding:14px 20px;border-radius:5px;border:1px solid var(--line);font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:22px;background:transparent}.wallet{background:#202a22}.wallet span{color:var(--mint);font-size:19px}.primary{background:var(--mint);color:#182118;border-color:var(--mint);transition:transform .2s,filter .2s}.primary:hover{filter:brightness(1.07);transform:translateY(-2px)}main{max-width:1440px;margin:auto;padding:0 4%}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding:48px 0 36px}.eyebrow{font-size:10px;letter-spacing:1.8px;color:var(--mint);font-weight:600;display:flex;gap:8px;align-items:center}.eyebrow>span{width:5px;height:5px;background:var(--mint)}h1{font-family:'DM Sans',Arial,sans-serif;font-size:clamp(40px,4.9vw,68px);line-height:1.05;letter-spacing:-3.3px;font-weight:500;margin:19px 0 18px;position:relative}h1 em{font-style:normal;color:var(--mint)}h1 svg{width:49px;height:49px;stroke:var(--coral);stroke-width:5;margin-left:30px;vertical-align:middle}.intro p{color:var(--muted);font-size:13px;line-height:1.65;margin-bottom:0}.intro-note{display:flex;flex-direction:column;gap:8px;text-align:right;padding-bottom:4px}.intro-note strong{font-size:12px;font-weight:500}.intro-note>span{font-size:10px;color:var(--muted)}.mini-cards{display:flex;justify-content:flex-end;margin-bottom:12px;padding-right:6px}.mini-cards span{width:34px;height:43px;border:1px solid #101613;display:grid;place-items:center;color:#253120;font-size:26px;background:var(--mint);transform:rotate(-14deg);border-radius:4px}.mini-cards span+span{margin-left:-6px;background:var(--coral);transform:rotate(0deg)}.mini-cards span:last-child{background:#c5b3fa;transform:rotate(14deg)}.dashboard{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px}.section-label{display:flex;align-items:center;justify-content:space-between;height:35px;margin-bottom:12px}.section-label h2,.aside-heading h2{font-size:10px;letter-spacing:1.5px;font-weight:600;margin:0}.section-label h2 span{color:#687469;font-size:9px;margin-left:14px;letter-spacing:1px}.live{font-size:8px;letter-spacing:1px;color:var(--muted);display:flex;align-items:center;gap:6px}.live i{width:5px;height:5px;background:var(--mint);border-radius:50%}.pack-stage{height:412px;border:1px solid #344638;border-radius:9px;position:relative;background:radial-gradient(ellipse at 50% 48%,#3a5233 0%,#243627 35%,#1b2b22 70%);overflow:hidden;display:grid;place-items:center}.stage-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(#a7c4a31a 1px,transparent 1px),linear-gradient(90deg,#a7c4a31a 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(ellipse,black,transparent 85%)}.stage-top,.stage-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;z-index:2;font-size:8px;letter-spacing:1.4px;color:#adc1a7}.stage-top{top:24px}.stage-bottom{bottom:20px;font-size:7px}.edition{border:1px solid #58714b;padding:6px 8px;border-radius:2px}.stock{padding-top:6px;letter-spacing:.4px}.orbit{border:1px solid #8bac6e22;border-radius:50%;position:absolute;width:460px;height:250px;transform:rotate(-26deg)}.orbit-two{transform:rotate(28deg);width:490px;height:310px}.pack-shadow{position:absolute;bottom:44px;width:170px;height:20px;background:#0006;border-radius:50%;filter:blur(12px)}.foil-pack{width:186px;height:278px;position:relative;transform:rotate(-9deg);background:linear-gradient(115deg,#e2ffba 0%,#b7e783 30%,#e4ffb3 43%,#addc77 65%,#d8f99c 100%);color:#172d1d;box-shadow:14px 20px 24px #06160c60,inset 2px 0 4px #fff9,inset -3px 0 5px #264c2d80;z-index:2;transition:transform .5s;cursor:pointer;clip-path:polygon(0 0,100% 0,99% 3%,100% 5%,99% 7%,100% 9%,99% 11%,100% 95%,99% 97%,100% 100%,0 100%,1% 97%,0 95%,1% 8%,0 6%,1% 3%)}.foil-pack:hover{transform:rotate(-4deg) translateY(-9px) scale(1.03)}.foil-pack:after{content:'';position:absolute;inset:0;background:linear-gradient(106deg,transparent 20%,#fff4 24%,transparent 27%,transparent 50%,#fff3 51%,transparent 54%);pointer-events:none}.pack-crimp{position:absolute;left:0;right:0;height:15px;background:repeating-linear-gradient(90deg,#18291c22 0 1px,transparent 1px 3px);border-bottom:1px solid #426c3633}.pack-crimp.top{top:0}.pack-crimp.bottom{bottom:0;border-top:1px solid #426c3655}.pack-head{font-family:'DM Sans',sans-serif;letter-spacing:-1px;font-size:23px;font-weight:700;margin:28px 15px 0;display:flex;justify-content:space-between;align-items:start}.pack-head span{font-size:8px;margin-top:4px}.pack-series{font-size:5.5px;letter-spacing:1.5px;margin:5px 16px}.pack-art{height:127px;position:relative;display:grid;place-items:center}.art-ring{position:absolute;width:114px;height:114px;border:1px solid #3a5e3480;border-radius:50%;box-shadow:0 0 0 9px #406d3010,0 0 0 10px #3a5e3440}.art-star{font-size:128px;line-height:1;font-family:Arial;color:#263b28;text-shadow:3px 3px #e9ffb1;transform:rotate(12deg)}.spark{position:absolute;font-size:20px}.s1{top:12px;right:18px}.s2{bottom:6px;left:19px;font-size:12px}.s3{bottom:12px;right:17px}.pack-bottom{margin:3px 16px 0;border-top:1px solid #40613970;padding-top:9px;display:flex;flex-direction:column;gap:7px}.pack-bottom>span{font-family:'DM Sans',Arial;font-size:26px;letter-spacing:3px;font-weight:700}.pack-bottom small{font-size:5px;letter-spacing:1.1px}.left-float{position:absolute;left:7%;top:46%;font-size:10px;letter-spacing:2px;line-height:1.7;color:#8dab7d;transform:rotate(-90deg)}.float-label{position:absolute;right:7%;top:44%;font-size:7px;letter-spacing:1px;transform:rotate(8deg);color:var(--mint)}.float-label span{display:block;color:#a5b99b;line-height:1.7;letter-spacing:.8px;margin-top:10px;font-size:9px}.pack-controls{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:25px 0 21px}.overline{font-size:8px;color:var(--muted);letter-spacing:1.6px}h3{font-family:'DM Sans',Arial;font-size:23px;letter-spacing:-.7px;margin:7px 0}.pack-controls p{font-size:11px;color:var(--muted);margin:0}.pack-controls .button{min-width:173px}.pack-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pack-option{display:flex;align-items:center;text-align:left;gap:11px;background:var(--panel);border:1px solid var(--line);border-radius:5px;padding:13px 10px;transition:border-color .2s}.pack-option.selected{border-color:#92b674;background:#202c21}.tiny-pack{width:27px;height:37px;background:var(--mint);color:#253621;display:grid;place-items:center;font-size:25px;transform:rotate(-7deg);border-top:3px double #34462c;border-bottom:3px double #34462c}.coral{background:var(--coral)}.purple{background:#c5b3fa}.pack-option b{font-size:11px;font-weight:500;display:block}.pack-option small{font-size:8px;color:var(--muted);display:block;margin-top:4px}.pack-option i{font-style:normal;font-size:8px;color:#7d8b7d;margin-left:auto;align-self:start}aside{padding-top:47px;display:flex;flex-direction:column;gap:16px}.status-card,.activity-card{border:1px solid var(--line);border-radius:7px;background:var(--panel)}.aside-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 19px}.aside-heading h2{font-size:9px;letter-spacing:1.1px}.aside-heading>span{color:var(--muted)}.big-stat{padding:2px 19px 22px;display:flex;align-items:center;gap:17px}.big-stat>span:first-child{font-family:'DM Sans',Arial;font-size:54px;line-height:1;color:var(--mint);letter-spacing:-3px}.big-stat>span:last-child{font-size:8px;line-height:1.7;letter-spacing:1px;color:var(--muted)}.stat-pair{display:flex;border-top:1px solid var(--line);margin:0 19px;padding:18px 0}.stat-pair>div{width:50%;display:flex;flex-direction:column;gap:6px}.stat-pair>div+div{border-left:1px solid var(--line);padding-left:20px}.stat-pair b{font-family:'DM Sans';font-size:23px;font-weight:500}.stat-pair span{font-size:9px;color:var(--muted)}.status-footer{background:#1c281e;border-top:1px solid var(--line);padding:13px 19px;font-size:8px;color:#a8c795;display:flex;gap:7px;align-items:center}.status-footer .pulse{width:4px;height:4px}.tag{font-size:6px;letter-spacing:.5px;border:1px solid #3b463c;padding:4px;border-radius:3px}.activity-row{margin:0 19px;padding:12px 0;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.activity-row:last-child{border:0}.avatar{width:32px;height:38px;border-radius:3px;display:grid;place-items:center;font-size:25px;background:#383e29;color:#c4da8c}.activity-row div:nth-child(2){flex:1}.activity-row b{font-size:10px;font-weight:500}.activity-row p{font-size:8px;color:var(--muted);margin:5px 0 0}.activity-row>small{text-align:right;font-size:7px;color:var(--muted)}.activity-row>small span{display:block;color:var(--coral);margin-bottom:6px;font-size:7px}.feed-footer{border-top:1px solid var(--line);padding:13px 19px;font-size:9px;color:var(--muted);display:flex;justify-content:space-between}.quote-card{padding:19px;background:#e9e8d7;color:#263023;border-radius:5px;position:relative}.quote-card>span{position:absolute;right:21px;top:20px;font-size:32px;color:#6d7a5a}.quote-card p{font-family:'DM Sans';font-size:22px;line-height:1.15;letter-spacing:-.7px;margin:0 0 16px}.quote-card em{font-style:normal;color:#738460}.quote-card small{font-size:7px;letter-spacing:1.3px}.bottom-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:42px;padding:25px 0;display:flex;align-items:center;gap:19px}.bottom-strip>span{font-size:46px;color:var(--mint)}.bottom-strip p{font-size:15px;line-height:1.5;margin:0;color:var(--muted)}.bottom-strip b{color:var(--text);font-weight:500}.bottom-strip div{margin-left:auto;font-size:9px;letter-spacing:1.5px;color:var(--muted)}.bottom-strip div span{font-size:24px;margin-left:35px;color:var(--mint)}footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:29px 4%;gap:20px}footer .logo{font-size:17px}footer>span{font-size:7px;color:var(--muted);letter-spacing:1px}.alternate{min-height:550px;padding-top:15px}[hidden]{display:none!important}.collection-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding-top:15px}.empty{grid-column:1/-1;border:1px dashed var(--line);text-align:center;padding:80px 20px;color:var(--muted)}.empty h2{color:var(--mint);font-family:'DM Sans'}.empty .button{margin:25px auto 0;width:max-content}.text-button{border:0;background:none;color:var(--mint);font-size:11px;padding:8px 0}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:20px}.how-grid article{background:var(--panel);border:1px solid var(--line);padding:30px;border-radius:8px}.how-grid article>span{font-size:40px;color:var(--mint);font-family:'DM Sans'}.how-grid h2{font-family:'DM Sans';font-weight:500;font-size:22px}.how-grid p,.demo-note{font-size:13px;color:var(--muted);line-height:1.8}.demo-note{max-width:800px;margin-top:30px}dialog{width:min(950px,94vw);background:#18221b;color:var(--text);border:1px solid #54654b;border-radius:13px;padding:35px;box-shadow:0 25px 100px #0008}dialog::backdrop{background:#030b07dc;backdrop-filter:blur(10px)}dialog h2{font-family:'DM Sans';font-size:36px;letter-spacing:-1.5px;font-weight:500;margin:14px 0 8px}dialog h2 em{font-style:normal;color:var(--mint)}dialog>p{color:var(--muted);font-size:12px}.close{position:absolute;right:18px;top:13px;font-size:25px;background:none;border:0;color:var(--muted)}.reveal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.collectible{border:1px solid color-mix(in srgb,var(--card-color) 50%,#28332a);background:linear-gradient(140deg,#303c32,#121c15);color:var(--text);border-radius:8px;padding:12px;aspect-ratio: .66;display:flex;flex-direction:column;align-items:center;position:relative;overflow:hidden}.card-number{font-size:7px;letter-spacing:1px;align-self:flex-start;color:var(--muted)}.card-symbol{margin:auto;font-size:70px;line-height:1;color:var(--card-color);text-shadow:0 0 35px color-mix(in srgb,var(--card-color) 35%,transparent);position:relative}.card-symbol:after{content:'';position:absolute;inset:-20px;border:1px solid color-mix(in srgb,var(--card-color) 30%,transparent);border-radius:50%}.card-name{font-family:'DM Sans';font-size:14px;margin-bottom:9px}.card-rarity{font-size:7px;letter-spacing:1.5px;text-transform:uppercase;color:var(--card-color)}.card-back{background:repeating-linear-gradient(45deg,#c4f68b08 0 1px,transparent 1px 9px),#243626;border:1px solid #709555;justify-content:center;gap:20px;transition:transform .3s}.card-back:hover{transform:translateY(-6px)}.card-back .back-symbol{font-size:60px;color:var(--mint)}.card-back small{font-size:8px;letter-spacing:2px;color:var(--mint)}.reveal-actions{display:flex;justify-content:space-between;align-items:center;gap:14px}.reveal-actions>span{font-size:11px;color:var(--muted)}#view-collection{display:block;margin:19px auto 0}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:var(--mint);color:#182218;padding:14px 22px;border-radius:6px;z-index:5;opacity:0;transition:.3s;pointer-events:none;font-size:12px}#toast.show{opacity:1;transform:translate(-50%,0)}.collection-toolbar{grid-column:1/-1;display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}.filter{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:8px 15px;font-size:11px}.filter.active{background:var(--mint);color:#1a291b}.opening{animation:rip .7s ease forwards}@keyframes rip{25%{transform:rotate(-15deg) scale(1.05)}60%{transform:rotate(7deg) scale(1.12)}100%{transform:translateY(-30px) scale(.8);opacity:0}}@media(min-width:1500px){header{max-width:1324px;margin:auto}.pack-stage{height:455px}.foil-pack{transform:rotate(-9deg) scale(1.1)}}@media(max-width:1050px){.dashboard{grid-template-columns:minmax(0,1fr) 260px;gap:18px}.float-label{right:4%;font-size:6px}.left-float{left:1%}.pack-option{gap:8px;padding:12px 8px}.pack-option small{font-size:7px}.pack-option i{display:none}nav{gap:20px}.pack-controls h3{font-size:21px}.pack-controls .button{min-width:145px;padding:14px 12px;gap:10px}.intro-note{padding-left:20px}.stock{font-size:7px}.foil-pack{width:174px;height:264px}.pack-art{height:116px}.pack-bottom>span{font-size:24px}}@media(max-width:760px){header{height:77px;flex-wrap:wrap;gap:0;margin:0 5%;padding-top:5px}.logo{font-size:20px}.logo-icon{font-size:29px}nav{order:3;height:35px;width:100%;justify-content:center;gap:27px}.nav{font-size:10px}.wallet{font-size:10px;padding:6px 11px;gap:10px}main{padding:0 5%}.intro{padding-top:32px}.intro-note{display:none}h1{font-size:48px;letter-spacing:-2.8px}h1 svg{width:32px;height:32px;margin-left:12px}.intro p{font-size:12px}.eyebrow{font-size:8px}.dashboard{grid-template-columns:1fr;gap:24px}.pack-stage{height:390px}.foil-pack{width:186px;height:278px}.pack-art{height:127px}.pack-bottom>span{font-size:26px}.float-label{right:5%}.left-float{left:2%}.stage-top,.stage-bottom{left:17px;right:17px}.stock{font-size:6px}.pack-controls{align-items:flex-start}.pack-controls p{font-size:10px;max-width:190px;line-height:1.5}.pack-controls .button{margin-top:15px;min-width:140px;font-size:10px}.pack-option small{font-size:7px}.pack-option b{font-size:10px}.pack-option{gap:8px}.tiny-pack{width:21px;min-width:21px;height:30px;font-size:20px}aside{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}.quote-card{grid-column:1/-1;min-height:120px}.aside-heading{padding:16px 13px}.aside-heading h2{font-size:7px}.tag{font-size:5px}.big-stat{padding:10px 13px 22px;gap:10px}.big-stat>span:first-child{font-size:43px}.big-stat>span:last-child{font-size:6px}.stat-pair{margin:0 13px}.stat-pair span{font-size:7px}.stat-pair>div+div{padding-left:12px}.stat-pair b{font-size:21px}.status-footer{font-size:6px;padding:13px 10px;line-height:1.6}.activity-row{margin:0 12px;padding:11px 0;gap:6px}.activity-row>small{font-size:6px}.activity-row>small span{font-size:5px}.activity-row b{font-size:8px}.activity-row p{font-size:6px}.avatar{width:23px;height:30px;font-size:20px}.feed-footer{font-size:7px;padding:13px 12px}.bottom-strip{margin-top:28px}.bottom-strip div{font-size:7px;max-width:120px;line-height:1.7}.bottom-strip div span{margin-left:8px}.bottom-strip p{font-size:13px}footer{flex-wrap:wrap;padding:25px 5%}footer>span:nth-child(2){display:none}.announcement{padding:0 5%;font-size:7px;height:28px;letter-spacing:1px}.announcement-right{font-size:6px;gap:10px}.how-grid{grid-template-columns:1fr}.alternate{min-height:450px}.collection-grid{grid-template-columns:repeat(2,1fr)}dialog{padding:25px 17px}dialog h2{font-size:29px}.reveal-grid{grid-template-columns:repeat(3,1fr);gap:8px}.card-symbol{font-size:48px}.card-name{font-size:10px}.card-rarity{font-size:6px}.reveal-actions>span{font-size:9px}.reveal-actions .button{font-size:10px}.collectible{padding:10px}.card-back .back-symbol{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}