{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"spinner","type":"registry:component","title":"Warcraft Spinner","description":"A Warcraft-themed loading spinner based on acolyte summoning/mining glyph with animated runes and fade pulses","registryDependencies":[],"files":[{"path":"components/ui/warcraftcn/spinner.tsx","type":"registry:component","target":"components/ui/warcraftcn/spinner.tsx","content":"import type * as React from \"react\";\n\nimport { cn } from \"@/lib/utils\";\n\nimport { SPINNER_PATH } from \"@/components/ui/warcraftcn/assets/spinner-path\";\nimport \"@/components/ui/warcraftcn/styles/warcraft.css\";\n\nconst SPINNER_VIEW_BOX = \"14 15.946284 187.21483 333.9404\";\nconst SPINNER_CENTER_X = 107.607415;\nconst SPINNER_CENTER_Y = 182.916484;\nconst SPINNER_STATIC_TRANSFORM = `translate(${SPINNER_CENTER_X} ${SPINNER_CENTER_Y}) rotate(-2) translate(${-SPINNER_CENTER_X} ${-SPINNER_CENTER_Y})`;\n\n/** Renders the Warcraft-themed summoning glyph loading spinner. */\nfunction Spinner({ className, ...props }: React.ComponentProps<\"svg\">) {\n return (\n \n \n \n \n \n \n \n \n );\n}\n\nexport { Spinner };\n"},{"path":"components/ui/warcraftcn/assets/spinner-path.ts","type":"registry:component","target":"components/ui/warcraftcn/assets/spinner-path.ts","content":"export const SPINNER_PATH =\n \"M 47.61501,347.53518 C 46.726754,346.17953 46,344.62689 46,344.08487 c 0,-0.54202 -0.5625,-1.34535 -1.25,-1.78518 -2.030858,-1.29925 -3.75,-5.05971 -3.75,-8.20279 0,-1.61163 -0.471647,-3.08745 -1.048105,-3.2796 -0.576458,-0.19215 -1.314415,-2.92965 -1.639903,-6.08334 C 37.986503,321.58028 37.333151,319 36.860097,319 36.387044,319 36,317.97513 36,316.72251 c 0,-1.25263 -0.650562,-3.20631 -1.445694,-4.34151 -0.795132,-1.13521 -1.966922,-4.13401 -2.603979,-6.66399 -0.637056,-2.52998 -2.686494,-6.38533 -4.554306,-8.56745 C 24.367871,293.61185 24,292.54386 24,287.2904 c 0,-5.60215 1.631428,-11.26576 3.25,-11.2826 0.4125,-0.004 0.764971,-0.5703 0.783269,-1.2578 0.05563,-2.09001 3.549792,-5.60725 6.241638,-6.28286 C 37.246604,267.72129 41,269.43362 41,271.53518 41,272.34083 41.45,273 42,273 c 0.55,0 1,0.68614 1,1.52475 0,0.83861 1.125,1.95248 2.5,2.47525 1.375,0.52277 2.5,1.41164 2.5,1.97525 C 48,279.53886 48.915167,280 50.033704,280 52.076991,280 58,285.23019 58,287.03448 58,287.56552 58.652639,288 59.45031,288 c 0.79767,0 1.893451,0.7875 2.435068,1.75 0.915139,1.62628 1.130739,1.59389 3.04969,-0.45819 C 67.352449,286.70673 67.641408,284 65.5,284 c -1.083333,0 -1.5,-1.11111 -1.5,-4 0,-2.2 -0.45,-4 -1,-4 -0.55,0 -1,-2.475 -1,-5.5 0,-3.025 -0.45,-5.5 -1,-5.5 -0.55,0 -1,-0.70714 -1,-1.57143 0,-0.86428 -0.5625,-2.19867 -1.25,-2.96529 C 56.4199,257.865 55.401155,256.50407 54.660353,255 c -0.406338,-0.825 -1.389512,-2.625 -2.184833,-4 -1.522114,-2.63153 -1.784217,-9.46653 -0.651397,-16.98689 0.511377,-3.39483 1.162652,-4.57907 2.675877,-4.86568 1.1,-0.20834 2.249416,-0.77327 2.554259,-1.25541 0.304842,-0.48214 2.585281,-1.155 5.067642,-1.49525 3.427722,-0.46982 4.900881,-0.23113 6.124313,0.9923 1.811778,1.81178 11.221674,2.28092 12.253786,0.61093 0.339919,-0.55 2.139919,-1 4,-1 1.860081,0 3.660081,0.45 4,1 0.824934,1.33477 7.818348,1.28165 9.169649,-0.0696 0.588307,-0.58831 3.940811,-1.22182 7.450001,-1.40781 8.0351,-0.42587 8.87629,-0.79044 11.63954,-5.04449 1.24256,-1.91293 2.93006,-3.47805 3.75,-3.47805 0.81995,0 1.49081,-0.60277 1.49081,-1.33948 0,-0.73672 1.125,-1.85207 2.5,-2.47857 1.375,-0.62649 2.5,-1.82372 2.5,-2.66051 0,-0.83679 0.45,-1.52144 1,-1.52144 0.55,0 1,-0.9 1,-2 0,-1.1 0.45,-2 1,-2 0.55,0 1,-0.675 1,-1.5 0,-0.825 0.45,-1.5 1,-1.5 0.55,0 1.82699,-0.7875 2.83775,-1.75 1.01076,-0.9625 2.69826,-2.24324 3.75,-2.84609 1.29919,-0.74469 2.85503,-4.43153 4.85299,-11.5 1.6268,-5.75539 3.768,-11.1429 4.79225,-12.05786 2.43148,-2.17201 3.61268,-6.53528 4.41919,-16.32421 0.41567,-5.04512 1.42777,-9.50033 2.72747,-12.00615 1.1366,-2.19137 2.46208,-6.46637 2.94552,-9.5 1.49325,-9.37027 1.91177,-28.19686 0.74507,-33.51569 -0.60322,-2.75 -1.48232,-10.18039 -1.95355,-16.511977 -0.76391,-10.264008 -1.21629,-12.176537 -4.17296,-17.642262 l -3.31616,-6.130285 -2.81379,2.08032 C 145.2662,66.439973 144,67.966491 144,68.688058 144,69.409626 143.43116,70 142.7359,70 c -0.69525,0 -2.04392,1.8 -2.99703,4 -0.95311,2.2 -2.18426,4 -2.7359,4 C 136.45134,78 136,78.693816 136,79.541813 c 0,0.847998 -0.92017,2.529504 -2.04483,3.736681 C 131.16764,86.270556 129,90.818544 129,93.675077 c 0,1.555234 -0.85793,2.758702 -2.5,3.506877 -1.375,0.626492 -2.5,1.741844 -2.5,2.478561 C 124,100.39723 123.55,101 123,101 c -0.55,0 -1,0.9 -1,2 0,1.1 -0.41045,2 -0.9121,2 -0.50166,0 -1.21621,1.8 -1.5879,4 -0.37169,2.2 -1.08624,4 -1.5879,4 -0.50165,0 -0.9121,0.9 -0.9121,2 0,1.1 -0.34015,2 -0.75589,2 -0.41574,0 -1.36704,1.3807 -2.11401,3.06822 -0.98231,2.21918 -1.44549,9.48309 -1.67383,26.25 -0.30896,22.68743 -0.3709,23.2884 -2.90448,28.18178 C 104.19261,184.85075 99.822501,191 97.825686,191 97.371559,191 96.1,191.9 95,193 c -1.7927,1.7927 -3.321538,1.99841 -14.75,1.98469 -7.0125,-0.008 -13.251848,-0.34592 -13.865219,-0.75 C 65.771411,193.83061 64.91817,192.375 64.48869,191 64.05921,189.625 62.624388,186.78315 61.300197,184.68479 55.335253,175.2325 55.000415,174.22644 54.988131,165.71958 54.981603,161.19881 54.311944,155.025 53.5,152 c -1.846139,-6.87802 -1.836092,-13.32342 0.02884,-18.5 0.792578,-2.2 1.447827,-4.77381 1.456108,-5.71958 0.0083,-0.94577 0.847019,-3.19577 1.863863,-5 C 61.054339,115.31836 65.219361,109 65.932765,109 c 0.418668,0 1.798924,-0.9 3.067235,-2 1.268311,-1.1 2.973063,-2 3.788339,-2 C 74.386754,105 79,100.50569 79,98.948478 79,98.426815 80.760609,98 82.912464,98 c 3.4037,0 4.633402,0.715202 9.456578,5.5 3.049263,3.025 6.248302,5.5 7.108975,5.5 0.860673,0 2.068453,-1.2375 2.683953,-2.75 C 105.11415,98.995467 106.16796,97 107.04692,97 107.57111,97 108,96.325 108,95.5 c 0,-0.825 0.45,-1.5 1,-1.5 0.55,0 1,-0.9 1,-2 0,-1.1 0.40122,-2 0.89159,-2 0.49038,0 1.17395,-1.125 1.51905,-2.5 0.34511,-1.375 1.06889,-2.5 1.60841,-2.5 C 114.55857,85 115,84.531184 115,83.958187 c 0,-0.572998 0.91741,-2.026543 2.0387,-3.230101 1.12128,-1.203558 2.29507,-3.209742 2.60841,-4.458187 C 119.96045,75.021455 120.61803,74 121.10841,74 121.59878,74 122,73.1 122,72 c 0,-1.1 0.45,-2 1,-2 0.55,0 1,-0.652639 1,-1.45031 0,-0.79767 0.5625,-1.81017 1.25,-2.25 1.50403,-0.962209 3.75,-4.817154 3.75,-6.43645 0,-1.586932 5.23352,-12.281493 6.21324,-12.696573 C 135.64596,46.983333 136,46.218194 136,45.466357 c 0,-0.751837 0.5625,-1.726837 1.25,-2.166667 1.09849,-0.70276 4.98922,-7.384484 8.17652,-14.041888 0.59042,-1.233209 1.41098,-2.245709 1.82348,-2.25 0.4125,-0.0043 0.75,-0.660441 0.75,-1.458112 0,-0.79767 0.5625,-1.81017 1.25,-2.25 0.6875,-0.439829 2.00558,-2.14969 2.92906,-3.79969 2.28767,-4.087408 8.30576,-4.811196 10.99026,-1.321785 2.07621,2.698734 2.38646,7.866107 0.58068,9.671564 -0.89106,0.890901 -1.25,5.642503 -1.25,16.547328 0,15.423313 0.83357,19.720805 4.24837,21.902583 0.6884,0.43983 1.25163,1.45233 1.25163,2.25 0,0.797671 0.45,1.45031 1,1.45031 0.6339,0 1,7.448787 1,20.346362 0,16.981628 0.27544,20.898498 1.66559,23.685108 l 1.66558,3.33875 1.79928,-6.43511 c 0.98961,-3.53931 1.81509,-7.87105 1.83442,-9.62609 C 176.98419,99.553976 177.45,97.839919 178,97.5 c 0.55,-0.339919 1,-1.889722 1,-3.444007 0,-1.910888 0.80953,-3.356398 2.5,-4.464036 1.375,-0.900935 2.5,-2.096505 2.5,-2.656823 0,-2.839157 4.08897,-5.290219 8.94488,-5.361857 6.2458,-0.09214 7.97859,1.856569 8.02332,9.023085 0.0303,4.858026 -0.64433,6.964823 -5.04292,15.748138 -1.0589,2.11448 -1.92528,5.51597 -1.92528,7.55887 0,2.0429 -0.66069,4.58788 -1.4682,5.6555 -0.8075,1.06762 -1.4825,3.36613 -1.5,5.1078 -0.0175,1.74166 -0.442,3.31666 -0.94335,3.5 -1.03811,0.37961 -1.45828,4.15744 -1.23925,11.14235 0.16023,5.10979 2.1508,5.79501 2.1508,0.74037 0,-2.21227 0.56609,-2.97465 2.58504,-3.48138 5.82764,-1.46264 7.70865,1.02346 7.62727,10.08079 -0.0785,8.73433 -0.52573,9.3512 -6.7797,9.3512 L 189,156 v -4 c 0,-4.22526 -1.43051,-5.36967 -2.5,-2 -1.56162,4.92023 -9.5,-0.0505 -9.5,-5.94859 0,-1.61336 -0.45,-3.21149 -1,-3.55141 -0.55,-0.33992 -1.04486,-2.05398 -1.09968,-3.80902 -0.0548,-1.75504 -0.44488,-4.31598 -0.86679,-5.69098 -0.756,-2.46379 -0.79077,-2.44615 -2.40032,1.21788 -0.89827,2.04484 -1.63999,5.64484 -1.64827,8 -0.0162,4.61127 -1.92621,11.12339 -3.81706,13.01424 -1.31403,1.31403 -1.6806,21.76788 -0.39012,21.76788 0.42777,0 1.54836,-0.9 2.49021,-2 0.94185,-1.1 2.56438,-2 3.60561,-2 1.04124,0 2.19025,-0.7875 2.55336,-1.75 1.88863,-5.00617 3.1095,-6.25 6.13459,-6.25 2.79636,0 3.34637,0.56124 5.83702,5.95615 1.51237,3.27588 3.56609,6.21524 4.56384,6.53191 0.99774,0.31667 2.98937,2.35176 4.42584,4.52241 2.02382,3.0582 2.61177,5.18961 2.61177,9.46809 V 195 h -4.5 -4.5 v 14.09571 c 0,11.59814 -0.30829,14.6176 -1.73992,17.04116 -3.47039,5.8749 -10.10668,4.57966 -13.76008,-2.68563 -1.1,-2.1875 -3.0125,-5.39088 -4.25,-7.11863 -1.2375,-1.72774 -2.25,-3.82188 -2.25,-4.65365 0,-0.83176 -0.5625,-1.70116 -1.25,-1.93199 -0.97534,-0.32748 -0.99242,-0.95005 -0.0778,-2.83333 1.78911,-3.68374 2.44156,-10.34642 1.71124,-17.47475 -0.78574,-7.66935 -2.8008,-8.58824 -5.89651,-2.68889 -1.08231,2.0625 -2.19714,3.975 -2.47741,4.25 -1.15201,1.13037 -3.00957,5.06788 -3.00957,6.37944 0,0.77362 -0.675,1.6656 -1.5,1.98219 -0.94149,0.36128 -1.5,1.89047 -1.5,4.10699 0,3.10014 -0.30529,3.53138 -2.5,3.53138 -1.55556,0 -2.5,0.56667 -2.5,1.5 0,1.1596 1.30621,1.5 5.75589,1.5 5.48413,0 5.82116,0.14746 7.13836,3.12322 1.12312,2.53732 1.17158,4.61449 0.25829,11.07255 -0.6183,4.37213 -1.38212,8.36668 -1.69738,8.87678 C 159.1399,233.58265 156.43352,234 153.44098,234 148.66667,234 148,234.24505 148,236 c 0,1.1 -0.42284,2 -0.93963,2 -0.5168,0 -1.0793,1.6875 -1.25,3.75 -0.24931,3.01222 -0.75304,3.81287 -2.56037,4.06955 -1.2375,0.17575 -2.25,0.96325 -2.25,1.75 0,0.78675 -0.45,1.43045 -1,1.43045 -0.55,0 -1,0.65182 -1,1.44848 0,1.69497 -4.26215,6.55152 -5.74966,6.55152 -0.56118,0 -1.73152,1.08544 -2.60077,2.41208 -1.20022,1.83176 -1.52922,4.63882 -1.3675,11.66749 0.1533,6.66295 -0.13648,9.3719 -1.03456,9.67126 -0.68613,0.22871 -1.24751,1.05334 -1.24751,1.8325 0,0.84445 -1.0098,1.41667 -2.5,1.41667 -1.7971,0 -2.5,-0.53889 -2.5,-1.91667 0,-1.05416 -0.5625,-2.10353 -1.25,-2.33191 -0.88743,-0.29481 -1.34019,-4.01723 -1.56094,-12.83334 -0.31297,-12.49938 -1.46024,-17.62472 -4.06035,-18.13932 C 114.35402,248.62544 104.90254,248.725 94.125421,249 l -19.594755,0.5 -0.572799,3.53397 c -0.31504,1.94368 -0.86015,3.9989 -1.211356,4.56717 -0.978095,1.58259 2.135657,9.62803 4.317775,11.15644 C 78.128929,269.50329 79,270.76289 79,271.5567 79,272.35052 79.45,273 80,273 c 0.55,0 1,1.58945 1,3.53212 0,1.94266 0.675,5.14762 1.5,7.12212 0.825,1.97451 1.5,4.24008 1.5,5.03461 0,0.79452 1.125,2.91954 2.5,4.72226 1.375,1.80272 2.5,3.58234 2.5,3.95472 0,0.91576 5.254453,8.97129 6.37806,9.77812 1.241808,0.8917 0.136052,11.18468 -1.251227,11.64711 C 93.507075,318.99764 93,319.75602 93,320.47634 93,322.41125 90.635528,323 82.864784,323 c -6.103235,0 -7.400952,-0.34255 -10.418183,-2.75 -1.895598,-1.5125 -3.446555,-3.08236 -3.446572,-3.48857 C 68.999976,315.42361 65.581957,312 64.246374,312 c -0.720029,0 -1.568165,0.675 -1.884748,1.5 -0.758157,1.97573 -3.255782,1.90576 -5.532885,-0.15499 -1.706248,-1.54413 -1.970221,-1.52738 -3.940943,0.25 -1.878201,1.69395 -2.060794,2.71166 -1.64817,9.1864 0.346909,5.44357 0.911582,7.60867 2.237201,8.57799 2.543879,1.86013 2.538972,13.86067 -0.0068,16.67374 -2.362978,2.61106 -3.903758,2.48002 -5.855002,-0.49796 z M 87.448611,175.35199 c 2.975215,-0.4078 4.952341,-1.24185 5.333617,-2.25 0.333225,-0.88109 1.193543,-2.19663 1.911818,-2.92342 C 95.412321,169.45179 96,167.98318 96,166.915 c 0,-1.94281 0.285201,-2.67078 3.35721,-8.56929 C 102.61764,152.08542 101.01775,140 96.928571,140 96.417857,140 96,139.37314 96,138.60699 96,137.84083 95.325,136.95496 94.5,136.63837 93.558506,136.27709 93,134.7479 93,132.53138 93,130.58912 92.55,129 92,129 c -0.55,0 -1,-0.62041 -1,-1.37868 0,-3.61067 -15.716333,-4.91301 -18.422896,-1.52662 -0.617749,0.77292 -2.012813,1.90069 -3.100142,2.50616 -1.087329,0.60548 -2.12928,2.40548 -2.315447,4 -0.186167,1.59453 -0.691828,3.34914 -1.123692,3.89914 -0.431863,0.55 -1.094808,4.67624 -1.47321,9.16943 -0.597872,7.09919 -0.411672,8.77602 1.421306,12.79966 1.16012,2.54662 2.76542,4.882 3.567332,5.18972 0.801912,0.30772 1.720919,2.20356 2.042238,4.21298 1.208338,7.55653 4.379519,9.05283 15.853122,7.4802 z M 81,154.5 C 81,153.675 80.636602,153 80.192448,153 79.294229,153 76,146.01805 76,144.11432 c 0,-0.6675 0.67612,-2.52111 1.502489,-4.11913 1.638102,-3.16774 6.429384,-4.73107 10.990938,-3.5862 C 90.750308,136.97544 91,137.53563 91,142.03262 c 0,4.97822 -1.377309,8.74914 -3.75,10.26707 -0.6875,0.43983 -1.25,1.45233 -1.25,2.25 C 86,155.43002 85.017487,156 83.5,156 81.944444,156 81,155.43333 81,154.5 Z m 47.38486,178.28447 c -4.24572,-3.26064 -4.35288,-3.56518 -4.36955,-12.41784 -0.0135,-7.16509 0.21154,-8.19269 1.8902,-8.63167 1.15565,-0.30221 3.31704,-3.39786 5.49249,-7.86663 2.52637,-5.18964 4.77194,-8.23818 7.59449,-10.31016 2.20413,-1.618 4.00751,-3.30242 4.00751,-3.74314 0,-1.56449 3.48411,-8.81503 4.2359,-8.81503 0.42026,0 0.7641,-2.025 0.7641,-4.5 0,-2.475 -0.36601,-4.5 -0.81335,-4.5 -0.44735,0 -1.42399,-1.55626 -2.17031,-3.45837 -0.74633,-1.9021 -1.95532,-3.68797 -2.68665,-3.96861 C 141.59836,264.29238 141,262.7252 141,261.0904 c 0,-1.6348 -0.45,-3.25048 -1,-3.5904 -1.81771,-1.1234 -1.12872,-4.5 0.91821,-4.5 C 143.89871,253 146,251.92203 146,250.39301 146,249.5738 147.02978,249 148.5,249 c 1.57377,0 2.5,0.565 2.5,1.525 0,0.89838 1.24718,1.77444 3.03523,2.13205 3.91773,0.78354 7.80552,7.20271 8.6425,14.26971 0.33427,2.82241 0.99353,5.37007 1.46502,5.66146 1.30456,0.80627 1.02277,10.84626 -0.34275,12.21178 -0.88114,0.88114 -0.90429,1.49571 -0.0871,2.31287 1.25336,1.25336 3.27077,0.38897 3.31855,-1.42189 0.0173,-0.65504 1.20668,-2.04806 2.6431,-3.0956 2.08423,-1.51997 2.9362,-1.66558 4.21858,-0.72097 0.88379,0.65101 2.3944,1.44807 3.3569,1.77125 0.9625,0.32318 1.75,1.21012 1.75,1.97097 0,0.76085 0.42889,1.38337 0.95308,1.38337 2.03049,0 4.23218,7.05345 4.33763,13.89619 0.10139,6.5802 -0.37854,8.45185 -3.91253,15.2581 -0.758,1.45986 -1.37818,3.59736 -1.37818,4.75 0,1.15264 -0.45,2.09571 -1,2.09571 -0.55,0 -1,0.84752 -1,1.88337 0,3.35482 -6.91609,3.17515 -7.04667,-0.18306 -0.0257,-0.66017 -1.89356,-2.10734 -4.15087,-3.21593 -5.03475,-2.47263 -5.35897,-3.06788 -6.93607,-12.73438 -0.69547,-4.2625 -1.52489,-7.75 -1.8432,-7.75 C 156.13053,301 153,304.89947 153,306.01143 153,306.55514 152.60248,307 152.11663,307 c -0.48585,0 -1.10595,0.85117 -1.378,1.89149 -0.33904,1.29649 -1.77098,2.10713 -4.55207,2.57699 -5.0343,0.85054 -7.18656,3.82661 -7.18656,9.93732 0,2.46189 -0.39899,4.72275 -0.88664,5.02414 -0.48765,0.30138 -1.17489,2.08449 -1.5272,3.96246 -0.56791,3.02724 -2.12271,4.6076 -4.53309,4.6076 -0.43084,0 -2.08154,-0.99699 -3.66821,-2.21553 z m -20.1591,-18.22821 c -1.16525,-1.88541 -0.38534,-11.70019 1.19423,-15.0289 1.75495,-3.69827 5.45943,-5.19744 8.63865,-3.49598 1.82344,0.97588 1.98988,1.91652 1.72948,9.77421 L 119.5,314.5 l -5.32402,0.53474 c -3.11601,0.31297 -5.58373,0.11453 -5.95022,-0.47848 z M 24.200145,186.22868 C 22.990065,183.55117 22,181.03539 22,180.63804 22,179.82273 20.737762,178.2376 16.75,174.04506 14.258437,171.42555 14,170.45872 14,163.75703 c 0,-6.76468 0.253735,-7.68995 2.969037,-10.82692 1.632971,-1.88656 3.432971,-3.97362 4,-4.6379 C 21.536067,147.62792 22,146.41698 22,145.60122 c 0,-0.81575 0.45,-1.7613 1,-2.10122 0.55,-0.33992 1,-1.94758 1,-3.57259 0,-1.625 0.406141,-3.73594 0.902536,-4.69098 1.994995,-3.83827 3.339334,-10.27708 2.755354,-13.19698 -0.340212,-1.70106 0.06752,-5.66833 0.906077,-8.81614 C 30.28595,106.75922 29.72897,95.803205 27.389844,90.127876 26.62543,88.273208 26,84.785708 26,82.377876 V 78 h 7.918213 C 42.732082,78 45,77.46005 45,75.361626 c 0,-0.783417 0.675,-1.683417 1.5,-2 C 47.325,73.045044 48,72.159167 48,71.393011 48,70.626855 48.671187,70 49.491526,70 c 0.820339,0 2.053586,-0.9 2.740547,-2 0.686961,-1.1 2.117841,-2 3.179733,-2 1.061892,0 2.764279,-0.754367 3.783082,-1.676371 1.420061,-1.285138 2.126912,-1.401829 3.028741,-0.5 1.541179,1.541179 3.629801,1.49371 5.0978,-0.115861 1.765728,-1.936013 3.663214,-4.9891 4.324235,-6.957768 C 71.968843,55.7875 72.630779,55 73.116631,55 73.602484,55 74,54.3801 74,53.622445 c 0,-0.757656 0.589286,-1.86662 1.309526,-2.464365 0.720239,-0.597746 1.941107,-3.406174 2.713041,-6.240952 0.984836,-3.616621 2.096752,-5.470002 3.727414,-6.212981 3.389809,-1.5445 5.18762,0.77972 6.212696,8.031805 0.905454,6.405802 3.124573,10.832704 5.876783,11.723549 2.723424,0.881526 4.240284,5.239985 2.912573,8.368819 C 95.24464,70.380583 91.980944,74 90.285193,74 c -0.751398,0 -2.725443,1.004948 -4.386767,2.233218 -2.880115,2.129361 -3.153809,2.15676 -5.885204,0.589155 -2.66124,-1.527342 -2.965592,-1.526151 -4.286919,0.01678 C 74.944036,77.75262 74.024722,79.2875 73.683384,80.25 73.342046,81.2125 72.196791,82 71.138374,82 c -1.058418,0 -2.183418,0.675 -2.5,1.5 -0.369572,0.963089 -1.929117,1.505481 -4.356989,1.515313 -4.601076,0.01863 -5.26682,0.467678 -7.772667,5.242681 -1.084675,2.066897 -3.442867,5.411141 -5.240427,7.431653 C 49.470731,99.710159 48,102.155 48,103.12264 c 0,0.96763 -0.45,2.03744 -1,2.37736 -0.55,0.33992 -1,1.85547 -1,3.36789 0,1.51242 -0.660688,3.62336 -1.468197,4.69098 -0.807508,1.06762 -1.482508,2.95363 -1.5,4.19113 C 43.014312,118.9875 42.55,120 42,120 c -0.55,0 -1,1.06842 -1,2.37427 0,1.30585 -0.675,4.28743 -1.5,6.62573 -0.825,2.3383 -1.5,5.76988 -1.5,7.62573 C 38,138.48158 37.55,140 37,140 c -0.55,0 -1,0.81 -1,1.8 0,0.99 -0.501923,2.30192 -1.115384,2.91538 -0.815373,0.81538 -0.826683,3.76066 -0.04205,10.95 1.168297,10.70471 1.332351,25.23964 0.302877,26.83462 -0.354995,0.55 -1.107238,2.575 -1.671651,4.5 -0.845791,2.88468 -1.557783,3.55247 -4.049855,3.79843 -2.74764,0.27119 -3.224488,-0.14595 -5.223795,-4.56975 z\";\n"},{"path":"components/ui/warcraftcn/styles/warcraft.css","type":"registry:component","target":"components/ui/warcraftcn/styles/warcraft.css","content":"@import url(\"https://fonts.googleapis.com/css2?family=Cinzel:wght@400;700&display=swap\");\n\n.fantasy {\n font-family: \"Cinzel\", serif;\n line-height: 1.5;\n letter-spacing: 0.5px;\n}\n\n/* Border-image classes for responsive frames */\n.wc-btn-border {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/button-bg.webp\");\n}\n\n.wc-btn-border-sm {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/button-bg-sm.webp\");\n}\n\n.wc-btn-border-frame {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/button-bg-with-frame.webp\");\n}\n\n.wc-btn-border-frame-sm {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/button-bg-with-frame-sm.webp\");\n}\n\n.wc-card-border {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/card-bg.webp\");\n}\n\n.wc-input-border {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/input-frame.webp\");\n}\n\n.wc-dropdown-border {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/dropdown-menu-bg.webp\");\n}\n\n.wc-textarea-border {\n border-image-source: url(\"https://warcraftcn.com/warcraftcn/textarea-bg.webp\");\n}\n\n/* Legacy background-image classes (kept for compatibility) */\n.wc-btn-bg {\n background-image: url(\"https://warcraftcn.com/warcraftcn/button-bg.webp\");\n}\n\n.wc-card-bg {\n background-image: url(\"https://warcraftcn.com/warcraftcn/card-bg.webp\");\n}\n\n/* ============================================\n SKELETON BASE & FACTION VARIANTS\n ============================================ */\n\n/* Base skeleton - neutral/default */\n.wc-skeleton {\n background: linear-gradient(\n 135deg,\n hsl(35 10% 12%) 0%,\n hsl(35 8% 18%) 50%,\n hsl(35 10% 14%) 100%\n );\n box-shadow:\n inset 0 1px 0 hsl(35 10% 25% / 0.3),\n inset 0 -1px 0 hsl(35 10% 8% / 0.5),\n 0 2px 8px hsl(0 0% 0% / 0.4);\n}\n\n/* Orc variant - red/brown warrior theme */\n.wc-skeleton-orc {\n background: linear-gradient(\n 135deg,\n hsl(0 30% 12%) 0%,\n hsl(10 25% 18%) 50%,\n hsl(0 30% 14%) 100%\n );\n box-shadow:\n inset 0 1px 0 hsl(10 30% 25% / 0.3),\n inset 0 -1px 0 hsl(0 30% 8% / 0.5),\n 0 2px 8px hsl(10 50% 10% / 0.5);\n}\n\n/* Elf variant - teal/nature theme */\n.wc-skeleton-elf {\n background: linear-gradient(\n 135deg,\n hsl(170 35% 12%) 0%,\n hsl(175 30% 18%) 50%,\n hsl(170 35% 14%) 100%\n );\n box-shadow:\n inset 0 1px 0 hsl(175 35% 25% / 0.3),\n inset 0 -1px 0 hsl(170 35% 8% / 0.5),\n 0 2px 8px hsl(175 40% 10% / 0.5);\n}\n\n/* Human variant - blue/gold royal theme */\n.wc-skeleton-human {\n background: linear-gradient(\n 135deg,\n hsl(220 40% 15%) 0%,\n hsl(225 35% 20%) 50%,\n hsl(220 40% 17%) 100%\n );\n box-shadow:\n inset 0 1px 0 hsl(225 40% 28% / 0.3),\n inset 0 -1px 0 hsl(220 40% 10% / 0.5),\n 0 2px 8px hsl(220 50% 10% / 0.5);\n}\n\n/* Undead variant - purple/dark necromantic theme */\n.wc-skeleton-undead {\n background: linear-gradient(\n 135deg,\n hsl(270 25% 10%) 0%,\n hsl(275 20% 15%) 50%,\n hsl(270 25% 12%) 100%\n );\n box-shadow:\n inset 0 1px 0 hsl(275 25% 22% / 0.3),\n inset 0 -1px 0 hsl(270 25% 6% / 0.5),\n 0 2px 8px hsl(270 40% 8% / 0.6);\n}\n\n/* ============================================\n SHIMMER ANIMATIONS\n ============================================ */\n\n@keyframes wc-shimmer {\n 0% {\n transform: translateX(-100%) skewX(-15deg);\n }\n 100% {\n transform: translateX(200%) skewX(-15deg);\n }\n}\n\n/* Base shimmer - shared properties */\n.wc-skeleton-shimmer {\n position: absolute;\n inset: 0;\n animation: wc-shimmer 2.5s ease-in-out infinite;\n pointer-events: none;\n}\n\n/* Default shimmer - gold */\n.wc-skeleton .wc-skeleton-shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n hsl(45 100% 50% / 0.08) 20%,\n hsl(40 100% 60% / 0.15) 40%,\n hsl(35 100% 55% / 0.2) 50%,\n hsl(40 100% 60% / 0.15) 60%,\n hsl(45 100% 50% / 0.08) 80%,\n transparent 100%\n );\n}\n\n/* Orc shimmer - fiery red-orange */\n.wc-skeleton-orc .wc-skeleton-shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n hsl(10 100% 50% / 0.08) 20%,\n hsl(15 100% 60% / 0.15) 40%,\n hsl(20 100% 55% / 0.2) 50%,\n hsl(15 100% 60% / 0.15) 60%,\n hsl(10 85% 50% / 0.08) 80%,\n transparent 100%\n );\n}\n\n/* Elf shimmer - moonlight silver-teal */\n.wc-skeleton-elf .wc-skeleton-shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n hsl(180 80% 60% / 0.08) 20%,\n hsl(185 70% 65% / 0.15) 40%,\n hsl(190 60% 70% / 0.2) 50%,\n hsl(185 70% 65% / 0.15) 60%,\n hsl(180 80% 60% / 0.08) 80%,\n transparent 100%\n );\n}\n\n/* Human shimmer - bright blue/cyan */\n.wc-skeleton-human .wc-skeleton-shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n hsl(200 80% 60% / 0.08) 20%,\n hsl(210 70% 65% / 0.15) 40%,\n hsl(220 60% 70% / 0.2) 50%,\n hsl(210 70% 65% / 0.15) 60%,\n hsl(200 80% 60% / 0.08) 80%,\n transparent 100%\n );\n}\n\n/* Undead shimmer - sickly purple */\n.wc-skeleton-undead .wc-skeleton-shimmer {\n background: linear-gradient(\n 90deg,\n transparent 0%,\n hsl(280 70% 50% / 0.08) 20%,\n hsl(285 60% 55% / 0.15) 40%,\n hsl(290 50% 60% / 0.2) 50%,\n hsl(285 60% 55% / 0.15) 60%,\n hsl(280 70% 50% / 0.08) 80%,\n transparent 100%\n );\n}\n\n/* ============================================\n FACTION ICON PATTERNS\n ============================================ */\n\n@keyframes wc-icon-pulse {\n 0%,\n 100% {\n opacity: 0.03;\n }\n 50% {\n opacity: 0.08;\n }\n}\n\n/* Base icons - shared properties */\n.wc-skeleton-icons {\n position: absolute;\n inset: 0;\n animation: wc-icon-pulse 3s ease-in-out infinite;\n pointer-events: none;\n}\n\n/* Default icons - ancient runes */\n.wc-skeleton .wc-skeleton-icons {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cpath d='M30 5 L35 15 L30 25 L25 15 Z M10 30 L20 35 L10 40 Z M50 30 L40 35 L50 40 Z M30 35 L35 45 L30 55 L25 45 Z' fill='%23d4a853' fill-opacity='0.5'/%3E%3C/svg%3E\");\n background-size: 40px 40px;\n}\n\n/* Orc icons - realistic axe (like 🪓) */\n.wc-skeleton-orc .wc-skeleton-icons {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23d4624a' fill-opacity='0.5'%3E%3C!-- Wooden handle (centered at 30) --%3E%3Crect x='28' y='15' width='4' height='30' rx='2' fill='%23703010'/%3E%3C!-- Axe blade (curved single blade) --%3E%3Cpath d='M20 20 Q18 25 20 30 L28 30 L28 20 Z' fill='%23d4624a'/%3E%3C!-- Blade edge (darker) --%3E%3Cpath d='M20 20 Q18 25 20 30' stroke='%23902010' stroke-width='1.2' fill='none'/%3E%3C!-- Small back spike --%3E%3Cpath d='M32 23 L36 25 L32 27 Z' fill='%23a04020'/%3E%3C/g%3E%3C/svg%3E\");\n background-size: 35px 35px;\n}\n\n/* Elf icons - realistic flowing leaves (like 🍃) */\n.wc-skeleton-elf .wc-skeleton-icons {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%235aaaa5' fill-opacity='0.5'%3E%3C!-- Center leaf (simple flowing shape) --%3E%3Cpath d='M30 18 Q28 20 26 25 Q28 30 30 32 Q32 30 34 25 Q32 20 30 18 Z' fill='%235aaaa5'/%3E%3Cline x1='30' y1='18' x2='30' y2='32' stroke='%234a9a95' stroke-width='0.8'/%3E%3C!-- Left leaf --%3E%3Cpath d='M20 22 Q18 24 17 28 Q19 32 20 33 Q21 32 23 28 Q22 24 20 22 Z' fill='%235aaaa5' opacity='0.85'/%3E%3Cline x1='20' y1='22' x2='20' y2='33' stroke='%234a9a95' stroke-width='0.6' opacity='0.7'/%3E%3C!-- Right leaf --%3E%3Cpath d='M40 22 Q38 24 37 28 Q39 32 40 33 Q41 32 43 28 Q42 24 40 22 Z' fill='%235aaaa5' opacity='0.85'/%3E%3Cline x1='40' y1='22' x2='40' y2='33' stroke='%234a9a95' stroke-width='0.6' opacity='0.7'/%3E%3C/g%3E%3C/svg%3E\");\n background-size: 35px 35px;\n}\n\n/* Human icons - detailed kite shield */\n.wc-skeleton-human .wc-skeleton-icons {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%235a8ac4' fill-opacity='0.5'%3E%3C!-- Shield (centered at 30) --%3E%3Cpath d='M30 12 L40 17 L40 32 Q40 38 30 45 Q20 38 20 32 L20 17 Z' fill='%235a8ac4' stroke='%234a7ab4' stroke-width='1.2'/%3E%3C!-- Shield boss --%3E%3Ccircle cx='30' cy='27' r='3.5' fill='%234a7ab4' opacity='0.7'/%3E%3C!-- Cross --%3E%3Cline x1='30' y1='17' x2='30' y2='40' stroke='%234a7ab4' stroke-width='1.5' opacity='0.4'/%3E%3Cline x1='23' y1='27' x2='37' y2='27' stroke='%234a7ab4' stroke-width='1.5' opacity='0.4'/%3E%3C!-- Shine --%3E%3Cpath d='M25 20 Q27.5 19 30 20' stroke='%236a9ad4' stroke-width='0.8' fill='none' opacity='0.5'/%3E%3C/g%3E%3C/svg%3E\");\n background-size: 35px 35px;\n}\n\n/* Undead icons - detailed skull */\n.wc-skeleton-undead .wc-skeleton-icons {\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' viewBox='0 0 60 60'%3E%3Cg fill='%23a68ac4' fill-opacity='0.5'%3E%3Cpath d='M30 10 Q40 10 45 18 Q50 26 48 35 L42 35 Q42 38 40 40 L35 40 L35 45 L32 48 L28 48 L25 45 L25 40 L20 40 Q18 38 18 35 L12 35 Q10 26 15 18 Q20 10 30 10 M22 22 Q22 26 25 26 Q28 26 28 22 Q28 18 25 18 Q22 18 22 22 M32 22 Q32 26 35 26 Q38 26 38 22 Q38 18 35 18 Q32 18 32 22 M25 32 L28 35 L30 33 L32 35 L35 32'/%3E%3C/g%3E%3C/svg%3E\");\n background-size: 45px 45px;\n}\n\n/* ============================================\n SPINNER\n ============================================ */\n\n@keyframes wc-spinner-core-light {\n 0%,\n 100% {\n opacity: 0.2;\n color: rgb(52 178 108 / 0.2);\n }\n 25% {\n opacity: 0.62;\n color: rgb(56 186 114 / 0.62);\n }\n 50% {\n opacity: 0.98;\n color: rgb(70 206 130 / 0.98);\n }\n 75% {\n opacity: 0.64;\n color: rgb(57 190 116 / 0.64);\n }\n}\n\n@keyframes wc-spinner-core-dark {\n 0%,\n 100% {\n opacity: 0.2;\n color: rgb(102 255 153 / 0.2);\n }\n 25% {\n opacity: 0.62;\n color: rgb(110 255 159 / 0.62);\n }\n 50% {\n opacity: 0.98;\n color: rgb(136 255 176 / 0.98);\n }\n 75% {\n opacity: 0.64;\n color: rgb(112 255 161 / 0.64);\n }\n}\n\n@keyframes wc-spinner-glow-light {\n 0%,\n 100% {\n opacity: 0.08;\n filter: blur(1.2px) drop-shadow(0 0 2px rgb(52 178 108 / 0.12))\n drop-shadow(0 0 5px rgb(52 178 108 / 0.06));\n }\n 25% {\n opacity: 0.24;\n filter: blur(1.6px) drop-shadow(0 0 6px rgb(56 186 114 / 0.28))\n drop-shadow(0 0 14px rgb(56 186 114 / 0.14));\n }\n 50% {\n opacity: 0.52;\n filter: blur(2.2px) drop-shadow(0 0 10px rgb(70 206 130 / 0.42))\n drop-shadow(0 0 20px rgb(70 206 130 / 0.2));\n }\n 75% {\n opacity: 0.26;\n filter: blur(1.7px) drop-shadow(0 0 7px rgb(57 190 116 / 0.3))\n drop-shadow(0 0 15px rgb(57 190 116 / 0.14));\n }\n}\n\n@keyframes wc-spinner-glow-dark {\n 0%,\n 100% {\n opacity: 0.08;\n filter: blur(1.2px) drop-shadow(0 0 2px rgb(102 255 153 / 0.12))\n drop-shadow(0 0 5px rgb(102 255 153 / 0.06));\n }\n 25% {\n opacity: 0.24;\n filter: blur(1.6px) drop-shadow(0 0 6px rgb(110 255 159 / 0.28))\n drop-shadow(0 0 14px rgb(110 255 159 / 0.14));\n }\n 50% {\n opacity: 0.52;\n filter: blur(2.2px) drop-shadow(0 0 10px rgb(130 255 172 / 0.42))\n drop-shadow(0 0 20px rgb(130 255 172 / 0.2));\n }\n 75% {\n opacity: 0.26;\n filter: blur(1.7px) drop-shadow(0 0 7px rgb(112 255 161 / 0.3))\n drop-shadow(0 0 15px rgb(112 255 161 / 0.14));\n }\n}\n\n.wc-spinner {\n background: transparent;\n color: rgb(52 178 108 / 0.95);\n overflow: visible;\n}\n\n.dark .wc-spinner {\n color: rgb(102 255 153 / 0.95);\n}\n\n@keyframes wc-spinner-flicker {\n 0%,\n 100% {\n transform: translateY(0) scale(1);\n }\n 50% {\n transform: translateY(-0.03px) scale(1.0007);\n }\n}\n\n.wc-spinner-wrap {\n transform-origin: center;\n animation: wc-spinner-flicker 3400ms linear infinite;\n}\n\n.wc-spinner-core {\n transform-origin: center;\n animation: wc-spinner-core-light 2600ms linear infinite;\n}\n\n.wc-spinner-glow {\n transform-origin: center;\n animation: wc-spinner-glow-light 2600ms linear infinite;\n}\n\n.dark .wc-spinner-core {\n animation-name: wc-spinner-core-dark;\n}\n\n.dark .wc-spinner-glow {\n animation-name: wc-spinner-glow-dark;\n}\n\n/* ============================================\n ACCESSIBILITY\n ============================================ */\n\n@media (prefers-reduced-motion: reduce) {\n .wc-spinner-wrap,\n .wc-spinner-core,\n .wc-spinner-glow,\n .dark .wc-spinner-wrap,\n .dark .wc-spinner-core,\n .dark .wc-spinner-glow {\n animation: none;\n }\n\n .wc-spinner-core,\n .dark .wc-spinner-core {\n opacity: 1;\n }\n\n .wc-spinner-glow,\n .dark .wc-spinner-glow {\n opacity: 0.35;\n }\n\n .wc-skeleton-shimmer {\n animation: none;\n }\n\n .wc-skeleton-icons {\n animation: none;\n }\n}\n\n.clip-path-banner {\n clip-path: polygon(0% 0%, 100% 0%, 100% 85%, 50% 100%, 0% 85%);\n}\n\n/* ============================================\n TOOLTIP — Item Quality / Rarity Variants\n ============================================ */\n\n/* Shared tooltip background */\n.wc-tooltip-base {\n background: linear-gradient(180deg, hsl(35 15% 8%) 0%, hsl(35 10% 5%) 100%);\n}\n\n/* Default — gold/amber (Common) */\n.wc-tooltip {\n border: 1px solid hsl(45 60% 35%);\n box-shadow:\n inset 0 0 8px hsl(45 50% 25% / 0.12),\n 0 4px 20px hsl(0 0% 0% / 0.7);\n}\n\n/* Uncommon — muted green */\n.wc-tooltip-uncommon {\n border: 1px solid hsl(120 35% 32%);\n box-shadow:\n inset 0 0 8px hsl(120 30% 28% / 0.12),\n 0 4px 20px hsl(0 0% 0% / 0.7);\n}\n\n/* Rare — muted blue */\n.wc-tooltip-rare {\n border: 1px solid hsl(220 50% 42%);\n box-shadow:\n inset 0 0 8px hsl(220 45% 38% / 0.12),\n 0 4px 20px hsl(0 0% 0% / 0.7);\n}\n\n/* Epic — muted purple */\n.wc-tooltip-epic {\n border: 1px solid hsl(280 40% 42%);\n box-shadow:\n inset 0 0 10px hsl(280 35% 38% / 0.15),\n 0 4px 20px hsl(0 0% 0% / 0.7);\n}\n\n/* Legendary — warm muted orange */\n.wc-tooltip-legendary {\n border: 1px solid hsl(30 70% 40%);\n box-shadow:\n inset 0 0 10px hsl(30 60% 35% / 0.15),\n 0 4px 20px hsl(0 0% 0% / 0.7);\n}\n\n/* ============================================\n Avatar FACTION VARIANTS\n ============================================ */\n\n.wc-avatar-default {\n --wc-frame-url: url(\"https://warcraftcn.com/warcraftcn/avatar-default.webp\");\n}\n\n.wc-avatar-human {\n --wc-frame-url: url(\"https://warcraftcn.com/warcraftcn/avatar-human.webp\");\n}\n\n.wc-avatar-elf {\n --wc-frame-url: url(\"https://warcraftcn.com/warcraftcn/avatar-elf.webp\");\n}\n\n.wc-avatar-orc {\n --wc-frame-url: url(\"https://warcraftcn.com/warcraftcn/avatar-orc.webp\");\n}\n\n.wc-avatar-undead {\n --wc-frame-url: url(\"https://warcraftcn.com/warcraftcn/avatar-undead.webp\");\n}\n\n.wc-avatar-frame {\n background-image: var(--wc-frame-url);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n}\n\n/* ============================================\n Cursor FACTION VARIANTS\n ============================================ */\n\n.wc-orc-cursor,\n.wc-orc-cursor * {\n cursor: url(\"../assets/cursors/orc.cur\"), auto;\n}\n\n.wc-human-cursor,\n.wc-human-cursor * {\n cursor: url(\"../assets/cursors/human.cur\"), auto;\n}\n\n.wc-elf-cursor,\n.wc-elf-cursor * {\n cursor: url(\"../assets/cursors/elf.cur\"), auto;\n}\n\n.wc-undead-cursor,\n.wc-undead-cursor * {\n cursor: url(\"../assets/cursors/undead.cur\"), auto;\n}\n\n/* checkbox.css */\n.wc-checkbox {\n all: unset;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 48px;\n height: 48px;\n border: 2px solid transparent;\n border-radius: 4px;\n cursor: pointer;\n background-position: center;\n background-repeat: no-repeat;\n background-size: contain;\n flex-shrink: 0;\n transition: border-color 0.15s ease;\n}\n\n.wc-checkbox:focus-visible {\n outline: none;\n border-color: hsl(45 100% 60%);\n box-shadow: 0 0 0 3px hsl(45 100% 60% / 0.4);\n}\n\n.wc-checkbox[data-disabled] {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.wc-checkbox-default {\n background-image: url(\"../assets/checkbox-default.webp\");\n}\n.wc-checkbox-default[data-state=\"checked\"] {\n background-image: url(\"../assets/checkbox-default-checked.webp\");\n}\n\n/* Human faction */\n.wc-checkbox-human {\n background-image: url(\"../assets/checkbox-human.webp\");\n}\n.wc-checkbox-human[data-state=\"checked\"] {\n background-image: url(\"../assets/checkbox-human-checked.webp\");\n}\n\n/* Orc faction */\n.wc-checkbox-orc {\n background-image: url(\"../assets/checkbox-orc.webp\");\n}\n.wc-checkbox-orc[data-state=\"checked\"] {\n background-image: url(\"../assets/checkbox-orc-checked.webp\");\n}\n\n/* Elf faction */\n.wc-checkbox-elf {\n background-image: url(\"../assets/checkbox-elf.webp\");\n}\n.wc-checkbox-elf[data-state=\"checked\"] {\n background-image: url(\"../assets/checkbox-elf-checked.webp\");\n}\n\n/* Undead faction */\n.wc-checkbox-undead {\n background-image: url(\"../assets/checkbox-undead.webp\");\n}\n.wc-checkbox-undead[data-state=\"checked\"] {\n background-image: url(\"../assets/checkbox-undead-checked.webp\");\n}\n\n/* ============================================\n RADIO GROUP — Gem Socket Rune Style\n ============================================ */\n\n/* Base gem socket - dark stone with metallic border */\n.wc-radio-socket {\n all: unset;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 22px;\n height: 22px;\n border-radius: 50%;\n cursor: pointer;\n flex-shrink: 0;\n\n /* Dark stone socket */\n background: radial-gradient(\n circle at 40% 35%,\n hsl(35 8% 18%) 0%,\n hsl(35 6% 10%) 70%,\n hsl(35 4% 6%) 100%\n );\n\n /* Metallic border ring */\n box-shadow:\n inset 0 1px 3px hsl(0 0% 0% / 0.6),\n inset 0 -1px 1px hsl(35 20% 30% / 0.2),\n 0 0 0 1.5px hsl(35 15% 28%),\n 0 0 0 2.5px hsl(35 10% 15%);\n transition:\n box-shadow 0.2s ease,\n background 0.2s ease;\n}\n\n/* Focus — gold magical glow */\n.wc-radio-socket:focus-visible {\n outline: none;\n box-shadow:\n inset 0 1px 3px hsl(0 0% 0% / 0.6),\n inset 0 -1px 1px hsl(35 20% 30% / 0.2),\n 0 0 0 1.5px hsl(45 70% 50%),\n 0 0 0 3px hsl(45 80% 50% / 0.35),\n 0 0 12px hsl(45 100% 60% / 0.3);\n}\n\n/* Disabled */\n.wc-radio-socket[data-disabled],\n.wc-radio-socket:disabled {\n opacity: 0.4;\n cursor: not-allowed;\n}\n\n/* Gem indicator (selected state) */\n\n.wc-radio-gem {\n display: block;\n width: 10px;\n height: 10px;\n border-radius: 50%;\n\n /* Gold/amber gem gradient */\n background: radial-gradient(\n circle at 40% 35%,\n hsl(48 100% 78%) 0%,\n hsl(43 100% 60%) 40%,\n hsl(38 90% 45%) 75%,\n hsl(30 80% 35%) 100%\n );\n\n /* Glow effect */\n box-shadow:\n 0 0 4px hsl(45 100% 55% / 0.8),\n 0 0 10px hsl(45 100% 50% / 0.4),\n inset 0 -1px 2px hsl(30 80% 30% / 0.4),\n inset 0 1px 1px hsl(50 100% 85% / 0.5);\n animation: wc-gem-pulse 2.5s ease-in-out infinite;\n}\n\n/* Subtle pulse for living gem feel */\n@keyframes wc-gem-pulse {\n 0%, 100% {\n box-shadow:\n 0 0 4px hsl(45 100% 55% / 0.8),\n 0 0 10px hsl(45 100% 50% / 0.4),\n inset 0 -1px 2px hsl(30 80% 30% / 0.4),\n inset 0 1px 1px hsl(50 100% 85% / 0.5);\n }\n 50% {\n box-shadow:\n 0 0 6px hsl(45 100% 55% / 1),\n 0 0 16px hsl(45 100% 50% / 0.55),\n inset 0 -1px 2px hsl(30 80% 30% / 0.4),\n inset 0 1px 1px hsl(50 100% 85% / 0.5);\n }\n}\n\n@media (prefers-reduced-motion: reduce) {\n .wc-radio-gem {\n animation: none;\n }\n}\n\n/* ============================================\n ACCORDION\n ============================================ */\n\n.wc-accordion-medieval-icon--sword {\n background-image: url(\"../assets/svg/sword.svg\");\n filter: brightness(0) saturate(100%) invert(83%) sepia(38%) saturate(1148%)\n hue-rotate(349deg) brightness(102%) contrast(101%);\n}\n\n.wc-accordion-medieval-icon--shield {\n background-image: url(\"../assets/svg/shield.svg\");\n filter: brightness(0) saturate(100%) invert(66%) sepia(30%) saturate(965%)\n hue-rotate(171deg) brightness(92%) contrast(88%);\n}\n\n.wc-accordion-medieval-icon--rune-stone {\n background-image: url(\"../assets/svg/rune-stone.svg\");\n filter: brightness(0) saturate(100%) invert(66%) sepia(18%) saturate(951%)\n hue-rotate(253deg) brightness(94%) contrast(91%);\n}\n\n@keyframes wc-light-sweep {\n from {\n transform: translateX(-100%);\n opacity: 1;\n }\n to {\n transform: translateX(100%);\n opacity: 0;\n }\n}\n\n@keyframes wc-accordion-down {\n from {\n height: 0;\n }\n to {\n height: var(--radix-accordion-content-height);\n }\n}\n\n@keyframes wc-accordion-up {\n from {\n height: var(--radix-accordion-content-height);\n }\n to {\n height: 0;\n }\n}\n\n.wc-accordion-content-border {\n border-image-source: url(\"../assets/accordion-content-bg.webp\");\n}\n\n.wc-accordion-header-border {\n border-image-source: url(\"../assets/accordion-header.webp\");\n}\n/* Default Tab Faction */\n\n/* TAB BUTTON */\n.wc-tabs-default .wc-tab-trigger {\n background-image: url(\"../assets/tabs/tab-list.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n text-overflow: ellipsis;\n height: 50px;\n}\n\n.wc-tab-trigger:focus-visible {\n outline: 2px solid hsl(45 100% 60%);\n outline-offset: 2px;\n}\n\n/* HOVER LIFT */\n.wc-tab-trigger:hover {\n filter: brightness(1.25);\n}\n\n/* ACTIVE TAB */\n.wc-tabs-default .wc-tab-trigger[data-state=\"active\"] {\n background-image: url(\"../assets/tabs/tab-list-active.webp\");\n}\n\n/* CONTENT PANEL */\n.wc-tabs-default .wc-tab-content {\n background-image: url(\"../assets/tabs/tab-content.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n height: 300px;\n}\n\n/* Human Tab Faction */\n\n/* TAB BUTTON */\n.wc-tabs-human .wc-tab-trigger {\n background-image: url(\"../assets/tabs/tab-list-human.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n text-overflow: ellipsis;\n}\n\n/* ACTIVE TAB */\n.wc-tabs-human .wc-tab-trigger[data-state=\"active\"] {\n background-image: url(\"../assets/tabs/tab-list-active-human.webp\");\n}\n\n/* CONTENT PANEL */\n.wc-tabs-human .wc-tab-content {\n background-image: url(\"../assets/tabs/tab-content-human.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n height: 300px;\n}\n\n/* Orc Tab Faction */\n\n/* TAB BUTTON */\n.wc-tabs-orc .wc-tab-trigger {\n background-image: url(\"../assets/tabs/tab-list-orc.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n text-overflow: ellipsis;\n}\n\n/* ACTIVE TAB */\n.wc-tabs-orc .wc-tab-trigger[data-state=\"active\"] {\n background-image: url(\"../assets/tabs/tab-list-active-orc.webp\");\n}\n\n/* CONTENT PANEL */\n.wc-tabs-orc .wc-tab-content {\n background-image: url(\"../assets/tabs/tab-content-orc.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n height: 300px;\n}\n\n/* Elf Tab Faction */\n\n/* TAB BUTTON */\n.wc-tabs-elf .wc-tab-trigger {\n background-image: url(\"../assets/tabs/tab-list-elf.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n text-overflow: ellipsis;\n color: var(--color-black);\n}\n\n/* ACTIVE TAB */\n.wc-tabs-elf .wc-tab-trigger[data-state=\"active\"] {\n background-image: url(\"../assets/tabs/tab-list-active-elf.webp\");\n}\n\n/* CONTENT PANEL */\n.wc-tabs-elf .wc-tab-content {\n background-image: url(\"../assets/tabs/tab-content-elf.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n height: 300px;\n}\n\n/* Undead Tab Faction */\n\n/* TAB BUTTON */\n.wc-tabs-undead .wc-tab-trigger {\n background-image: url(\"../assets/tabs/tab-list-undead.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n text-overflow: ellipsis;\n color: var(--color-black);\n}\n\n/* ACTIVE TAB */\n.wc-tabs-undead .wc-tab-trigger[data-state=\"active\"] {\n background-image: url(\"../assets/tabs/tab-list-active-undead.webp\");\n}\n\n/* CONTENT PANEL */\n.wc-tabs-undead .wc-tab-content {\n background-image: url(\"../assets/tabs/tab-content-undead.webp\");\n background-size: 100% 100%;\n background-repeat: no-repeat;\n height: 300px;\n}\n\n.no-scrollbar {\n -ms-overflow-style: none;\n /* IE and Edge */\n scrollbar-width: none;\n /* Firefox */\n}\n\n.no-scrollbar::-webkit-scrollbar {\n display: none;\n /* Chrome, Safari and Opera */\n}\n\n/* Label and Content */\n.tab-label-base {\n position: relative;\n z-index: 2;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n display: inline-block;\n}\n\n.tab-label-vertical {\n justify-content: flex-start;\n text-align: left;\n width: 100%;\n}\n\n .scroll-handle-default {\n background-image: url('../assets/toast/scroll-handle.png');\n background-size: 100% 100%;\n }\n\n .scroll-handle-human {\n background-image: url('../assets/toast/scroll-handle-human.png');\n background-size: 100% 100%;\n }\n\n .scroll-handle-undead {\n background-image: url('../assets/toast/scroll-handle-undead.png');\n background-size: 100% 100%;\n }\n\n .scroll-handle-orc {\n background-image: url('../assets/toast/scroll-handle-orc.png');\n background-size: 100% 100%;\n }\n\n .scroll-handle-elf {\n background-image: url('../assets/toast/scroll-handle-elf.png');\n background-size: 100% 100%;\n }\n\n .scroll-handle-flip {\n transform: scaleX(-1);\n }\n\n .scroll-center-default {\n background-image: url('../assets/toast/scroll-content.webp');\n background-size: 100% 100%;\n }\n\n .scroll-center-human {\n background-image: url('../assets/toast/scroll-content-human.webp');\n background-size: 100% 100%;\n }\n\n .scroll-center-undead {\n background-image: url('../assets/toast/scroll-content-undead.webp');\n background-size: 100% 100%;\n }\n\n .scroll-center-orc {\n background-image: url('../assets/toast/scroll-content-orc.webp');\n background-size: 100% 100%;\n }\n\n .scroll-center-elf {\n background-image: url('../assets/toast/scroll-content-elf.webp');\n background-size: 100% 100%;\n }"}]}