@font-face{font-family:'Mojangles';font-display:swap;src:url('data:font/woff2;base64,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') format('woff2'),url('data:font/woff;base64,d09GRgABAAAAABAkAA0AAAAAKgAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAABMAAAABoAAAAcZM4i10dERUYAAAFMAAAAHAAAAB4AJwB0T1MvMgAAAWgAAABKAAAAYGQm95BjbWFwAAABtAAAAPMAAAGax4zDEWdhc3AAAAKoAAAACAAAAAj//wADZ2x5ZgAAArAAAAfIAAAcAOQup2poZWFkAAAKeAAAAC8AAAA2CXpIYWhoZWEAAAqoAAAAHgAAACQJgwNuaG10eAAACsgAAABQAAABth+AAIBsb2NhAAALGAAAAN4AAADeePdxym1heHAAAAv4AAAAGAAAACAAewAybmFtZQAADBAAAANQAAAGvVH3Wrhwb3N0AAAPYAAAAMIAAAENWTYqnXicY2BgYGQAgkuMardA9Mm02n8wGgBDwgcpAAB4nGNgZGBg4AFiMSBmYmAEwlwgZgHzGAAITQCceJxjYGJKZ5zAwMrAwsTAxMDA8P8AhAZiY4YzQAYDCwMENDAwMDMgAbfgkCAgxasgy9zwHyjJ0gBSwsAIkmNqYAaxFRgYAdLoCgsAAHicY2BgYGaAYBkGRgYQmALkMYL5LAwVQFqKQQAowgVk8TLUMSxkWMqwgmE/ww2GZww/FCQVZP//B+viZVBAknsKlJNQkAHKMf7/+v/x/4P/9/3f83/Z/77/Tf8LHwQ9CIDahQMwsjHAFTAyAQkmdAVAJ7OwsrFzcHJx8/Dy8QsICgmLiIqJS0hKScvIyskrKCopq6iqqWtoamnr6OrpGxgaGZuYmplbWFpZ29ja2Ts4Ojm7uLq5e3h6efv4+vkHBAYFh4SGhUdERkXHxMbFJySiWJeOz7FAkMLAkAaik+EiGZmpSeiqcnKzsgkYhAQAyPo6+QAAAAAB//8AAniczVnhbttGDOZJdrOgKwzN0IKgKAYtMIq2P4ZAEAoM67PtXmDJW2yvsTfYQ+wxVss7fiTveLKcBPs1JYpl90zyyI8feSxtKV1tbCO1dEWv6Tv6nugw3fWHaeg/4/Xux6tXfeiGLvz5GN7Nfz+mvw+/fPg4/9XGXx8efn98TL9//Pbh48/HhzZ+jdSwTDKZdD+NfduNXeQrUBOPkXhNE0NecxvGbpQ16WM6Ed98QVYj634gCsmitrubxindnf70d326O/4JcXHxB3OSCNUiNj0W+dssn3e/oz29JRqm9JOk7pPl7IdDev0SxvR36PmLDcuYKaQbcmP+my8We+VsN+k3LJ89MiTLD914G9LzJM8d62GLZ5EP42G22u7fqY5vznS8TX66o/dEY7KcbWbJrCX5jr0Gv/F7/Bs0JmFHuOokm5hjzM9Ztbw/2fZ1k4G1a6wRRY1f8S1V+2ffQqvt/UtgnwaaRYO5MXDUVMuqnPskJ8UEvgsaJzVzXpUCexL82F4np+NYuDgP6hEWMsOeOrKyZ951kvM67adLO0o2DCmi6ir3Ek+y/hT5PfuoB8rZMP48IAv48y7pb6BL5Nv6e14vHt2u4AlYmgqO8JrB71ED0QsZO8EjIwUI0WwaOsFJSJ8n8+BSzSXAXh4TEPA5Px+TN7xvWvgmxUglSWx4ewyeIwG7r/LaLV3TG+qop1vsuBd7gI30uu3UloY4K0hSgy0JBTL1Ri/m3mhxVpmV/KBZN1dKKl8u/NlWelI89sIV/T4R5ghPDl3M6RwseY4xACORCTNdm4W9+4WljK/eWcgOL7YB5sF4Zxlj3jmkca7Aqn7IuSfCIKLsrUEiqamLPe4Y84a3xJJcGAic0ZR8A/wTxJ+Jg9gD3/vnEgfyT9nxFaotEuf5kffN8Qgieyo6SETPdZghVZhohgco1zPSepYkaD0TX7laxXlu6/qyDmoyMV6t8NmN1B1hZLvZbruFneX3wmX1MoKbYINkEDOLZCii86QN9wu93p4YnzHC57SXi521KtlnnOSuD/FqNmt+tOQwnRH0GbgxhmBy0YoG/DaC7hOQ5OKpHLVTvkkclZB8q+gDA6RAMlUx57Truc7aW/CmZGeqBT2Usu7ZsIXYw6AWm7VadM7lhtXB1bScnwWjje0txqo/ei0WbbtsidkhXmghacnR3nbWAUhnS8vaa7/WVsq6BX8JlyvjMP8JX8heAiUbYD221JTSsbRL+ID5RSPSom/7iiqQ14dca0bWlfiIcRrET7LhduHrilkz1+Bq6XiBRywmrdZJ1Pv03GgyzFr3S9MRNOZcPhVBfo9b3SNXtRYlsa1iueduF7rQ3eaa7Isx+3FGEMSLUkuel9M9IQc7+BrpvCbtzlk7LvhZwqkh9dh8Y1ZkBJHLEomUgekCh+R+tnTPmcnFyVWWKOibTOMLHHQS03Zplc9efPmltvmu4lCqa1XJNG1dX3qG/SvtKbWfbNLWhIgu4Fij4XHMKAaSL/DMoKcC4MCi6XCsDGzVVVwoOXcJW9I3TivYkui0HAvERDB6faEv4LNLzn1/Sjm458Gfk06V4eJZ793i5nVfLPSw7NoXuXZatIoc61tv6q7Vbu42pGcVqnPdqlynBY9dKcdyvwyyM8p+Oo7BvTZUSrRU6ZVTwFLnJKcYJbBGiWRLOC3VOst5yZ8gSywav78oZ59Gs69HJxK1BrM/7Pzfqd+iedphrRH+6LibGd+hh5uGcjqZF1kfL+e7MYbiVWqk9voxOupmLpQDqcuh5r/U6lBOo+f2TFoXw2SsbDUkelvQTdfcXnyiHIAOZug7OSVVRshZTTs/4WSy3meUqqIngqEveJE45sLVShybbHuvfpSemm85nEVjzlg305j6LGOys/wrMfERMe7WcMxmv5stKYNHSVMxdiO2+rp145iyFcS6qi99fP7++bzhpvTmuYtVe/PUZKYiTXHY8odujlXwbnMZ+zLYelPhDNFlLXvYzZ1NEG6S06P8ioO1TinyGyfnWjw8dFXNzesXOl9U4z3FVrhAXgSpKT3qQdK5n7QTjfmQKVbP8LaMEXK+O4ztMU8CKveML51d6WxG/GyMdlSfH32NaqRG7er+x9vDEjhQIB3B7MV8t3nTwVV3xmpV1wvvNZlfW6Ac8ZZcA2r8EcpSLeOkxI5P7P2k9T1qLeH8vmhnxc2XarsjmLnGyxvTadNVM3EmO+5C+fWK7lK/V2rEC+v3+rXExm7JP6NnH9kcP4N6wDwFEzpduVfe0zkI5r2K0NmKUK7VT80ylf8zly9mmSvVd43DdJ4AFCIodEHnvcxxbkvNX849V+v9BqzrZWklH4BonXoy72IuVfU7L+Hc0p84HEjOZtTjXum17FqFQWUJ25IUZp9g2jbqZELohJ7s0bVi31qfprVA6cCirv6TCBJ9K6Sic50a6+/pE/0kiM9nAH9GSa83ihCbMou9Nl0G3qKyupIbxerScb83DDvV2drGajJPT9/RUBh8i34cnd1Zxwb1UWhP8Wr9ojbvpMHN+l4JKF3OD3QQbT4Tgmnt0Vfg/1FwSgtJ1T8UN4QZDfg25AlyLL3S7FLPOPn/GgPuY11dl4qFPraMJhdrOmGLzsYgGApu0GtX+Wn/JxYKxmGDSTZD1r7buQqgLK7fdRBPev8FjyMX03icY2BkYGAAYomDHGHx/DZfGbhZGEDg0trGTQj6fwMrA0sDkMvBwAQSBQAb1wpeAHicY2BkYGBp+N/AwMAKxP8YWBkYgCIoIBcAYGED+wAAeJydkYEKACEIQ5vSf+/TOyS73VEUCQ9h6RoFllHo2IP/CJ0vqWk/BeLn0p373Vm2G2zih8X9JjpEW82fZI399ObHl/oWNc87Fv/VAJJFDBYAAAAqACoAKgAqADwAUACAAK4A4AEgAS4BUgF2AZoBsgG+AcoB1gH4AigCPgJsAqACxALqAxIDMANmA5IDpgO6A+gD/AQoBFQEegSWBLwE4AT6BRAFJAVGBV4FcgWKBbgFxgXqBg4GLgZKBnYGmAbEBtYG8AcYBzwHdgeaB8IH1Af8CA4IMAg8CE4IbgiSCLYI2Aj4CRQJOAlYCWoJigm0CcYJ6goACiAKRgpqCooKrArICt4LAgscC1QLdAuUC7oLzgv0DBIMJAxYDGoMkgzeDRYNVA2gDbINxA3iDgAAAHicY2BkYGDIYzBg4GEAASYGNAAAEb8ArnicjZRNb9tGEIZfSrId+SNAk7Yp0A8M2iJIi4aU7cBtjF4cAU4NNIBhBTkFSJb0SmQkkgq5Cq2cghx6yJ8pCvRS9Bf02gL9F7331r5cbWRbTtB6YfHhzu7MO7OzBCDeD/Aw+/sQ3zj20EbsuIEVvHTcxLv42XEL7+Avx0tY8645Xkbb+9rxCr71fnV8Ce81PnfcxnrjvuNVXG/86HgN15rLjtfRab5wvIEbrabjy/BbrxxfxRdLG1Tltdp827EKa/ZwBfcdN7ijcNzEDbxy3MKn+M3xEt7HP46XccX7zPEKTrw9x5fwpfe34zY+aOw6XsX3DeV4DX7jT8freNz8xPEGDps/Ob6Mh62vHF/FUesXdJFjjClVJhiw7gaCQ1TIoPiu8Qh3MOKaCENattDBJge6+XhaJIPYyGGVqYF+dGeUR0PZ6mzSmNJXxr0RvSr06RNpkumoUH3iES0DTOhV0Y4jPZiMFGGfUTKu7fG/oD2yWu5d9LWfZ6Zniklk5N6p24sLZTHUfLXMgz7gigIl99bBhan5TBEPdFEmeSabfue/0nmz7IQ+havFziocc39qVdRlzOlFuLOHA/t87SG2hyGcrd9rZfUxGKdOMQ/BXfoJ8d25MiSlKDGFOtapKoaS92W/dyB2QZyP5SAzusiUYUZqJHfTkLvrkzYMtouAo+8klGeS8PmbMxhiY8a7QdCnu9LG86Oc02/rEpztCMhHF09GPmYeFbmuUchwCTcbO5fwGZ+ryamgVeD3+RH+IZUqJZwkIyNVYmI5LcfqYnaVHf6ZLGeFXsywqirfZsmizXL8/1V6s3V2cCWts5gV6Ra2eY9u84ux85bannnlkZUB9VTBre2t2zvc0aVz7briGUnsFU45ZqEEe1Z0faHr2pp5b9f9pezues2I80MyuoVmazzT0s3TlOFkz5giCSd1bOnFqtCyN0qGerEa0YKQ6JwMn8+CvRHYQBHt9ay2tQj5vblJUuRte+GCeSUipyaaifHzYhCMkkhnpS6DcHqzVMG23wnqe/c6/9B+ugRPma2yLVj3Wz3znPYxZU/tHRc8oahZp6Wcm/XgifWgeUOxX1chTAbydKKiYZIN5Lkex9OilCc52yydsudOJNTH+Bef+1VleJxtzzVOAwAAQNHXFlrc3d2lxV2Lu7tNQEIICwOXIGFhRq6AXA8WNt4Ffr6gP93+c0sgGAgJSZAoLCJJshSp0qTLkClLthy58uQrUKhIsRKlypSrUKlKtRq16tRr0KhJsxat2rTr0Ckqpuu33qNXn34DBg0ZNmLUmHETJk2ZFjdj1px5CxYtWbZi1Zp1GzZt2bZj1559Bw4dOXbi1JlzF949e/Tm6ffnxasv3z58hi9vHu6uYpH72+toNBr/ARdpHzoAAA==') format('woff')} @font-face{font-family:'Mojangles';font-weight:700;font-display:swap;src:url('data:font/woff2;base64,d09GMgABAAAAAAsoAA0AAAAAKgAAAArOAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACDGhEICrgApgUBNgIkA4M2C4FeAAQgBY09B4INGzofIxEmdSxH9p8gkyEGrHW/pDRtkhDRgCiRCA0OARzAGXdWBuA9FLuGC3xh0AEC32/3vtfF6D84BswBAkAAACAevsb+d+7u/Y6YZrHphESoapVhEbNozZsnPImGDs0Sz6K5f2eOktze5gpIjsAD530CrKyqMhW6ylT5R/Qx9lustE/oPyMaipZAslB4NySSaPfpKjnxBueFPuKQS24/0vO2zlJQ6QMX4DD1U8B+71JTaAj6gGT3CgtzaSnNdkpzxvJY0hZpnzRyYewKZHdZbo6f4BHjVf9fvsHJEpt739ynbYoo9JYUCdNqEL6qQl8WZi+ZbHJUAp7d/++6SQFA4fOkAECiqgRhCFSFrZHdl7negmvAcT5cBRUqlBBDKBHH//uFEMAH3voBb8Z2/cdPSjAIjEFBNIsRTrsilDLOPya4Mqrr/HlXLbDAeyAFgzeqR1nxfWMNg6dNtq1DNttVBVDa2BGnTUyNcJLqxHnk5O2lDTDBMFUEg7X447eb7njum4yzTv+53C8d6HTGqWeNtt+v9w/v3zUygCknGM+Aq4b36lD/AYB1PhRlFSVpnY8EIMKEMi6k0sY6H4RRnKRZXpRV3bRdP4zTvKzbfpzX/bxfsT8YjsaT6ezi8ur65vbu/mG+WD4+Pb+8vr1/fK6+SPmDMI71R6DGoIBhdbqJSV4rNcRmZqtajWU76SZzd/lPKYiz9Nyg9yWFw7amS8MS9u0VSuSbUS57DAqWi+wevSkW0eKBY9g099Btuc4V2oyRgY3khbFWZQ88NCbot80MOlvofGOzJL7xRqWjz+T70UHCgclgpOOCNoWbdaE3nYtADSA5mj5DWboUMkxZArWyy6ULwjUpdWaZogsrOA3HIUQ446p5LIw2i8ry4xAVlTn8eHsUR0nSnbXE8KXqk6VrJl0gCCRkqTvbtRMZ6Bs37dj11YcZMcyEVvyI8ffMl83iaHdQ0Hhx3oqR6BLjjOiwkcKBSrcUhKpjifZWysSMqEXBEHWwqoAhFKi/ELSKGVJzLQU8BsNrSygkBHP6yB+MYbiabMSMZXUSNByDUZtpY2NoaCTtmS7YwPqKgR8naU2En61IBV6TDMV8G0+SUNipG/D0UCmPETcFhV6LwnhqFWSSEiQeJBX6qYAq3bqcdLMyC722tuPjIjWYLrFkM2rFI+qTai9AbDxEpkh7Sog1G86khqFHUXxiCMb02kGSH+rGbEZdUYCgzyjDoPpnp4wlR9ph6msRBwcV6opzXlzLqhErzgb2mF4jRJ9cQcWw02avFBmJJMEc0h7qxp0YDR/jmexGWccefvZJJXtJsjUxUt2kznkYzoNQE0nxl49BTHFNZY8yGXpkQxF9tZjVpJymFKsN2VHrjBQCEdPpdjqwdVacV+0lW0okN00mTYGbZsVpcBdE2SvuMwIRZGN9aGaG9qRtkiBCVLFGqh9EogA2bkm2SyEuiKleAsVg9SXTHHXfUCistCVtiBapmQ0LlGMVGdpv4vUZ6hM1+P5H4E5GDIW3NBExmGYJeTDDZENWA2MJQL0WuJL98xhFB1mfnDFngUaZGpcTcZHwg2JfxFDxz03MLnMPMIbE0599R+lF2h9C08YulnSvhYSWFfPTL1x7RczuCWYtzU7UrEtqyYJghGjn9lNhidT0Wg6ksLjUaxe8mly6qY7P84WaZEyK4EwRk34NOMmpWxWwzIgGVpHsN0anOIXgYEuY84lQhi95o9Sy5qVJXikZnSRFwXFLMfDiqH5GftUHRdIQkVOEpl+3xODbV9C2jP6sikQpO2hFP2N/7mOQipmgNjpSxOBPMSDjkQpVwVa87QwwWhNCJZFbGhDSeMzG8wUfVgA1PoYeveK/vcOjw8HdqcltxXdF8NyD+xOHMwdXpoaLBwktqU6L8Cp27yepEgVnqZZKiULDur71dSPeYdeJKBl9KYBECX7fKlJpLJLqNlogmVNxsa5qipkIDeCmBPllaUDdp+cTe8rU2Ox6gakuL0VC7WZXiRGxo+6vRKauYGgVFjEhN22b3Al1jF4S9HJDeI57mKYah6Zd0aLJZbSAMrNyJmlz6gwCqWq5UU1Gvon00nSAkmwNrXLF0Gr7RIbHtET7nKAqMEBAZKrygpFysgr1CW1C0g6p1rCvuh27PZLh+9k0tLZIok5JlXXO7gAl70GMfNccPKYePEduZ4lKmy70C0sqipTyh3WfKwdxjl1nBdQnjeVS1uNEefC5CGpDOrUiC+1URg3yxLExLUAbF8A3UYdSvsjnm21fxYPnin6FFnjo4Dx5PeiiYmm8AlU5RdVPrJ7ka+MxorWGVhvQkoXclO5ix7T4FMQ5gfodr8l5zZfmhj6hneJSdSI36gervM6gMz1Y6y2tAyWaRhezBavJyGYB5LThU85RnnodwXS7ri4H+UsEpfCRetFu7qij7kBePd7KU40OEtIfPkcnhLzbhmyt/oC8c6xIkoURB9ii33A44I1JPrI5byLbLfSV4wySiP7KuBe/SH9+9ZskgA9/9zzE1+iki2vo/ZPZnw/I1qGr8Z/3J8cDb+JBBeLGohqJS15TkLbiBvE0RNMG3m7WVmxLFph62bBsDUQ0jY3S3MXSTOuNUxQFu/lmMxce0q4sFYUK2ukiNmNoEPjT8PIwLQ46euxES48sVCZYUfjFqhMesXTUT9ZF4jTrVsVT1uNVPGa9TpZZrE8qP1i/W+UuG3C6drNBntTGBruTlQ3xKI/eaaT5XYNhMSvA4jlXjI5ZyYzaErPuOMqca94w75QOC47FTFbY4HtWuhf/WOVMWc6iD2aQiUflC0sG7CWmvtgJidV60rs7bpRbFnSOIsewBAzsecRgK32NQKsBj8WF7w8MtnTH6IwVDPaeDK/6TdA1eJbjAFqOx7SIbAnVrvOsI21FqQfMyBokbh5qlckNRaXGAk/MicHoTOPYSNfOJ423eJlLzFrQLbNErkJUow0zVLj6IxYlruKFgYOw576jVTG54MEh9l7KqPPqKwlMYLk42WAtgjvV4GALauZmMRRG2xKjoamPZrENjCCLaHV+qGutTZvgCVcJE1wjbbilWOOwRW0+w9VL2tCh6YWjJyGzGjWot+upcvLConOOCc28ej/dwa0LuqCl7E7pzhlmXhYmqLMr9NAqgeSUGA6iMHDKatMIoD0QP6tjmdOQ9KmOsHyQ2kw/hX/t92v/8aAEnF0jeDixaIrCU2L4CP2CoGxkJ7nKR4CFHzaYXDYQQ2VkyFYbm5Rwl94riQQ8jRyWwSs9nemCTyWWe+1LUeA1WQYYiFgQs3cYHt+oVbKa2VAk1aPjFVYIaSEV5NmP2HBqTA22M4nbMcqhbataBUWR6NYZ9otibCkyio2rmYkivRZ5PV69cBAZZSWB5heQebgUdnTmgpSD+QiLGRsdSaKHL1Mcoim3TrNPnEp8PLtQKSCWARhTvzLmGHCSUfcb7fjUs7yxjnUUJbAWRBbtVlJ+TQ6LsA01ZuCfwM7glEnXzhu8ubPHmLAOjWB3xIMOwLx5l+30p2BpT52UqP/DC8LoUvU3sI8lUbXsCCMTMwsrGzsHJxc3DwKJQvPy8QsICgmLiIqJS0hCmKfwu+YJRBKZQqVJScvIyskr6OkbGBoZm5iauXDpyrUbt+7cTz6IuYWlR0+evXj15t2HTytfyF+XDl07seWXKy9ePXnuNs2xs98N2btvLFsBAAAA') format('woff2'),url('data:font/woff;base64,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') format('woff')} *,*::before,*::after{margin:0;padding:0;box-sizing:border-box} :root{--mc:'Mojangles',monospace;--mono:'JetBrains Mono',monospace} [data-theme="dark"]{ --sky-a:#0f0c29;--sky-b:#1a1540;--sky-c:#24205a; --cloud:#2a2650;--cloud-sh:#1e1a3d; --panel:rgba(18,14,36,0.88);--panel-border:#2e2852; --panel-hi:#3d3568;--panel-lo:#14102a; --input-bg:rgba(10,8,22,0.7);--input-brd:#2a2450; --text:#e0ddf0;--text-sec:#a09cc0;--text-mut:#5e587a; --accent:#b490ff;--accent-dk:#7c5ccc; --green:#55FF55;--green-dk:#00aa00; --gold:#FFAA00;--red:#FF5555;--aqua:#55FFFF; --btn-bg:#5b3daa;--btn-hi:#7b5dca;--btn-lo:#3a2580; --btn2-bg:#3a3458;--btn2-hi:#524c78;--btn2-lo:#24203a; --star-opacity:1; } [data-theme="light"]{ --sky-a:#6b9bd2;--sky-b:#8cb8e0;--sky-c:#b8ddf0; --cloud:#fff;--cloud-sh:#c8dced; --panel:rgba(0,0,0,0.68);--panel-border:#3a3a4e; --panel-hi:#5a5a6e;--panel-lo:#1a1a2e; --input-bg:rgba(0,0,0,0.55);--input-brd:#333; --text:#fff;--text-sec:#c0c0c0;--text-mut:#888; --accent:#55FF55;--accent-dk:#00aa00; --green:#55FF55;--green-dk:#00aa00; --gold:#FFAA00;--red:#FF5555;--aqua:#55FFFF; --btn-bg:#3c8527;--btn-hi:#5cad3e;--btn-lo:#2a6018; --btn2-bg:#6b6b6b;--btn2-hi:#8b8b8b;--btn2-lo:#4a4a4a; --star-opacity:0; } /* Light-mode card depth: stronger border + soft drop shadow so cards lift off the sky */ [data-theme="light"] .card{ border-color:rgba(0,0,0,0.35); box-shadow:0 6px 18px rgba(20,40,80,0.18),0 2px 4px rgba(20,40,80,0.12),inset 0 1px 0 rgba(255,255,255,0.04); } /* Light-mode: kill text-shadow on small/body text (keep it on big MC titles/buttons) */ [data-theme="light"] p, [data-theme="light"] small, [data-theme="light"] label, [data-theme="light"] .field-label, [data-theme="light"] .tool-hero-sub, [data-theme="light"] .footer, [data-theme="light"] .footer-privacy, [data-theme="light"] .dz-hint, [data-theme="light"] .dz-text, [data-theme="light"] .skin-status, [data-theme="light"] .check-row, [data-theme="light"] .hint, [data-theme="light"] .pack-hint{text-shadow:none} /* Light mode: give hero the same dark translucent panel look as cards */ [data-theme="light"] .tool-hero{ background:rgba(0,0,0,0.32); border:2px solid rgba(255,255,255,0.08); border-radius:8px; padding:2rem 1rem 1.5rem; backdrop-filter:blur(14px) saturate(1.1); -webkit-backdrop-filter:blur(14px) saturate(1.1); box-shadow:0 6px 18px rgba(20,40,80,0.18),0 2px 4px rgba(20,40,80,0.12),inset 0 1px 0 rgba(255,255,255,0.06); max-width:900px; margin:1rem auto; } html{font-size:16px;scroll-behavior:smooth} html{background:var(--sky-a)}body{font-family:var(--mc);color:var(--text);min-height:100vh;min-height:100dvh;overflow-x:hidden;-webkit-font-smoothing:none;transition:background .5s;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)} /* ═══ SKY ═══ */ .sky{position:fixed;inset:-50px;z-index:0;background:linear-gradient(180deg,var(--sky-a),var(--sky-b) 40%,var(--sky-c) 70%,var(--sky-b) 100%);transition:background .8s} .stars{position:fixed;inset:-50px;z-index:0;pointer-events:none;opacity:var(--star-opacity);transition:opacity .8s} .star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%} .star.tw{animation:tw 3s ease-in-out infinite alternate} @keyframes tw{0%{opacity:.3}100%{opacity:1}} .cloud-scroll{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden} .cstrip{position:absolute;display:flex;top:0;left:0;height:100%;will-change:transform} .cs1{animation:cd 100s linear infinite}.cs2{animation:cd 140s linear infinite}.cs3{animation:cd 75s linear infinite} @keyframes cd{0%{transform:translateX(0)}100%{transform:translateX(-3200px)}} .c{position:absolute;width:10px;height:10px;background:transparent} .ca{box-shadow:20px 0 0 var(--cloud),30px 0 0 var(--cloud),40px 0 0 var(--cloud),10px 10px 0 0.5px var(--cloud),20px 10px 0 0.5px var(--cloud),30px 10px 0 0.5px var(--cloud),40px 10px 0 0.5px var(--cloud),50px 10px 0 0.5px var(--cloud),0 20px 0 var(--cloud),10px 20px 0 0.5px var(--cloud),20px 20px 0 0.5px var(--cloud),30px 20px 0 0.5px var(--cloud),40px 20px 0 0.5px var(--cloud),50px 20px 0 0.5px var(--cloud),60px 20px 0 0.5px var(--cloud),0 30px 0 var(--cloud-sh),10px 30px 0 0.5px var(--cloud-sh),20px 30px 0 0.5px var(--cloud-sh),30px 30px 0 0.5px var(--cloud-sh),40px 30px 0 0.5px var(--cloud-sh),50px 30px 0 0.5px var(--cloud-sh),60px 30px 0 0.5px var(--cloud-sh)} .cb{box-shadow:30px 0 0 var(--cloud),40px 0 0 var(--cloud),10px 10px 0 0.5px var(--cloud),20px 10px 0 0.5px var(--cloud),30px 10px 0 0.5px var(--cloud),40px 10px 0 0.5px var(--cloud),50px 10px 0 0.5px var(--cloud),60px 10px 0 0.5px var(--cloud),0 20px 0 var(--cloud),10px 20px 0 0.5px var(--cloud),20px 20px 0 0.5px var(--cloud),30px 20px 0 0.5px var(--cloud),40px 20px 0 0.5px var(--cloud),50px 20px 0 0.5px var(--cloud),60px 20px 0 0.5px var(--cloud),70px 20px 0 0.5px var(--cloud),0 30px 0 var(--cloud-sh),10px 30px 0 0.5px var(--cloud-sh),20px 30px 0 0.5px var(--cloud-sh),30px 30px 0 0.5px var(--cloud-sh),40px 30px 0 0.5px var(--cloud-sh),50px 30px 0 0.5px var(--cloud-sh),60px 30px 0 0.5px var(--cloud-sh),70px 30px 0 0.5px var(--cloud-sh)} .cc{box-shadow:20px 0 0 var(--cloud),30px 0 0 var(--cloud),40px 0 0 var(--cloud),50px 0 0 var(--cloud),10px 10px 0 0.5px var(--cloud),20px 10px 0 0.5px var(--cloud),30px 10px 0 0.5px var(--cloud),40px 10px 0 0.5px var(--cloud),50px 10px 0 0.5px var(--cloud),60px 10px 0 0.5px var(--cloud),0 20px 0 var(--cloud),10px 20px 0 0.5px var(--cloud),20px 20px 0 0.5px var(--cloud),30px 20px 0 0.5px var(--cloud),40px 20px 0 0.5px var(--cloud),50px 20px 0 0.5px var(--cloud),60px 20px 0 0.5px var(--cloud),70px 20px 0 0.5px var(--cloud),80px 20px 0 0.5px var(--cloud),0 30px 0 var(--cloud-sh),10px 30px 0 0.5px var(--cloud-sh),20px 30px 0 0.5px var(--cloud-sh),30px 30px 0 0.5px var(--cloud-sh),40px 30px 0 0.5px var(--cloud-sh),50px 30px 0 0.5px var(--cloud-sh),60px 30px 0 0.5px var(--cloud-sh),70px 30px 0 0.5px var(--cloud-sh),80px 30px 0 0.5px var(--cloud-sh)} /* ═══ LAYOUT ═══ */ .app{position:relative;z-index:2}.container{max-width:920px;margin:0 auto;padding:0 1rem} .mobile-home{display:block} .desktop-home{display:none} .page{display:none;animation:pageIn .4s ease}.page.active{display:block} @keyframes pageIn{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}} /* ═══ NAVBAR ═══ */ .navbar{position:sticky;top:0;z-index:50;background:rgba(10,8,22,0.92);backdrop-filter:blur(14px);border-bottom:2px solid var(--panel-lo);box-shadow:0 1px 12px rgba(180,144,255,0.06),0 1px 0 rgba(180,144,255,0.08);padding:2px 1rem;display:flex;align-items:center;gap:0} .nav-brand{font-size:1.1rem;font-weight:700;color:var(--accent);letter-spacing:4px;padding:8px 14px 8px 4px;cursor:pointer;text-shadow:2px 2px 0 #000;flex-shrink:0;text-decoration:none} .nav-brand:hover{color:var(--gold)} .nav-links{display:flex;gap:0;flex:1;justify-content:center} .nav-link{padding:10px 14px;font-size:.62rem;color:var(--text-mut);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;text-shadow:1px 1px 0 #000;letter-spacing:1px;white-space:nowrap;text-decoration:none} .nav-link:hover{color:var(--text-sec);background:rgba(255,255,255,.02)} .nav-link.active{color:var(--accent);border-bottom-color:var(--accent)} .nav-group{position:relative} .nav-group-btn{padding:10px 14px;font-size:.7rem;color:var(--text-sec);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;transition:all .15s;text-shadow:1px 1px 0 #000;letter-spacing:1px;white-space:nowrap;font-family:var(--mc)} .nav-group-btn:hover{color:var(--text);background:rgba(255,255,255,.04)} .nav-group.has-active>.nav-group-btn{color:var(--accent);border-bottom-color:var(--accent);text-shadow:1px 1px 0 #000,0 0 8px rgba(180,144,255,0.3)} .nav-group-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);background:rgba(10,8,22,0.96);border:2px solid var(--panel-border);border-top:none;z-index:100;min-width:160px;backdrop-filter:blur(12px);animation:slideDown .2s ease;-webkit-font-smoothing:subpixel-antialiased;will-change:transform;backface-visibility:hidden} @keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-6px) translateZ(0)}to{opacity:1;transform:translateX(-50%) translateY(0) translateZ(0)}} .nav-group:hover .nav-group-menu{display:block} .nav-group-menu .nav-link{display:block;padding:10px 16px;font-size:.6rem;border-bottom:1px solid rgba(255,255,255,.06)} .nav-right{margin-left:auto;display:flex;align-items:center;gap:6px} .nav-btn{background:none;border:2px solid var(--panel-border);color:var(--text-mut);font-family:var(--mc);font-size:.55rem;padding:4px 8px;cursor:pointer;text-shadow:1px 1px 0 #000;transition:all .15s} .nav-btn:hover{border-color:var(--accent);color:var(--text)} .nav-btn.on{color:var(--green);border-color:var(--green-dk)} .nav-discord-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--panel-border);border-radius:6px;background:rgba(88,101,242,.10);color:#a8b5ff;text-decoration:none;transition:all .15s} .nav-discord-btn svg{width:18px;height:18px;fill:currentColor} .nav-discord-btn:hover{border-color:#5865f2;background:rgba(88,101,242,.22);color:#fff} /* Day/night toggle — icon-only square button, same dimensions as Discord */ .nav-theme-btn{ display:inline-flex;align-items:center;justify-content:center; width:32px;height:32px; border:2px solid var(--panel-border);border-radius:6px; background:rgba(0,0,0,.20); color:var(--gold,#FFAA00); line-height:1;cursor:pointer;padding:0; transition:border-color .15s,background .15s,color .15s,transform .15s; } /* Sun/moon icons use fill=currentColor (solid Heroicons), so don't force fill:none here. */ .nav-theme-btn svg{display:block;width:18px;height:18px;image-rendering:auto;pointer-events:none;flex-shrink:0} .nav-theme-btn:hover{ border-color:var(--accent); background:rgba(180,144,255,.18); color:#fff; transform:translateY(-1px); } .nav-theme-btn:active{transform:translateY(0)} /* Match the subtle-tinted-background treatment the Discord button uses next door so the two nav icons look like a pair instead of a bright white chip next to a dark indigo chip. */ [data-theme="light"] .nav-theme-btn{color:#b490ff;background:rgba(180,144,255,.10);border-color:rgba(180,144,255,.25)} [data-theme="light"] .nav-theme-btn:hover{color:#fff;background:rgba(180,144,255,.28);border-color:#b490ff} .nav-tools-btn{display:none} .nav-dropdown{display:none} /* ═══ CARDS ═══ */ .card{background:var(--panel);border:2px solid var(--panel-border);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);border-bottom-color:var(--panel-lo);border-right-color:var(--panel-lo);padding:1.3rem;margin-bottom:1rem;backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(255,255,255,0.03),0 2px 8px rgba(0,0,0,0.15)} .card-label{font-size:.64rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.5);margin-bottom:.8rem;padding-bottom:.35rem;border-bottom:2px solid color-mix(in srgb,var(--accent),transparent 70%)} /* ═══ HOME ═══ */ .home-hero{text-align:center;padding:2.8rem 0 1.4rem} .title-block{display:inline-block;background:linear-gradient(180deg,rgba(255,255,255,0.1),rgba(0,0,0,0.3));border:3px solid var(--panel-border);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);border-bottom-color:var(--panel-lo);border-right-color:var(--panel-lo);padding:12px 40px 10px;box-shadow:0 6px 0 var(--panel-lo),0 8px 28px rgba(0,0,0,0.5),0 0 24px rgba(180,144,255,0.06)} h1.title-main,h2.section-label,h3.tool-info-title{margin:0;padding:0} h2.section-label{margin:1.8rem 0 .6rem;padding-bottom:.4rem} h3.tool-info-title{margin-bottom:.5rem;padding-bottom:.3rem} .title-main{font-size:3rem;font-weight:700;letter-spacing:6px;color:var(--text);text-shadow:3px 3px 0 #000,2px 2px 0 rgba(0,0,0,0.6),0 0 20px rgba(180,144,255,0.12);line-height:1} .title-sub-bar{display:inline-block;background:linear-gradient(180deg,var(--btn-bg),color-mix(in srgb,var(--btn-bg),#000 20%));border:3px solid;border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);border-bottom-color:var(--btn-lo);border-right-color:var(--btn-lo);padding:7px 24px;margin-top:8px;box-shadow:0 3px 0 var(--btn-lo)} .title-sub{font-size:0.82rem;color:#fff;letter-spacing:3px;text-shadow:2px 2px 0 rgba(0,0,0,0.6);text-transform:uppercase} /* Tool grid — flex so the last incomplete row aligns to the section's side */ .tool-grid{display:flex;flex-wrap:wrap;gap:1rem;margin:.6rem 0 1.6rem;justify-content:flex-start} .tool-grid.tg-left{justify-content:flex-start} .tool-grid.tg-right{justify-content:flex-end} .tool-grid .tool-card{flex:0 0 calc((100% - 3rem)/4)} @media(max-width:900px){.tool-grid .tool-card{flex:0 0 calc((100% - 2rem)/3)}} @media(max-width:600px){.tool-grid .tool-card{flex:0 0 calc((100% - 1rem)/2)}} .featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin:1.5rem 0} .featured-card{background:rgba(18,14,36,0.72);border:2px solid rgba(180,144,255,0.2);padding:1.6rem 1.6rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s;backdrop-filter:blur(12px);border-radius:6px;position:relative;cursor:pointer;display:block} .featured-card:hover{border-color:rgba(180,144,255,0.5);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 32px rgba(0,0,0,0.4),0 0 24px rgba(180,144,255,0.15);background:rgba(24,18,48,0.85)} .featured-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,#b490ff,transparent);border-radius:6px 6px 0 0} .featured-icon{font-size:3rem;display:block;margin-bottom:.7rem} .featured-name{font-size:.75rem;color:#e0ddf0;letter-spacing:2px;text-shadow:1px 1px 0 #000;margin-bottom:.3rem;font-weight:500} .featured-desc{font-size:.46rem;color:#a09cc0;text-shadow:1px 1px 0 #000;line-height:1.5} .small-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.6rem;margin:0 0 2rem} .small-card{background:rgba(18,14,36,0.55);border:2px solid rgba(180,144,255,0.08);padding:1.6rem 1.2rem;text-align:center;text-decoration:none;color:inherit;transition:all .3s;backdrop-filter:blur(12px);border-radius:6px;cursor:pointer;display:block} .small-card:hover{border-color:rgba(180,144,255,0.4);transform:translateY(-3px);box-shadow:0 6px 24px rgba(0,0,0,0.35),0 0 16px rgba(180,144,255,0.1);background:rgba(24,18,48,0.75)} .small-icon{font-size:2.2rem;display:block;margin-bottom:.5rem} .small-name{font-size:.6rem;color:#e0ddf0;letter-spacing:1px;text-shadow:1px 1px 0 #000;margin-bottom:.2rem} .small-desc{font-size:.4rem;color:#a09cc0;text-shadow:1px 1px 0 #000;line-height:1.4} /* Simple translucent card — color lives only on the left-side stripe */ .tool-card{--tc-accent:#b490ff; background:rgba(26,21,56,0.55); border:2px solid #000; border-top-color:#3a2f6a;border-left-color:#3a2f6a; border-bottom-color:#000;border-right-color:#000; padding:1.2rem 1rem;cursor:pointer; transition:transform .08s steps(2),box-shadow .08s steps(2),background-color .12s; text-align:center;position:relative;overflow:hidden; box-shadow:3px 3px 0 #000; text-decoration:none;color:inherit;display:block} .tool-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:var(--tc-accent);box-shadow:inset 1.5px 0 0 rgba(255,255,255,0.35),inset -1.5px 0 0 rgba(0,0,0,0.55)} .tool-card:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 #000;background:rgba(36,28,74,0.65)} .tool-card .tool-name{color:var(--tc-accent)} /* Day mode: glassy translucent panel matching the tool-hero treatment */ [data-theme="light"] .tool-card{ background:linear-gradient(180deg,color-mix(in srgb,var(--tc-accent) 16%,transparent) 0%,color-mix(in srgb,var(--tc-accent) 4%,rgba(255,255,255,0.18)) 100%); border:2px solid rgba(255,255,255,0.35); border-top-color:color-mix(in srgb,var(--tc-accent) 38%,rgba(255,255,255,0.6)); border-left-color:color-mix(in srgb,var(--tc-accent) 38%,rgba(255,255,255,0.6)); border-bottom-color:rgba(0,0,0,0.22); border-right-color:rgba(0,0,0,0.22); backdrop-filter:blur(14px) saturate(1.1); -webkit-backdrop-filter:blur(14px) saturate(1.1); box-shadow:0 6px 18px rgba(20,40,80,0.18),0 2px 4px rgba(20,40,80,0.12),inset 0 1px 0 rgba(255,255,255,0.4) } [data-theme="light"] .tool-card:hover{ background:linear-gradient(180deg,color-mix(in srgb,var(--tc-accent) 24%,transparent) 0%,color-mix(in srgb,var(--tc-accent) 8%,rgba(255,255,255,0.22)) 100%); box-shadow:0 10px 28px rgba(20,40,80,0.22),0 3px 6px rgba(20,40,80,0.15),inset 0 1px 0 rgba(255,255,255,0.5) } [data-theme="light"] .tool-card .tool-name{color:#0f0a26;text-shadow:1px 1px 0 rgba(255,255,255,0.55)} /* Tool-ability color groups (match gc-* on home gallery) */ .tc-skin{--tc-accent:#38bdf8} .tc-pack{--tc-accent:#eab308} .tc-cape{--tc-accent:#a855f7} .tc-util{--tc-accent:#10b981} .tool-card:active{transform:translateY(0)} .tool-icon{font-size:2.5rem;margin-bottom:.6rem;display:block} .tool-name{font-size:.85rem;color:var(--text);letter-spacing:2px;text-shadow:1px 1px 0 #000} .tool-desc{font-size:.6rem;color:var(--text-mut);margin-top:.5rem;line-height:1.75;text-shadow:1px 1px 0 #000} .tool-badge{position:absolute;top:8px;right:8px;font-size:.42rem;background:var(--accent-dk);color:#fff;padding:2px 6px;letter-spacing:1px} .section-label{font-family:var(--mc);font-size:.9rem;color:var(--accent);letter-spacing:4px;text-transform:uppercase;text-shadow:2px 2px 0 #000,0 0 8px rgba(180,144,255,0.15);margin:1.8rem 0 .6rem;padding-bottom:.4rem;border-bottom:2px solid color-mix(in srgb,var(--accent),transparent 55%);position:relative} /* ═══ FORMS ═══ */ .field{margin-bottom:.8rem}.field:last-child{margin-bottom:0} .field-label{display:block;font-size:.62rem;color:var(--text-sec);margin-bottom:.25rem;text-shadow:1px 1px 0 #000} .field-hint{font-size:.5rem;color:var(--text-mut);margin-top:.15rem;text-shadow:1px 1px 0 #000} input[type="text"],input[type="number"],input[type="color"],textarea,select{width:100%;background:var(--input-bg);border:2px solid var(--input-brd);border-radius:3px;padding:6px 9px;color:var(--text);font-family:var(--mc);font-size:.7rem;outline:none;text-shadow:1px 1px 0 #000;transition:border-color .15s,box-shadow .15s} input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 8px rgba(180,144,255,0.15)} input::placeholder,textarea::placeholder{color:var(--text-mut)} textarea{resize:vertical;min-height:44px} select{cursor:pointer} input[type="color"]{width:40px;height:28px;padding:2px;cursor:pointer} .version-row{display:flex;gap:.3rem}.version-row input{width:52px;text-align:center} .version-dot{display:flex;align-items:center;color:var(--text-mut);font-size:1rem} .row{display:flex;gap:.6rem;align-items:flex-end}.row>.field{flex:1} /* ═══ MC COLOR CODES ═══ */ .mc-color-preview{margin-top:.3rem;padding:5px 8px;background:rgba(0,0,0,.4);border:2px solid var(--input-brd);min-height:1.8rem;font-size:.7rem;line-height:1.5;word-break:break-word;text-shadow:1px 1px 0 rgba(0,0,0,.7)} .mc-bold{font-weight:700;text-shadow:1px 0 0 currentColor,2px 2px 0 #000,3px 2px 0 #000} .mc-italic{font-style:italic} .mc-under{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:2px} .mc-strike{text-decoration:line-through;text-decoration-thickness:2px} .mc-bold.mc-under{text-decoration:underline;text-decoration-thickness:2px} .mc-bold.mc-strike{text-decoration:line-through;text-decoration-thickness:2px} .mc-under.mc-strike{text-decoration:underline line-through;text-decoration-thickness:2px} .mc-obf{animation:obf .1s steps(3) infinite} @keyframes obf{0%{opacity:.2}50%{opacity:1}100%{opacity:.4}} .fmt-bar{display:flex;flex-wrap:wrap;gap:2px;margin-top:.3rem} .fmt-btn{width:24px;height:22px;border:2px solid rgba(255,255,255,.08);font-family:var(--mc);font-size:.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s;text-shadow:1px 1px 0 #000;flex-shrink:0} .fmt-btn:hover{border-color:var(--accent);transform:scale(1.1)} .fmt-btn:active{transform:scale(.95)} .fmt-sep{width:1px;height:22px;background:rgba(255,255,255,.06);margin:0 2px;flex-shrink:0} /* ═══ BUTTONS ═══ */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:7px 15px;font-family:var(--mc);font-size:.68rem;cursor:pointer;transition:all .15s ease;text-shadow:1px 1px 0 rgba(0,0,0,.7);border:none;border-radius:3px} .btn:disabled{opacity:.35;cursor:not-allowed}.btn:active:not(:disabled){transform:translateY(2px)} .btn-p{background:linear-gradient(180deg,color-mix(in srgb,var(--btn-bg),#fff 10%),var(--btn-bg));color:#fff;border:3px solid;border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);border-bottom-color:var(--btn-lo);border-right-color:var(--btn-lo)} .btn-p:hover:not(:disabled){background:linear-gradient(180deg,color-mix(in srgb,var(--btn-bg),#fff 20%),color-mix(in srgb,var(--btn-bg),#fff 5%))} .btn-s{background:linear-gradient(180deg,color-mix(in srgb,var(--btn2-bg),#fff 8%),var(--btn2-bg));color:#fff;border:3px solid;border-top-color:var(--btn2-hi);border-left-color:var(--btn2-hi);border-bottom-color:var(--btn2-lo);border-right-color:var(--btn2-lo)} .btn-g{background:rgba(0,0,0,.25);color:var(--text-sec);border:2px solid var(--input-brd)} .format-toggle{opacity:.5;border:2px solid var(--panel-border);transition:all .15s} .format-toggle.active{opacity:1;border-color:var(--accent);background:rgba(180,144,255,0.15)} /* Custom Music Discs — merchant type picker */ .da-merchant-pick{opacity:.55;border:2px solid var(--panel-border)!important;transition:all .15s;background:rgba(0,0,0,0.25);position:relative;cursor:pointer} .da-merchant-pick:hover{opacity:.85;border-color:color-mix(in srgb,var(--accent) 55%,transparent)!important} .da-merchant-pick.active{opacity:1;border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent) 22%,rgba(0,0,0,0.5))!important;box-shadow:0 0 18px color-mix(in srgb,var(--accent) 45%,transparent),3px 3px 0 #000;transform:translateY(-1px)} .da-merchant-pick.active::before{content:'✓';position:absolute;top:6px;right:8px;font-family:var(--mc);font-size:.65rem;color:var(--accent);text-shadow:1px 1px 0 #000} .btn-g:hover:not(:disabled){background:rgba(0,0,0,.4);color:var(--text)} .btn-forge{width:100%;padding:12px;font-size:1rem;letter-spacing:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--btn-bg),#fff 12%),var(--btn-bg));color:#fff;border:4px solid;border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);border-bottom-color:var(--btn-lo);border-right-color:var(--btn-lo);text-shadow:2px 2px 0 rgba(0,0,0,.6);box-shadow:0 4px 0 var(--btn-lo)} .btn-forge:active:not(:disabled){box-shadow:0 1px 0 var(--btn-lo);transform:translateY(3px)} .btn-row{display:flex;justify-content:space-between;gap:.5rem;margin-top:1rem} .btn-row-r{margin-left:auto;display:flex;gap:.4rem} /* ═══ DROPZONE ═══ */ .dz{border:3px dashed color-mix(in srgb,var(--text),transparent 80%);padding:2rem 1rem;text-align:center;cursor:pointer;transition:all .2s;background:rgba(0,0,0,.1);position:relative;overflow:hidden} .dz:hover,.dz.over{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 94%)} .dz input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer} .dz-icon{font-size:2rem;margin-bottom:.3rem}.dz-text{color:var(--text-sec);font-size:.7rem;text-shadow:1px 1px 0 #000}.dz-text strong{color:var(--accent)} .dz-hint{color:var(--text-mut);font-size:.52rem;margin-top:.2rem;text-shadow:1px 1px 0 #000} /* ═══ PACK STACK ═══ */ .pack-stack{margin-top:.6rem;position:relative} .pack-card{background:rgba(0,0,0,.3);border:2px solid var(--input-brd);padding:.5rem .7rem;margin-bottom:3px;cursor:grab;transition:all .15s,box-shadow .2s;user-select:none;display:flex;align-items:center;gap:.5rem;position:relative} .pack-card:active{cursor:grabbing} .pack-card:hover{background:rgba(255,255,255,.03);border-color:var(--panel-hi)} .pack-card.dragging{opacity:.3;transform:scale(.98)} .pack-card.drag-target{border-top:3px solid var(--accent)} .pack-card.locked{border-left:3px solid var(--gold)} .pc-grip{color:var(--text-mut);font-size:.8rem;flex-shrink:0;width:16px;text-align:center} .pc-rank{font-size:.48rem;color:#000;background:var(--gold);padding:1px 5px;flex-shrink:0;text-shadow:none;min-width:18px;text-align:center} .pc-info{flex:1;min-width:0}.pc-name{font-size:.68rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-shadow:1px 1px 0 #000} .pc-meta{font-size:.5rem;color:var(--text-mut);margin-top:1px;text-shadow:1px 1px 0 #000} .pc-actions{display:flex;gap:3px;flex-shrink:0} .pc-btn{background:none;border:1px solid transparent;color:var(--text-mut);cursor:pointer;font-size:.7rem;padding:2px 4px;transition:all .1s} .pc-btn:hover{color:var(--text);border-color:var(--panel-hi)} .pc-btn.lock-on{color:var(--gold)} .pc-btn.rm:hover{color:var(--red)} .pack-hint{color:var(--text-mut);font-size:.52rem;margin-top:.35rem;text-shadow:1px 1px 0 #000;display:flex;align-items:center;gap:.3rem} /* ═══ ICON GEN ═══ */ .icon-area{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap} .icon-canvas-wrap{width:128px;height:128px;border:3px solid var(--input-brd);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0;image-rendering:pixelated;overflow:hidden} .icon-canvas-wrap canvas{image-rendering:pixelated} .icon-controls{flex:1;min-width:200px} .icon-row{display:flex;gap:.4rem;align-items:center;margin-bottom:.4rem} .icon-row label{font-size:.55rem;color:var(--text-sec);min-width:60px;text-shadow:1px 1px 0 #000} .icon-row input[type="range"]{flex:1;accent-color:var(--accent)} .icon-badges{display:flex;gap:.3rem;flex-wrap:wrap;margin-top:.3rem} .badge{font-size:.45rem;padding:2px 6px;border:1px solid var(--input-brd);color:var(--text-mut);text-shadow:1px 1px 0 #000} .badge.g{border-color:var(--green-dk);color:var(--green)} /* ═══ TOTEM ═══ */ .totem-flex{display:flex;align-items:center;justify-content:center;gap:1.2rem;flex-wrap:wrap;margin-top:.8rem} .totem-col{text-align:center} .totem-col-label{font-size:.48rem;color:var(--text-mut);text-transform:uppercase;letter-spacing:1px;margin-bottom:.3rem;text-shadow:1px 1px 0 #000} .totem-box{width:128px;height:128px;border:3px solid var(--gold);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;image-rendering:pixelated;box-shadow:0 0 16px color-mix(in srgb,var(--gold),transparent 80%)} .totem-box canvas{image-rendering:pixelated;width:128px;height:128px} .skin-box{width:128px;height:128px;border:2px solid var(--input-brd);background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;image-rendering:pixelated;overflow:hidden} .skin-box img{image-rendering:pixelated;max-width:100%;max-height:100%} .totem-arrow{font-size:1.3rem;color:var(--gold);text-shadow:0 0 10px var(--gold)} .totem-result{display:none;margin-top:.8rem;padding:.8rem;background:rgba(0,0,0,.2);border:2px solid color-mix(in srgb,var(--accent),transparent 60%)}.totem-result.active{display:block} .tm-style-btn{background:rgba(0,0,0,.25);border:3px solid var(--panel-border);border-radius:4px;padding:.4rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:border-color .15s,background .15s;color:var(--text)} .tm-style-btn:hover{border-color:color-mix(in srgb,var(--accent),transparent 40%)} .tm-style-btn.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 85%)} .tm-style-thumb{width:64px;height:64px;background-image:linear-gradient(45deg,#333 25%,transparent 25%),linear-gradient(-45deg,#333 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#333 75%),linear-gradient(-45deg,transparent 75%,#333 75%);background-size:8px 8px;background-position:0 0,0 4px,4px -4px,-4px 0px;background-color:#555;display:flex;align-items:center;justify-content:center;border-radius:3px} .tm-style-thumb canvas{width:64px;height:64px;image-rendering:pixelated} .tm-thumb-3d{position:relative;background:linear-gradient(135deg,#3a2a55,#1a1530)} .tm-thumb-3d-label{font-family:var(--mc);font-size:.7rem;color:var(--accent);text-shadow:0 0 8px var(--accent),1px 1px 0 #000;letter-spacing:1px} .tm-style-label{font-family:var(--mc);font-size:.42rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;text-align:center} .tm-style-btn.active .tm-style-label{color:var(--text)} .tm-fmt-btn:hover{filter:brightness(1.15)} .tm-fmt-btn.active{border-color:var(--accent)!important;background:color-mix(in srgb,var(--accent),transparent 75%)!important;color:var(--text)!important} /* ═══ COORDINATE CALCULATOR ═══ */ .coord-converter{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap} .coord-side{flex:1;min-width:160px;padding:.8rem;border:2px solid var(--panel-border);border-radius:4px;background:rgba(0,0,0,.15)} .coord-side .field{margin-bottom:.4rem} .coord-ow-side{border-left:3px solid #55FF55} .coord-nether-side{border-left:3px solid #FF5555} .coord-dim-label{font-family:var(--mc);font-size:.75rem;letter-spacing:2px;margin-bottom:.5rem;text-shadow:1px 1px 0 #000} .coord-arrows{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem} /* ═══ SKIN PACK ═══ */ .skin-list{margin-top:.6rem} .skin-item{display:flex;align-items:center;gap:.5rem;background:rgba(0,0,0,.25);border:2px solid var(--input-brd);padding:.45rem .6rem;margin-bottom:3px;transition:all .12s} .skin-item:hover{border-color:var(--panel-hi)} .si-thumb{width:32px;height:32px;border:1px solid var(--input-brd);background:rgba(0,0,0,.3);image-rendering:pixelated;flex-shrink:0;overflow:hidden;display:flex;align-items:center;justify-content:center} .si-thumb img{image-rendering:pixelated;width:100%;height:100%} .si-info{flex:1;min-width:0} .si-name-input{background:transparent;border:1px solid transparent;padding:2px 4px;font-size:.65rem;color:var(--text);font-family:var(--mc);width:100%;text-shadow:1px 1px 0 #000;outline:none} .si-name-input:focus{border-color:var(--accent);background:var(--input-bg)} .si-badges{display:flex;gap:.2rem;margin-top:1px} .si-rm{background:none;border:none;color:var(--text-mut);cursor:pointer;font-size:.75rem;padding:2px;flex-shrink:0}.si-rm:hover{color:var(--red)} /* ═══ CAPE BUILDER ═══ */ .cb-cape-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.5rem;margin-top:.6rem} .cb-cape-card{background:rgba(0,0,0,.25);border:2px solid var(--input-brd);padding:.4rem;text-align:center;position:relative;transition:all .12s} .cb-cape-card:hover{border-color:var(--panel-hi)} .cb-cape-thumb{width:100%;aspect-ratio:10/16;image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(rgba(255,255,255,.08) 0% 25%,rgba(255,255,255,.15) 0% 50%) 0 0/8px 8px;display:block;margin-bottom:.3rem} .cb-cape-name{font-size:.42rem;color:var(--text-sec);word-break:break-all;text-shadow:1px 1px 0 #000} .cb-cape-rm{position:absolute;top:2px;right:4px;background:none;border:none;color:var(--text-mut);cursor:pointer;font-size:.55rem;padding:2px;line-height:1}.cb-cape-rm:hover{color:var(--red)} .cb-assign-area{} .cb-skin-section{margin-bottom:.8rem;background:rgba(0,0,0,.15);border:2px solid var(--input-brd);padding:.5rem} .cb-skin-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.4rem} .cb-skin-head{width:28px;height:28px;image-rendering:pixelated;border:1px solid var(--input-brd);background:rgba(0,0,0,.3)} .cb-skin-label{font-family:var(--mc);font-size:.55rem;color:var(--text);text-shadow:1px 1px 0 #000;flex:1} .cb-skin-badges{display:flex;gap:.2rem} .cb-cape-toggles{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.3rem} .cb-cape-toggle{display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;background:rgba(0,0,0,.2);border:2px solid var(--input-brd);cursor:pointer;transition:all .12s;user-select:none} .cb-cape-toggle:hover{border-color:var(--panel-hi)} .cb-cape-toggle.on{border-color:var(--accent);background:rgba(124,77,255,.1)} .cb-cape-toggle-thumb{width:20px;height:32px;image-rendering:pixelated;object-fit:contain;flex-shrink:0} .cb-cape-toggle-name{font-size:.38rem;color:var(--text-mut);text-shadow:1px 1px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .cb-cape-toggle.on .cb-cape-toggle-name{color:var(--text)} .cb-count{font-size:.42rem;color:var(--text-mut);text-shadow:1px 1px 0 #000;margin-left:auto} .cb-gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:.4rem} .cb-gallery-item{background:rgba(0,0,0,.2);border:2px solid var(--input-brd);padding:.3rem;text-align:center;cursor:pointer;transition:all .12s;user-select:none} .cb-gallery-item:hover{border-color:var(--panel-hi);background:rgba(0,0,0,.35)} .cb-gallery-item.added{border-color:var(--accent);opacity:.5;pointer-events:none} .cb-gallery-thumb{width:100%;aspect-ratio:10/16;image-rendering:pixelated;object-fit:contain;background:repeating-conic-gradient(rgba(255,255,255,.08) 0% 25%,rgba(255,255,255,.15) 0% 50%) 0 0/8px 8px;display:block;margin-bottom:.2rem} .cb-gallery-name{font-size:.36rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} /* ═══ CAPE EDITOR ═══ */ #page-capeeditor{max-width:1200px;margin:0 auto;padding:0 1rem;font-size:1.15em} @media(max-width:600px){#page-capeeditor{font-size:1em}} .ce-wrap{display:flex;gap:1rem;flex-wrap:wrap} .ce-canvas-area{flex:1;min-width:0;max-width:100%} .ce-canvas-wrap{position:relative;background:rgba(0,0,0,0.25);border:3px solid var(--panel-border);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);border-bottom-color:var(--panel-lo);border-right-color:var(--panel-lo);overflow:hidden;cursor:crosshair;touch-action:none} .ce-canvas-wrap canvas{display:block;image-rendering:pixelated} .ce-canvas-wrap #ceTemplate{width:100%} .ce-canvas-wrap #ceGrid,.ce-canvas-wrap #ceLabels,.ce-canvas-wrap #ceCvs{position:absolute;top:0;left:0;width:100%;height:100%} .ce-sidebar{width:260px;flex-shrink:0} .ce-tool-row{display:flex;gap:3px;flex-wrap:wrap;margin-bottom:.5rem} .ce-tool-btn{font-family:var(--mc);font-size:.5rem;padding:4px 8px;cursor:pointer;background:rgba(0,0,0,.3);border:2px solid var(--input-brd);color:var(--text-mut);text-shadow:1px 1px 0 #000;transition:all .12s} .ce-tool-btn:hover{border-color:var(--panel-hi);color:var(--text)} .ce-tool-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(124,77,255,.1)} .ce-color-area{margin-bottom:.5rem} .ce-color-row{display:flex;align-items:center;gap:.4rem;margin-bottom:.3rem} .ce-color-row label{font-size:.42rem;color:var(--text-sec);min-width:40px;text-shadow:1px 1px 0 #000} .ce-color-preview{width:28px;height:28px;border:2px solid var(--input-brd);cursor:pointer} .ce-palette{display:flex;gap:3px} .ce-pal-swatch{width:24px;height:24px;border:2px solid var(--input-brd);cursor:pointer;transition:border-color .1s;flex-shrink:0} .ce-pal-swatch:hover{border-color:#fff} .ce-pal-swatch.active{border-color:var(--accent);box-shadow:0 0 4px var(--accent)} .ce-opacity-row{display:flex;align-items:center;gap:.4rem;margin-top:.5rem} .ce-opacity-row label{font-size:.42rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;min-width:40px} .ce-opacity-row input[type="range"]{flex:1;accent-color:var(--accent);height:4px} .ce-alpha-val{font-size:.42rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;min-width:22px;text-align:right} .ce-layers{margin-top:.5rem} .ce-layer{display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;background:rgba(0,0,0,.2);border:2px solid var(--input-brd);margin-bottom:2px;font-size:.42rem;color:var(--text-sec);text-shadow:1px 1px 0 #000} .ce-layer.active{border-color:var(--accent);color:var(--text)} .ce-layer-name{flex:1;cursor:pointer} .ce-layer input[type="checkbox"]{accent-color:var(--accent);width:12px;height:12px} .ce-view-toggle{display:flex;gap:4px;margin-bottom:.6rem} .ce-view-btn{font-family:var(--mc);font-size:.5rem;padding:5px 12px;cursor:pointer;background:rgba(0,0,0,.3);border:2px solid var(--input-brd);color:var(--text-mut);text-shadow:1px 1px 0 #000;transition:all .12s} .ce-view-btn:hover{border-color:var(--panel-hi);color:var(--text)} .ce-view-btn.active{border-color:var(--accent);color:var(--accent);background:rgba(124,77,255,.1)} .ce-3d-wrap{position:relative;background:rgba(0,0,0,0.25);border:3px solid var(--panel-border);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);border-bottom-color:var(--panel-lo);border-right-color:var(--panel-lo);display:flex;align-items:center;justify-content:center;min-height:300px;overflow:hidden;touch-action:none} .ce-3d-wrap canvas{display:block;max-width:100%} .ce-3d-hint{position:absolute;bottom:6px;right:8px;font-size:.38rem;color:var(--text-mut);text-shadow:1px 1px 0 #000;pointer-events:none} .ce-layer-list{max-height:180px;overflow-y:auto} .ce-lyr{display:flex;align-items:center;gap:.3rem;padding:.25rem .4rem;background:rgba(0,0,0,.2);border:2px solid var(--input-brd);margin-bottom:2px;font-size:.42rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;cursor:pointer;transition:all .1s} .ce-lyr:hover{border-color:var(--panel-hi)} .ce-lyr.active{border-color:var(--accent);color:var(--text);background:rgba(124,77,255,.08)} .ce-lyr input[type="checkbox"]{accent-color:var(--accent);width:12px;height:12px;cursor:pointer} .ce-lyr-name{flex:1} .ce-select-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5} @media(max-width:600px){.ce-sidebar{width:100%}.ce-wrap{flex-direction:column}} /* ═══ PROGRESS ═══ */ .progress-area{display:none;margin-top:.8rem}.progress-area.active{display:block} .progress-track{width:100%;height:12px;background:rgba(0,0,0,.45);border:2px solid var(--input-brd);overflow:hidden} .progress-fill{height:100%;width:0%;background:repeating-linear-gradient(90deg,var(--accent-dk),var(--accent-dk) 7px,var(--accent) 7px,var(--accent) 14px);background-size:14px 100%;animation:ps .4s linear infinite;transition:width .3s} @keyframes ps{0%{background-position:0 0}100%{background-position:14px 0}} .progress-label{font-size:.55rem;color:var(--text-sec);margin-top:.25rem;text-align:center;text-shadow:1px 1px 0 #000} .log-area{margin-top:.3rem;max-height:90px;overflow-y:auto;display:none}.log-area.active{display:block} .log-line{font-size:.5rem;color:var(--text-mut);padding:1px 0;text-shadow:1px 1px 0 #000}.log-line.ok{color:var(--green)}.log-line.warn{color:var(--gold)}.log-line.err{color:var(--red)} .manifest-preview{background:rgba(0,0,0,.45);border:2px solid var(--input-brd);padding:.5rem;font-family:var(--mono);font-size:.55rem;line-height:1.5;color:var(--text-sec);overflow-x:auto;white-space:pre;max-height:180px;overflow-y:auto;-webkit-font-smoothing:auto} .json-key{color:var(--accent)}.json-str{color:var(--gold)}.json-num{color:var(--aqua)} .summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.3rem;margin-bottom:.4rem} .summary-item{background:rgba(0,0,0,.25);border:2px solid var(--input-brd);padding:.4rem} .si-label2{font-size:.45rem;color:var(--text-mut);text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #000} .si-value2{font-size:.68rem;word-break:break-all;text-shadow:1px 1px 0 #000}.si-value2.accent{color:var(--accent)} .footer{text-align:center;padding:1.4rem 1rem 2.2rem;color:var(--text);font-size:.55rem;opacity:.75;text-shadow:1px 1px 2px rgba(0,0,0,.7);letter-spacing:.02em;line-height:1.6} .toast{position:fixed;bottom:1rem;left:50%;transform:translateX(-50%) translateY(80px);background:var(--panel);border:3px solid var(--panel-hi);padding:6px 14px;font-family:var(--mc);font-size:.65rem;color:var(--text);text-shadow:1px 1px 0 #000;z-index:999;opacity:0;transition:all .3s;pointer-events:none} .toast.show{transform:translateX(-50%) translateY(0);opacity:1}.toast.error{border-color:var(--red);color:var(--red)} .check-row{display:flex;align-items:center;gap:.4rem;margin-top:.3rem;font-size:.6rem;color:var(--text-sec);cursor:pointer;text-shadow:1px 1px 0 #000} .check-row input{accent-color:var(--accent);width:14px;height:14px;cursor:pointer} .skin-status{font-size:.5rem;color:var(--text-mut);text-shadow:1px 1px 0 #000} .skin-status.ok{color:var(--green)}.skin-status.err{color:var(--red)} /* ═══ LOGO ═══ */ [data-theme="light"] /* ═══ INSTRUCTIONS ═══ */ .tool-info{margin-top:.6rem} .tool-info-title{font-size:.62rem;color:var(--accent);letter-spacing:2px;text-transform:uppercase;margin-bottom:.5rem;text-shadow:1px 1px 0 #000;padding-bottom:.3rem;border-bottom:2px solid color-mix(in srgb,var(--accent),transparent 80%)} .inst-step{display:flex;gap:.5rem;margin-bottom:.45rem;align-items:flex-start} .inst-num{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;background:var(--accent-dk);border:2px solid var(--accent);color:#fff;font-size:.5rem;flex-shrink:0;margin-top:1px} .inst-text{font-size:.62rem;color:var(--text-sec);line-height:1.7;text-shadow:1px 1px 0 #000}.inst-text strong{color:var(--accent)}.inst-text em{color:var(--gold);font-style:normal} /* Merger steps */ .m-steps{display:flex;justify-content:center;gap:0;margin:.8rem 0;flex-wrap:wrap} .m-tab{display:flex;align-items:center;gap:4px;padding:6px 12px;background:var(--panel);border:2px solid transparent;border-bottom:3px solid rgba(0,0,0,.4);color:var(--text-mut);font-family:var(--mc);font-size:.6rem;cursor:pointer;transition:all .12s;text-shadow:1px 1px 0 #000} .m-tab:hover{color:var(--text-sec)}.m-tab.active{color:var(--accent);border-color:var(--accent-dk);border-bottom-color:var(--btn-lo)}.m-tab.done{color:var(--text-sec);border-bottom-color:var(--accent-dk)} .m-conn{width:14px;display:flex;align-items:center;justify-content:center;color:rgba(255,255,255,.12);font-size:.5rem}.m-conn.done{color:var(--accent-dk)} .m-panel{display:none;animation:fu .25s ease}.m-panel.active{display:block} @media(max-width:600px){ .desktop-home{display:none} .tool-card{padding:.7rem .5rem} .tool-icon{font-size:1.5rem;margin-bottom:.3rem} .tool-name{font-size:.6rem;letter-spacing:1px} .tool-desc{display:none} .tool-badge{font-size:.35rem;padding:1px 4px} .title-main{font-size:1.8rem;letter-spacing:3px}.title-block{padding:8px 18px}.title-sub-bar{padding:5px 14px}.title-sub{font-size:.58rem;letter-spacing:2px} .m-tab{padding:5px 7px;font-size:.5rem}.m-label{display:none} .card{padding:.7rem}.icon-area{flex-direction:column} .totem-flex{flex-direction:column}.totem-arrow{transform:rotate(90deg)} .tm-style-row{grid-template-columns:repeat(2,1fr)!important} .tm-fmt-btn{font-size:.55rem!important} .summary-grid{grid-template-columns:1fr}.row{flex-direction:column} .navbar{flex-wrap:wrap;position:relative}.nav-links{display:none!important} .nav-right{margin-left:auto;display:flex;align-items:center;gap:4px} .nav-tools-btn{display:block;background:none;border:2px solid var(--panel-border);color:var(--text-mut);font-family:var(--mc);font-size:.5rem;padding:4px 8px;cursor:pointer;text-shadow:1px 1px 0 #000;white-space:nowrap} .nav-tools-btn:hover{border-color:var(--accent);color:var(--text)} /* Shrink the Discord square so it visually matches the Tools button height on mobile */ .nav-discord-btn{width:26px;height:26px;border-radius:4px} .nav-discord-btn svg{width:14px;height:14px} .nav-dropdown{position:absolute;top:100%;right:0;background:rgba(10,8,22,0.96);border:2px solid var(--panel-border);border-top:none;z-index:100;min-width:180px;backdrop-filter:blur(12px)} .nav-dropdown.open{display:block} .nav-dd-item{padding:10px 16px;font-size:.55rem;color:var(--text-mut);cursor:pointer;border-bottom:1px solid rgba(255,255,255,.04);text-shadow:1px 1px 0 #000;letter-spacing:1px;text-decoration:none;display:block} .nav-dd-item:hover,.nav-dd-item:active{background:rgba(255,255,255,.05);color:var(--text)} .nav-dd-item.active{color:var(--accent)} #themeBtn{display:none} .nav-dd-label{padding:8px 16px 4px;font-size:.4rem;color:var(--accent);letter-spacing:2px;text-transform:uppercase;text-shadow:1px 1px 0 #000;border-top:1px solid rgba(255,255,255,.08);margin-top:2px;pointer-events:none} .nav-dd-label:first-child{border-top:none;margin-top:0} /* Section dropdowns inside the mobile Tools menu — each
wraps a category. */ .nav-dd-group{margin:0} .nav-dd-group>summary.nav-dd-label{cursor:pointer;pointer-events:auto;padding:10px 16px;font-size:.5rem;display:flex;align-items:center;justify-content:space-between;list-style:none;user-select:none} .nav-dd-group>summary.nav-dd-label::-webkit-details-marker{display:none} .nav-dd-group>summary.nav-dd-label::after{content:'▾';font-size:.55rem;opacity:.65;transition:transform .15s ease;margin-left:8px} .nav-dd-group[open]>summary.nav-dd-label::after{transform:rotate(180deg)} .nav-dd-group>summary.nav-dd-label:hover,.nav-dd-group>summary.nav-dd-label:active{background:rgba(255,255,255,.05);color:#fff} .nav-dd-group .nav-dd-item{padding-left:28px} .nav-dd-bottom{padding:10px 16px;font-size:.55rem;color:var(--text-mut);cursor:pointer;border-top:2px solid var(--panel-border);text-shadow:1px 1px 0 #000;letter-spacing:1px;margin-top:2px;text-decoration:none;display:block} .nav-dd-bottom:hover,.nav-dd-bottom:active{background:rgba(255,255,255,.05);color:var(--text)} .nav-dd-bottom.active{color:var(--accent)} .nav-dd-theme{padding:10px 16px;font-size:.55rem;color:var(--text-mut);cursor:pointer;text-shadow:1px 1px 0 #000;letter-spacing:1px} .nav-dd-theme:hover,.nav-dd-theme:active{background:rgba(255,255,255,.05);color:var(--text)} .container{padding:0 .5rem} .home-hero{padding:1.5rem 0 1rem} .inst-text{font-size:.55rem} .dz{padding:.8rem} .btn-row{gap:.3rem;flex-wrap:wrap} .btn{font-size:.55rem;padding:6px 10px} .fmt-bar{gap:2px}.fmt-btn{width:20px;height:20px;font-size:.4rem} .field-label{font-size:.56rem} input[type="text"],input[type="number"],textarea{font-size:.58rem;padding:6px 8px} .skin-item{padding:.4rem} .si-name-input{font-size:.52rem} .footer{font-size:.48rem;padding:1rem 0.5rem 1.5rem} .av-prev-wrap{flex-direction:column;align-items:center} .av-prev-wrap canvas{width:180px!important;height:180px!important} .av-ctrls{min-width:100%} .av-gallery{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))} .pack-hint{font-size:.42rem} .tm-grid{grid-template-columns:1fr!important;gap:.8rem!important} } /* ═══ AVATAR MAKER ═══ */ .av-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:.5rem;margin:.4rem 0} .av-thumb{cursor:pointer;border:3px solid var(--panel-border);border-radius:4px;overflow:hidden;transition:all .2s;background:repeating-conic-gradient(rgba(255,255,255,.08) 0% 25%, rgba(255,255,255,.02) 0% 50%) 0 0/10px 10px;position:relative} .av-thumb:hover{border-color:var(--accent);transform:scale(1.03)} .av-thumb.active{border-color:var(--accent);box-shadow:0 0 12px rgba(180,144,255,.3)} .av-thumb canvas{width:100%;aspect-ratio:1;display:block;image-rendering:pixelated} .av-thumb-label{position:absolute;bottom:0;left:0;right:0;text-align:center;font-size:.42rem;padding:2px;background:rgba(0,0,0,.65);color:var(--text);font-family:var(--mc);text-shadow:1px 1px 0 #000} .av-grp-item{position:relative;width:36px;height:36px;border:2px solid var(--panel-border);border-radius:3px;overflow:hidden;background:rgba(0,0,0,.3)} .av-grp-item img{width:100%;height:100%;image-rendering:pixelated;display:block} .av-grp-x{position:absolute;top:-4px;right:-4px;width:14px;height:14px;border-radius:50%;background:#c33;color:#fff;font-size:9px;line-height:14px;text-align:center;cursor:pointer;font-family:var(--mc);border:1px solid #000} .av-grp-x:hover{background:#e44} .av-edit{display:none} .av-edit.active{display:block} .av-prev-wrap{display:flex;gap:1rem;align-items:flex-start;flex-wrap:wrap} .av-prev-wrap canvas{border:2px solid var(--panel-border);border-radius:4px;background:repeating-conic-gradient(rgba(255,255,255,.08) 0% 25%, rgba(255,255,255,.02) 0% 50%) 0 0/16px 16px;flex-shrink:0} .av-ctrls{flex:1;min-width:200px} .av-bg-row{display:flex;gap:.4rem;align-items:center;margin:.3rem 0;flex-wrap:wrap} .av-bg-row label{font-size:.48rem;color:var(--text-sec);min-width:55px} .av-bg-row input[type="color"]{width:36px;height:24px;border:2px solid var(--panel-border);background:var(--input-bg);cursor:pointer;padding:1px} .av-bg-row input[type="range"]{flex:1} .av-dl-row{display:flex;gap:.3rem;flex-wrap:wrap;justify-content:center;margin:.4rem 0} /* ═══ Edition Toggle ═══ */ .edition-toggle{display:inline-flex;border-radius:3px;overflow:hidden;border:2px solid var(--panel-border);font-size:.42rem;vertical-align:middle;margin-left:.3rem} .edition-btn{padding:3px 8px;cursor:pointer;font-family:var(--mc);border:none;transition:all .15s;color:#fff} .edition-btn.java{background:#555} .edition-btn.bedrock{background:#555} .edition-btn.java.active{background:#2d8a2e} .edition-btn.bedrock.active{background:#666} /* ═══ CUSTOM PAINTINGS ═══ */ #ptItems{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem;margin:.5rem 0} .pt-item{display:flex;flex-direction:column;gap:.55rem;padding:.7rem;background:var(--input-bg);border:2px solid var(--panel-border);border-radius:8px;cursor:grab;width:fit-content;max-width:280px} .pt-item.dragging{cursor:grabbing;opacity:.85} .pt-head{display:flex;align-items:center;gap:.45rem} .pt-thumb{width:38px;height:38px;image-rendering:pixelated;border:2px solid var(--panel-border);border-radius:4px;object-fit:contain;background:repeating-conic-gradient(rgba(255,255,255,.08) 0% 25%, rgba(255,255,255,.02) 0% 50%) 0 0/8px 8px;flex-shrink:0} .pt-name{font-family:var(--mc);font-size:.6rem;color:var(--text);text-shadow:1px 1px 0 #000;flex:1;word-break:break-word;line-height:1.25} .pt-mini-wrap{display:flex;justify-content:center;align-items:center;padding:.4rem;background:rgba(0,0,0,.3);border-radius:5px;min-width:120px} .pt-mini-preview{image-rendering:pixelated;border:3px solid #5a3a1e;border-radius:2px;background:#3a2a1a;box-shadow:2px 2px 6px rgba(0,0,0,.5);display:block} .pt-controls{display:flex;gap:.4rem;flex-wrap:wrap} .pt-select-wrap{display:flex;flex-direction:column;gap:.15rem;flex:1;min-width:110px} .pt-select-label{font-family:var(--mc);font-size:.55rem;color:var(--text-mut);text-transform:uppercase;letter-spacing:1px;text-shadow:1px 1px 0 #000} .pt-select{padding:6px 8px;border:2px solid var(--panel-border);border-radius:4px;background:var(--input-bg);color:var(--text);font-family:var(--mc);font-size:.6rem;cursor:pointer;text-shadow:1px 1px 0 #000;width:100%} .pt-select:hover{border-color:color-mix(in srgb,var(--accent) 60%,var(--panel-border))} .pt-select:focus{border-color:var(--accent);outline:none} .pt-crop-box{display:flex;flex-direction:column;gap:.4rem;background:rgba(0,0,0,.18);padding:.55rem;border-radius:5px;border:1px solid color-mix(in srgb,var(--text-mut),transparent 70%)} .pt-crop-row{display:flex;align-items:center;gap:.5rem} .pt-crop-row label{font-family:var(--mc);font-size:.55rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;min-width:24px;text-align:center} .pt-crop-row input[type=range]{flex:1;height:18px;cursor:pointer} .pt-crop-reset{padding:5px 10px;border:1px solid var(--panel-border);border-radius:4px;background:var(--btn2-bg);color:var(--text);cursor:pointer;font-size:.55rem;font-family:var(--mc);text-shadow:1px 1px 0 #000;align-self:center} .pt-crop-reset:hover{border-color:var(--accent)} .pt-remove{padding:4px 9px;border:1px solid var(--panel-border);border-radius:4px;background:var(--btn2-bg);color:var(--red);cursor:pointer;font-size:.65rem;flex-shrink:0;font-family:var(--mc);text-shadow:1px 1px 0 #000;line-height:1} .pt-remove:hover{border-color:var(--red)} .pt-preview-item{text-align:center} .pt-preview-item canvas{image-rendering:pixelated;border:3px solid #5a3a1e;border-radius:2px;background:#3a2a1a;box-shadow:2px 2px 6px rgba(0,0,0,.4)} .pt-preview-label{font-family:var(--mc);font-size:.55rem;color:var(--text-sec);text-shadow:1px 1px 0 #000;margin-top:.25rem} /* ═══ 3D SKIN EDITOR ═══ */ #page-skineditor3d{max-width:none!important;padding:0!important;margin:0!important;overflow:hidden} #page-skineditor3d .se3d-wrap{display:flex;gap:0;height:calc(100vh - 56px);overflow:hidden;margin:0;padding:0} #page-skineditor3d .se3d-panel{overflow-y:auto;flex-shrink:0} #page-skineditor3d .se3d-panel::-webkit-scrollbar{width:6px} #page-skineditor3d .se3d-panel::-webkit-scrollbar-thumb{background:var(--panel-hi);border-radius:0} #page-skineditor3d .se3d-panel::-webkit-scrollbar-track{background:var(--panel-lo)} #page-skineditor3d .se3d-panel-main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:rgba(0,0,0,0.25);min-width:0} #page-skineditor3d .se3d-panel-right{width:280px;padding:12px;overflow-y:auto;background:var(--panel);border-left:3px solid var(--panel-border);border-top-color:var(--panel-hi)} #page-skineditor3d .se3d-view-toggle{display:flex;background:var(--panel);border-bottom:3px solid var(--panel-border);border-bottom-color:var(--panel-lo);padding:8px 12px;gap:6px;align-items:center;flex-wrap:wrap} #page-skineditor3d .se3d-view-area{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:transparent} #page-skineditor3d .se3d-view-area.hidden{display:none} #page-skineditor3d .se3d-mini-preview{width:200px;height:200px;border:3px solid var(--panel-border);border-top-color:var(--panel-hi);border-left-color:var(--panel-hi);border-bottom-color:var(--panel-lo);border-right-color:var(--panel-lo);background:rgba(0,0,0,0.3);flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;overflow:hidden;margin:0 auto 8px} #page-skineditor3d .se3d-mini-preview:hover{border-color:var(--accent)} #page-skineditor3d .se3d-mini-preview canvas{max-width:100%;max-height:100%;object-fit:contain} #page-skineditor3d .se3d-mini-label{position:absolute;bottom:2px;right:4px;font-size:.4rem;color:var(--text-mut);letter-spacing:1px;text-shadow:1px 1px 0 #000} #page-skineditor3d .se3d-sec-label{font-size:.55rem;letter-spacing:2px;color:var(--accent);text-transform:uppercase;text-shadow:1px 1px 0 rgba(0,0,0,.5);margin:10px 0 6px;padding-bottom:3px;border-bottom:2px solid color-mix(in srgb,var(--accent),transparent 80%)} #page-skineditor3d #se3dCanvas3d{cursor:crosshair;image-rendering:pixelated;background:transparent} #page-skineditor3d .se3d-canvas2d-wrap{position:relative;border:3px solid var(--panel-border);background:transparent;image-rendering:pixelated} #page-skineditor3d #se3dCanvas2d{image-rendering:pixelated;cursor:crosshair} #page-skineditor3d .se3d-canvas2d-info{font-size:.5rem;color:var(--text-mut);text-align:center;margin-top:4px} #page-skineditor3d .se3d-tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-bottom:10px} #page-skineditor3d .se3d-tool-btn{font-family:var(--mc);font-size:.55rem;letter-spacing:1px;padding:6px 8px;cursor:pointer;color:#fff;text-align:center;background:linear-gradient(180deg,color-mix(in srgb,var(--btn2-bg),#fff 8%),var(--btn2-bg));border:3px solid;border-top-color:var(--btn2-hi);border-left-color:var(--btn2-hi);border-bottom-color:var(--btn2-lo);border-right-color:var(--btn2-lo);text-shadow:1px 1px 0 #000;transition:all .12s} #page-skineditor3d .se3d-tool-btn:hover{background:linear-gradient(180deg,color-mix(in srgb,var(--btn2-bg),#fff 18%),color-mix(in srgb,var(--btn2-bg),#fff 5%));color:var(--text)} #page-skineditor3d .se3d-tool-btn.active{border-color:var(--accent);color:var(--accent);background:linear-gradient(180deg,color-mix(in srgb,var(--btn-bg),#fff 10%),var(--btn-bg));border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);border-bottom-color:var(--btn-lo);border-right-color:var(--btn-lo)} #page-skineditor3d .se3d-compact-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.5rem;color:var(--text-sec)} #page-skineditor3d .se3d-color-row{display:flex;align-items:center;gap:8px;margin-bottom:8px} #page-skineditor3d #se3dColorInput{width:40px;height:30px;border:2px solid var(--input-brd);background:var(--input-bg);cursor:pointer;padding:0} #page-skineditor3d #se3dHexDisplay{font-size:.65rem;color:var(--text);background:var(--input-bg);border:2px solid var(--input-brd);padding:4px 8px;width:85px;font-family:var(--mc);text-shadow:1px 1px 0 #000} #page-skineditor3d #se3dOpacitySlider{width:70px;accent-color:var(--accent)} #page-skineditor3d .se3d-palette{display:none;grid-template-columns:repeat(8,1fr);gap:3px;margin-bottom:10px} #page-skineditor3d .se3d-palette.open{display:grid} #page-skineditor3d .se3d-pal-color{width:100%;aspect-ratio:1;border:2px solid transparent;cursor:pointer;transition:border-color .1s} #page-skineditor3d .se3d-pal-color:hover{border-color:#fff} #page-skineditor3d .se3d-pal-color.active{border-color:var(--accent);box-shadow:0 0 6px var(--accent)} #page-skineditor3d .se3d-toggle-row{display:flex;align-items:center;gap:6px;margin-bottom:5px;font-size:.55rem;color:var(--text-sec)} #page-skineditor3d .se3d-toggle-row input[type="checkbox"]{accent-color:var(--accent);cursor:pointer} #page-skineditor3d .se3d-toggle-row label{cursor:pointer;flex:1} #page-skineditor3d .se3d-layer-btns{display:flex;gap:4px;margin-bottom:8px} #page-skineditor3d .se3d-input-row{display:flex;gap:4px;margin-bottom:8px} #page-skineditor3d .se3d-mc-input{font-family:var(--mc);font-size:.6rem;background:var(--input-bg);border:2px solid var(--input-brd);padding:5px 8px;color:var(--text);flex:1;text-shadow:1px 1px 0 #000;outline:none} #page-skineditor3d .se3d-mc-input:focus{border-color:var(--accent)} #page-skineditor3d .se3d-zoom-info{font-size:.5rem;color:var(--text-mut)} #page-skineditor3d .se3d-highlight-overlay{position:absolute;pointer-events:none;border:2px solid var(--accent);background:rgba(180,144,255,0.08);animation:se3dpulse 1.5s ease-in-out infinite} @keyframes se3dpulse{0%,100%{opacity:0.6}50%{opacity:1}} #page-skineditor3d .se3d-status{font-size:.5rem;color:var(--text-mut);text-shadow:1px 1px 0 #000;margin-top:6px} #page-skineditor3d .se3d-status.ok{color:var(--success)} #page-skineditor3d .se3d-status.err{color:var(--danger)} #page-skineditor3d .se3d-mirror-label{font-size:.5rem;color:var(--text-sec);cursor:pointer;display:flex;align-items:center;gap:4px} #page-skineditor3d .se3d-mirror-label input{accent-color:var(--accent)} #page-skineditor3d .se3d-grid-toggle{font-size:.5rem;color:var(--text-mut);cursor:pointer;user-select:none} #page-skineditor3d .se3d-grid-toggle input{accent-color:var(--accent)} #page-skineditor3d .btn.btn-s{font-size:.55rem;padding:5px 10px} #page-skineditor3d .se3d-view-toggle .btn.btn-s{font-size:.5rem;padding:4px 8px} #page-skineditor3d .se3d-view-toggle .btn.btn-s.active{background:linear-gradient(180deg,color-mix(in srgb,var(--btn-bg),#fff 10%),var(--btn-bg));border-color:var(--accent);border-top-color:var(--btn-hi);border-left-color:var(--btn-hi);border-bottom-color:var(--btn-lo);border-right-color:var(--btn-lo);color:var(--accent)} @media(max-width:1100px){ #page-skineditor3d .se3d-wrap{flex-direction:column;height:auto;overflow-y:auto} #page-skineditor3d .se3d-panel-main,#page-skineditor3d .se3d-panel-right{width:100%} #page-skineditor3d .se3d-panel-right{border-left:none;border-top:3px solid var(--panel-border)} #page-skineditor3d .se3d-mini-preview{width:140px;height:140px} } @media(max-width:600px){ #page-skineditor3d .se3d-wrap{flex-direction:column;height:auto;overflow-y:auto} #page-skineditor3d .se3d-panel-main,#page-skineditor3d .se3d-panel-right{width:100%} #page-skineditor3d .se3d-panel-right{padding:8px;border-left:none;border-top:3px solid var(--panel-border);overflow:visible;max-height:none} #page-skineditor3d .se3d-view-area{min-height:250px;max-height:50vh} #page-skineditor3d #se3dCanvas3d{max-width:100%;height:auto!important} #page-skineditor3d .se3d-canvas2d-wrap{max-width:100%;overflow:auto} #page-skineditor3d .se3d-mini-preview{width:100px;height:100px} #page-skineditor3d .se3d-sec-label{font-size:.45rem;margin:6px 0 4px} #page-skineditor3d .se3d-color-row{flex-wrap:wrap} #page-skineditor3d .se3d-toggle-row{font-size:.45rem} #page-skineditor3d .se3d-body-toggles-row{display:flex;flex-wrap:wrap;gap:2px 8px} } /* ═══ AD SLOTS ═══ */ .ad-slot{width:100%;max-width:728px;margin:1rem auto;min-height:90px;display:none;align-items:center;justify-content:center;border-radius:8px;background:rgba(255,255,255,0.03);border:1px dashed rgba(180,144,255,0.12)} [data-theme="light"] .ad-slot{background:rgba(0,0,0,0.02);border-color:rgba(0,0,0,0.08)} .ad-slot:empty::after{content:'';display:block} /* ═══ PRIVACY FOOTER ═══ */ .footer-privacy{font-size:.35rem;color:var(--text-mut);margin-top:.3rem;line-height:1.5} .footer-privacy a{color:var(--accent);text-decoration:none} .footer-privacy a:hover{text-decoration:underline} /* === Unified tool hero band === */ .tool-hero{padding:2.5rem 1rem 1.5rem;text-align:center;margin:0 auto 1rem;max-width:900px;background:transparent;border-bottom:1px solid color-mix(in srgb,var(--tool-accent,#b490ff) 15%,transparent)} .tool-hero-title{font-family:var(--mc);font-size:1.7rem;margin:0 0 .5rem;color:var(--tool-accent,#b490ff);text-shadow:3px 3px 0 #000,0 0 20px color-mix(in srgb,var(--tool-accent,#b490ff) 20%,transparent);line-height:1.1} .tool-hero-sub{font-size:.6rem;color:var(--text-sec);max-width:480px;margin:0 auto;text-shadow:1px 1px 0 #000;line-height:1.5} @media(max-width:600px){.tool-hero{padding:1.8rem .8rem 1.1rem}.tool-hero-title{font-size:1.2rem}.tool-hero-sub{font-size:.5rem}} /* Readability bump — many inline styles use .42-.48rem which is too small on most screens */ .page .card p, .page .card label, .page .card .field-label, .page .card .check-row, .page .card .dz-hint, .page .card .dz-text, .page .inst-text, .page .card div[style*="font-size:.4"], .page .card p[style*="font-size:.4"]{ font-size:max(var(--inline-fs,.55rem),.55rem)!important;line-height:1.6!important } .page .card .card-label{font-size:.75rem!important} /* Per-tool accent color tokens */ .tool-hero-merger{--tool-accent:#a855f7} .tool-hero-skinpack{--tool-accent:#38bdf8} .tool-hero-paintings{--tool-accent:#eab308} .tool-hero-avatar{--tool-accent:#f59e0b} .tool-hero-coords{--tool-accent:#b490ff} .tool-hero-totem{--tool-accent:#eab308} .tool-hero-capeeditor{--tool-accent:#ec4899} .tool-hero-capebuilder{--tool-accent:#8b5cf6} .tool-hero-musicdisc{--tool-accent:#22d3ee} .tool-hero-skineditor3d{--tool-accent:#38bdf8} .tool-hero-hudcustom{--tool-accent:#f43f5e} .tool-hero-converter{--tool-accent:#10b981} .tool-hero-armorstand{--tool-accent:#a3a3a3} .tool-hero-colorcode{--tool-accent:#f87171} .tool-hero-emojipack{--tool-accent:#fb923c} .tool-hero-playerheads{--tool-accent:#22c55e} /* Light-mode accent overrides — darker/more saturated so color reads on a light background. Also softens the hero text-shadow (no black drop-shadow on light bg). */ [data-theme="light"] .tool-hero-merger{--tool-accent:#7e22ce} [data-theme="light"] .tool-hero-skinpack{--tool-accent:#0284c7} [data-theme="light"] .tool-hero-paintings{--tool-accent:#b45309} [data-theme="light"] .tool-hero-avatar{--tool-accent:#c2410c} [data-theme="light"] .tool-hero-coords{--tool-accent:#7c3aed} [data-theme="light"] .tool-hero-totem{--tool-accent:#b45309} [data-theme="light"] .tool-hero-capeeditor{--tool-accent:#be185d} [data-theme="light"] .tool-hero-capebuilder{--tool-accent:#6d28d9} [data-theme="light"] .tool-hero-musicdisc{--tool-accent:#0891b2} [data-theme="light"] .tool-hero-skineditor3d{--tool-accent:#0284c7} [data-theme="light"] .tool-hero-hudcustom{--tool-accent:#be123c} [data-theme="light"] .tool-hero-converter{--tool-accent:#047857} [data-theme="light"] .tool-hero-colorcode{--tool-accent:#dc2626} [data-theme="light"] .tool-hero-emojipack{--tool-accent:#c2410c} [data-theme="light"] .tool-hero-playerheads{--tool-accent:#16a34a} [data-theme="light"] .tool-hero{background:linear-gradient(180deg,color-mix(in srgb,var(--tool-accent,#7c3aed) 12%,transparent) 0%,transparent 100%);border-bottom-color:color-mix(in srgb,var(--tool-accent,#7c3aed) 30%,transparent)} [data-theme="light"] .tool-hero-title{text-shadow:2px 2px 0 rgba(0,0,0,0.12),0 0 24px color-mix(in srgb,var(--tool-accent,#7c3aed) 15%,transparent)} [data-theme="light"] .tool-hero-sub{color:#475569} [data-theme="light"] #page-merger{--accent:#7e22ce} [data-theme="light"] #page-skinpack{--accent:#0284c7} [data-theme="light"] #page-paintings{--accent:#b45309} [data-theme="light"] #page-avatar{--accent:#c2410c} [data-theme="light"] #page-coords{--accent:#7c3aed} [data-theme="light"] #page-totem{--accent:#b45309} [data-theme="light"] #page-capeeditor{--accent:#be185d} [data-theme="light"] #page-capebuilder{--accent:#6d28d9} [data-theme="light"] #page-musicdisc{--accent:#0891b2} [data-theme="light"] #page-skineditor3d{--accent:#0284c7} [data-theme="light"] #page-hudcustom{--accent:#be123c} [data-theme="light"] #page-converter{--accent:#047857} [data-theme="light"] #page-colorcode{--accent:#dc2626} [data-theme="light"] #page-emojipack{--accent:#c2410c} /* Per-page accent scoping (card borders + card-label + primary button glow) */ #page-merger{--accent:#a855f7} #page-skinpack{--accent:#38bdf8} #page-paintings{--accent:#eab308} #page-avatar{--accent:#f59e0b} #page-coords{--accent:#b490ff} #page-totem{--accent:#eab308} #page-capeeditor{--accent:#ec4899} #page-capebuilder{--accent:#8b5cf6} #page-musicdisc{--accent:#22d3ee} #page-skineditor3d{--accent:#38bdf8} #page-hudcustom{--accent:#f43f5e} #page-converter{--accent:#10b981} #page-armorstand{--accent:#a3a3a3} /* ── armor stand size slider — MCTools brand colors (purple + gold) ─────── */ #page-armorstand input[type="range"].as-size-slider{ -webkit-appearance:none;appearance:none; flex:1;height:22px;background:transparent;cursor:pointer;outline:none;padding:0;margin:0; } /* track (webkit) — purple fill on left of thumb, dark void on right */ #page-armorstand .as-size-slider::-webkit-slider-runnable-track{ height:14px;border:2px solid #000;border-radius:0; background: linear-gradient(to right, #b490ff 0%, #7b5dca var(--as-fill,50%), var(--panel-lo,#14102a) var(--as-fill,50%), var(--panel-lo,#14102a) 100%); box-shadow: inset 0 2px 0 rgba(255,255,255,.12), inset 0 -2px 0 rgba(0,0,0,.45), 0 2px 0 rgba(0,0,0,.55); image-rendering:pixelated; } /* thumb (webkit) — purple MC button: deep base, lighter top bevel, dark bottom */ #page-armorstand .as-size-slider::-webkit-slider-thumb{ -webkit-appearance:none;appearance:none; width:14px;height:22px;margin-top:-6px;border-radius:0; background:#5b3daa; border:2px solid #000; box-shadow: inset 0 3px 0 #b490ff, inset 0 -4px 0 #3a2580, 0 2px 0 rgba(0,0,0,.75); cursor:grab;transition:transform .08s ease-out; image-rendering:pixelated; } #page-armorstand .as-size-slider:hover::-webkit-slider-thumb{transform:scaleY(1.08)} #page-armorstand .as-size-slider:active::-webkit-slider-thumb{cursor:grabbing;transform:scale(1.12)} /* firefox track */ #page-armorstand .as-size-slider::-moz-range-track{ height:14px;border:2px solid #000;border-radius:0; background:var(--panel-lo,#14102a); box-shadow:inset 0 2px 0 rgba(255,255,255,.12),inset 0 -2px 0 rgba(0,0,0,.45),0 2px 0 rgba(0,0,0,.55); } #page-armorstand .as-size-slider::-moz-range-progress{ height:14px;background:linear-gradient(to right,#b490ff 0%,#7b5dca 100%); } #page-armorstand .as-size-slider::-moz-range-thumb{ width:14px;height:22px;border-radius:0; background:#5b3daa; border:2px solid #000; box-shadow:inset 0 3px 0 #b490ff,inset 0 -4px 0 #3a2580,0 2px 0 rgba(0,0,0,.75); cursor:grab; } /* size row — flex container holding label, slider wrap, number, badge */ #page-armorstand .as-size-row{margin-top:6px;display:flex;align-items:flex-start;gap:.5rem;flex-wrap:wrap} #page-armorstand .as-size-row .as-size-label{font-size:.55rem;color:var(--text);text-shadow:1px 1px 0 #000;min-width:42px;padding-top:8px;flex-shrink:0;font-family:var(--mc)} #page-armorstand .as-size-row .as-size-num{width:64px;font-size:.65rem;padding:4px 8px;text-align:center;font-family:var(--mc);transition:transform .12s ease-out;flex-shrink:0} #page-armorstand .as-size-row .as-size-badge{font-size:.65rem;color:#b490ff;text-shadow:1px 1px 0 #000;min-width:44px;font-family:var(--mc);font-weight:bold;transition:transform .12s ease-out;padding-top:8px;flex-shrink:0;text-align:right} /* slider wrapper — track at top, tick band BELOW it so dots/labels don't overlap */ #page-armorstand .as-size-wrap{position:relative;flex:1 1 200px;height:48px;padding:0 7px;min-width:0} #page-armorstand .as-size-slider{position:absolute;left:7px;right:7px;width:calc(100% - 14px);top:4px;z-index:2} /* mobile: slider drops to its own row at full width so the 19-tick scale stays usable */ @media (max-width:560px){ #page-armorstand .as-size-row .as-size-wrap{flex:1 1 100%;order:99;height:52px} #page-armorstand .as-size-row .as-size-label{padding-top:10px} #page-armorstand .as-size-row .as-size-num{width:72px;padding:8px 8px;font-size:.7rem} #page-armorstand .as-size-row .as-size-badge{padding-top:10px} } /* tick band BELOW the slider track — dots + labels live here, no overlap with track */ #page-armorstand .as-tick{ position:absolute;top:30px;transform:translateX(-50%); pointer-events:none;z-index:1;border-radius:50%; } #page-armorstand .as-tick.minor{ width:5px;height:5px; background:#b490ff; box-shadow:0 0 3px rgba(180,144,255,.5); opacity:.75; } #page-armorstand .as-tick.major{ width:10px;height:10px; top:28px; /* slight upward nudge so it visually anchors the label below */ background:#FFAA00; box-shadow:0 0 6px rgba(255,170,0,.85),inset 0 -1px 0 rgba(0,0,0,.3); border:1.5px solid #000; } #page-armorstand .as-tick-label{ position:absolute;top:42px;transform:translateX(-50%); font-family:var(--mc);font-size:.65rem;font-weight:bold;color:#FFAA00; text-shadow:1.5px 1.5px 0 #000;pointer-events:none;z-index:1;letter-spacing:1px; white-space:nowrap; } /* Cape drop zone hover/active */ #page-armorstand .as-cape-zone:hover{ background:rgba(180,144,255,.10) !important; border-color:#b490ff !important; } #page-armorstand .as-cape-zone.has-cape{ background:rgba(85,255,85,.08) !important; border-color:#55FF55 !important; border-style:solid !important; } #page-colorcode{--accent:#f87171} #page-emojipack{--accent:#fb923c} [data-theme="light"] #page-playerheads{--accent:#16a34a} #page-playerheads{--accent:#22c55e} #page-merger .card-label,#page-skinpack .card-label,#page-paintings .card-label,#page-avatar .card-label,#page-coords .card-label,#page-totem .card-label,#page-capeeditor .card-label,#page-capebuilder .card-label,#page-musicdisc .card-label,#page-skineditor3d .card-label,#page-hudcustom .card-label,#page-converter .card-label,#page-armorstand .card-label,#page-colorcode .card-label,#page-emojipack .card-label,#page-playerheads .card-label{color:var(--accent)} #page-merger .card,#page-skinpack .card,#page-paintings .card,#page-avatar .card,#page-coords .card,#page-totem .card,#page-capeeditor .card,#page-capebuilder .card,#page-musicdisc .card,#page-skineditor3d .card,#page-hudcustom .card,#page-converter .card,#page-armorstand .card,#page-colorcode .card,#page-emojipack .card,#page-playerheads .card{border-color:color-mix(in srgb,var(--accent) 22%,var(--panel-border,#2a2a3a))} /* Bigger friendlier primary inputs across all tool pages */ .page input[type=text],.page input[type=number],.page input[type=search],.page input[type=email],.page select{font-size:.7rem;padding:10px 12px;min-height:36px;border-radius:8px;transition:border-color .15s ease,box-shadow .15s ease,transform .1s ease} .page input[type=text]:focus,.page input[type=number]:focus,.page input[type=search]:focus,.page input[type=email]:focus,.page select:focus{border-color:var(--accent,#b490ff);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#b490ff) 20%,transparent);outline:none} /* Keep coords inputs at their existing larger font */ #page-coords input[type=number]{font-size:1.4rem} /* Micro-interactions */ .btn{transition:transform .08s ease,box-shadow .15s ease,filter .15s ease} .btn:hover{filter:brightness(1.08)} .btn:active{transform:translateY(1px)} .btn-p:hover{box-shadow:0 4px 14px color-mix(in srgb,var(--accent,#b490ff) 35%,transparent)} .card{transition:border-color .2s ease,box-shadow .2s ease} .tile,.pack-item,[class*="-tile"],[class*="-card"]:not(.card){transition:transform .15s ease,box-shadow .15s ease} .tile:hover,.pack-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.25)}