
:root{--bg:#060608;--panel:#0d0d11;--panel2:#121218;--line:#25252d;--text:#f4f4f7;--muted:#9a9aa4;--purple:#8b31ff;--red:#f02b45;--purple2:#b44aff;--red2:#ff4b63}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% -10%,#201129 0,transparent 35%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}:focus-visible{outline:3px solid #ffcf72;outline-offset:3px}
.top{height:84px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 34px;border-bottom:1px solid var(--line);background:#070709e8;position:sticky;top:0;z-index:50}.brand{display:flex;align-items:center;gap:12px;font-size:22px}.mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(135deg,var(--purple),var(--red));display:grid;place-items:center;font-weight:950}.top nav{display:flex;gap:28px;color:#c8c8ce}.top nav a{padding:30px 0;border-bottom:2px solid transparent}.top nav a:hover,.top nav .active{border-bottom-color:var(--red2);color:white}.actions{display:flex;gap:10px}.credits,.cart{padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:white}.credits{border-color:#6330a0}.cart span{background:var(--red);border-radius:999px;padding:2px 7px;margin-left:5px}
main{width:min(1380px,calc(100% - 40px));margin:28px auto 70px}.hcoin-hero{min-height:430px;border:1px solid #513061;border-radius:22px;background:linear-gradient(110deg,#0e0a15 0,#110b19 46%,#220b15 100%);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative;box-shadow:0 20px 70px #0006}.hcoin-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,#8b31ff0c,#f02b4514);pointer-events:none}.hcoin-copy{padding:70px;z-index:2}.eyebrow{font-size:12px;letter-spacing:.16em;color:#d16cff;font-weight:900}.hcoin-copy h1{font-size:92px;letter-spacing:-.05em;margin:8px 0 18px;background:linear-gradient(90deg,#fff 0,#c65fff 45%,#ff3b56 100%);-webkit-background-clip:text;color:transparent}.lead{max-width:640px;color:#b8b8c2;font-size:19px;line-height:1.65}.hcoin-actions{display:flex;gap:12px;margin:32px 0 22px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;border:1px solid var(--line);font-weight:900;letter-spacing:.03em}.primary{background:linear-gradient(100deg,var(--purple),var(--red));border-color:#b63e84}.secondary{background:#0f0f14}.status-row{display:flex;gap:16px;flex-wrap:wrap;font-size:12px;color:#d5cadc}.status-row i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#5ad77e;margin-right:6px}.muted{color:var(--muted)}
.coin-art{position:relative;display:grid;place-items:center}.coin-core{width:190px;height:190px;border-radius:50%;display:grid;place-items:center;font-size:88px;font-weight:950;background:radial-gradient(circle at 35% 30%,#ff7c9a,#c52cff 35%,#381441 70%);border:4px solid #f04a6a;box-shadow:0 0 80px #8b31ff88,0 0 120px #f02b4544}.coin-ring{position:absolute;width:300px;height:300px;border-radius:50%;border:2px solid #9d3bff55;box-shadow:0 0 50px #8b31ff44 inset}.orbit{position:absolute;border:1px solid #f02b4555;border-radius:50%;transform:rotate(25deg)}.o1{width:390px;height:210px}.o2{width:240px;height:390px}
.merch-hero{margin-top:24px;min-height:280px;border:1px solid var(--line);border-radius:20px;padding:42px 48px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:linear-gradient(110deg,#0d0d11,#130b18 60%,#1c0b10)}.merch-hero h2{font-size:46px;margin:8px 0}.merch-hero p{color:var(--muted);font-size:17px}.merch-art{height:220px;position:relative}.shirt{position:absolute;right:15%;top:0;width:180px;height:215px;background:#101014;border:1px solid #3a293c;border-radius:26px 26px 12px 12px;display:grid;place-items:center;text-align:center;color:#d34cff;font-weight:950;font-size:22px;box-shadow:0 20px 50px #0008}.shirt small{color:#ef455e}.hat{position:absolute;right:51%;bottom:10px;width:155px;height:90px;border-radius:70px 70px 20px 20px;background:#111116;border:1px solid #3b293d;display:grid;place-items:center;color:#cb4cff;font-weight:900}.mug{position:absolute;right:1%;bottom:0;width:100px;height:110px;border-radius:10px 10px 28px 28px;border:1px solid #4b303a;background:#0f0f13;display:grid;place-items:center;font-size:44px;color:#ff435a}
.filters{margin:28px 0 18px;display:flex;justify-content:space-between;gap:16px;align-items:center}.category-tabs{display:flex;gap:8px;flex-wrap:wrap}.filter{min-height:44px;background:#0e0e12;border:1px solid var(--line);color:#bdbdc6;border-radius:9px;padding:10px 14px}.filter.active,.filter:hover{border-color:#9137d6;color:white;background:linear-gradient(110deg,#1c0e29,#190d15)}.search-sort{display:flex;gap:8px}.search-sort input,.search-sort select{min-height:44px;background:#0e0e12;border:1px solid var(--line);color:white;border-radius:9px;padding:10px 12px}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.product{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:linear-gradient(#101014,#0b0b0e)}.art{height:300px;display:grid;place-items:center;background:radial-gradient(circle,#2a1133,#0b0b0e 68%);position:relative}.art span{font-size:30px;font-weight:950;color:#ce49ff;transform:rotate(-7deg)}.art b{position:absolute;bottom:34px;font-size:72px;color:#f03a51aa}.cap{width:200px;height:115px;border-radius:100px 100px 25px 25px;background:#111116;border:1px solid #3c2c40;display:grid;place-items:center;color:#cf4cff;font-weight:950}.cup{width:130px;height:150px;border-radius:12px 12px 35px 35px;border:1px solid #4f3039;display:grid;place-items:center;font-size:56px;color:#ff3f58;background:#111116}.key{width:110px;height:110px;border-radius:30px;background:linear-gradient(135deg,#8b31ff,#f02b45);display:grid;place-items:center;font-size:50px}.meta{padding:18px}.tag{display:inline-block;padding:5px 7px;border-radius:6px;background:#621a75;color:#f1c8ff;font-size:10px}.meta h3{margin:10px 0 4px}.meta p{margin:0 0 16px;color:var(--muted)}.meta strong{font-size:18px}.add{min-height:44px;float:right;border:1px solid #67307b;border-radius:8px;background:#160d1a;color:white;padding:8px 11px}
.drawer{position:fixed;inset:0 0 0 auto;margin:0;width:min(430px,94vw);max-width:none;height:100dvh;max-height:none;background:#0b0b0f;color:var(--text);border:0;border-left:1px solid var(--line);padding:24px;overflow:hidden}.drawer::backdrop{background:#000b;backdrop-filter:blur(6px)}.drawer-head{display:flex;justify-content:space-between;align-items:center}.drawer-head button{background:#14141a;color:white;border:1px solid var(--line);border-radius:10px;width:44px;height:44px;font-size:22px}.cart-items{margin:20px 0;max-height:calc(100dvh - 245px);overflow:auto;padding-bottom:90px}.cart-line{padding:13px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px}.cart-line button{min-width:44px;min-height:44px;border:1px solid var(--line);border-radius:9px;background:#14141a;color:#fff}.cart-total{padding:18px 0;display:flex;justify-content:space-between;font-size:18px}.drawer-foot{position:absolute;left:24px;right:24px;bottom:24px}.drawer-foot .btn{width:100%}.drawer-foot button:disabled{opacity:.65}.cart-notice{color:var(--muted)}
@media(max-width:900px){.top nav{display:none}.hcoin-hero,.merch-hero{grid-template-columns:1fr}.coin-art{min-height:330px}.hcoin-copy{padding:40px}.hcoin-copy h1{font-size:68px}.products{grid-template-columns:1fr 1fr}.filters{align-items:flex-start;flex-direction:column}.merch-art{margin-top:20px}}@media(max-width:560px){main{width:min(100% - 24px,1380px)}.top{padding:0 16px}.actions .credits{display:none}.products{grid-template-columns:1fr}.search-sort{width:100%;flex-direction:column}.search-sort input,.search-sort select{width:100%}.hcoin-copy{padding:30px}.hcoin-copy h1{font-size:56px}.merch-hero{padding:30px}.merch-art{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
